@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=IBM+Plex+Sans:wght@300;400;500;600&display=swap";html[data-palette=forge][data-theme=dark]{--bg-deep:#111315;--bg-panel:#181b1e;--bg-surface:#202428;--bg-hover:#2a2f35;--border:#353b42;--border-active:#4a5560;--text-primary:#e8eaed;--text-secondary:#9aa3ad;--text-dim:#6b7684;--accent-blue:#38bdf8;--accent-cyan:#22d3ee;--accent-green:#34d399;--accent-orange:#fbbf24;--accent-red:#f87171;--accent-purple:#c084fc;--grid-minor:#50647838;--grid-major:#38bdf82e;--axis-color:#64748b;--axis-tick:#7c8a9a;--axis-title:#8b96a8;--point-default:#38bdf8;--point-selected:#22d3ee;--point-selected-dim:#22d3ee66;--accent-cyan-subtle:#22d3ee1e;--selection-bg:#22d3ee12;--callout-bg:#181b1ef0;--callout-border:#64748b;--callout-text:#e8eaed;--ref-hline:#fbbf24;--ref-vline:#c084fc;--intersect-default:#34d399;--shadow-lg:0 12px 40px #0000008c;--shadow-md:0 8px 24px #0000006b;--on-accent:#0f172a;--danger-hover-bg:#f871711f;--path-1:#38bdf8;--path-2:#fbbf24;--path-3:#34d399;--path-4:#f87171;--path-5:#c084fc;--path-6:#22d3ee;--path-7:#fb7185;--path-8:#a3e635}html[data-palette=forge][data-theme=light]{--bg-deep:#e8eaed;--bg-panel:#f1f3f5;--bg-surface:#dde2e8;--bg-hover:#cfd6df;--border:#aeb6c2;--border-active:#7d8796;--text-primary:#1a1d21;--text-secondary:#3d4550;--text-dim:#5c6570;--accent-blue:#0369a1;--accent-cyan:#0e7490;--accent-green:#047857;--accent-orange:#b45309;--accent-red:#b91c1c;--accent-purple:#6d28d9;--grid-minor:#3c506433;--grid-major:#0369a12e;--axis-color:#4a5560;--axis-tick:#3d4550;--axis-title:#2d333b;--point-default:#0369a1;--point-selected:#0e7490;--point-selected-dim:#0e749066;--accent-cyan-subtle:#0e74901e;--selection-bg:#0e74901a;--callout-bg:#f1f3f5f7;--callout-border:#4a5560;--callout-text:#1a1d21;--ref-hline:#b45309;--ref-vline:#6d28d9;--intersect-default:#047857;--shadow-lg:0 8px 24px #0000001f;--shadow-md:0 4px 16px #0000001a;--on-accent:#f8fafc;--danger-hover-bg:#b91c1c1f;--path-1:#0369a1;--path-2:#b45309;--path-3:#047857;--path-4:#dc2626;--path-5:#6d28d9;--path-6:#0e7490;--path-7:#be185d;--path-8:#65a30d}html[data-palette=oxide][data-theme=dark]{--bg-deep:#12100e;--bg-panel:#1c1814;--bg-surface:#26211c;--bg-hover:#322c24;--border:#3d352c;--border-active:#5c5044;--text-primary:#ebe6df;--text-secondary:#9a9188;--text-dim:#7a7168;--accent-blue:#6b8cae;--accent-cyan:#c9956a;--accent-green:#6b9b7a;--accent-orange:#c45c2a;--accent-red:#d14b4b;--accent-purple:#8b7aab;--grid-minor:#3d352c73;--grid-major:#5c504466;--axis-color:#8a7f72;--axis-tick:#9a9084;--axis-title:#a89e90;--point-default:#6b8cae;--point-selected:#d4a574;--point-selected-dim:#d4a57466;--accent-cyan-subtle:#c9956a1e;--selection-bg:#c9956a14;--callout-bg:#1c1814eb;--callout-border:#8a7f72;--callout-text:#ebe6df;--ref-hline:#c45c2a;--ref-vline:#8b7aab;--intersect-default:#6b9b7a;--shadow-lg:0 12px 40px #00000094;--shadow-md:0 8px 24px #0000007a;--on-accent:#1a1510;--danger-hover-bg:#d14b4b1f;--path-1:#6b8cae;--path-2:#c45c2a;--path-3:#6b9b7a;--path-4:#d14b4b;--path-5:#8b7aab;--path-6:#c9956a;--path-7:#b56576;--path-8:#8fae6b}html[data-palette=oxide][data-theme=light]{--bg-deep:#e8e4de;--bg-panel:#f0ece6;--bg-surface:#ddd8d0;--bg-hover:#d2ccc2;--border:#b8b0a4;--border-active:#8a8278;--text-primary:#2a241c;--text-secondary:#5c544c;--text-dim:#6e665e;--accent-blue:#3d5a78;--accent-cyan:#8b5a2b;--accent-green:#3d6b52;--accent-orange:#a84a24;--accent-red:#a32f2f;--accent-purple:#5c4a78;--grid-minor:#786e6047;--grid-major:#5a524852;--axis-color:#6b6258;--axis-tick:#524a42;--axis-title:#454038;--point-default:#3d5a78;--point-selected:#8b5a2b;--point-selected-dim:#8b5a2b66;--accent-cyan-subtle:#8b5a2b1e;--selection-bg:#8b5a2b1a;--callout-bg:#f0ece6f5;--callout-border:#6b6258;--callout-text:#2a241c;--ref-hline:#a84a24;--ref-vline:#5c4a78;--intersect-default:#3d6b52;--shadow-lg:0 8px 24px #0000001f;--shadow-md:0 4px 16px #0000001a;--on-accent:#f8f6f2;--danger-hover-bg:#a32f2f1f;--path-1:#2d4a62;--path-2:#9a3d18;--path-3:#2d5c45;--path-4:#b91c1c;--path-5:#4a3a62;--path-6:#7a4f24;--path-7:#9c2d4a;--path-8:#5a7038}html[data-palette=blueprint][data-theme=dark]{--bg-deep:#0a1018;--bg-panel:#0f1824;--bg-surface:#142030;--bg-hover:#1a2c40;--border:#243652;--border-active:#3d5a82;--text-primary:#dce8f2;--text-secondary:#8aa3b8;--text-dim:#6b8498;--accent-blue:#4a8ab8;--accent-cyan:#7dd3fc;--accent-green:#5dae8c;--accent-orange:#f0b429;--accent-red:#f87171;--accent-purple:#a5b4fc;--grid-minor:#64a0dc1f;--grid-major:#8cbee638;--axis-color:#5a7a9a;--axis-tick:#6d8caf;--axis-title:#7a9ab8;--point-default:#4a8ab8;--point-selected:#7dd3fc;--point-selected-dim:#7dd3fc66;--accent-cyan-subtle:#7dd3fc1e;--selection-bg:#7dd3fc14;--callout-bg:#0f1824f0;--callout-border:#5a7a9a;--callout-text:#dce8f2;--ref-hline:#f0b429;--ref-vline:#a5b4fc;--intersect-default:#5dae8c;--shadow-lg:0 12px 40px #0000008c;--shadow-md:0 8px 24px #0000006b;--on-accent:#0a1018;--danger-hover-bg:#f871711f;--path-1:#4a8ab8;--path-2:#f0b429;--path-3:#5dae8c;--path-4:#f87171;--path-5:#a5b4fc;--path-6:#7dd3fc;--path-7:#f472b6;--path-8:#a3e635}html[data-palette=blueprint][data-theme=light]{--bg-deep:#e4eaf2;--bg-panel:#eef3f8;--bg-surface:#d9e3ed;--bg-hover:#ccd8e5;--border:#9eb0c4;--border-active:#6b7f96;--text-primary:#142838;--text-secondary:#3d5066;--text-dim:#4a5d72;--accent-blue:#1e4976;--accent-cyan:#0c5c7a;--accent-green:#0f5c4a;--accent-orange:#a16207;--accent-red:#b91c1c;--accent-purple:#4338ca;--grid-minor:#1e49761f;--grid-major:#1e497638;--axis-color:#3d5a78;--axis-tick:#2d4a62;--axis-title:#243a52;--point-default:#1e4976;--point-selected:#0c5c7a;--point-selected-dim:#0c5c7a66;--accent-cyan-subtle:#0c5c7a1e;--selection-bg:#0c5c7a1a;--callout-bg:#eef3f8f7;--callout-border:#3d5a78;--callout-text:#142838;--ref-hline:#a16207;--ref-vline:#4338ca;--intersect-default:#0f5c4a;--shadow-lg:0 8px 24px #14283c1f;--shadow-md:0 4px 16px #14283c1a;--on-accent:#f8fafc;--danger-hover-bg:#b91c1c1f;--path-1:#1d4ed8;--path-2:#b45309;--path-3:#047857;--path-4:#dc2626;--path-5:#4f46e5;--path-6:#0369a1;--path-7:#be185d;--path-8:#65a30d}html[data-palette=dro][data-theme=dark]{--bg-deep:#060807;--bg-panel:#0c100d;--bg-surface:#121a14;--bg-hover:#1a241c;--border:#243428;--border-active:#385038;--text-primary:#c8f0c8;--text-secondary:#6b9b6b;--text-dim:#4d7a4d;--accent-blue:#4d8a6e;--accent-cyan:#4ade80;--accent-green:#22c55e;--accent-orange:#eab308;--accent-red:#f87171;--accent-purple:#86efac;--grid-minor:#325a3740;--grid-major:#4ade8026;--axis-color:#5a8a5e;--axis-tick:#6b9b6f;--axis-title:#7aab7e;--point-default:#4d8a6e;--point-selected:#4ade80;--point-selected-dim:#4ade8066;--accent-cyan-subtle:#4ade801e;--selection-bg:#4ade8012;--callout-bg:#0c100df0;--callout-border:#5a8a5e;--callout-text:#c8f0c8;--ref-hline:#eab308;--ref-vline:#86efac;--intersect-default:#22c55e;--shadow-lg:0 12px 40px #000000a6;--shadow-md:0 8px 24px #00000080;--on-accent:#052e16;--danger-hover-bg:#f871711f;--path-1:#4d8a6e;--path-2:#eab308;--path-3:#22c55e;--path-4:#f87171;--path-5:#86efac;--path-6:#4ade80;--path-7:#a3e635;--path-8:#2dd4bf}html[data-palette=dro][data-theme=light]{--bg-deep:#e8f0ea;--bg-panel:#f0f7f1;--bg-surface:#dce8de;--bg-hover:#ccdccf;--border:#9bb09e;--border-active:#6b856e;--text-primary:#14532d;--text-secondary:#3d5c42;--text-dim:#4a6b50;--accent-blue:#2d6a4a;--accent-cyan:#15803d;--accent-green:#166534;--accent-orange:#a16207;--accent-red:#b91c1c;--accent-purple:#047857;--grid-minor:#3c644633;--grid-major:#285a3738;--axis-color:#3d5c42;--axis-tick:#2d4a32;--axis-title:#264530;--point-default:#2d6a4a;--point-selected:#15803d;--point-selected-dim:#15803d66;--accent-cyan-subtle:#15803d1e;--selection-bg:#15803d1a;--callout-bg:#f0f7f1f7;--callout-border:#3d5c42;--callout-text:#14532d;--ref-hline:#a16207;--ref-vline:#047857;--intersect-default:#166534;--shadow-lg:0 8px 24px #14321e1a;--shadow-md:0 4px 16px #14321e14;--on-accent:#f0fdf4;--danger-hover-bg:#b91c1c1f;--path-1:#166534;--path-2:#b45309;--path-3:#15803d;--path-4:#dc2626;--path-5:#047857;--path-6:#0f766e;--path-7:#65a30d;--path-8:#0369a1}html[data-palette=telemetry][data-theme=dark]{--bg-deep:#0c0e14;--bg-panel:#161a25;--bg-surface:#1e2430;--bg-hover:#282f3e;--border:#313a4c;--border-active:#4a5578;--text-primary:#e0e4f0;--text-secondary:#8890a8;--text-dim:#6e7a98;--accent-blue:#4a90d9;--accent-cyan:#22d3ee;--accent-green:#34d399;--accent-orange:#f59e0b;--accent-red:#ef4444;--accent-purple:#a78bfa;--grid-minor:#313a4c80;--grid-major:#505d8a73;--axis-color:#5e6b9a;--axis-tick:#7580a0;--axis-title:#9298b8;--point-default:#4a90d9;--point-selected:#22d3ee;--point-selected-dim:#22d3ee66;--accent-cyan-subtle:#22d3ee1e;--selection-bg:#22d3ee0f;--callout-bg:#161a25eb;--callout-border:#5e6b9a;--callout-text:#e0e4f0;--ref-hline:#f59e0b;--ref-vline:#a78bfa;--intersect-default:#34d399;--shadow-lg:0 12px 40px #0000008c;--shadow-md:0 8px 24px #00000073;--on-accent:#fff;--danger-hover-bg:#ef44441a;--path-1:#4a90d9;--path-2:#f59e0b;--path-3:#34d399;--path-4:#ef4444;--path-5:#a78bfa;--path-6:#22d3ee;--path-7:#ec4899;--path-8:#84cc16}html[data-palette=telemetry][data-theme=light]{--bg-deep:#e7e9ef;--bg-panel:#f2f3f7;--bg-surface:#dfe2ea;--bg-hover:#d2d6e0;--border:#b8bcc8;--border-active:#888e9e;--text-primary:#2a2e38;--text-secondary:#50565e;--text-dim:#585e6c;--accent-blue:#2b6cb0;--accent-cyan:#0e7490;--accent-green:#047857;--accent-orange:#92400e;--accent-red:#991b1b;--accent-purple:#5b21b6;--grid-minor:#7880944d;--grid-major:#5860764d;--axis-color:#606a82;--axis-tick:#4a5468;--axis-title:#3a4050;--point-default:#2b6cb0;--point-selected:#0e7490;--point-selected-dim:#0e749066;--accent-cyan-subtle:#0e74901e;--selection-bg:#0e74901a;--callout-bg:#f2f3f7f2;--callout-border:#606a82;--callout-text:#2a2e38;--ref-hline:#92400e;--ref-vline:#5b21b6;--intersect-default:#047857;--shadow-lg:0 8px 24px #00000024;--shadow-md:0 4px 16px #0000001f;--on-accent:#fff;--danger-hover-bg:#991b1b1f;--path-1:#2563eb;--path-2:#b45309;--path-3:#047857;--path-4:#b91c1c;--path-5:#6d28d9;--path-6:#0e7490;--path-7:#be185d;--path-8:#4d7c0f}html[data-palette=monolith][data-theme=dark]{--bg-deep:#141416;--bg-panel:#1c1c1f;--bg-surface:#242428;--bg-hover:#2e2e33;--border:#3f3f46;--border-active:#52525b;--text-primary:#e4e4e7;--text-secondary:#a1a1aa;--text-dim:#71717a;--accent-blue:#60a5fa;--accent-cyan:#bef264;--accent-green:#4ade80;--accent-orange:#fb923c;--accent-red:#f87171;--accent-purple:#a78bfa;--grid-minor:#52525b59;--grid-major:#60a5fa33;--axis-color:#71717a;--axis-tick:#8b8b94;--axis-title:#9ca3af;--point-default:#60a5fa;--point-selected:#bef264;--point-selected-dim:#bef26466;--accent-cyan-subtle:#bef2641e;--selection-bg:#bef26412;--callout-bg:#1c1c1ff0;--callout-border:#71717a;--callout-text:#e4e4e7;--ref-hline:#fb923c;--ref-vline:#a78bfa;--intersect-default:#4ade80;--shadow-lg:0 12px 40px #0000008c;--shadow-md:0 8px 24px #0000006b;--on-accent:#18181b;--danger-hover-bg:#f871711f;--path-1:#60a5fa;--path-2:#fb923c;--path-3:#4ade80;--path-4:#f87171;--path-5:#a78bfa;--path-6:#bef264;--path-7:#f472b6;--path-8:#2dd4bf}html[data-palette=monolith][data-theme=light]{--bg-deep:#e4e4e7;--bg-panel:#f4f4f5;--bg-surface:#d4d4d8;--bg-hover:#c4c4c9;--border:#a1a1aa;--border-active:#71717a;--text-primary:#18181b;--text-secondary:#3f3f46;--text-dim:#52525b;--accent-blue:#2563eb;--accent-cyan:#65a30d;--accent-green:#15803d;--accent-orange:#c2410c;--accent-red:#b91c1c;--accent-purple:#6d28d9;--grid-minor:#64646e38;--grid-major:#2563eb26;--axis-color:#52525b;--axis-tick:#3f3f46;--axis-title:#27272a;--point-default:#2563eb;--point-selected:#65a30d;--point-selected-dim:#65a30d66;--accent-cyan-subtle:#65a30d1e;--selection-bg:#65a30d1a;--callout-bg:#f4f4f5f7;--callout-border:#52525b;--callout-text:#18181b;--ref-hline:#c2410c;--ref-vline:#6d28d9;--intersect-default:#15803d;--shadow-lg:0 8px 24px #0000001f;--shadow-md:0 4px 16px #0000001a;--on-accent:#fafafa;--danger-hover-bg:#b91c1c1f;--path-1:#1d4ed8;--path-2:#c2410c;--path-3:#15803d;--path-4:#dc2626;--path-5:#5b21b6;--path-6:#4d7c0f;--path-7:#be185d;--path-8:#0d9488}html[data-palette=theme-axiom][data-theme=dark]{--bg-deep:#06080d;--bg-panel:#0c1017;--bg-surface:#131924;--bg-hover:#1a2332;--border:#222d40;--border-active:#31405a;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-dim:#64748b;--accent-blue:#3b82f6;--accent-cyan:#06b6d4;--accent-green:#10b981;--accent-orange:#f59e0b;--accent-red:#ef4444;--accent-purple:#8b5cf6;--grid-minor:#222d4080;--grid-major:#31405a73;--axis-color:#31405a;--axis-tick:#475569;--axis-title:#94a3b8;--point-default:#3b82f6;--point-selected:#f59e0b;--point-selected-dim:#f59e0b66;--accent-cyan-subtle:#06b6d426;--selection-bg:#3b82f626;--callout-bg:#0c1017f2;--callout-border:#31405a;--callout-text:#e2e8f0;--ref-hline:#f59e0b;--ref-vline:#06b6d4;--intersect-default:#10b981;--shadow-lg:0 12px 32px #000000b3;--shadow-md:0 8px 24px #00000080;--on-accent:#06080d;--danger-hover-bg:#ef44441f;--path-1:#3b82f6;--path-2:#f59e0b;--path-3:#06b6d4;--path-4:#8b5cf6;--path-5:#10b981;--path-6:#ef4444;--path-7:#ec4899;--path-8:#eab308}html[data-palette=theme-axiom][data-theme=light]{--bg-deep:#f8fafc;--bg-panel:#f1f5f9;--bg-surface:#e2e8f0;--bg-hover:#cbd5e1;--border:#94a3b8;--border-active:#64748b;--text-primary:#0f172a;--text-secondary:#334155;--text-dim:#475569;--accent-blue:#1d4ed8;--accent-cyan:#0e7490;--accent-green:#047857;--accent-orange:#b45309;--accent-red:#b91c1c;--accent-purple:#6d28d9;--grid-minor:#94a3b866;--grid-major:#64748b4d;--axis-color:#94a3b8;--axis-tick:#64748b;--axis-title:#334155;--point-default:#1d4ed8;--point-selected:#b45309;--point-selected-dim:#b453094d;--accent-cyan-subtle:#0e74901a;--selection-bg:#1d4ed81a;--callout-bg:#f1f5f9f2;--callout-border:#94a3b8;--callout-text:#0f172a;--ref-hline:#b45309;--ref-vline:#0e7490;--intersect-default:#047857;--shadow-lg:0 8px 24px #0f172a1f;--shadow-md:0 4px 12px #0f172a14;--on-accent:#fff;--danger-hover-bg:#b91c1c14;--path-1:#1d4ed8;--path-2:#b45309;--path-3:#0e7490;--path-4:#6d28d9;--path-5:#047857;--path-6:#b91c1c;--path-7:#be185d;--path-8:#854d0e}html[data-palette=theme-strata][data-theme=dark]{--bg-deep:#111110;--bg-panel:#181817;--bg-surface:#21211f;--bg-hover:#2b2b28;--border:#3a3a37;--border-active:#53534e;--text-primary:#e7e5e4;--text-secondary:#a8a29e;--text-dim:#78716c;--accent-blue:#38bdf8;--accent-cyan:#2dd4bf;--accent-green:#84cc16;--accent-orange:#ea580c;--accent-red:#dc2626;--accent-purple:#a855f7;--grid-minor:#3a3a3780;--grid-major:#53534e66;--axis-color:#53534e;--axis-tick:#78716c;--axis-title:#a8a29e;--point-default:#ea580c;--point-selected:#2dd4bf;--point-selected-dim:#2dd4bf66;--accent-cyan-subtle:#2dd4bf26;--selection-bg:#ea580c1f;--callout-bg:#181817f2;--callout-border:#53534e;--callout-text:#e7e5e4;--ref-hline:#ea580c;--ref-vline:#38bdf8;--intersect-default:#84cc16;--shadow-lg:0 10px 30px #0009;--shadow-md:0 4px 16px #0006;--on-accent:#111110;--danger-hover-bg:#dc26261f;--path-1:#ea580c;--path-2:#84cc16;--path-3:#2dd4bf;--path-4:#f59e0b;--path-5:#38bdf8;--path-6:#a855f7;--path-7:#dc2626;--path-8:#fb923c}html[data-palette=theme-strata][data-theme=light]{--bg-deep:#f5f5f4;--bg-panel:#e7e5e4;--bg-surface:#d6d3d1;--bg-hover:#c8c4c1;--border:#a8a29e;--border-active:#78716c;--text-primary:#1c1917;--text-secondary:#44403c;--text-dim:#57534e;--accent-blue:#0284c7;--accent-cyan:#0f766e;--accent-green:#4d7c0f;--accent-orange:#c2410c;--accent-red:#b91c1c;--accent-purple:#7e22ce;--grid-minor:#a8a29e66;--grid-major:#78716c4d;--axis-color:#a8a29e;--axis-tick:#78716c;--axis-title:#44403c;--point-default:#c2410c;--point-selected:#0f766e;--point-selected-dim:#0f766e4d;--accent-cyan-subtle:#0f766e1a;--selection-bg:#c2410c1a;--callout-bg:#e7e5e4f2;--callout-border:#a8a29e;--callout-text:#1c1917;--ref-hline:#c2410c;--ref-vline:#0284c7;--intersect-default:#4d7c0f;--shadow-lg:0 8px 20px #1c191714;--shadow-md:0 4px 10px #1c19170d;--on-accent:#fff;--danger-hover-bg:#b91c1c14;--path-1:#c2410c;--path-2:#4d7c0f;--path-3:#0f766e;--path-4:#b45309;--path-5:#0284c7;--path-6:#7e22ce;--path-7:#b91c1c;--path-8:#ea580c}html[data-palette=theme-flux][data-theme=dark]{--bg-deep:#0a0612;--bg-panel:#110b1c;--bg-surface:#1b112c;--bg-hover:#25183b;--border:#352354;--border-active:#4c337a;--text-primary:#f1eefa;--text-secondary:#b3a5d1;--text-dim:#816fa3;--accent-blue:#0ea5e9;--accent-cyan:#22d3ee;--accent-green:#4ade80;--accent-orange:#fb923c;--accent-red:#f43f5e;--accent-purple:#e879f9;--grid-minor:#35235499;--grid-major:#4c337a80;--axis-color:#4c337a;--axis-tick:#694a9e;--axis-title:#b3a5d1;--point-default:#e879f9;--point-selected:#22d3ee;--point-selected-dim:#22d3ee66;--accent-cyan-subtle:#22d3ee26;--selection-bg:#e879f926;--callout-bg:#110b1cf2;--callout-border:#4c337a;--callout-text:#f1eefa;--ref-hline:#fb923c;--ref-vline:#0ea5e9;--intersect-default:#4ade80;--shadow-lg:0 14px 40px #000000bf;--shadow-md:0 6px 20px #0009;--on-accent:#0a0612;--danger-hover-bg:#f43f5e26;--path-1:#e879f9;--path-2:#22d3ee;--path-3:#4ade80;--path-4:#fb923c;--path-5:#0ea5e9;--path-6:#f43f5e;--path-7:#c084fc;--path-8:#fde047}html[data-palette=theme-flux][data-theme=light]{--bg-deep:#fcfbfe;--bg-panel:#f4f1f9;--bg-surface:#ebe5f4;--bg-hover:#ded6ec;--border:#c2b4d6;--border-active:#9983b8;--text-primary:#201633;--text-secondary:#51406d;--text-dim:#6f5b8c;--accent-blue:#0284c7;--accent-cyan:#0891b2;--accent-green:#16a34a;--accent-orange:#ea580c;--accent-red:#e11d48;--accent-purple:#9333ea;--grid-minor:#c2b4d666;--grid-major:#9983b84d;--axis-color:#c2b4d6;--axis-tick:#9983b8;--axis-title:#51406d;--point-default:#9333ea;--point-selected:#0891b2;--point-selected-dim:#0891b24d;--accent-cyan-subtle:#0891b21a;--selection-bg:#9333ea1a;--callout-bg:#f4f1f9f2;--callout-border:#9983b8;--callout-text:#201633;--ref-hline:#ea580c;--ref-vline:#0284c7;--intersect-default:#16a34a;--shadow-lg:0 10px 25px #20163314;--shadow-md:0 4px 15px #2016330f;--on-accent:#fff;--danger-hover-bg:#e11d4814;--path-1:#9333ea;--path-2:#0891b2;--path-3:#16a34a;--path-4:#ea580c;--path-5:#0284c7;--path-6:#e11d48;--path-7:#7e22ce;--path-8:#ca8a04}html[data-palette=theme-catalyst][data-theme=dark]{--bg-deep:#000;--bg-panel:#09090b;--bg-surface:#121214;--bg-hover:#1d1d20;--border:#27272a;--border-active:#3f3f46;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-dim:#52525b;--accent-blue:#0070f3;--accent-cyan:#00e5ff;--accent-green:#00ff41;--accent-orange:#ff6a00;--accent-red:#ff003c;--accent-purple:#b000ff;--grid-minor:#27272acc;--grid-major:#3f3f46b3;--axis-color:#3f3f46;--axis-tick:#52525b;--axis-title:#a1a1aa;--point-default:#00ff41;--point-selected:#00e5ff;--point-selected-dim:#00e5ff66;--accent-cyan-subtle:#00e5ff26;--selection-bg:#00ff411f;--callout-bg:#09090bf2;--callout-border:#3f3f46;--callout-text:#fafafa;--ref-hline:#ff6a00;--ref-vline:#b000ff;--intersect-default:#00e5ff;--shadow-lg:0 15px 45px #000;--shadow-md:0 8px 25px #000c;--on-accent:#000;--danger-hover-bg:#ff003c26;--path-1:#00ff41;--path-2:#00e5ff;--path-3:#b000ff;--path-4:#ff6a00;--path-5:#0070f3;--path-6:#ff003c;--path-7:#ff0;--path-8:#f0f}html[data-palette=theme-catalyst][data-theme=light]{--bg-deep:#fff;--bg-panel:#f4f4f5;--bg-surface:#e4e4e7;--bg-hover:#d4d4d8;--border:#a1a1aa;--border-active:#71717a;--text-primary:#000;--text-secondary:#3f3f46;--text-dim:#71717a;--accent-blue:#2563eb;--accent-cyan:#0891b2;--accent-green:#16a34a;--accent-orange:#ea580c;--accent-red:#dc2626;--accent-purple:#9333ea;--grid-minor:#a1a1aa4d;--grid-major:#71717a33;--axis-color:#a1a1aa;--axis-tick:#71717a;--axis-title:#3f3f46;--point-default:#16a34a;--point-selected:#0891b2;--point-selected-dim:#0891b24d;--accent-cyan-subtle:#0891b21a;--selection-bg:#16a34a1a;--callout-bg:#f4f4f5f2;--callout-border:#71717a;--callout-text:#000;--ref-hline:#ea580c;--ref-vline:#9333ea;--intersect-default:#0891b2;--shadow-lg:0 10px 30px #0000001a;--shadow-md:0 4px 15px #0000000d;--on-accent:#fff;--danger-hover-bg:#dc26261a;--path-1:#16a34a;--path-2:#0891b2;--path-3:#9333ea;--path-4:#ea580c;--path-5:#2563eb;--path-6:#dc2626;--path-7:#ca8a04;--path-8:#c026d3}html[data-palette=theme-zenith][data-theme=dark]{--bg-deep:#1c1e26;--bg-panel:#232530;--bg-surface:#2d303e;--bg-hover:#3a3e4e;--border:#4b5064;--border-active:#656a82;--text-primary:#f8f8f9;--text-secondary:#aeb3c4;--text-dim:#81869c;--accent-blue:#93c5fd;--accent-cyan:#67e8f9;--accent-green:#86efac;--accent-orange:#fcd34d;--accent-red:#fca5a5;--accent-purple:#d8b4fe;--grid-minor:#4b506466;--grid-major:#656a824d;--axis-color:#656a82;--axis-tick:#81869c;--axis-title:#aeb3c4;--point-default:#93c5fd;--point-selected:#d8b4fe;--point-selected-dim:#d8b4fe66;--accent-cyan-subtle:#67e8f926;--selection-bg:#93c5fd1f;--callout-bg:#232530f2;--callout-border:#656a82;--callout-text:#f8f8f9;--ref-hline:#fcd34d;--ref-vline:#67e8f9;--intersect-default:#86efac;--shadow-lg:0 10px 30px #12131899;--shadow-md:0 4px 15px #12131866;--on-accent:#1c1e26;--danger-hover-bg:#fca5a526;--path-1:#93c5fd;--path-2:#d8b4fe;--path-3:#86efac;--path-4:#fcd34d;--path-5:#67e8f9;--path-6:#fca5a5;--path-7:#fda4af;--path-8:#fdba74}html[data-palette=theme-zenith][data-theme=light]{--bg-deep:#f8f9fb;--bg-panel:#fff;--bg-surface:#f1f3f5;--bg-hover:#e5e7eb;--border:#d1d5db;--border-active:#9ca3af;--text-primary:#1f2937;--text-secondary:#6b7280;--text-dim:#9ca3af;--accent-blue:#0369a1;--accent-cyan:#0e7490;--accent-green:#047857;--accent-orange:#b45309;--accent-red:#be123c;--accent-purple:#6d28d9;--grid-minor:#d1d5db66;--grid-major:#9ca3af40;--axis-color:#9ca3af;--axis-tick:#d1d5db;--axis-title:#6b7280;--point-default:#0369a1;--point-selected:#6d28d9;--point-selected-dim:#6d28d94d;--accent-cyan-subtle:#0e74901a;--selection-bg:#0369a114;--callout-bg:#fffffff2;--callout-border:#d1d5db;--callout-text:#1f2937;--ref-hline:#b45309;--ref-vline:#0e7490;--intersect-default:#047857;--shadow-lg:0 8px 24px #1f293714;--shadow-md:0 4px 12px #1f29370a;--on-accent:#fff;--danger-hover-bg:#be123c14;--path-1:#0369a1;--path-2:#6d28d9;--path-3:#047857;--path-4:#b45309;--path-5:#0e7490;--path-6:#be123c;--path-7:#9f1239;--path-8:#c2410c}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-deep);color:var(--text-primary);-webkit-user-select:none;user-select:none;height:100vh;font-family:IBM Plex Sans,sans-serif;overflow:hidden}.app-layout{--left-w:340px;--right-w:270px;grid-template-columns:var(--left-w) 1fr var(--right-w);grid-template-rows:44px 1fr 32px;height:100vh;transition:grid-template-columns .25s;display:grid}.app-layout.left-collapsed{--left-w:0px}.app-layout.right-collapsed{--right-w:0px}.top-bar{background:var(--bg-panel);border-bottom:1px solid var(--border);grid-column:1/-1;align-items:center;gap:12px;padding:0 16px;display:flex}.top-bar .logo{letter-spacing:1.5px;color:var(--accent-cyan);text-transform:uppercase;flex-shrink:0;margin-right:16px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.top-bar .logo span{color:var(--text-dim);font-weight:400}.toolbar{background:var(--bg-surface);border-radius:6px;flex-shrink:0;gap:2px;padding:3px;display:flex}.toolbar button{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;align-items:center;gap:5px;padding:5px 10px;font-family:IBM Plex Sans,sans-serif;font-size:12px;font-weight:500;transition:all .15s;display:flex}.toolbar button:hover{background:var(--bg-hover);color:var(--text-primary)}.toolbar button.active{background:var(--accent-blue);color:var(--on-accent)}.toolbar button svg{width:14px;height:14px}.toolbar-sep{background:var(--border);width:1px;margin:3px 4px}.top-actions{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.top-actions button{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:4px 10px;font-family:IBM Plex Sans,sans-serif;font-size:11px;transition:all .15s}.top-actions button:hover{border-color:var(--border-active);color:var(--text-primary)}.top-actions select#paletteSelect{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:4px;max-width:140px;padding:4px 8px;font-family:IBM Plex Sans,sans-serif;font-size:11px}.top-actions select#paletteSelect:hover{border-color:var(--border-active);color:var(--text-primary)}.top-actions select#paletteSelect:focus{border-color:var(--accent-blue);outline:none}.left-panel{background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;min-width:0;transition:opacity .2s,border-width .2s;display:flex;overflow:hidden}.left-panel.collapsed{opacity:0;pointer-events:none;border-right-width:0}.panel-section{border-bottom:1px solid var(--border);flex-shrink:0;padding:10px 12px}.panel-section.flex-grow{flex:1;min-height:0;overflow-y:auto}.panel-section-title{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-dim);justify-content:space-between;align-items:center;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;display:flex}.panel-section-title .count{color:var(--text-dim);font-size:10px;font-weight:400}.slope-row{background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;align-items:center;gap:6px;margin-bottom:6px;padding:5px 8px;display:flex}.slope-row .slope-label{text-transform:uppercase;letter-spacing:.5px;color:var(--accent-orange);flex-shrink:0;min-width:62px;font-family:JetBrains Mono,monospace;font-size:10px}.slope-row input{background:var(--bg-deep);border:1px solid var(--border);color:var(--text-primary);border-radius:3px;outline:none;width:70px;padding:3px 6px;font-family:JetBrains Mono,monospace;font-size:12px}.slope-row input:focus{border-color:var(--accent-orange)}.slope-row .slope-hint{color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:10px}.point-table-header{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);grid-template-columns:22px 1fr 1fr 60px 22px;gap:4px;padding:0 6px 4px;font-family:JetBrains Mono,monospace;font-size:10px;display:grid}.point-list{flex-direction:column;gap:2px;display:flex}.point-card{background:var(--bg-surface);border:1px solid #0000;border-radius:4px;transition:all .1s;overflow:hidden}.point-card:hover{border-color:var(--border-active)}.point-card.selected{border-color:var(--accent-cyan);background:var(--selection-bg)}.point-card-main{cursor:pointer;grid-template-columns:22px 1fr 1fr 60px 22px;align-items:center;gap:4px;padding:4px 6px;display:grid}.point-card-main .idx{color:var(--text-dim);text-align:center;font-family:JetBrains Mono,monospace;font-size:11px}.point-card-main input{background:var(--bg-deep);border:1px solid var(--border);color:var(--text-primary);border-radius:3px;outline:none;width:100%;min-width:0;padding:3px 5px;font-family:JetBrains Mono,monospace;font-size:12px}.point-card-main input:focus{border-color:var(--accent-blue)}.point-card-main .del-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:14px;line-height:1;display:flex}.point-card-main .del-btn:hover{color:var(--accent-red);background:var(--danger-hover-bg)}.seg-ctrl{border-top:1px solid var(--border);align-items:center;gap:4px;padding:3px 6px 4px 28px;display:flex}.seg-ctrl .seg-label{color:var(--text-dim);flex-shrink:0;margin-right:2px;font-family:JetBrains Mono,monospace;font-size:10px}.seg-type-btns{background:var(--bg-deep);border-radius:3px;gap:1px;padding:1px;display:flex}.seg-type-btns button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:2px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:10px;transition:all .1s}.seg-type-btns button:hover{color:var(--text-secondary)}.seg-type-btns button.active{background:var(--accent-blue);color:var(--on-accent)}.seg-tension{align-items:center;gap:3px;margin-left:4px;display:flex}.seg-tension input[type=range]{width:50px;height:12px;accent-color:var(--accent-blue)}.seg-tension .tension-val{color:var(--text-dim);text-align:right;width:28px;font-family:JetBrains Mono,monospace;font-size:10px}.add-point-row{flex-shrink:0;grid-template-columns:1fr 1fr 32px;gap:4px;min-width:0;margin-top:6px;display:grid}.add-point-row input{background:var(--bg-deep);border:1px solid var(--border);min-width:0;color:var(--text-primary);border-radius:4px;outline:none;padding:5px 6px;font-family:JetBrains Mono,monospace;font-size:12px}.add-point-row input::placeholder{color:var(--text-dim)}.add-point-row input:focus{border-color:var(--accent-blue)}.add-point-row button{background:var(--accent-blue);color:var(--on-accent);cursor:pointer;border:none;border-radius:4px;font-size:16px;font-weight:600}.add-point-row button:hover{filter:brightness(1.15)}.object-list{flex-direction:column;gap:3px;display:flex}.object-item{background:var(--bg-surface);cursor:pointer;border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;padding:5px 8px;font-size:11px;display:flex}.object-item:hover{border-color:var(--border-active)}.object-item.selected{border-color:var(--accent-cyan);background:var(--selection-bg)}.object-item .obj-icon{color:var(--text-dim);text-align:center;width:18px;font-family:JetBrains Mono,monospace;font-size:10px}.object-item .obj-name{color:var(--text-secondary);flex:1}.object-item .vis-toggle{color:var(--text-dim);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:12px;display:flex}.object-item .vis-toggle.hidden{opacity:.3}.canvas-container{background:var(--bg-deep);position:relative;overflow:hidden}canvas#mainCanvas{width:100%;height:100%;display:block}.canvas-overlay{pointer-events:none;gap:8px;display:flex;position:absolute;bottom:10px;left:10px}.canvas-overlay>*{pointer-events:auto}.zoom-controls{background:var(--bg-panel);border:1px solid var(--border);border-radius:5px;gap:2px;padding:2px;display:flex}.zoom-controls button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:12px}.zoom-controls button:hover{background:var(--bg-hover);color:var(--text-primary)}.zoom-label{color:var(--text-dim);align-items:center;padding:4px 6px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.cursor-readout{background:var(--bg-panel);border:1px solid var(--border);color:var(--text-secondary);pointer-events:none;border-radius:5px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:11px;position:absolute;top:10px;left:10px}.cursor-readout span{color:var(--accent-cyan)}.right-panel{background:var(--bg-panel);border-left:1px solid var(--border);flex-direction:column;min-width:0;transition:opacity .2s,border-width .2s;display:flex;overflow-y:auto}.right-panel.collapsed{opacity:0;pointer-events:none;border-left-width:0}.prop-group{border-bottom:1px solid var(--border);padding:10px 12px}.prop-group label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.8px;margin-bottom:5px;font-family:JetBrains Mono,monospace;font-size:11px;display:block}.prop-row{align-items:center;gap:6px;margin-bottom:5px;display:flex}.prop-row .prop-label{color:var(--text-secondary);min-width:48px;font-size:12px}.prop-row input,.prop-row select{background:var(--bg-deep);border:1px solid var(--border);color:var(--text-primary);border-radius:3px;outline:none;flex:1;padding:4px 6px;font-family:JetBrains Mono,monospace;font-size:12px}.prop-row input:focus,.prop-row select:focus{border-color:var(--accent-blue)}.color-swatch{border:1px solid var(--border);cursor:pointer;border-radius:3px;flex-shrink:0;width:22px;height:22px}.intersect-list{flex-direction:column;gap:3px;margin-top:6px;display:flex}.intersect-item{color:var(--text-secondary);background:var(--bg-surface);border-radius:3px;justify-content:space-between;padding:3px 6px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.intersect-item span{color:var(--accent-green)}.status-bar{background:var(--bg-panel);border-top:1px solid var(--border);color:var(--text-dim);grid-column:1/-1;align-items:center;gap:20px;padding:0 12px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.status-bar .status-item{align-items:center;gap:5px;display:flex}.status-bar .status-dot{background:var(--accent-green);border-radius:50%;width:6px;height:6px}.snap-status{position:relative}.snap-popover{background:var(--bg-panel);border:1px solid var(--border-active);min-width:150px;box-shadow:var(--shadow-md);z-index:300;border-radius:6px;margin-bottom:6px;padding:8px 10px;font-size:11px;display:none;position:absolute;bottom:100%;right:0}.snap-popover.show{flex-direction:column;gap:4px;display:flex}.snap-check{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;padding:2px 0;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.snap-check:hover{color:var(--text-primary)}.snap-check input[type=checkbox]{accent-color:var(--accent-cyan);cursor:pointer;margin:0}.grid-mode-sub{padding-left:14px}.grid-mode-sub .snap-check:has(input:disabled){color:var(--text-dim);cursor:default}.grid-mode-sub .snap-check input:disabled{cursor:not-allowed}.snap-sep{background:var(--border);height:1px;margin:2px 0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-active)}.callout-input-overlay{z-index:10050;display:none;position:absolute;inset:0}.callout-input-overlay.show{justify-content:center;align-items:center;display:flex}.callout-input-box{background:var(--bg-panel);border:1px solid var(--border-active);min-width:280px;box-shadow:var(--shadow-lg);border-radius:8px;padding:16px}.callout-input-box h4{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:10px;font-family:JetBrains Mono,monospace;font-size:11px}.callout-input-box input{background:var(--bg-deep);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:4px;outline:none;margin-bottom:10px;padding:8px 10px;font-family:IBM Plex Sans,sans-serif;font-size:13px}.callout-input-box input:focus{border-color:var(--accent-cyan)}.callout-input-box .btn-row{justify-content:flex-end;gap:6px;display:flex}.callout-input-box .btn-row button{cursor:pointer;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);border-radius:4px;padding:5px 14px;font-family:IBM Plex Sans,sans-serif;font-size:12px}.callout-input-box .btn-row button.primary{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--on-accent)}.export-overlay{z-index:100;background:#00000059;display:none;position:absolute;inset:0}.export-overlay.show{justify-content:center;align-items:center;display:flex}.export-modal{background:var(--bg-panel);border:1px solid var(--border-active);min-width:280px;box-shadow:var(--shadow-lg);border-radius:8px;padding:16px 20px}.export-modal h4{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:11px}.export-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.export-label{color:var(--text-secondary);min-width:52px;font-family:IBM Plex Sans,sans-serif;font-size:12px}.export-row select{background:var(--bg-deep);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;outline:none;flex:1;padding:5px 8px;font-family:IBM Plex Sans,sans-serif;font-size:13px}.export-row select:focus{border-color:var(--accent-cyan)}.export-modal .btn-row{justify-content:flex-end;gap:6px;margin-top:14px;display:flex}.export-modal .btn-row button{cursor:pointer;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);border-radius:4px;padding:5px 14px;font-family:IBM Plex Sans,sans-serif;font-size:12px}.export-modal .btn-row button.primary{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--on-accent)}.context-menu{background:var(--bg-panel);border:1px solid var(--border-active);min-width:160px;box-shadow:var(--shadow-md);z-index:200;border-radius:6px;padding:4px;display:none;position:absolute}.context-menu.show{display:block}.context-menu button{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 10px;font-family:IBM Plex Sans,sans-serif;font-size:12px;display:block}.context-menu button:hover{background:var(--bg-hover);color:var(--text-primary)}.context-menu .sep{background:var(--border);height:1px;margin:3px 0}.shortcuts-panel{flex-shrink:0;padding:8px 12px}.shortcuts-grid{color:var(--text-dim);grid-template-columns:1fr 1fr;gap:1px 12px;font-family:JetBrains Mono,monospace;font-size:10px;line-height:1.7;display:grid}.shortcuts-grid kbd{background:var(--bg-surface);color:var(--text-secondary);text-align:center;border-radius:2px;min-width:14px;padding:0 3px;font-size:10px;display:inline-block}.path-panel{border:1px solid var(--border);border-radius:6px;margin-bottom:6px;transition:border-color .15s;overflow:hidden}.path-panel.active{border-color:var(--border-active)}.path-panel-header{background:var(--bg-surface);cursor:pointer;align-items:center;gap:6px;padding:6px 8px;display:flex}.path-color-swatch{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:3px;flex-shrink:0;width:20px;height:20px;padding:0}.path-name{color:var(--text-secondary);flex:1;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.path-point-count{color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:10px}.path-width-input{background:var(--bg-deep);border:1px solid var(--border);width:42px;color:var(--text-primary);border-radius:3px;outline:none;padding:2px 4px;font-family:JetBrains Mono,monospace;font-size:11px}.path-width-input:focus{border-color:var(--accent-blue)}.path-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:2px;font-size:14px;line-height:1;display:flex}.path-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.path-btn.path-del:hover{color:var(--accent-red);background:var(--danger-hover-bg)}.path-panel-body{padding:8px}.path-add-path-btn{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:3px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:10px}.path-add-path-btn:hover{border-color:var(--border-active);color:var(--text-primary)}.tutorial-overlay{z-index:9000;pointer-events:none;transition:opacity .3s;position:fixed;inset:0}.tutorial-overlay.active{pointer-events:auto}.tutorial-overlay.fade-out{opacity:0}.tutorial-backdrop{pointer-events:none;border-radius:6px;transition:top .35s cubic-bezier(.4,0,.2,1),left .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1),height .35s cubic-bezier(.4,0,.2,1),border-radius .35s cubic-bezier(.4,0,.2,1);position:absolute}.tutorial-backdrop.has-target{box-shadow:0 0 0 9999px #0000008c}.tutorial-backdrop.no-target{background:#0000008c;border-radius:0;inset:0}.tutorial-pulse{pointer-events:none;border-radius:8px;transition:top .35s cubic-bezier(.4,0,.2,1),left .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1),height .35s cubic-bezier(.4,0,.2,1);position:absolute}.tutorial-pulse:before,.tutorial-pulse:after{content:"";border-radius:inherit;border:2px solid var(--accent-cyan,#22d3ee);animation:2s cubic-bezier(.4,0,.6,1) infinite tutorialPulse;position:absolute;inset:-4px}.tutorial-pulse:after{animation-delay:.6s}@keyframes tutorialPulse{0%{opacity:.7;transform:scale(1)}70%{opacity:0;transform:scale(1.18)}to{opacity:0;transform:scale(1.18)}}.tutorial-card{background:var(--bg-panel,#181b1e);border:1px solid var(--border-active,#4a5560);width:340px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg,0 12px 40px #0000008c);z-index:9001;opacity:0;pointer-events:none;border-radius:10px;padding:18px 20px 14px;font-family:IBM Plex Sans,sans-serif;transition:opacity .28s,transform .28s,top .35s cubic-bezier(.4,0,.2,1),left .35s cubic-bezier(.4,0,.2,1);position:absolute;transform:translateY(8px)}.tutorial-overlay.active .tutorial-card{pointer-events:auto}.tutorial-card.visible{opacity:1;transform:translateY(0)}.tutorial-card-arrow{background:var(--bg-panel,#181b1e);border:1px solid var(--border-active,#4a5560);z-index:-1;width:12px;height:12px;position:absolute;transform:rotate(45deg)}.tutorial-card-arrow.arrow-top{border-bottom:none;border-right:none;top:-7px}.tutorial-card-arrow.arrow-bottom{border-top:none;border-left:none;bottom:-7px}.tutorial-card-arrow.arrow-left{border-top:none;border-right:none;left:-7px}.tutorial-card-arrow.arrow-right{border-bottom:none;border-left:none;right:-7px}.tutorial-step-counter{color:var(--text-dim,#6b7684);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:10px}.tutorial-card h3{color:var(--accent-cyan,#22d3ee);letter-spacing:.3px;margin:0 0 10px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}.tutorial-diagram{background:var(--bg-deep,#111315);border:1px solid var(--border,#353b42);border-radius:6px;justify-content:center;margin-bottom:12px;padding:10px 0;display:flex}.tutorial-diagram svg{width:100%;max-width:280px;height:auto}.tutorial-desc{color:var(--text-secondary,#9aa3ad);margin-bottom:14px;font-size:12.5px;line-height:1.65}.tutorial-nav{border-top:1px solid var(--border,#353b42);align-items:center;gap:6px;padding-top:12px;display:flex}.tutorial-nav button{cursor:pointer;border-radius:5px;padding:5px 14px;font-family:IBM Plex Sans,sans-serif;font-size:12px;font-weight:500;transition:all .15s}.tutorial-btn-back{background:var(--bg-surface,#202428);border:1px solid var(--border,#353b42);color:var(--text-secondary,#9aa3ad)}.tutorial-btn-back:hover{border-color:var(--border-active,#4a5560);color:var(--text-primary,#e8eaed)}.tutorial-btn-back:disabled{opacity:.35;cursor:default}.tutorial-btn-next{background:var(--accent-blue,#38bdf8);border:1px solid var(--accent-blue,#38bdf8);color:var(--on-accent,#0f172a);font-weight:600}.tutorial-btn-next:hover{filter:brightness(1.12)}.tutorial-btn-skip{color:var(--text-dim,#6b7684);text-underline-offset:2px;background:0 0;border:none;margin-left:auto;padding:4px 6px;font-size:11px;text-decoration:underline}.tutorial-btn-skip:hover{color:var(--text-secondary,#9aa3ad)}.tutorial-disable-row{color:var(--text-dim,#6b7684);cursor:pointer;align-items:center;gap:7px;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.tutorial-disable-row input[type=checkbox]{accent-color:var(--accent-cyan,#22d3ee);cursor:pointer;margin:0}.tutorial-disable-row:hover{color:var(--text-secondary,#9aa3ad)}.tutorial-progress{align-items:center;gap:4px;margin-right:auto;display:flex}.tutorial-dot{background:var(--border,#353b42);border-radius:50%;width:6px;height:6px;transition:background .2s,transform .2s}.tutorial-dot.active{background:var(--accent-cyan,#22d3ee);transform:scale(1.3)}.tutorial-dot.done{background:var(--accent-green,#34d399)}.tutorial-card.centered{transform:translate(-50%,-50%);top:50%!important;left:50%!important}.tutorial-card.centered.visible{transform:translate(-50%,-50%)}#btnTutorial{width:26px;height:26px;color:var(--accent-cyan,#22d3ee);border-color:var(--accent-cyan,#22d3ee);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;display:flex}#btnTutorial:hover{background:var(--accent-cyan,#22d3ee);color:var(--on-accent,#0f172a)}