.brief-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:70px;padding-block:55px 48px;border-bottom:1px solid var(--line)}.brief-intro h1{font-size:clamp(38px,4.4vw,61px);max-width:14ch}.brief-intro .intro-label{margin-bottom:20px}.intro-aside{color:var(--muted);max-width:44ch;font-size:16px}.intro-aside .privacy-note{font-size:12px;margin-top:22px;padding-left:14px;border-left:2px solid var(--blue)}.composer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:68px;padding-block:44px 64px}.section-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.composer h2{font-size:28px;letter-spacing:-.04em}.quiet{border:0;background:transparent;color:var(--blue);padding:10px 0;min-height:44px;font-size:12px;font-weight:650;text-align:left}.quiet:hover{text-decoration:underline}.section-help,.field-help{font-size:12px;line-height:1.65;color:var(--muted)}.section-help{margin-top:12px;margin-bottom:26px}form label{display:block;font-size:13px;font-weight:700;margin-top:22px;margin-bottom:8px}.optional{font-weight:400;color:var(--muted);margin-left:5px}.field-help{margin-top:-3px;margin-bottom:8px}input,select,textarea{font:inherit;color:var(--ink);width:100%;max-width:100%;border:1px solid #acb6c7;border-radius:6px;background:white;padding:12px 13px;min-height:48px;font-size:14px;line-height:1.6}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#697485}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}input[aria-invalid=true],textarea[aria-invalid=true]{border:2px solid #a72029}.field-error{font-size:12px;color:#a72029;margin-top:7px}.error-summary{border:2px solid #a72029;padding:17px 20px;margin-bottom:24px;scroll-margin-top:20px}.error-summary h3{font-size:16px}.error-summary ul{padding-left:20px;margin:7px 0 0;font-size:13px}.error-summary a{color:#8d1720;display:inline-block;min-height:30px;padding-block:3px}.error-summary:focus{outline:3px solid var(--blue);outline-offset:4px}.form-action{margin-top:28px}.form-action p{font-size:12px;color:var(--muted);margin-top:11px}.result{align-self:start;background:var(--light);border:1px solid var(--line);border-radius:10px;padding:30px;position:sticky;top:24px}.result-heading .section-label{color:var(--blue);margin-bottom:12px}.result-heading>p:last-child{font-size:13px;color:var(--muted);margin-top:14px;max-width:43ch}.result-empty{padding:42px 0 48px;margin-top:25px;border-block:1px solid #d1d9e5}.result-empty>span{font-size:40px;line-height:1;color:var(--blue)}.result-empty>p:nth-child(2){font-size:19px;letter-spacing:-.02em;font-weight:650;margin-top:16px}.result-empty>p:last-child{font-size:13px;color:var(--muted);max-width:35ch;margin-top:10px}.output-label{display:block;font-size:12px;font-weight:700;margin-top:24px;margin-bottom:8px}#output{background:white;font:12px/1.8 ui-monospace,Consolas,monospace;min-height:390px;overflow-wrap:anywhere}#output-help{margin-top:10px}.output-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.output-actions .button{font-size:13px;gap:10px}.next-step{padding-top:24px;margin-top:26px;border-top:1px solid #d1d9e5}.next-step h3{font-size:14px}.next-step p{font-size:12px;color:var(--muted);margin-top:10px}.next-step .text-link{color:var(--blue);margin-top:12px}.notice{padding:12px 14px;border-left:3px solid var(--blue);background:#e5eafe;font-size:12px;line-height:1.7;margin-top:14px}#status{font-size:13px;color:var(--blue);margin-top:16px}#status:empty{display:none}.composer button:disabled{opacity:.5;cursor:default}footer{border-top:1px solid var(--line)}
@media(max-width:1100px){.composer{gap:32px}.brief-intro{gap:36px}.result{padding:23px}.brief-intro h1{font-size:47px}}
@media(max-width:850px){.brief-intro{grid-template-columns:1fr;gap:25px;padding-block:38px}.brief-intro h1{font-size:48px;max-width:18ch}.intro-aside{max-width:56ch}.composer{grid-template-columns:1fr;padding-top:32px}.result{position:static}.intro-aside .privacy-note{margin-top:16px}.result-empty{padding-block:28px}}
@media(max-width:560px){.site-header nav{gap:12px}.site-header nav a{font-size:11px}.brief-intro{padding-block:30px;gap:21px}.brief-intro h1{font-size:38px}.brief-intro .intro-label{font-size:11px;margin-bottom:16px}.intro-aside{font-size:14px}.intro-aside .privacy-note{font-size:12px}.composer{padding-block:28px 40px;gap:32px}.composer h2{font-size:27px}.section-top{display:block}.section-top .quiet{margin-top:5px}.section-help{margin-top:3px;margin-bottom:24px}.result{padding:20px}.output-actions{gap:10px}.output-actions .button{font-size:12px;padding-inline:14px}#output{min-height:360px}.brief-intro h1{letter-spacing:-.05em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}