/* ── Reset & Base ─────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#edf0f4;--bg-inset:#f5f7fa;--surface:#fff;--surface-raised:#f9fafc;
  --border:#dde1e8;--border-light:#e8ecf1;--border-focus:#c8d0de;
  --text:#181b22;--text-secondary:#5a6474;--text-muted:#8a929f;--text-faint:#b0b8c4;
  --primary:#4a6cf5;--primary-light:#7b9aff;--primary-bg:#eff3ff;--primary-bg-hover:#e2eaff;
  --green:#00b894;--green-bg:#e6f9f4;
  --orange:#f39c12;--orange-bg:#fef7e6;
  --red:#e74c3c;--red-bg:#fdecea;
  --blue:#0984e3;--blue-bg:#e8f4fd;
  --r-sm:6px;--r-md:8px;--r:10px;--r-lg:14px;
  --sh-sm:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.06);
  --sh:0 2px 8px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04);
  --sh-lg:0 8px 24px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04);

  /* Typography scale */
  --fs-xs:10px;--fs-sm:11px;--fs-base:11px;--fs-md:12px;--fs-lg:13px;--fs-xl:14px;--fs-2xl:16px;

  /* Spacing scale (4px base) */
  --sp-1:2px;--sp-2:4px;--sp-3:6px;--sp-4:8px;--sp-5:10px;--sp-6:12px;--sp-8:16px;--sp-10:20px;--sp-12:24px;

  /* Motion */
  --tr-fast:.1s ease;
  --tr:.18s ease;
  --tr-slow:.25s ease;

  /* Z-index scale */
  --z-overlay:5;--z-sticky:10;--z-dropdown:100;--z-toolbar:120;--z-modal:9000;--z-tooltip:9999;

  /* Tinted icon backgrounds (for asset/outliner icons) */
  --icon-bg-mesh:#e8f2fe;--icon-bg-light:#fef5e4;--icon-bg-cam:#eff3ff;
  --icon-bg-tex:#e6f9f4;--icon-bg-mat:#fdecea;

  /* Layout */
  --activity-w:220px;
  --panel-w:420px;
  --panel-gap:6px;
}

/* ── Dark theme ──────────────────────────────────── */
:root[data-theme="dark"]{
  --bg:#17191d;--bg-inset:#141517;--surface:#1f2226;--surface-raised:#262a2f;
  --border:#2a2d35;--border-light:#252830;--border-focus:#383d47;
  --text:#cdd1da;--text-secondary:#7a8494;--text-muted:#515761;--text-faint:#3e434d;
  --primary:#5e7ef8;--primary-light:#8ca5ff;--primary-bg:#1a2040;--primary-bg-hover:#202649;
  --green:#3dba8c;--green-bg:#132619;
  --orange:#e09550;--orange-bg:#261c0b;
  --red:#d96060;--red-bg:#261212;
  --blue:#4da3e8;--blue-bg:#0f1b2e;
  --sh-sm:0 1px 3px rgba(0,0,0,.16),0 1px 2px rgba(0,0,0,.12);
  --sh:0 1px 5px rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.16);
  --sh-lg:0 8px 22px rgba(0,0,0,.42),0 2px 6px rgba(0,0,0,.26);
  --icon-bg-mesh:rgba(94,126,248,.08);--icon-bg-light:rgba(224,149,80,.08);
  --icon-bg-cam:rgba(94,126,248,.07);--icon-bg-tex:rgba(61,186,140,.08);
  --icon-bg-mat:rgba(217,96,96,.08);
}

body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;
  -webkit-font-smoothing:antialiased;overflow:hidden;height:100vh;
}