:root{color-scheme:light;--blue:#2e4df7;--ink:#171923;--line:#dfe3ec;--muted:#636978;background:#f9fafc;color:#171923}.topbar{background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}.brand{color:var(--ink)}.mark,button.primary{background:#2e4df7;color:white;border-color:#2e4df7}.back,.text-btn,footer a{color:var(--blue)}.beta{color:var(--muted)}.header-actions{display:flex;align-items:center;gap:20px}.theme-toggle{white-space:nowrap}.example-row,legend span,.draft-tag,.note{background:#eff2f8;color:#485270}.note p{color:var(--muted)}button.primary:hover{background:#2440d8}button:hover{background:#eff2f8}.paper{--ink:#171923;--line:#dfe3ec;color:#202b43;border-top-color:#2e4df7}.paper h3{color:#365295}input:focus,textarea:focus{outline-color:#acbbff;border-color:#2e4df7}a:focus-visible{outline-color:#6989ff}.eyebrow,.beta,.draft-tag{font-size:.75rem}
html[data-theme=dark]{color-scheme:dark;--blue:#8da0ff;--ink:#f0f2fa;--line:#2c3243;--muted:#a4adc1;background:#0e1017;color:#f0f2fa}html[data-theme=dark] .topbar,html[data-theme=dark] .card,html[data-theme=dark] .checks,html[data-theme=dark] dialog{background:#181b26;color:#f0f2fa}html[data-theme=dark] button{background:#202638;color:#eef1ff;border-color:#3c465f}html[data-theme=dark] button.primary{background:#2e4df7;border-color:#5973ff;color:white}html[data-theme=dark] .text-btn,html[data-theme=dark] .nav button{background:transparent;color:#a9b7ff}html[data-theme=dark] label,html[data-theme=dark] .template-text{color:#e0e5f0}html[data-theme=dark] input,html[data-theme=dark] textarea{background:#10141f;color:#f0f2fa;border-color:#46506a}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#a0a9bd}html[data-theme=dark] .example-row,html[data-theme=dark] legend span,html[data-theme=dark] .draft-tag,html[data-theme=dark] .note{background:#222a40;color:#c2cded}html[data-theme=dark] .checks.warn{background:#342a18;color:#f1d69d;border-color:#705932}html[data-theme=dark] input:invalid{background:#321c20;border-color:#e19487}html[data-theme=dark] .toast{background:#e0e6ff;color:#171923}.paper{color-scheme:light}
@media(max-width:540px){.header-actions{gap:12px}.back{font-size:.75rem;max-width:75px}.theme-toggle{padding:9px 11px}.theme-toggle [data-theme-label]{display:none}.topbar{gap:12px}}
@media print{html[data-theme]{background:white;color:#202b43;color-scheme:light}.paper{background:white;color:#202b43}}
.mark{background:transparent;padding:0}.mark img{width:32px;height:32px;object-fit:contain}