.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px solid var(--line);border-radius:24px;padding:7px 13px;background:transparent;color:var(--ink);font-size:12px;white-space:nowrap;flex-shrink:0}.theme-toggle>span:first-child{font-size:20px;line-height:1}.theme-toggle:hover{border-color:var(--purple)}
html[data-theme=dark]{--ink:#f1f0ff;--paper:#151524;--line:#3d3b56;--purple:#b4a7ff;color-scheme:dark}
html[data-theme=dark] .hero-copy>p,html[data-theme=dark] .section-heading p,html[data-theme=dark] .hero-caption,html[data-theme=dark] .closing>span,html[data-theme=dark] .quiet,html[data-theme=dark] footer>span,html[data-theme=dark] footer button{color:#b5b2ca}
html[data-theme=dark] .primary{background:#7560ef;color:#fff}
html[data-theme=dark] .hero-poster{background:#4937ed;box-shadow:14px 18px 0 #2e284b}
html[data-theme=dark] .float-tag{background:#28263d;color:#f1f0ff;border-color:#45405e}
html[data-theme=dark] .surprise{background:#f1edff;color:#292241}
html[data-theme=dark] .ticker{color:#20203c}
html[data-theme=dark] .controls,html[data-theme=dark] .studio-workspace>.tabs,html[data-theme=dark] .style-option,html[data-theme=dark] .palette-option,html[data-theme=dark] .font-option,html[data-theme=dark] .voice-select{background:#222134}
html[data-theme=dark] .style-label>span,html[data-theme=dark] .style-desc,html[data-theme=dark] .panel-intro>span,html[data-theme=dark] .font-name,html[data-theme=dark] .voice-meta,html[data-theme=dark] .controls-footer,html[data-theme=dark] .custom-colors code,html[data-theme=dark] .preview-note>span{color:#b5b2ca}
html[data-theme=dark] .tabs button{color:#bab6d1}html[data-theme=dark] .tabs button[aria-selected=true]{color:#c6bcff}
html[data-theme=dark] .live-preview{background:#29273e}html[data-theme=dark] .preview-stage{border-color:#4b4568;background:repeating-linear-gradient(45deg,transparent 0 6px,#ffffff05 6px 7px)}
html[data-theme=dark] .voice-select[aria-pressed=true]{background:#b4a7ff;color:#201834}
html[data-theme=dark] .delegate-choice{background:#302b47;color:#ede8ff;border-color:#8b7db6}
html[data-theme=dark] input:not([type=color]),html[data-theme=dark] select,html[data-theme=dark] textarea{background:#302d46;color:#f1f0ff;border-color:#615a7b}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#b9b3d0}
html[data-theme=dark] .brief-section{background:#1d1b30}html[data-theme=dark] .closing>a>span{color:#b4a7ff}
html[data-theme=dark] dialog{background:#242138}html[data-theme=dark] dialog button{background:#7560ef;color:white}
html[data-theme=dark] .toast{background:#ebe6ff;color:#221c37}
/* Specimen images stay accurate on their own light paper; poster palettes never inherit the site theme. */
html[data-theme=dark] .font-sample img{background:#fff;border-radius:3px}
@media(max-width:720px){.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px}.topbar nav{display:none}.theme-toggle{padding:7px 9px;gap:5px;font-size:11px}.brand{font-size:14px;gap:6px;min-width:0}.brand svg{width:26px;flex-shrink:0}.byline{font-size:7px}.contact-top{padding:8px 9px;gap:6px;font-size:10px;min-height:44px;align-items:center;justify-content:center}}