.generator-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start;margin-bottom:70px}.generator-form,.generator-results{min-width:0;padding:30px;border:1px solid var(--line);border-radius:8px}.generator-form{background:var(--blue)}.generator-layout h2{font-size:29px;letter-spacing:-.8px}.generator-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.generator-fields label{display:flex;flex-direction:column;font-size:13px;gap:7px;font-weight:600;min-width:0}.generator-fields input,.generator-fields textarea,.generator-output textarea{width:100%;border:1px solid #a7bdc7;border-radius:4px;background:white;color:var(--ink);padding:12px;font:inherit;font-weight:400;line-height:1.5;min-width:0}.generator-fields input{font-size:15px}.generator-fields textarea{font-size:14px;resize:vertical}.generator-pair{border:0;padding:0;margin:27px 0 0;min-width:0}.generator-pair legend{font-size:15px;font-weight:700;padding:0;margin-bottom:12px}.generator-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:24px}.text-button{background:none;border:0;color:var(--muted);text-decoration:underline;text-underline-offset:4px;padding:10px 0;font-size:14px}.generator-privacy{font-size:12px;color:var(--muted);margin:20px 0 0}.generator-output{margin:24px 0}.output-heading{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-bottom:12px}.output-heading label{font-size:14px;font-weight:700}.generator-output textarea{resize:vertical;font-size:15px;min-height:310px}.generator-output .button{font-size:12px;padding:9px 13px}.generator-results{scroll-margin-top:100px}.generator-results .eyebrow{color:#557680}.tool-explanation{max-width:850px;margin:auto}.tool-explanation h2{margin-top:40px}.tool-overview{background:var(--blue);max-width:none}.tool-overview>div{max-width:1156px;margin-left:auto;margin-right:auto}.tool-overview .guide-card{background:white}.sample-grid{gap:70px;grid-template-columns:1fr 1fr;align-items:start}.sample-viewer{min-width:0;max-width:480px;justify-self:center;width:100%}.sample-viewer .sample-preview{max-width:365px;margin:0 auto}.sample-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.sample-navigation button,.sample-pages button{background:transparent;color:white;border:1px solid #72929b;border-radius:4px;padding:8px 12px;font-size:13px}.sample-navigation span{font-size:11px;text-align:center;color:#d2e1e6}.sample-navigation button:disabled{opacity:.4;cursor:default}.sample-pages{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.sample-pages button.is-active{background:var(--accent);border-color:var(--accent);color:var(--ink)}input:focus-visible,textarea:focus-visible{outline:3px solid #2583ac;outline-offset:2px}.button:disabled{opacity:.55;cursor:default;transform:none}
@media(max-width:900px){.generator-layout{grid-template-columns:1fr}.generator-results{padding:27px}.generator-output textarea{min-height:280px}.sample-grid{gap:40px}}
@media(max-width:760px){.generator-form,.generator-results{padding:23px 20px}.generator-fields{grid-template-columns:1fr}.generator-layout{gap:25px}.generator-layout h2{font-size:28px}.generator-output textarea{font-size:16px}.generator-fields input,.generator-fields textarea{font-size:16px}.sample-grid{grid-template-columns:1fr}.sample-viewer .sample-preview{max-width:350px}.sample-navigation{gap:8px}.sample-navigation button{padding:8px}.sample-pages button{padding:9px 7px;font-size:12px}.tool-overview .guide-card h3{font-size:25px}.generator-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}