/* Final site default: user selected palette 20. No browser preference override. */
html[data-palette="20"]{--palette-bg:#0b0c0e;--palette-surface:#15171a;--palette-line:#30343b;--palette-accent:#c0c6d0;--palette-text:#eceef2;--palette-muted:#aab0ba}
.site-brand .site-logo{display:block;width:72px;height:48px;object-fit:contain;flex:none}
/* User-selected shared palette: override module aliases without changing semantic/game colors. */
html[data-palette],html[data-palette] #site-content{
 --bg:var(--palette-bg)!important;--bg2:var(--palette-surface)!important;--panel:var(--palette-surface)!important;--panel-strong:var(--palette-surface)!important;
 --panel-border:var(--palette-line)!important;--line:var(--palette-line)!important;--ink:var(--palette-text)!important;--text:var(--palette-text)!important;
 --ink-dim:var(--palette-muted)!important;--muted:var(--palette-muted)!important;--ink-faint:var(--palette-muted)!important;--faint:var(--palette-muted)!important;
 --violet:var(--palette-accent)!important;--violet-soft:var(--palette-accent)!important;--blue-glow:var(--palette-accent)!important;--accent:var(--palette-accent)!important;--accent-strong:var(--palette-accent)!important;color-scheme:dark;
}
html[data-palette] body,html[data-palette] #site-content{background:var(--palette-bg)!important;color:var(--palette-text)}
html[data-palette] :is(.cosmos,.stars,.directory-wave){display:none!important}
html[data-palette] :is(.site-header,.tools-dropdown,.tools-sidebar,.tools-menu-toggle,.directory-hero,.tool-card,.panel){background:var(--palette-surface)!important;border-color:var(--palette-line)!important;box-shadow:none!important}
html[data-palette] :is(.workspace-mark,.tool-symbol,.workspace-nav a[aria-current],.site-nav [aria-current],.tools-menu[data-active]>summary){background:var(--palette-bg)!important;color:var(--palette-accent)!important;border-color:var(--palette-line)!important}
html[data-palette] .workspace-nav a[aria-current]{box-shadow:inset 2px 0 var(--palette-accent)}
html[data-palette] :is(.gradient-text,.eyebrow){background:none!important;color:var(--palette-accent)!important;-webkit-text-fill-color:var(--palette-accent)}
html[data-palette] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){background:var(--palette-bg)!important;color:var(--palette-text)!important;border-color:var(--palette-line)!important;accent-color:var(--palette-accent)}
html[data-palette] :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--palette-accent)}
html[data-palette] :is(.btn-primary,.build-button){background:var(--palette-accent)!important;color:var(--palette-bg)!important;border-color:var(--palette-accent)!important;box-shadow:none!important}
html[data-palette] :is(button,input,select,textarea):focus-visible{outline:2px solid var(--palette-accent);outline-offset:2px}
html[data-palette] [data-module=lsm] :is(.brand-mark,.drop-icon,.step,.rule-chip){background:var(--palette-bg)!important;color:var(--palette-accent)!important;border-color:var(--palette-line)!important;box-shadow:none!important}
html[data-palette] [data-module=lsm] :is(.hero-copy,.section-desc,.drop-hint,.brand-subtitle,.option-help){color:var(--palette-muted)!important}
html[data-palette] [data-module=lsm] .hero-copy strong{color:var(--palette-text)!important}
/* Picker stays in the persistent header; no module remount on selection. */
.palette-picker{position:relative;flex:none;font-size:12px;color:var(--ink-dim)}
.palette-picker summary{cursor:pointer;list-style:none;padding:8px 10px;border:1px solid var(--panel-border);white-space:nowrap}
.palette-picker summary::-webkit-details-marker{display:none}
.palette-panel{position:absolute;right:0;top:calc(100% + 12px);width:390px;max-width:calc(100vw - 24px);max-height:70dvh;overflow:auto;padding:18px;background:var(--bg);border:1px solid var(--panel-border);box-shadow:0 14px 35px #0007;color:var(--ink)}
.palette-panel p{color:var(--ink-dim);font-size:11px;line-height:1.7;margin:4px 0 14px}
.palette-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.palette-grid button{display:flex;align-items:center;gap:8px;text-align:left;min-height:42px;padding:7px;border:1px solid var(--panel-border);background:var(--panel);color:var(--ink);font-size:11px;cursor:pointer}
.palette-swatch{width:33px;height:22px;flex:none;border:1px solid #ffffff30}
.palette-grid button[aria-pressed=true]{outline:2px solid var(--violet);outline-offset:-2px}
.palette-reset{margin-top:14px;padding:8px 12px;border:1px solid var(--panel-border);color:var(--ink);cursor:pointer}
@media(max-width:900px){.palette-picker{order:1}.palette-panel{position:fixed;right:12px;top:70px}.palette-picker summary{padding:6px}}
