/* Shared semantic palette: workspace, embedded pages, dialogs and model UI. */
.color-theme{display:grid!important;place-items:center;width:36px;min-width:36px;height:36px;padding:0!important;border:1px solid #8292aa35!important;border-radius:50%!important;background:transparent!important;color:inherit!important;font:23px/1 system-ui!important;cursor:pointer;box-shadow:none!important}
.color-theme[aria-pressed=false]{font-size:17px!important}
.color-theme:hover{background:#8292aa18!important}.standalone-theme{position:fixed;right:18px;top:16px;z-index:100}
html[data-theme=dark]{--ink:#e5e9f0;--muted:#a2afc2;--blue:#8bb5ff;--stroke:#344155;--glass:linear-gradient(145deg,#232d3eee,#1c2533dd);--surface:#202a39e8;--glass-tint:#222d3de0;--glass-edge:#3c495c;--glass-shadow:0 12px 36px #0003;--glass-blue:#8bb5ff;color:#e5e9f0;background:#141b26;color-scheme:dark}
html[data-theme=dark] body{color:var(--ink);background-color:#141b26;background-image:radial-gradient(ellipse at 90% 28%,#24395970,transparent 55%),radial-gradient(ellipse at 8% 75%,#332b4540,transparent 50%)}
html[data-theme=dark] .ambient{background:radial-gradient(ellipse at 92% 48%,#24395970,transparent 50%),radial-gradient(ellipse at 30% 100%,#332b4540,transparent 50%)}
html[data-theme=dark] :is(h1,h2,h3,h4,strong,.brand,.parameter-value,.mix-top strong){color:var(--ink)!important}
html[data-theme=dark] :is(p,small,summary,label,td,th,footer,.tile,.tile-body,.brand span,.hint,.note,.subtitle,.track-state,.lane-value,.value-control,.value-foot,.side-title,.side-bottom,.gesture-grid,.rocker-summary,.rocker-tip,.rocker-footer,.window-reset-hint,.wave-help,.wave-axis,.wave-status,.guide-version,.mix-heading,.mix-top b){color:var(--muted)!important}
html[data-theme=dark] :is(.eyebrow,.gesture,.lane-number,#pageEntry,.new-badge,.rocker-mode-kind,.step-count,.fx-secondary a,a.context-show,.context-show,.rocker-watch,.watch-tile,.new-play,.walkthrough-button){color:#8bb5ff!important}
html[data-theme=dark] :is(.glass,.topbar,.category-nav,.demo-dock,.toolbar){background:linear-gradient(128deg,#283344ed,#1c2635e8)!important;border-color:#3c495c!important;box-shadow:0 8px 28px #0002,inset 0 1px #71829a24!important}
html[data-theme=dark] :is(.topbar,.category-nav,.demo-dock,.toolbar)::before{background:linear-gradient(150deg,#a2bed012,transparent 45%)!important;box-shadow:inset 0 1px #9badc51c!important}
html[data-theme=dark] :is(.tile,.orientation,.starting-path,.card,section.card,.mix-panel,.value-card,.lane,.mini-help,.reference-card,.new-lesson,.rocker-guide,.fx-guide,.live-summary,.finder,.browser,dialog,.library-dialog,#inspector,.search-results,.guide-search-results){background:#202a39f2!important;border-color:#354256!important;box-shadow:0 8px 28px #0002!important;color:var(--ink)!important}
html[data-theme=dark] :is(.live-summary .tile,.related-card,.fx-mode-panel,.rocker-mode-panel){background:transparent!important;box-shadow:none!important}
html[data-theme=dark] :is(.master-tabs,.page-tabs,.rocker-slot-nav,.fx-nav,.category-nav,.demo-controls,.demo-progress,.finder>aside){background:#17202ec9!important;border-color:#354256!important;box-shadow:inset 0 1px #8292aa10!important}
html[data-theme=dark] :is(button,.side,.page-tab,.master-tabs button,.category-nav button,.rocker-slot-nav button,.fx-nav button){color:#b7c3d5}
html[data-theme=dark] :is(button[aria-selected=true],button[aria-pressed=true],.side.selected,.category-nav button.active,.page-tab.active){background:#35465d!important;color:#f0f4fa!important;border-color:#516581!important;box-shadow:0 2px 8px #0002!important}
html[data-theme=dark] :is(button.primary,#connect,#next,.primary){background:linear-gradient(160deg,#3478ee,#225ac7)!important;color:#fff!important;border-color:#6294ee55!important}
html[data-theme=dark] :is(button.primary,#connect,#next,.primary) :is(span,strong){color:#fff!important}
html[data-theme=dark] :is(.watch-tile,.rocker-watch,.new-play,.context-show,#guideSearchToggle,.actions button,.dialog-actions button:not(.primary),.library-dialog button:not(.primary),#settings,#export){background:#293a52!important;color:#a7c7ff!important;border-color:#465873!important;box-shadow:none!important}
html[data-theme=dark] :is(input:not([type=range]):not([type=checkbox]),select,textarea){background:#182332!important;color:#e5e9f0!important;border-color:#465873!important;box-shadow:none!important}
html[data-theme=dark] input::placeholder{color:#a2afc2!important}
html[data-theme=dark] :is(a,.link){color:#a7c7ff}
html[data-theme=dark] :is(.brand){color:var(--ink)}
html[data-theme=dark] :is(.release-details,.card-note,.related-guides,.lane details,.rocker-footer,.fx-secondary,.fx-guide footer,.reference-group,.control-row,.fx-row,th,td,#crumbs,.finder footer,.live-summary .tile+.tile,footer){border-color:#354256!important}
html[data-theme=dark] :is(thead,th,#crumbs,.rocker-footer,.fx-guide footer){background:#1c2635!important}
html[data-theme=dark] :is(tr:hover,.side:hover){background:#2a3a50!important}
html[data-theme=dark] :is(tr.selected,#banner){background:#233d60!important;color:#c1d8ff!important}
html[data-theme=dark] :is(.danger,.error,.clip-error){color:#ff9e98!important}
html[data-theme=dark] :is(.success,.done){color:#86d3b5!important}
html[data-theme=dark] :is(pre,code){color:#b7c3d5;background:#17202e}
html[data-theme=dark] dialog::backdrop{background:#080e19a6!important}
html[data-theme=dark] #focusScrim{background:#080e1966!important}
html[data-theme=dark] .wave-area{background:#162231!important;border-color:#465873!important}
html[data-theme=dark] .wave-selection{background:#7ba8ff26;border-color:#8bb5ff}
html[data-theme=dark] .wave-playhead{background:#e6edf9}
html[data-theme=dark] :is(meter,progress,input[type=range]){accent-color:#8bb5ff}
html[data-theme=dark] :is(button,a,input,select,summary):focus-visible{outline-color:#a4c8ff!important}
html[data-theme=dark] .rocker-diagram{color:#a7c7ff}
html[data-theme=dark] ::selection{background:#496a9c;color:white}
@media(prefers-reduced-transparency:reduce){html[data-theme=dark] :is(.glass,.topbar,.category-nav,.demo-dock,.toolbar,dialog){background:#202a39!important;backdrop-filter:none!important}}
html[data-theme=dark]{--soft:#a2afc2;--line:#354256}
html[data-theme=dark] :is(.mix-channel,.state-group,.rocker-mode,.layout-lane,.take-chip,.live-badge,.status-badge,#activity,.setup-tasks .actions button,.secondary,.quiet-action,.file-action,.layout-actions button,.rail-label){background:#263347!important;border-color:#3c4b62!important;color:#b9c9df!important;box-shadow:none!important}
html[data-theme=dark] :is(.finder footer,.finder footer details){background:#1c2635!important;color:#a2afc2!important}
html[data-theme=dark] :is(.take-chip.current,.rail-tick.current .rail-mark){background:#5789db!important;color:#fff!important}
html[data-theme=dark] :is(#next,#saveSettings,#layoutApply,#resumeCompanion){background:linear-gradient(160deg,#3478ee,#225ac7)!important;color:#fff!important}
html[data-theme=dark] :is(.danger){background-color:#462e33!important}
html[data-theme=dark] .guide-rail{background:transparent!important;box-shadow:none!important;border:0!important}
html[data-theme=dark] .embedded body{background:transparent!important}
html[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23a2afc2' stroke-width='1.5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important}
html[data-theme=dark] :is(#demo,.demo-copy,.shape-options button,#retryModel){background:#202a39f2!important;color:var(--ink)!important;border-color:#354256!important;box-shadow:0 8px 28px #0002!important}
html[data-theme=dark] .demo-copy{background:transparent!important;box-shadow:none!important}
html[data-theme=dark] :is(dd,.rocker-actions dd,.context-entry){color:#b7c3d5!important}
html[data-theme=dark] :is(dt,.rocker-actions dt,.step-caption>span){color:#a7c7ff!important}
html[data-theme=dark] :is(.rocker-actions>div,.start-shape,.context-grid>div,.setup-checklist li){border-color:#3c495c!important}
html[data-theme=dark] :is(.rocker-slot-nav button>span,.fx-nav button>span){background:#34465f!important;color:#c1d8ff!important}
html[data-theme=dark] #stepSegments button{background:#465873!important}
html[data-theme=dark] #stepSegments button.done{background:#6a8ab7!important}
html[data-theme=dark] #stepSegments button.current{background:#8bb5ff!important}
html[data-theme=dark] :is(.round,.demo-dock button){color:#d4e2f5!important}
html[data-theme=dark] .tile.is-playing{border-color:#8bb5ff!important}
html[data-theme=dark] .take-lane-label{color:#a2afc2!important}
html[data-theme=dark] #demo .demo-copy{background:transparent!important;box-shadow:none!important;border:0!important}