:root{--brand-purple:#9333ea;--brand-blue:#2563eb;--brand-gradient:linear-gradient(135deg, #9333ea 0%, #2563eb 100%);--brand-gradient-text:linear-gradient(135deg, #c084fc 0%, #60a5fa 100%);--gray-0:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--gray-950:#060c18;--surface-0:#060c18;--surface-1:#0b1120;--surface-2:#0f172a;--surface-3:#1a2540;--surface-4:#243058;--color-bg:var(--surface-0);--color-surface:var(--surface-1);--color-surface-raised:var(--surface-2);--color-border:#9333ea33;--color-border-light:#9333ea1f;--color-border-strong:#9333ea59;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-text-subtle:#475569;--color-accent:#9333ea;--color-accent-hover:#a855f7;--glass-bg:#0f172a99;--glass-border:#9333ea40;--glass-blur:blur(12px);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--text-accent:#c084fc;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--glow-purple:0 0 20px #9333ea80, 0 0 60px #9333ea33;--glow-blue:0 0 20px #2563eb80, 0 0 60px #2563eb33;--glow-sm:0 0 8px #9333ea66;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--font-display:"Inter", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--z-base:0;--z-raised:10;--z-overlay:100;--z-modal:200;--z-toast:300;--z-splash:9999}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-body);background:var(--surface-0);color:var(--text-primary);margin:0;line-height:1.6;transition:background-color .4s,color .3s;overflow-x:hidden}[data-section-theme]{isolation:isolate}.display-font{font-family:var(--font-display)}.mono-font{font-family:var(--font-mono)}.gradient-text{background:var(--brand-gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:.12em;display:inline-block}.btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";border-radius:inherit;opacity:0;transition:opacity var(--transition-fast);background:#ffffff1a;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:active:after{opacity:.2}.btn-primary{background:var(--brand-gradient);color:#fff;box-shadow:var(--glow-sm)}.btn-primary:hover{box-shadow:var(--glow-purple);transform:translateY(-2px)}.btn-ghost{color:var(--text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:0 0}.btn-ghost:hover{border-color:var(--brand-purple);background:#9333ea1a}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:border-color var(--transition-base), box-shadow var(--transition-base)}.card:hover{box-shadow:var(--glow-sm);border-color:#9333ea80}.card-gradient-border{background:var(--surface-2);border-radius:var(--radius-xl);padding:var(--space-6);position:relative}.card-gradient-border:before{content:"";border-radius:inherit;background:var(--brand-gradient);z-index:-1;opacity:.5;transition:opacity var(--transition-base);position:absolute;inset:-1px}.card-gradient-border:hover:before{opacity:1}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-accent);background:#9333ea26;border:1px solid #9333ea4d;font-weight:600;display:inline-flex}.form-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--surface-3);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--brand-purple);box-shadow:0 0 0 3px #9333ea33}.form-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:500;display:block}.app-shell{background:var(--surface-0);min-height:100vh;display:flex}.sidebar{background:var(--surface-1);border-right:1px solid var(--glass-border);width:56px;padding:var(--space-4) 0;height:100vh;z-index:var(--z-raised);transition:width var(--transition-slow);flex-direction:column;align-items:center;display:flex;position:fixed;top:0;left:0}.sidebar.expanded{width:220px}.builder-layout{background:var(--surface-0);height:100vh;display:flex;overflow:hidden}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-1)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--brand-purple)}[data-theme=noir-white]{--brand-purple:#fff;--brand-blue:#999;--brand-gradient:linear-gradient(135deg, #fff 0%, #aaa 100%);--brand-gradient-text:linear-gradient(135deg, #fff 0%, #ccc 100%);--surface-0:#000;--surface-1:#0a0a0a;--surface-2:#111;--surface-3:#1a1a1a;--surface-4:#222;--color-bg:#000;--color-surface:#0a0a0a;--color-surface-raised:#111;--color-border:#ffffff1f;--color-border-light:#ffffff12;--color-border-strong:#ffffff40;--color-accent:#fff;--color-accent-hover:#ddd;--text-accent:#fff;--glass-bg:#0009;--glass-border:#ffffff1f;--glow-purple:0 0 20px #ffffff40, 0 0 60px #ffffff14;--glow-blue:0 0 20px #c8c8c833, 0 0 60px #c8c8c814;--glow-sm:0 0 8px #ffffff26}[data-theme=void-coral]{--brand-purple:#f97316;--brand-blue:#ec4899;--brand-gradient:linear-gradient(135deg, #f97316 0%, #ec4899 100%);--brand-gradient-text:linear-gradient(135deg, #fb923c 0%, #f472b6 100%);--surface-0:#0d0d0f;--surface-1:#13131a;--surface-2:#1a1a24;--surface-3:#20202e;--surface-4:#262636;--color-bg:#0d0d0f;--color-surface:#13131a;--color-surface-raised:#1a1a24;--color-border:#f9731633;--color-border-light:#f973161f;--color-border-strong:#f9731659;--color-accent:#f97316;--color-accent-hover:#fb923c;--text-accent:#fb923c;--glass-bg:#0d0d0f99;--glass-border:#f9731633;--glow-purple:0 0 20px #f9731680, 0 0 60px #f9731633;--glow-blue:0 0 20px #ec489980, 0 0 60px #ec489933;--glow-sm:0 0 8px #f9731666}[data-theme=ink-amber]{--brand-purple:#f59e0b;--brand-blue:#ea580c;--brand-gradient:linear-gradient(135deg, #f59e0b 0%, #ea580c 100%);--brand-gradient-text:linear-gradient(135deg, #fbbf24 0%, #f97316 100%);--surface-0:#0a0a0a;--surface-1:#111;--surface-2:#141414;--surface-3:#1c1c1c;--surface-4:#242424;--color-bg:#0a0a0a;--color-surface:#111;--color-surface-raised:#141414;--color-border:#f59e0b33;--color-border-light:#f59e0b1f;--color-border-strong:#f59e0b59;--color-accent:#f59e0b;--color-accent-hover:#fbbf24;--text-accent:#fbbf24;--glass-bg:#0a0a0a99;--glass-border:#f59e0b33;--glow-purple:0 0 20px #f59e0b80, 0 0 60px #f59e0b33;--glow-blue:0 0 20px #ea580c80, 0 0 60px #ea580c33;--glow-sm:0 0 8px #f59e0b66}[data-theme=slate-emerald]{--brand-purple:#10b981;--brand-blue:#14b8a6;--brand-gradient:linear-gradient(135deg, #10b981 0%, #14b8a6 100%);--brand-gradient-text:linear-gradient(135deg, #34d399 0%, #2dd4bf 100%);--surface-0:#0f1117;--surface-1:#161b22;--surface-2:#1c2330;--surface-3:#212d3d;--surface-4:#27364a;--color-bg:#0f1117;--color-surface:#161b22;--color-surface-raised:#1c2330;--color-border:#10b98133;--color-border-light:#10b9811f;--color-border-strong:#10b98159;--color-accent:#10b981;--color-accent-hover:#34d399;--text-accent:#34d399;--glass-bg:#0f111799;--glass-border:#10b98133;--glow-purple:0 0 20px #10b98180, 0 0 60px #10b98133;--glow-blue:0 0 20px #14b8a680, 0 0 60px #14b8a633;--glow-sm:0 0 8px #10b98166}[data-theme=obsidian-sky]{--brand-purple:#06b6d4;--brand-blue:#38bdf8;--brand-gradient:linear-gradient(135deg, #06b6d4 0%, #38bdf8 100%);--brand-gradient-text:linear-gradient(135deg, #22d3ee 0%, #7dd3fc 100%);--surface-0:#090909;--surface-1:#0f0f0f;--surface-2:#141418;--surface-3:#1c1c22;--surface-4:#22222a;--color-bg:#090909;--color-surface:#0f0f0f;--color-surface-raised:#141418;--color-border:#06b6d433;--color-border-light:#06b6d41f;--color-border-strong:#06b6d459;--color-accent:#06b6d4;--color-accent-hover:#22d3ee;--text-accent:#22d3ee;--glass-bg:#09090999;--glass-border:#06b6d433;--glow-purple:0 0 20px #06b6d480, 0 0 60px #06b6d433;--glow-blue:0 0 20px #38bdf880, 0 0 60px #38bdf833;--glow-sm:0 0 8px #06b6d466}[data-theme=midnight-rose]{--brand-purple:#fb7185;--brand-blue:#f43f5e;--brand-gradient:linear-gradient(135deg, #fb7185 0%, #f43f5e 100%);--brand-gradient-text:linear-gradient(135deg, #fda4af 0%, #fb7185 100%);--surface-0:#070510;--surface-1:#0e0c1a;--surface-2:#141222;--surface-3:#1c1a2e;--surface-4:#24223a;--color-bg:#070510;--color-surface:#0e0c1a;--color-surface-raised:#141222;--color-border:#fb718533;--color-border-light:#fb71851f;--color-border-strong:#fb718559;--color-accent:#fb7185;--color-accent-hover:#fda4af;--text-accent:#fda4af;--glass-bg:#07051099;--glass-border:#fb718533;--glow-purple:0 0 20px #fb718580, 0 0 60px #fb718533;--glow-blue:0 0 20px #f43f5e80, 0 0 60px #f43f5e33;--glow-sm:0 0 8px #fb718566}[data-theme=dusk-violet]{--brand-purple:#8b5cf6;--brand-blue:#c4b5fd;--brand-gradient:linear-gradient(135deg, #8b5cf6 0%, #c4b5fd 100%);--brand-gradient-text:linear-gradient(135deg, #a78bfa 0%, #ddd6fe 100%);--surface-0:#0d0810;--surface-1:#160f1c;--surface-2:#1e1528;--surface-3:#261b34;--surface-4:#2e2140;--color-bg:#0d0810;--color-surface:#160f1c;--color-surface-raised:#1e1528;--color-border:#8b5cf633;--color-border-light:#8b5cf61f;--color-border-strong:#8b5cf659;--color-accent:#8b5cf6;--color-accent-hover:#a78bfa;--text-accent:#a78bfa;--glass-bg:#0d081099;--glass-border:#8b5cf633;--glow-purple:0 0 20px #8b5cf680, 0 0 60px #8b5cf633;--glow-blue:0 0 20px #c4b5fd66, 0 0 60px #c4b5fd26;--glow-sm:0 0 8px #8b5cf666}[data-theme=zinc-tangerine]{--brand-purple:#fb923c;--brand-blue:#fde047;--brand-gradient:linear-gradient(135deg, #fb923c 0%, #fde047 100%);--brand-gradient-text:linear-gradient(135deg, #fdba74 0%, #fef08a 100%);--surface-0:#0e0d0c;--surface-1:#171512;--surface-2:#1f1c18;--surface-3:#282420;--surface-4:#312c26;--color-bg:#0e0d0c;--color-surface:#171512;--color-surface-raised:#1f1c18;--color-border:#fb923c33;--color-border-light:#fb923c1f;--color-border-strong:#fb923c59;--color-accent:#fb923c;--color-accent-hover:#fdba74;--text-accent:#fdba74;--glass-bg:#0e0d0c99;--glass-border:#fb923c33;--glow-purple:0 0 20px #fb923c80, 0 0 60px #fb923c33;--glow-blue:0 0 20px #fde04766, 0 0 60px #fde04726;--glow-sm:0 0 8px #fb923c66}[data-section-theme=neon-lemon]{--brand-purple:#facc15;--brand-blue:#38bdf8;--brand-gradient:linear-gradient(135deg, #facc15 0%, #38bdf8 100%);--brand-gradient-text:linear-gradient(135deg, #fde047 0%, #7dd3fc 100%);--surface-0:#06091c;--surface-1:#0c1028;--surface-2:#121534;--surface-3:#18203c;--surface-4:#1e2b44;--color-bg:#06091c;--color-surface:#0c1028;--color-surface-raised:#121534;--color-border:#facc1533;--color-border-light:#facc151f;--color-border-strong:#facc1566;--color-accent:#facc15;--color-accent-hover:#fde047;--text-accent:#fde047;--glass-bg:#07090f99;--glass-border:#facc1533;--glow-purple:0 0 20px #facc158c, 0 0 60px #facc1533;--glow-blue:0 0 20px #38bdf880, 0 0 60px #38bdf833;--glow-sm:0 0 8px #facc1573}[data-section-theme=mint-blush]{--brand-purple:#10b981;--brand-blue:#f472b6;--brand-gradient:linear-gradient(135deg, #10b981 0%, #f472b6 100%);--brand-gradient-text:linear-gradient(135deg, #34d399 0%, #f9a8d4 100%);--surface-0:#050f0c;--surface-1:#0a1f18;--surface-2:#0f2b22;--surface-3:#163d30;--surface-4:#1e4f3e;--color-bg:#050f0c;--color-surface:#0a1f18;--color-surface-raised:#0f2b22;--color-border:#10b9812e;--color-border-light:#10b9811a;--color-border-strong:#10b98159;--color-accent:#10b981;--color-accent-hover:#34d399;--text-accent:#34d399;--glass-bg:#050f0cb3;--glass-border:#10b98133;--glow-purple:0 4px 24px #10b9814d, 0 8px 48px #10b9811f;--glow-blue:0 4px 24px #f472b640;--glow-sm:0 2px 16px #10b98140}[data-section-theme=moss-bark]{--brand-purple:#22c55e;--brand-blue:#d97706;--brand-gradient:linear-gradient(135deg, #22c55e 0%, #d97706 100%);--brand-gradient-text:linear-gradient(135deg, #4ade80 0%, #fbbf24 100%);--surface-0:#041606;--surface-1:#091c0a;--surface-2:#0e220e;--surface-3:#132812;--surface-4:#182e16;--color-bg:#041606;--color-surface:#091c0a;--color-surface-raised:#0e220e;--color-border:#22c55e33;--color-border-light:#22c55e1f;--color-border-strong:#22c55e61;--color-accent:#22c55e;--color-accent-hover:#4ade80;--text-accent:#4ade80;--glass-bg:#060d0799;--glass-border:#22c55e33;--glow-purple:0 0 20px #22c55e80, 0 0 60px #22c55e2e;--glow-blue:0 0 20px #d9770673, 0 0 60px #d9770626;--glow-sm:0 0 8px #22c55e66}[data-section-theme=warm-cedar]{--brand-purple:#f59e0b;--brand-blue:#c2410c;--brand-gradient:linear-gradient(135deg, #f59e0b 0%, #c2410c 100%);--brand-gradient-text:linear-gradient(135deg, #fbbf24 0%, #f97316 100%);--surface-0:#1e0d00;--surface-1:#261504;--surface-2:#2e1c08;--surface-3:#36230c;--surface-4:#3e2b10;--color-bg:#1e0d00;--color-surface:#261504;--color-surface-raised:#2e1c08;--color-border:#f59e0b33;--color-border-light:#f59e0b1f;--color-border-strong:#f59e0b61;--color-accent:#f59e0b;--color-accent-hover:#fbbf24;--text-accent:#fbbf24;--glass-bg:#0e080199;--glass-border:#f59e0b33;--glow-purple:0 0 20px #f59e0b80, 0 0 60px #f59e0b2e;--glow-blue:0 0 20px #c2410c73, 0 0 60px #c2410c26;--glow-sm:0 0 8px #f59e0b66}[data-section-theme=aurora]{--brand-purple:#f0c040;--brand-blue:#c8cdd8;--brand-gradient:linear-gradient(135deg, #c8900a 0%, #f5d060 100%);--brand-gradient-text:linear-gradient(135deg, #f0c040 0%, #ffe082 100%);--surface-0:#1a1000;--surface-1:#241600;--surface-2:#2e1c00;--surface-3:#3a2400;--surface-4:#462c00;--color-bg:#1a1000;--color-surface:#241600;--color-surface-raised:#2e1c00;--color-border:#c8a82840;--color-border-light:#c8a82826;--color-border-strong:#dcbe3c80;--color-accent:#d4a820;--color-accent-hover:#f0c040;--text-accent:#f0c040;--glass-bg:#140c00b8;--glass-border:#c8a82847;--glow-purple:0 0 24px #f0c04099, 0 0 60px #f0c04033;--glow-blue:0 0 20px #c8cdd759, 0 0 50px #c8cdd71a;--glow-sm:0 0 12px #f0c0408c}[data-section-theme=synthwave]{--brand-purple:#f472b6;--brand-blue:#fbbf24;--brand-gradient:linear-gradient(135deg, #f472b6 0%, #fbbf24 100%);--brand-gradient-text:linear-gradient(135deg, #f9a8d4 0%, #fde68a 100%);--surface-0:#160020;--surface-1:#1e0829;--surface-2:#261032;--surface-3:#2e183b;--surface-4:#362044;--color-bg:#160020;--color-surface:#1e0829;--color-surface-raised:#261032;--color-border:#f472b633;--color-border-light:#f472b61f;--color-border-strong:#f472b661;--color-accent:#f472b6;--color-accent-hover:#f9a8d4;--text-accent:#f9a8d4;--glass-bg:#0d040f99;--glass-border:#f472b633;--glow-purple:0 0 20px #f472b68c, 0 0 60px #f472b633;--glow-blue:0 0 20px #fbbf2473, 0 0 60px #fbbf2426;--glow-sm:0 0 8px #f472b673}[data-section-theme=deep-ocean]{--brand-purple:#06b6d4;--brand-blue:#6366f1;--brand-gradient:linear-gradient(135deg, #06b6d4 0%, #6366f1 100%);--brand-gradient-text:linear-gradient(135deg, #22d3ee 0%, #a5b4fc 100%);--surface-0:#020d14;--surface-1:#041520;--surface-2:#071d2c;--surface-3:#0b2638;--surface-4:#0f2f44;--color-bg:#020d14;--color-surface:#041520;--color-surface-raised:#071d2c;--color-border:#06b6d433;--color-border-light:#06b6d41f;--color-border-strong:#06b6d461;--color-accent:#06b6d4;--color-accent-hover:#22d3ee;--text-accent:#22d3ee;--glass-bg:#020a12a6;--glass-border:#06b6d438;--glow-purple:0 0 20px #06b6d48c, 0 0 60px #06b6d433;--glow-blue:0 0 20px #6366f173, 0 0 60px #6366f126;--glow-sm:0 0 8px #06b6d473}[data-section-theme=poison-lime]{--brand-purple:#a3e635;--brand-blue:#7c3aed;--brand-gradient:linear-gradient(135deg, #a3e635 0%, #7c3aed 100%);--brand-gradient-text:linear-gradient(135deg, #bef264 0%, #a78bfa 100%);--surface-0:#0c1800;--surface-1:#122000;--surface-2:#182800;--surface-3:#1e3000;--surface-4:#243800;--color-bg:#0c1800;--color-surface:#122000;--color-surface-raised:#182800;--color-border:#a3e63533;--color-border-light:#a3e6351f;--color-border-strong:#a3e63561;--color-accent:#a3e635;--color-accent-hover:#bef264;--text-accent:#bef264;--glass-bg:#080b0499;--glass-border:#a3e63533;--glow-purple:0 0 20px #a3e6358c, 0 0 60px #a3e63533;--glow-blue:0 0 20px #7c3aed73, 0 0 60px #7c3aed26;--glow-sm:0 0 8px #a3e63573}