@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--slate-950: #030712;--slate-900: #0f172a;--slate-850: #111827;--slate-800: #1e293b;--slate-700: #334155;--slate-600: #475569;--slate-500: #64748b;--slate-400: #94a3b8;--slate-300: #cbd5e1;--slate-200: #e2e8f0;--slate-100: #f1f5f9;--slate-50: #f8fafc;--blue-600: #2563eb;--blue-500: #3b82f6;--blue-400: #60a5fa;--blue-300: #93c5fd;--blue-glow: rgba(59, 130, 246, .4);--blue-glow-strong: rgba(59, 130, 246, .6);--indigo-600: #4f46e5;--indigo-500: #6366f1;--indigo-400: #818cf8;--indigo-glow: rgba(99, 102, 241, .4);--cyan-500: #06b6d4;--cyan-400: #22d3ee;--cyan-300: #67e8f9;--cyan-glow: rgba(6, 182, 212, .3);--color-bg-app: var(--slate-950);--color-bg-panel: var(--slate-900);--color-bg-panel-elevated: var(--slate-850);--color-bg-element: var(--slate-800);--color-bg-element-hover: var(--slate-700);--color-bg-element-active: var(--slate-600);--color-border: rgba(255, 255, 255, .06);--color-border-hover: rgba(255, 255, 255, .12);--color-border-accent: var(--blue-500);--color-text-primary: var(--slate-50);--color-text-secondary: var(--slate-300);--color-text-muted: var(--slate-500);--color-text-accent: var(--blue-400);--color-accent: var(--blue-500);--color-accent-hover: var(--blue-400);--color-accent-glow: var(--blue-glow);--color-secondary: var(--indigo-500);--color-secondary-glow: var(--indigo-glow);--glass-bg: rgba(15, 23, 42, .85);--glass-bg-light: rgba(30, 41, 59, .9);--glass-blur: blur(24px);--glass-border: rgba(255, 255, 255, .08);--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 12px 40px rgba(0,0,0,.6);--shadow-xl: 0 24px 60px rgba(0,0,0,.7);--shadow-glow-accent: 0 0 30px var(--blue-glow);--shadow-glow-accent-strong: 0 0 50px var(--blue-glow-strong);--shadow-glow-secondary: 0 0 30px var(--indigo-glow);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-3xl: 36px;--radius-full: 9999px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quad: cubic-bezier(.25, .46, .45, .94);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-slower: .6s;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--color-bg-app);font-family:var(--font-display);font-size:14px;line-height:1.5;color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;text-rendering:optimizeLegibility}#root{display:flex;width:100%;height:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;color:var(--color-text-primary)}button{font-family:var(--font-display);font-size:13px;font-weight:500;border:none;background:transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quad);display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input[type=text],input[type=number],textarea{font-family:var(--font-display);font-size:14px;background-color:var(--color-bg-element);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);padding:10px 14px;width:100%;transition:all var(--duration-fast) var(--ease-out-quad)}input:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--slate-700);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--slate-600);background-clip:padding-box}::selection{background:var(--color-accent);color:var(--slate-950)}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out-quad)}a:hover{color:var(--color-accent-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{transform:translate(-12px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(12px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--blue-glow)}50%{box-shadow:0 0 40px var(--blue-glow),0 0 60px var(--blue-glow)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes borderGlow{0%,to{border-color:#3b82f64d}50%{border-color:#3b82f699}}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(10px,-10px) scale(1.02)}50%{transform:translateY(-20px) scale(1)}75%{transform:translate(-10px,-10px) scale(.98)}}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.glass-light{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.mono{font-family:var(--font-mono)}.gradient-text{background:linear-gradient(135deg,var(--blue-400) 0%,var(--cyan-400) 50%,var(--blue-300) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-flow{background:linear-gradient(90deg,var(--blue-400),var(--cyan-400),var(--indigo-400),var(--blue-400));background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 4s ease infinite}.noise:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:1}.grid-bg{background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 1px);background-size:60px 60px}.btn-primary{background:linear-gradient(135deg,var(--blue-600) 0%,var(--blue-500) 100%);color:#fff;padding:12px 24px;border-radius:var(--radius-lg);font-weight:600;box-shadow:0 4px 20px var(--blue-glow);transition:all var(--duration-normal) var(--ease-out-expo)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--blue-glow-strong)}.btn-secondary{background:var(--slate-800);color:var(--slate-200);padding:12px 24px;border-radius:var(--radius-lg);border:1px solid var(--color-border);font-weight:500;transition:all var(--duration-normal) var(--ease-out-expo)}.btn-secondary:hover{background:var(--slate-700);border-color:var(--color-border-hover)}.card{background:var(--slate-900);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--duration-normal) var(--ease-out-expo)}.card:hover{border-color:#3b82f64d;box-shadow:0 8px 32px #0006}.landing-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;animation:orbFloat 8s ease-in-out infinite}.orb-primary{width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);top:-200px;right:-100px}.orb-secondary{width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.12) 0%,transparent 70%);bottom:-150px;left:-100px;animation-delay:-4s}.orb-tertiary{width:400px;height:400px;background:radial-gradient(circle,rgba(6,182,212,.08) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-2s}:root{--studio-bg: #131417;--studio-panel: #1a1c20;--studio-panel-2: #202329;--studio-border: #2a2d34;--studio-border-soft: #24262c;--studio-text: #e6e8eb;--studio-text-dim: #9aa1ab;--studio-text-faint: #6b7280;--studio-accent: #4f8cff;--studio-accent-dim: rgba(79, 140, 255, .14);--studio-ok: #34d399;--studio-warn: #fbbf24;--studio-err: #f87171;--studio-viewport-hi: #26292e;--studio-viewport-lo: #16181b}.studio-scroll::-webkit-scrollbar{width:8px;height:8px}.studio-scroll::-webkit-scrollbar-thumb{background:#2e3239;border-radius:4px}.studio-scroll::-webkit-scrollbar-track{background:transparent}