:root{--control-line:#947286;--error-text:#a91643;--success-text:#276246}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.button{cursor:pointer}.button.button-secondary{background:var(--surface);color:var(--accent-text);border:1px solid var(--control-line)}.button.button-secondary:hover,.button.button-quiet:hover{background:var(--background);color:var(--accent-text)}.button.button-quiet{color:var(--accent-text);background:0 0}button.button:disabled,button.button:disabled:hover{cursor:not-allowed;color:var(--muted);border-color:var(--line);background:#f2e7ed}.button[aria-disabled=true]{cursor:progress}.inner-page{padding-block:1.6rem 4rem}.breadcrumbs{color:var(--muted);margin-bottom:2.2rem;font-size:.85rem}.breadcrumbs ol{flex-wrap:wrap;align-items:center;gap:.1rem .7rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li{overflow-wrap:anywhere;align-items:center;gap:.7rem;min-width:0;display:inline-flex}.breadcrumbs a{align-items:center;min-height:48px;display:inline-flex}.page-intro{max-width:780px;margin-bottom:2.4rem}.page-intro h1{font-size:clamp(2.1rem,4vw,3.2rem)}.page-intro>p:not(.eyebrow){color:var(--muted);line-height:1.7}.privacy-line{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.privacy-line .icon{color:var(--accent-text)}.tool-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.tool-input,.tool-output{min-width:0}.surface-card,.result-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);padding:1.8rem;display:block}.surface-card h2,.result-heading h2{letter-spacing:-.025em;margin-bottom:1.4rem;font-size:1.45rem;line-height:1.3}.compact-card{margin-top:1.25rem}.form-fields{border:0;flex-direction:column;gap:1.4rem;min-width:0;margin:0;padding:0;display:flex}.field{min-width:0}.field label{margin-bottom:.55rem;font-size:1rem;font-weight:650;display:block}.field-required{color:var(--muted);font-size:.8rem;font-weight:400}.field input,.field textarea,.field select,.result-text{border:1px solid var(--control-line);width:100%;max-width:100%;min-height:52px;color:var(--ink);background:var(--surface);border-radius:12px;padding:.85rem .9rem;font-size:1rem;line-height:1.55;display:block}.field select{padding-right:2.1rem}.field textarea,.result-text{resize:vertical}.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:1}.field [aria-invalid=true]{border-color:var(--error-text);border-width:2px;padding:calc(.85rem - 1px) calc(.9rem - 1px)}.field :disabled{color:var(--muted);cursor:not-allowed;background:#f2e7ed}.field-hint,.field-error{margin:.5rem 0 0;font-size:.8rem;line-height:1.6}.field-hint{color:var(--muted)}.field-error{color:var(--error-text);font-weight:600}.form-actions,.result-actions{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.form-actions .button{min-width:0}.result-heading{color:var(--accent-text);align-items:flex-start;gap:.65rem;display:flex}.result-heading .icon{margin-top:.2rem}.result-heading h2{color:var(--ink);margin-bottom:0}.result-note{color:var(--muted);margin:.75rem 0 1.2rem;font-size:.85rem;line-height:1.65}.result-text{background:var(--background);min-height:180px}.manual-copy-hint{color:var(--muted);margin:.6rem 0 1rem;font-size:.8rem;line-height:1.6}.copy-status{color:var(--accent-text);min-height:1.6em;margin:.7rem 0 0;font-size:.85rem;line-height:1.6}.status-panel{border:1px solid var(--line);background:var(--background);color:var(--ink);border-radius:16px;align-items:flex-start;gap:.75rem;padding:1.1rem 1.2rem;display:flex}.status-panel>.icon{color:var(--accent-text);margin-top:.1rem}.status-panel>div{min-width:0}.status-panel h3{margin-bottom:.25rem;font-size:1rem;line-height:1.45}.status-message{color:var(--muted);font-size:.85rem;line-height:1.7}.status-message p{margin:0}.status-error{border-color:var(--error-text)}.status-error>.icon,.status-error h3{color:var(--error-text)}.status-success{background:#f2faf5;border-color:#83a892}.status-success>.icon,.status-success h3{color:var(--success-text)}.tool-guide{margin-top:3rem}.ui-preview-states>h2{font-size:1.8rem}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.preview-navigation{margin-top:2rem;font-size:.9rem}.preview-navigation a{align-items:center;min-height:48px;display:inline-flex}.content-workspace{max-width:780px;margin-inline:auto}.content-workspace.has-toc{grid-template-columns:240px minmax(0,1fr);gap:3.5rem;max-width:none;display:grid}.article-toc{background:var(--surface);border:1px solid var(--line);border-radius:20px;align-self:start;padding:1.3rem;font-size:.9rem}.article-toc ol{margin:.75rem 0 0;padding-left:1.15rem}.article-toc a{align-items:center;min-height:48px;line-height:1.55;display:inline-flex}.article-meta{flex-wrap:wrap;gap:.6rem 1.5rem;font-size:.85rem;display:flex}.prose{overflow-wrap:anywhere;min-width:0;max-width:780px;font-size:1.05rem;line-height:1.85}.prose h2{margin-top:2.5rem;scroll-margin-top:1.5rem;font-size:clamp(1.6rem,2.5vw,2rem)}.prose h3{margin-top:2rem;font-size:1.25rem}.prose p{margin-bottom:1.3rem}.prose li{margin-block:.6rem}.prose blockquote{border-left:3px solid var(--brand-secondary);background:var(--surface);border-radius:0 16px 16px 0;margin:1.5rem 0;padding:1.1rem 1.4rem}.prose blockquote p{margin:0}.prose .status-panel{margin-block:2rem}.prose .status-message p{margin:0}@media (width<=900px){.surface-card,.result-card{padding:1.4rem}.content-workspace.has-toc{grid-template-columns:210px minmax(0,1fr);gap:2rem}}@media (width<=700px){.tool-workspace,.status-grid,.content-workspace.has-toc{grid-template-columns:1fr}.content-workspace.has-toc{gap:1.8rem}.inner-page{padding-bottom:2.5rem}.breadcrumbs{margin-bottom:1.5rem}.page-intro{margin-bottom:1.8rem}.surface-card,.result-card{padding:1.25rem}.field-required{display:inline}.form-actions .button{width:100%}.privacy-line{align-items:flex-start}.privacy-line .icon{margin-top:.2rem}.prose{font-size:1rem}}