:root,[data-theme=light]{--app-bg:#f6f1e9;--app-surface:#fff9f2;--app-surface-alt:#ece3d7;--app-surface-hover:#efe4d6;--app-accent:#e2b85d;--app-accent-hov:#c9a040;--app-accent-mid:#d7be8a;--app-accent-soft:#ece3d7;--app-accent-softer:#fff9f2;--app-navy:#0f2147;--app-navy-mid:#243b63;--app-navy-text:#fff9f2;--app-border:#d8ccbe;--app-border-hov:#d7be8a;--app-border-focus:#e2b85d;--app-text:#141b2d;--app-text-sub:#5f6675;--app-text-muted:#8ea9d6;--app-text-on-accent:#0f2147;--app-danger:#7b3b4a;--app-danger-bg:#f9f0f2;--app-danger-border:#c9a0a8;--app-success:#7fa46c;--app-success-bg:#f2f7f0;--app-success-border:#aecca4;--app-shadow-sm:0 2px 8px #0f214712;--app-shadow-md:0 8px 28px #0f21471a;--app-shadow-lg:0 20px 60px #0f214724;--app-shadow-btn:0 2px 12px #e2b85d52;--app-shadow-btn-hov:0 4px 20px #e2b85d7a;--app-font-display:"Playfair Display", Georgia, serif;--app-font-ui:"DM Sans", system-ui, sans-serif;--app-font-mono:"DM Mono", "Fira Code", ui-monospace, monospace;--app-scrollbar:#d8ccbe;--app-scrollbar-hov:#d7be8a;--app-nav-bg:#f6f1e9eb;--app-input-bg:#fff9f2;--app-input-border:#d8ccbe;--app-grad-navy:linear-gradient(135deg, #0f2147, #243b63);--app-grad-accent:linear-gradient(135deg, #e2b85d, #d7be8a);--app-grid-dot:#0f21470d;--app-cta-text:#fff9f2;--app-cta-text-sub:#d7be8a;--app-cta-text-muted:#fff9f299}[data-theme=dark]{--app-bg:#071126;--app-surface:#10264d;--app-surface-alt:#0b1d3d;--app-surface-hover:#163766;--app-accent:#f0c46b;--app-accent-hov:#d7a94d;--app-accent-mid:#d7a94d;--app-accent-soft:#10264d;--app-accent-softer:#0b1d3d;--app-navy:#163766;--app-navy-mid:#28456b;--app-navy-text:#f6f3ed;--app-border:#28456b;--app-border-hov:#5e8fd9;--app-border-focus:#f0c46b;--app-text:#f6f3ed;--app-text-sub:#aeb8c7;--app-text-muted:#5e8fd9;--app-text-on-accent:#071126;--app-danger:#b35d6b;--app-danger-bg:#1a0a0e;--app-danger-border:#5c2f4a;--app-success:#92c27a;--app-success-bg:#061a0a;--app-success-border:#2a5c1e;--app-shadow-sm:0 2px 8px #0000004d;--app-shadow-md:0 8px 28px #0006;--app-shadow-lg:0 20px 60px #0000008c;--app-shadow-btn:0 2px 12px #f0c46b47;--app-shadow-btn-hov:0 4px 20px #f0c46b70;--app-font-display:"Playfair Display", Georgia, serif;--app-font-ui:"DM Sans", system-ui, sans-serif;--app-font-mono:"DM Mono", "Fira Code", ui-monospace, monospace;--app-scrollbar:#28456b;--app-scrollbar-hov:#5e8fd9;--app-nav-bg:#071126eb;--app-input-bg:#10264d;--app-input-border:#28456b;--app-grad-navy:linear-gradient(135deg, #f0c46b, #d7a94d);--app-grad-accent:linear-gradient(135deg, #f0c46b, #d7a94d);--app-grid-dot:#5e8fd914;--app-cta-text:#071126;--app-cta-text-sub:#3b2200;--app-cta-text-muted:#07112699}[data-theme=light] .app-surface{--app-bg:#fff;--app-surface:#fafaf8;--app-surface-alt:#fef0e8;--app-surface-hover:#fde4d5;--app-accent:#c2820a;--app-accent-hov:#a36c08;--app-accent-mid:#d7be8a;--app-accent-soft:#fef0e8;--app-accent-softer:#fff;--app-navy:#0c0a09;--app-navy-mid:#1c1917;--app-navy-text:#fff;--app-border:#e2ddd6;--app-border-hov:#2b7fd4;--app-border-focus:#c2820a;--app-text:#1c1917;--app-text-sub:#57534e;--app-text-muted:#78716c;--app-text-on-accent:#fff;--app-danger:#b3261e;--app-danger-bg:#fdf0ee;--app-danger-border:#e2ddd6;--app-success:#4d7c44;--app-success-bg:#f0f5ee;--app-success-border:#cfe0c8;--app-shadow-sm:0 2px 8px #0a0c1012;--app-shadow-md:0 8px 28px #0a0c101a;--app-shadow-lg:0 20px 60px #0a0c1024;--app-shadow-btn:0 2px 12px #c2820a47;--app-shadow-btn-hov:0 4px 20px #c2820a6b;--app-nav-bg:#fafaf8eb;--app-scrollbar:#e8e3dc;--app-scrollbar-hov:#c0b8b0;--app-input-bg:#fff;--app-input-border:#e2ddd6;--app-grad-navy:linear-gradient(135deg, #1c1917, #57534e);--app-grad-accent:linear-gradient(135deg, #c2820a, #d7be8a);--app-grid-dot:#0a0c1012;--app-diagram-bg:#eef5fe;--app-cta-text:#fff;--app-cta-text-sub:#d7be8a;--app-cta-text-muted:#1c191799}[data-theme=dark] .app-surface{--app-bg:#0b0e14;--app-surface:#060810;--app-surface-alt:#100d0a;--app-surface-hover:#181310;--app-accent:#e2b85d;--app-accent-hov:#f0cc7e;--app-accent-mid:#d7a94d;--app-accent-soft:#100d0a;--app-accent-softer:#0b0e14;--app-navy:#f0f0f0;--app-navy-mid:#fff;--app-navy-text:#060810;--app-border:#333840;--app-border-hov:#3b9eff;--app-border-focus:#e2b85d;--app-text:#f0f0f0;--app-text-sub:#a1a4a5;--app-text-muted:#6c6c6c;--app-text-on-accent:#060810;--app-danger:#ff5f57;--app-danger-bg:#1a0a0e;--app-danger-border:#333840;--app-success:#7fa46c;--app-success-bg:#0d140a;--app-success-border:#2a3a24;--app-shadow-sm:0 2px 8px #00000059;--app-shadow-md:0 8px 28px #00000073;--app-shadow-lg:0 20px 60px #0000008c;--app-shadow-btn:0 2px 12px #e2b85d47;--app-shadow-btn-hov:0 4px 20px #e2b85d70;--app-nav-bg:#060810e0;--app-scrollbar:#292d30;--app-scrollbar-hov:#464a4d;--app-input-bg:#0b0e14;--app-input-border:#333840;--app-grad-navy:linear-gradient(135deg, #e2b85d, #d7a94d);--app-grad-accent:linear-gradient(135deg, #e2b85d, #d7a94d);--app-grid-dot:#3b9eff2e;--app-diagram-bg:#0d1220;--app-cta-text:#060810;--app-cta-text-sub:#3b2200;--app-cta-text-muted:#f0f0f099}:root,[data-theme=light]{--studio-bg:#fafaf8;--studio-topbar-bg:#fafaf8;--studio-panel-bg:#fafaf8;--studio-surface:#ddeaf8;--studio-surface-2:#c8daf0;--studio-surface-3:#eef5fe;--studio-surface-hover:#c8daf0;--studio-border:#c8daf0;--studio-border-2:#a8c8e8;--studio-border-3:#2b7fd4;--studio-border-4:#1a5fa8;--studio-border-5:#001080;--studio-border-active:#2b7fd4;--studio-text-dim:#c8daf0;--studio-text-muted:#57534e;--studio-text-mid:#3b3b3b;--studio-text-soft:#001080;--studio-text-main:#0c0a09;--studio-text-bright:#000;--studio-accent:#2b7fd4;--studio-accent-hover:#1a5fa8;--studio-accent-bg:#ddeaf8;--studio-sel-amber:#2b7fd4;--studio-sel-amber-bg:#eef5fe;--studio-sel-amber-bd:#2b7fd466;--studio-sel-purple:#af00db;--studio-sel-purple-bd:#af00db44;--studio-logo-text:#0c0a09;--studio-dot:#a8c8e8;--studio-divider:#c8daf0;--studio-scrollbar:#c8daf0;--studio-scrollbar-h:#2b7fd4;--studio-grid-dot:#0a0c1012;--studio-btn-primary-bg:#2b7fd4;--studio-btn-primary-color:#fff;--studio-status-live:#e2b85d;--studio-status-err:#7b3b4a;--studio-status-ok:#7fa46c;--studio-status-nil:#d8ccbe;--studio-refine-border:#c8daf0;--studio-refine-bg:#eef5fe;--studio-refine-color:#0c0a09}[data-theme=dark]{--studio-bg:#071126;--studio-topbar-bg:#0b1d3d;--studio-panel-bg:#0b1d3d;--studio-surface:#10264d;--studio-surface-2:#163766;--studio-surface-3:#0b1d3d;--studio-surface-hover:#163766;--studio-border:#28456b;--studio-border-2:#1a3157;--studio-border-3:#28456b;--studio-border-4:#5e8fd9;--studio-border-5:#f0c46b;--studio-border-active:#f0c46b;--studio-text-dim:#1a3157;--studio-text-muted:#aeb8c7;--studio-text-mid:#aeb8c7;--studio-text-soft:#5e8fd9;--studio-text-main:#f6f3ed;--studio-text-bright:#f6f3ed;--studio-accent:#f0c46b;--studio-accent-hover:#d7a94d;--studio-accent-bg:#10264d;--studio-sel-amber:#f0c46b;--studio-sel-amber-bg:#10264d;--studio-sel-amber-bd:#f0c46b44;--studio-sel-purple:#5e8fd9;--studio-sel-purple-bd:#5e8fd944;--studio-logo-text:#f0c46b;--studio-dot:#28456b;--studio-divider:#28456b;--studio-scrollbar:#28456b;--studio-scrollbar-h:#5e8fd9;--studio-grid-dot:#1a3157b3;--studio-btn-primary-bg:#f0c46b;--studio-btn-primary-color:#071126;--studio-status-live:#f0c46b;--studio-status-err:#b35d6b;--studio-status-ok:#92c27a;--studio-status-nil:#28456b;--studio-refine-border:#28456b;--studio-refine-bg:#10264d;--studio-refine-color:#f6f3ed}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{font-family:var(--app-font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;color:var(--app-text);background:var(--app-bg);margin:0;transition:background .2s,color .2s}#root{flex-direction:column;display:flex;overflow:hidden}textarea{outline:none}textarea::selection{background:#e2b85d26}textarea::-moz-selection{background:#e2b85d26}.studio-root ::-webkit-scrollbar{width:4px;height:4px}.studio-root ::-webkit-scrollbar-track{background:var(--studio-bg)}.studio-root ::-webkit-scrollbar-thumb{background:var(--studio-scrollbar);border-radius:2px}.studio-root ::-webkit-scrollbar-thumb:hover{background:var(--studio-scrollbar-h)}.app-surface ::-webkit-scrollbar{width:5px;height:5px}.app-surface ::-webkit-scrollbar-track{background:0 0}.app-surface ::-webkit-scrollbar-thumb{background:var(--app-scrollbar);border-radius:10px}.app-surface ::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-hov)}.app-surface,.studio-root{transition:background .2s,color .2s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{box-shadow:0 0 0 2px var(--app-accent)}