.header-tools{display:flex;align-items:center;gap:8px;flex-shrink:0}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:background .2s,border-color .2s}
.theme-toggle:hover{background:var(--panel2);border-color:var(--line2)}
.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html[data-theme="dark"]{--bg:#15151c;--paper:#1e1e28;--ink:#f1eef8;--text:#f1eef8;--muted:#b6b1c4;--soft:#a49eb5;--accent:#b4a0ff;--accent-2:#c4b4ff;--accent2:#c4b4ff;--line:#36343f;--line2:#635774;--line-strong:#635774;--panel:#1e1e28;--panel2:#292433;--panel-strong:#292433;--green:#9cc6b0;--success:#9cc6b0}
html[data-theme="dark"] .site-mark{background:#cbbaff;color:#211b30}
html[data-theme="dark"] .site-topbar .language-toggle:hover{background:#292433}
html[data-theme="dark"] .btn,html[data-theme="dark"] .contact-btn{background:#cbbaff;color:#231e31}
html[data-theme="dark"] .btn:hover,html[data-theme="dark"] .contact-btn:hover{background:#dfd3ff}
html[data-theme="dark"] .btn-secondary,html[data-theme="dark"] .contact-btn.secondary,html[data-theme="dark"] .download-btn{background:transparent;color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .btn-secondary:hover,html[data-theme="dark"] .contact-btn.secondary:hover,html[data-theme="dark"] .download-btn:hover{background:#2d263e;color:#d4c4ff;border-color:var(--line2)}
html[data-theme="dark"] .filter-btn[aria-pressed="true"],html[data-theme="dark"] .slider-label.active,html[data-theme="dark"] .palette-btn.active{background:#cbbaff;color:#231e31;border-color:#cbbaff}
html[data-theme="dark"] .project-media{background:#282436}
html[data-theme="dark"] .media-mobile{background:#23322d}
html[data-theme="dark"] .project-media .project-number{background:#15151cbf;color:#cabceb}
html[data-theme="dark"] .automation-node{background:#24222e;border-color:#494052;color:#e6deef}
html[data-theme="dark"] .node-icon{background:#38304a;color:#c4b1ff}
html[data-theme="dark"] .node-line{background:#635574}
html[data-theme="dark"] .node-done{background:#383047;border-color:#635476}
html[data-theme="dark"] .node-done .node-icon{background:#ffffff0e}
html[data-theme="dark"] .studio-points span{background:#30293f;color:#c7b5e8}
html[data-theme="dark"] .cta,html[data-theme="dark"] .cta-block,html[data-theme="dark"] .contact-card{background:#2b253b}
html[data-theme="dark"] .case-preview,html[data-theme="dark"] .hero-shot,html[data-theme="dark"] .hero-card{background:#292635;border-color:var(--line)}
html[data-theme="dark"] .screen-card{background:#24232f}
html[data-theme="dark"] .slider-stage{background:#2b2936}
html[data-theme="dark"] .contact-panel,html[data-theme="dark"] .hero-board{border:1px solid #423b50}
html[data-theme="dark"] .contact-panel .btn{background:#cbbaff;color:#231e31}
html[data-theme="dark"] .contact-panel .btn-secondary{background:transparent;color:#ece5fc;border-color:#ffffff30}
html[data-theme="dark"] .thread-divider span,html[data-theme="dark"] .slider-handle::before{background:#282330;color:#fff}
html[data-theme="dark"] .skip-link{background:#cbbaff;color:#231e31}
html[data-theme="dark"] ::selection{background:#635078;color:#fff}
@media(max-width:760px){.site-topbar{column-gap:10px}.header-tools{gap:6px}.theme-toggle{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}