/* Shared semantic palette. App styles retain their own layout and accent. */
:root{color-scheme:light;--surface:#fff;--accent-hover:#ad4d2c;--surface-soft:#fbfaf7;--surface-hover:#f4f4f2;--field-line:#d8dddf;--code-surface:#f6f6f2;--danger:#a8463c;--danger-soft:#fbe5e1;--success-soft:#e0efe8;--warning:#8c632b;--warning-soft:#f7ead7;--info:#36658d;--info-soft:#e4edf6;--on-accent:#fff;--toast-bg:#202d3c;--toast-ink:#fff;--shadow:0 12px 40px #202d3c14;--login-glow:#f2e3d9;--neutral-soft:#eef0f2;--neutral-ink:#677687}
html[data-assistant=seed]{--login-glow:#e7efdf;--accent-hover:#28644f}
html[data-theme=dark]{color-scheme:dark;--ink:#e6edf2;--muted:#a7b5c2;--paper:#111820;--surface:#1a242f;--surface-soft:#1e2a36;--surface-hover:#273544;--line:#374858;--field-line:#526577;--code-surface:#141e28;--orange:#f39c77;--accent-hover:#ffb89b;--orange-light:#402d25;--green:#73d7ac;--danger:#ffaaa0;--danger-soft:#482c30;--success-soft:#213c33;--warning:#f2ce83;--warning-soft:#423821;--info:#9bcaf7;--info-soft:#253b52;--on-accent:#17201b;--toast-bg:#e6edf2;--toast-ink:#17232e;--shadow:0 12px 40px #0005;--login-glow:#35271f;--neutral-soft:#2a3846;--neutral-ink:#c0cedb}
html[data-theme=dark][data-assistant=seed]{--orange:#73d7ac;--accent-hover:#9be9c5;--orange-light:#213c33;--login-glow:#20372f}
.theme-control{display:inline-flex;align-items:center;gap:8px;flex-direction:row;margin:0;font-size:11px;font-weight:500;color:var(--muted);white-space:nowrap;min-width:0}
.theme-control select{width:auto;max-width:140px;margin:0;padding:6px 8px;font-size:12px;background:var(--surface);color:var(--ink);border:1px solid var(--field-line);border-radius:7px}
.theme-control select:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.login-card>.theme-control{display:flex;justify-content:flex-end;margin:0 0 20px}
.header-tools{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
input[type=checkbox],input[type=radio],progress{accent-color:var(--orange)}
/* The C411 document keeps its original presentation, independently of the shell. */
#preview{color-scheme:light;background:#fff}
@media(max-width:700px){.header-tools{gap:8px}.header-tools .connection{display:none}.theme-control{gap:5px;font-size:10px}.theme-control select{max-width:116px;padding:5px 7px;font-size:11px}}