*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--s0: #FFFFFF;--s1: #F8FAFC;--s2: #F1F5F9;--s3: #E8EBF2;--s4: #CBD5E1;--t1: #000000;--t2: #1E293B;--t3: #475569;--t4: #64748B;--b1: rgba(15, 23, 42, .07);--b2: rgba(15, 23, 42, .12);--b3: rgba(15, 23, 42, .2);--or-50: #FFF7EE;--or-100: #FFECD5;--or-200: #FFD4A0;--or-300: #FFB260;--or-400: #F58C35;--or-500: #F07820;--or-600: #D86010;--or-700: #B04A0C;--or-800: #8A3608;--or-900: #5E2104;--bl-50: #EFF6FF;--bl-100: #DBEAFE;--bl-200: #BFDBFE;--bl-400: #60A5FA;--bl-500: #3B82F6;--bl-600: #2563EB;--bl-700: #1D4ED8;--bl-800: #1E40AF;--bl-900: #1E3A8A;--emerald: #10B981;--gold: #F59E0B;--rose: #FB7185;--sh-xs: 0 1px 3px rgba(13, 15, 26, .06), 0 1px 2px rgba(13, 15, 26, .04);--sh-sm: 0 2px 8px rgba(13, 15, 26, .07), 0 1px 3px rgba(13, 15, 26, .04);--sh-md: 0 6px 20px rgba(13, 15, 26, .08), 0 2px 6px rgba(13, 15, 26, .04);--sh-lg: 0 16px 48px rgba(13, 15, 26, .1), 0 4px 12px rgba(13, 15, 26, .05);--page-bg: var(--s1);--nav-bg: rgba(248, 250, 252, .9);--logo-text-primary: #111114;--logo-text-secondary: #C05E12;--font-main: "Barlow", sans-serif;--font-cond: "Barlow Condensed", sans-serif;--font-display: "Bebas Neue", sans-serif;--font-mono: "DM Mono", monospace;--radius: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--space-10: 64px;--transition: .15s ease;--bg: var(--page-bg);--bg-card: var(--s0);--bg-hover: var(--s2);--border: var(--b1);--border-hover: var(--b2);--red: var(--or-500);--white: var(--t1);--muted: var(--t3);--subtle: var(--t4)}[data-theme=dark]{--s0: #111116;--s1: #16161E;--s2: #1C1C28;--s3: #242434;--s4: #2E2E42;--t1: #FFFFFF;--t2: #D1D5DB;--t3: #9CA3AF;--t4: #6B7280;--b1: rgba(238, 238, 238, .05);--b2: rgba(238, 238, 238, .09);--b3: rgba(238, 238, 238, .15);--or-600: #FF8C38;--or-700: #FFB070;--or-800: #FFCFA0;--or-900: #FFE8D0;--bl-400: #93C5FD;--bl-500: #60A5FA;--bl-600: #3B82F6;--bl-700: #2563EB;--bl-800: #1D4ED8;--bl-900: #1E40AF;--page-bg: #0D0D12;--nav-bg: rgba(13, 13, 18, .92);--logo-text-primary: #EEEEEE;--logo-text-secondary: #F07820}html,body,#root{height:100%;background:var(--page-bg);color:var(--t1);font-family:var(--font-main);-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}::selection{background:var(--or-500);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--b3);border-radius:3px}button{cursor:pointer;font-family:var(--font-main);border:none;background:none}input,textarea{font-family:var(--font-main);outline:none}a{text-decoration:none;color:inherit}.mono{font-family:var(--font-mono)}.cond{font-family:var(--font-cond)}.display{font-family:var(--font-display)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:20px 12px;border-right:1px solid var(--b1);background:var(--nav-bg)}.nav-section{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--t4);padding:16px 12px 6px}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius);color:var(--t3);font-size:13px;font-weight:500;transition:background var(--transition),color var(--transition)}.nav-link:hover{background:var(--s2);color:var(--t1)}.nav-link.active{background:var(--s3);color:var(--or-500)}.nav-link:focus-visible,.shell button:focus-visible{outline:2px solid var(--or-500);outline-offset:2px}.nav-sub{padding:7px 12px 7px 36px;font-size:12px}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.split.list{grid-template-columns:300px minmax(0,1fr)}.split .sticky{position:sticky;top:24px}@media (max-width: 1100px){.split,.split.list{grid-template-columns:minmax(0,1fr)}.split .sticky{position:static}}@media (max-width: 860px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:sticky;z-index:100;height:auto;flex-direction:row;align-items:center;overflow-x:auto;padding:8px 12px;border-right:0;border-bottom:1px solid var(--b1)}.nav-section,.sidebar-brand span,.sidebar-foot .profile{display:none}.nav-link,.nav-sub{padding:8px 10px;white-space:nowrap}.sidebar-foot{margin-top:0!important}}.studio{--st-bg: #17171b;--st-panel: #222227;--st-panel-2: #1c1c21;--st-raised: #2c2c33;--st-border: #34343c;--st-text: #d7d7de;--st-dim: #8a8a96;--st-faint: #5d5d68;--st-accent: #f07820;--st-playhead: #e5484d;--st-video: #3d6a9e;--st-video-sel: #5b8fd0;--st-audio: #3f8a5f;--st-audio-sel: #5fb383;--st-marks: rgba(240,120,32,.22);color:var(--st-text);background:var(--st-bg);font-size:12px}.studio button{color:inherit}.studio .st-panel{background:var(--st-panel);border:1px solid var(--st-border);border-radius:6px;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.studio .st-head{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--st-border);background:var(--st-panel-2);font-size:11px;color:var(--st-dim);min-height:30px}.studio .st-head b{color:var(--st-text);font-weight:600}.studio .st-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:26px;padding:0 9px;border-radius:4px;border:1px solid var(--st-border);background:var(--st-raised);font-size:11px;cursor:pointer;white-space:nowrap}.studio .st-btn:hover:not(:disabled){border-color:var(--st-dim)}.studio .st-btn:disabled{opacity:.4;cursor:not-allowed}.studio .st-btn.on{background:var(--st-accent);border-color:var(--st-accent);color:#fff}.studio .st-btn.icon{width:28px;padding:0}.studio .st-num{width:64px;height:22px;background:var(--st-bg);border:1px solid var(--st-border);border-radius:3px;color:var(--st-text);font:11px var(--font-mono);padding:0 5px;text-align:right}.studio .st-num:focus,.studio .st-btn:focus-visible{outline:1px solid var(--st-accent)}.studio input[type=range]{accent-color:var(--st-accent)}.studio .mono{font-family:var(--font-mono)}
