:root{--az-bg:#f7f8fa;--az-surface:#fff;--az-soft:#e5e8ee;--az-text:#18191c;--az-body:#454c59;--az-muted:#626a79;--az-border:#d7dce5;--az-link:#2057b8;--az-panel:linear-gradient(115deg,#eaf4ef,#eef0fa 65%,#eee8ff)}
:root[data-theme="dark"]{--az-bg:#18191c;--az-surface:#22252b;--az-soft:#2a2f38;--az-text:#f7f8fa;--az-body:#d6dce5;--az-muted:#bbc3d0;--az-border:#454c59;--az-link:#afcbef;--az-panel:linear-gradient(115deg,#253b35,#252c40 65%,#342b44)}

:root[data-theme="dark"]{--ink:var(--az-text);--muted:var(--az-muted);--paper:var(--az-bg);--cream:var(--az-bg);--white:var(--az-surface);--soft:var(--az-soft);--line:var(--az-border);--green:var(--az-link);--blue:var(--az-link);--purple:#c9b6ff;color:var(--az-text);background:var(--az-bg)}
body{background:var(--az-bg);color:var(--az-text)}.az-floating-theme{position:fixed;bottom:18px;left:18px;z-index:9999}:root[data-theme="dark"] .arzen-wordmark{filter:invert(1)!important}header,.header,.site-header,.nav{background:var(--az-bg)!important;color:var(--az-text)!important}.arzen-wordmark{filter:none!important}header .brand,header .brand-product,header .brand-sub{color:var(--az-text)!important}
:root[data-theme="dark"] ::selection{background:var(--az-surface)!important}
:root[data-theme="dark"] .header{background:var(--az-bg)!important}
:root[data-theme="dark"] .header nav button{color:var(--az-link)!important}
:root[data-theme="dark"] .header-cta{border:1px solid var(--az-border)!important}
:root[data-theme="dark"] .button.secondary{border-color:var(--az-border)!important}
:root[data-theme="dark"] .button.secondary:hover{background:var(--az-surface)!important}
:root[data-theme="dark"] .text-button:hover{color:var(--az-link)!important}
:root[data-theme="dark"] .tag{border:1px solid var(--az-border)!important;background:var(--az-surface)!important;color:var(--az-link)!important}
:root[data-theme="dark"] .tag.muted{color:var(--az-muted)!important;border-color:var(--az-border)!important}
:root[data-theme="dark"] .hero h1 em{color:var(--az-muted)!important}
:root[data-theme="dark"] .hero-proof{color:var(--az-muted)!important}
:root[data-theme="dark"] .product-index{color:var(--az-muted)!important}
:root[data-theme="dark"] .viewer-tools > span{color:var(--az-muted)!important}
:root[data-theme="dark"] .viewer-loading{color:var(--az-muted)!important}
:root[data-theme="dark"] .hero-variants button > svg{color:var(--az-muted)!important}
:root[data-theme="dark"] .hero-variants button.active{background:var(--az-surface)!important}
:root[data-theme="dark"] .variant-code{border:1px solid var(--az-border)!important}
:root[data-theme="dark"] .intro-label{color:var(--az-muted)!important}
:root[data-theme="dark"] .intro-section h2 span{color:var(--az-muted)!important}
:root[data-theme="dark"] .feature-strip > div > svg{color:var(--az-muted)!important}
:root[data-theme="dark"] .inside-section{background:var(--az-surface)!important;border:1px solid var(--az-border)!important}
:root[data-theme="dark"] .inside-cross{color:var(--az-muted)!important}
:root[data-theme="dark"] .inside-stats{border-top:1px solid var(--az-border)!important}
:root[data-theme="dark"] .metric > span{color:var(--az-muted)!important}
:root[data-theme="dark"] .family-card{border:1px solid var(--az-border)!important}
:root[data-theme="dark"] .family-top{color:var(--az-muted)!important}
:root[data-theme="dark"] .family-art{color:var(--az-link)!important}
:root[data-theme="dark"] .family-ar{background:var(--az-surface)!important}
:root[data-theme="dark"] .family-ar .family-art{color:var(--az-link)!important}
:root[data-theme="dark"] .family-features{border-top:1px solid var(--az-border)!important}
:root[data-theme="dark"] .family-card > button{border-top:1px solid var(--az-border)!important}
:root[data-theme="dark"] .lab-invite{background:var(--az-surface)!important;border-top:1px solid var(--az-border)!important;border-bottom:1px solid var(--az-border)!important}
:root[data-theme="dark"] .terminal-teaser pre i{color:var(--az-muted)!important}
:root[data-theme="dark"] .terminal-teaser > small{color:var(--az-muted)!important}
:root[data-theme="dark"] footer > div:nth-child(2) > span{color:var(--az-muted)!important}
:root[data-theme="dark"] .skip-link{background:var(--az-surface)!important}
:root[data-theme="dark"] .panel{background:var(--az-surface)!important}
:root[data-theme="dark"] .lab-tabs button{color:var(--az-muted)!important}
:root[data-theme="dark"] .lab-tabs button.active{color:var(--az-link)!important;background:var(--az-surface)!important}
:root[data-theme="dark"] .field input,:root[data-theme="dark"] .field select{background:var(--az-surface)!important;border:1px solid var(--az-border)!important;color:var(--az-link)!important}
:root[data-theme="dark"] .note{color:var(--az-muted)!important;background:var(--az-surface)!important}
:root[data-theme="dark"] .range > span{color:var(--az-link)!important}
:root[data-theme="dark"] .range strong{color:var(--az-text)!important}
:root[data-theme="dark"] .range input{accent-color:var(--az-link)!important}
:root[data-theme="dark"] .toggle-row{border-bottom:1px solid var(--az-border)!important}
:root[data-theme="dark"] .toggle-row .toggle{background:var(--az-surface)!important}
:root[data-theme="dark"] .toggle:after{background:var(--az-surface)!important}
:root[data-theme="dark"] .caption{color:var(--az-muted)!important}
:root[data-theme="dark"] .frame-status{color:var(--az-muted)!important}
:root[data-theme="dark"] .trace-steps button.active{background:var(--az-surface)!important;color:var(--az-link)!important}
:root[data-theme="dark"] .pin-grid b{color:var(--az-muted)!important}
:root[data-theme="dark"] .test-result{border:1px solid var(--az-border)!important;background:var(--az-surface)!important}
:root[data-theme="dark"] .test-result summary svg{color:var(--az-link)!important}
:root[data-theme="dark"] .test-result summary > span:nth-last-child(2){color:var(--az-muted)!important}
:root[data-theme="dark"] .test-result pre{color:var(--az-link)!important}
:root[data-theme="dark"] .energy-dial span{color:var(--az-muted)!important}
:root[data-theme="dark"] .callout{background:var(--az-surface)!important;border:1px solid var(--az-border)!important}
:root[data-theme="dark"] .callout p{color:var(--az-link)!important}
:root[data-theme="dark"] .signal-node{background:var(--az-surface)!important;border:1px solid var(--az-border)!important}
:root[data-theme="dark"] .signal-node.on{background:var(--az-surface)!important;color:var(--az-link)!important;border-color:var(--az-border)!important}
:root[data-theme="dark"] .node-index{color:var(--az-muted)!important}
:root[data-theme="dark"] .layer-tabs button{background:var(--az-surface)!important;border:1px solid var(--az-border)!important}
:root[data-theme="dark"] .layer-tabs span{color:var(--az-muted)!important}
:root[data-theme="dark"] .layer-tabs button.ground{background:var(--az-surface)!important}
:root[data-theme="dark"] .board-scroll{border:1px solid var(--az-border)!important}
:root[data-theme="dark"] .search{background:var(--az-surface)!important;border:1px solid var(--az-border)!important}
:root[data-theme="dark"] .part-list button{border-bottom:1px solid var(--az-border)!important}
:root[data-theme="dark"] .part-list button.active{background:var(--az-surface)!important}
:root[data-theme="dark"] .pin-table button{border:1px solid var(--az-border)!important}
:root[data-theme="dark"] .pin-table span{color:var(--az-muted)!important}
:root[data-theme="dark"] .mini-flow span{background:var(--az-surface)!important;border:1px solid var(--az-border)!important}
:root[data-theme="dark"] .hex-grid{color:var(--az-link)!important}
:root[data-theme="dark"] .raster{background:var(--az-surface)!important;color:var(--az-muted)!important}
:root[data-theme="dark"] .v-sync{background:var(--az-surface)!important}
:root[data-theme="dark"] .active-raster small{color:var(--az-muted)!important}
:root[data-theme="dark"] .waveform{color:var(--az-link)!important}
:root[data-theme="dark"] .segmented{border:1px solid var(--az-border)!important;background:var(--az-surface)!important}
:root[data-theme="dark"] .twin-bottom{border-top:1px solid var(--az-border)!important}
:root[data-theme="dark"] .view-presets button{color:var(--az-muted)!important}
:root[data-theme="dark"] .view-presets button.active{color:var(--az-text)!important}
:root[data-theme="dark"] .component-nav button > svg:first-child{color:var(--az-muted)!important}
:root[data-theme="dark"] .component-nav button > svg:last-child{color:var(--az-muted)!important}
:root[data-theme="dark"] .component-nav button.active{background:var(--az-surface)!important}
:root[data-theme="dark"] .experience-tabs button{border:1px solid var(--az-border)!important;background:var(--az-surface)!important}
:root[data-theme="dark"] .experience-tabs button span{color:var(--az-muted)!important}
:root[data-theme="dark"] .experience-grid{border:1px solid var(--az-border)!important;background:var(--az-surface)!important}
:root[data-theme="dark"] .experience-stage{background:var(--az-surface)!important}
:root[data-theme="dark"] .audio-scene{background:radial-gradient(ellipse at 45% 45%, var(--az-surface) 0%, var(--az-surface) 100%)!important}
:root[data-theme="dark"] .record-inner{border:6px solid var(--az-border)!important}
:root[data-theme="dark"] .record-inner small{color:var(--az-link)!important}
:root[data-theme="dark"] .scene-label{color:var(--az-link)!important}
:root[data-theme="dark"] .shutter-overlay span{color:var(--az-muted)!important}
:root[data-theme="dark"] .shuttered .scene-label{color:var(--az-muted)!important}
:root[data-theme="dark"] .capture-result{background:var(--az-surface)!important}
:root[data-theme="dark"] .big-number{color:var(--az-muted)!important}
:root[data-theme="dark"] .evidence-banner{background:var(--az-surface)!important;border:1px solid var(--az-border)!important}
:root[data-theme="dark"] .evidence-banner > div:first-child > svg{color:var(--az-muted)!important}
:root[data-theme="dark"] .evidence-item > svg{color:var(--az-muted)!important}
:root[data-theme="dark"] .document{border:1px solid var(--az-border)!important;background:var(--az-surface)!important}
:root[data-theme="dark"] .document:hover{background:var(--az-surface)!important}
:root[data-theme="dark"] .document > svg{color:var(--az-muted)!important}
:root[data-theme="dark"] .update-options input{accent-color:var(--az-link)!important}
:root[data-theme="dark"] .update-flow > div{background:var(--az-surface)!important;border:1px solid var(--az-border)!important}
:root[data-theme="dark"] .update-flow span{color:var(--az-muted)!important}
:root[data-theme="dark"] .download-row{border-bottom:1px solid var(--az-border)!important}
:root[data-theme="dark"] .download-row:hover{color:var(--az-muted)!important}
:root[data-theme="dark"] .release-note{background:var(--az-surface)!important;border:1px solid var(--az-border)!important}
:root[data-theme="dark"] .release-note svg{color:var(--az-muted)!important}
:root[data-theme="dark"] .modal-toolbar{border-bottom:1px solid var(--az-border)!important}
:root[data-theme="dark"] .system-nodes button.active{background:var(--az-surface)!important}
:root[data-theme="dark"] .system-board{background:var(--az-surface)!important}
:root[data-theme="dark"] .system-details svg{color:var(--az-muted)!important}
:root[data-theme="dark"] .dock-review{background:var(--az-surface)!important}
:root[data-theme="dark"] .review-materials details{border:1px solid var(--az-border)!important}
:root[data-theme="dark"] .fold-controls{border-bottom:1px solid var(--az-border)!important}
:root[data-theme="dark"] .fold-controls select{background:var(--az-surface)!important;color:var(--az-text)!important;border:1px solid var(--az-border)!important}
:root[data-theme="dark"] ::selection{color:var(--az-text)!important}
:root[data-theme="dark"] .hero h1 em{color:var(--az-link)!important}