/* Shared workspace preferences. Status colours retain their meaning. */
:root{--ws-bg:#04121e;--ws-panel:#081e2d;--ws-raised:#102c3d;--ws-line:#285065;--ws-text:#edf8ff;--ws-muted:#a1bdcb;--ws-accent:#48ddf3;--ws-accent-ink:#03232c;color-scheme:dark}
:root[data-workspace-theme=light]{--ws-bg:#e9f1f6;--ws-panel:#f8fcff;--ws-raised:#e0edf4;--ws-line:#abc6d6;--ws-text:#122f43;--ws-muted:#476777;--ws-accent:#00788d;--ws-accent-ink:#fff;color-scheme:light}
:root[data-workspace-accent=violet]{--ws-accent:#c69aff;--ws-accent-ink:#241039}
:root[data-workspace-accent=amber]{--ws-accent:#ffd16c;--ws-accent-ink:#362706}
:root[data-workspace-accent=mint]{--ws-accent:#64eab6;--ws-accent-ink:#082e22}
:root[data-workspace-theme=light][data-workspace-accent=violet]{--ws-accent:#7244ba;--ws-accent-ink:#fff}
:root[data-workspace-theme=light][data-workspace-accent=amber]{--ws-accent:#886000;--ws-accent-ink:#fff}
:root[data-workspace-theme=light][data-workspace-accent=mint]{--ws-accent:#087448;--ws-accent-ink:#fff}
.ws-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 13px;border:1px solid var(--ws-line);border-radius:9px;background:var(--ws-panel);color:var(--ws-text);text-decoration:none;font:600 1rem/1.25 system-ui;cursor:pointer}
.ws-button:hover{border-color:var(--ws-accent);background:var(--ws-raised)}
.ws-button svg,.ws-icon{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ws-button:focus-visible,[data-workspace] :is(button,a,input,select,summary):focus-visible{outline:3px solid var(--ws-accent);outline-offset:3px}
.ws-settings{width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:24px;overflow:auto;border:1px solid var(--ws-line);border-radius:18px;background:var(--ws-panel);color:var(--ws-text);box-shadow:0 24px 90px #0008;font:1rem/1.5 system-ui}
.ws-settings::backdrop{background:#00101dcc;backdrop-filter:blur(5px)}
.ws-settings header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.ws-settings h2{margin:0;font-size:1.5rem}.ws-settings p{margin:6px 0;color:var(--ws-muted);font-size:.875rem}
.ws-settings fieldset{border:0;padding:0;margin:20px 0}.ws-settings legend{font-weight:650;margin-bottom:10px}.ws-settings .ws-choices{display:flex;flex-wrap:wrap;gap:8px}
.ws-settings button[aria-pressed=true]{border-color:var(--ws-accent);box-shadow:inset 0 0 0 1px var(--ws-accent);background:var(--ws-raised)}
.ws-swatch{width:15px;height:15px;border-radius:50%;background:var(--swatch);border:1px solid #0004}.ws-settings footer{border-top:1px solid var(--ws-line);padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:15px}
.ws-dev-label{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #876631;border-radius:6px;background:#322713;color:#ffd385;font:600 16px/1.35 system-ui;white-space:nowrap}
.ws-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(prefers-reduced-motion:reduce){[data-workspace] *,[data-workspace] *::before,[data-workspace] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}