/* Looksift foundations. Theme names are stable saved preferences. */
@font-face{font-family:"Plus Jakarta Sans";src:url("../assets/fonts/plus-jakarta-sans-latin.woff2") format("woff2");font-style:normal;font-weight:400 800;font-display:swap}
:root{
 --paper:#0c1218;--paper-deep:#080d12;--ink:#edf3f8;--muted:#aab9c6;
 --line:#344858;--accent:#add4f3;--teal:#add4f3;--white:#151f29;
 --surface:#151f29;--surface-soft:#202e3b;--hover:#2a3b4a;--model-alt:#55748b;
 --button-ink:#101b25;--action-bg:#add4f3;--action-ink:#101b25;
 --sans:"Plus Jakarta Sans","Segoe UI","Microsoft YaHei","Microsoft YaHei UI","PingFang SC",sans-serif;
 --display:var(--sans);--serif:var(--display);
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;
 --radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;
 --shadow-panel:0 16px 48px #16241b18;--header-height:80px;--site-header-height:var(--header-height);
 --z-header:30;--z-menu:40;--z-toast:60;--content-width:1440px;
 --editor-sidebar-width:256px;--editor-inspector-width:320px;
 color-scheme:dark;
}
:root[data-theme="midnight"]{--paper:#101217;--paper-deep:#0b0d11;--ink:#f0f1f6;--muted:#acb2c3;--line:#353946;--accent:#baaaff;--teal:#baaaff;--white:#191c24;--surface:#191c24;--surface-soft:#222631;--hover:#2c3040;--model-alt:#66627b;--button-ink:#15121f;--action-bg:#baaaff;--action-ink:#15121f;color-scheme:dark}
:root[data-theme="ember"]{--paper:#171311;--paper-deep:#100d0c;--ink:#f6eee6;--muted:#bcb0a6;--line:#493b33;--accent:#efb386;--teal:#efb386;--white:#221c18;--surface:#221c18;--surface-soft:#2e251f;--hover:#3a2d25;--model-alt:#86674f;--button-ink:#26190f;--action-bg:#efb386;--action-ink:#26190f;color-scheme:dark}
:root[data-theme="mono"]{--paper:#111213;--paper-deep:#090a0b;--ink:#f3f3f3;--muted:#b0b3b6;--line:#3b3e41;--accent:#e1e5e8;--teal:#e1e5e8;--white:#1b1d1f;--surface:#1b1d1f;--surface-soft:#25282a;--hover:#323639;--model-alt:#656b70;--button-ink:#111213;--action-bg:#e1e5e8;--action-ink:#111213;color-scheme:dark}
:root[data-theme="cyberpunk"]{--paper:#0e1614;--paper-deep:#080f0c;--ink:#edf6ed;--muted:#a6b9ad;--line:#304a3d;--accent:#b5ed83;--teal:#b5ed83;--white:#17231e;--surface:#17231e;--surface-soft:#213329;--hover:#2c4134;--model-alt:#55785e;--button-ink:#14200e;--action-bg:#b5ed83;--action-ink:#14200e;color-scheme:dark}
:root[data-theme="slate"]{--paper:#0c1218;--paper-deep:#080d12;--ink:#edf3f8;--muted:#aab9c6;--line:#344858;--accent:#add4f3;--teal:#add4f3;--white:#151f29;--surface:#151f29;--surface-soft:#202e3b;--hover:#2a3b4a;--model-alt:#55748b;--button-ink:#101b25;--action-bg:#add4f3;--action-ink:#101b25;color-scheme:dark}
/* Compatibility aliases keep canvas and editor logic independent of the shell. */
:root{--green:var(--action-bg);--green-soft:var(--surface-soft);--stage:var(--paper-deep);--subtle:var(--surface-soft);--track:var(--line);--canvas:var(--paper-deep);--checker:var(--line);--point:var(--accent);--bg:var(--paper);--panel:var(--surface);--border:var(--line);--text:var(--ink)}
@media(min-width:1700px){:root{--editor-sidebar-width:280px;--editor-inspector-width:344px}}
@media(max-width:1200px){:root{--editor-sidebar-width:232px;--editor-inspector-width:304px}}