:root{color-scheme:light}.theme-toggle{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:transparent;border:1px solid var(--line);border-radius:4px;color:var(--ink);padding:8px 12px;font-size:12px;font-weight:500;white-space:nowrap}.theme-toggle:hover{background:#314c360a}.theme-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.theme-sun{display:none}.header-actions{display:flex;align-items:center;gap:24px}.header-actions>.text-link{margin:0}.header nav{gap:24px}
html[data-theme=dark]{color-scheme:dark;--paper:#080c12;--ink:#edf2f7;--muted:#a5b1c1;--line:#2a3543;--green:#77e5ed;--lime:#c5e9d8}
[data-theme=dark] .theme-sun{display:block}[data-theme=dark] .theme-moon{display:none}[data-theme=dark] .theme-toggle:hover{background:#17222f}[data-theme=dark] .little-cross{color:#77e5ed}
[data-theme=dark] .monogram{background:#a6eef1;color:#10232c}[data-theme=dark] .text-link:hover,[data-theme=dark] nav a:hover,[data-theme=dark] footer a:hover{color:#a4f3f6}
[data-theme=dark] .solid-button{background:#9de9ef;color:#0a2029}[data-theme=dark] .solid-button:hover{background:#c5f8fa}
[data-theme=dark] .product-switcher{background:#101720}[data-theme=dark] .product-switcher>button[aria-selected=true]{background:#1a2533}[data-theme=dark] .product-switcher>button:hover{background:#17212d}
[data-theme=dark] [data-select=blueprint]{--tab-color:#a6b8ff}[data-theme=dark] [data-select=clarity]{--tab-color:#b9d9a9}[data-theme=dark] [data-select=film]{--tab-color:#cae7a3}[data-theme=dark] [data-select=forge]{--tab-color:#efb899}[data-theme=dark] [data-select=keystone]{--tab-color:#e2cca3}
[data-theme=dark] .workbench-stage{background:#111d30;--stage-accent:#b4c2ff}
[data-theme=dark] .workbench-stage[data-active=clarity]{background:#14251f;--stage-accent:#c6deb1}
[data-theme=dark] .workbench-stage[data-active=film]{background:#15271e;--stage-accent:#d5e9ae}
[data-theme=dark] .workbench-stage[data-active=forge]{background:#2b1e1a;--stage-accent:#f0ba9d}
[data-theme=dark] .workbench-stage[data-active=keystone]{background:#262219;--stage-accent:#e5cfa5}
[data-theme=dark] .stage-story p,[data-theme=dark] .stage-footnote{color:#b6c1ce}[data-theme=dark] .experience{box-shadow:0 18px 30px #00000020}
[data-theme=dark] .blueprint-experience{border:1px solid #34415b}[data-theme=dark] .clarity-experience{border:1px solid #465f4e}[data-theme=dark] .film-experience{border:1px solid #45684f}[data-theme=dark] .forge-experience{border:1px solid #96694f}
[data-theme=dark] .tag{border-color:#465361;color:#b6c6d4}[data-theme=dark] .studio-mark{border-color:#3d5960;color:#a6eef1}
[data-theme=dark] .mockup-note{background:#111923;color:#adb9c8}[data-theme=dark] .tiny-dot{background:#77e5ed}
[data-theme=dark] .close-button:hover{background:#1e2936}[data-theme=dark] dialog{box-shadow:0 32px 90px #0009}[data-theme=dark] dialog::backdrop{background:#02060bb8}
[data-theme=dark] .craft-note{background:#12232d;border-left-color:#77e5ed}[data-theme=dark] .skip{background:#a6eef1;color:#10232c}
[data-theme=dark] a:focus-visible,[data-theme=dark] button:focus-visible,[data-theme=dark] [role=tabpanel]:focus-visible{outline-color:#a4eff4}
/* The product artwork and sample interfaces keep their individual palettes in either shell. */
@media(max-width:1100px){.header nav{gap:16px}.theme-label{display:none}.theme-toggle{padding:8px}.ai-link{padding-left:16px}}
@media(max-width:580px){.header nav{gap:12px}.header nav>a:first-child{font-size:11px}.nav-count{display:none}.header-actions{gap:12px}.header-actions>.text-link{font-size:11px;max-width:100px;line-height:1.4}.header-actions .theme-toggle{flex-shrink:0}}