:root{--bg:#090a0f;--bg-2:#0f121a;--bg-3:#151824;--panel:#11141f;--panel-2:#161a29;--border:#ffffff14;--border-2:#ffffff26;--text:#f8fafc;--muted:#94a3b8;--faint:#64748b;--primary:#2563eb;--primary-2:#1d4ed8;--accent:#38bdf8;--pink:#f43f5e;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--grad:linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);--grad-warm:linear-gradient(180deg, #f59e0b 0%, #d97706 100%);--glow:0 1px 3px #0000004d, 0 0 0 1px #2563eb59;--radius-sm:4px;--radius:6px;--radius-lg:8px;--shadow:0 10px 30px -10px #000000b3, 0 1px 2px #00000080;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--ease:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100%;margin:0;padding:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}::selection{background:#2563eb66}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:#ffffff38}h1,h2,h3,h4{letter-spacing:-.02em;color:var(--text);margin:0}p{margin:0}.aurora{z-index:-1;pointer-events:none;background:#090a0f;position:fixed;inset:0;overflow:hidden}.aurora:before{content:"";background:radial-gradient(1000px 500px at 50% -10%,#2563eb14,#0000 70%),radial-gradient(800px 400px at 90%,#38bdf808,#0000 60%);position:absolute;inset:0}.aurora:after{content:"";background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 30%,#000 40%,#0000 85%);mask-image:radial-gradient(at 50% 30%,#000 40%,#0000 85%)}.orb{display:none}.grad-text{color:#38bdf8;font-weight:800}.muted{color:var(--muted)}.faint{color:var(--faint)}.mono{font-family:var(--mono)}.eyebrow{font-size:.74rem;font-weight:600;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#60a5fa;background:#2563eb14;border:1px solid #2563eb40;border-radius:4px;align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.btn{border:1px solid var(--border-2);background:var(--panel-2);cursor:pointer;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:.88rem;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover{background:#ffffff14;border-color:#ffffff38}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{color:#fff;background:#2563eb;border:1px solid #1d4ed8;font-weight:500;box-shadow:0 1px 2px #0000004d,inset 0 1px #ffffff29}.btn-primary:hover{color:#fff;background:#1d4ed8;border-color:#1e40af}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--panel-2);border-color:var(--border)}.btn-danger{color:#fca5a5;background:#ef44441a;border-color:#ef44444d}.btn-danger:hover{background:#ef444433;border-color:#ef444480}.btn-success{color:#86efac;background:#22c55e1a;border-color:#22c55e4d}.btn-success:hover{background:#22c55e33}.btn-warning{color:#fde047;background:#eab3081a;border-color:#eab30859}.btn-sm{border-radius:5px;padding:5px 10px;font-size:.8rem}.btn-lg{border-radius:6px;padding:10px 18px;font-size:.95rem}.btn-icon{width:32px;height:32px;padding:0}.field{flex-direction:column;gap:6px;display:flex}.field label,.label{color:var(--muted);letter-spacing:.02em;font-size:.8rem;font-weight:600}.hint{color:var(--faint);font-size:.78rem}.input,.textarea,.select{border:1px solid var(--border-2);width:100%;color:var(--text);font:inherit;background:#090c15;border-radius:8px;outline:none;padding:10px 14px;font-size:.92rem;transition:border-color .15s,box-shadow .15s,background .15s}.input:focus,.textarea:focus,.select:focus{background:#0d111d;border-color:#3b82f6;box-shadow:0 0 0 3px #2563eb33}.textarea{resize:vertical;min-height:90px;line-height:1.5}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px;padding-right:36px}.select option{background:var(--bg-3)}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:.88rem;display:inline-flex;position:relative}.toggle input{display:none}.toggle .track{background:#ffffff24;border-radius:999px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.toggle .track:after{content:"";width:18px;height:18px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle input:checked+.track{background:var(--primary)}.toggle input:checked+.track:after{transform:translate(18px)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 1px 3px #0000004d}.glass{background:var(--panel);border:1px solid var(--border)}.divider{background:var(--border);border:0;height:1px;margin:0}.chip{font-size:.72rem;font-weight:500;font-family:var(--mono);background:var(--panel-2);border:1px solid var(--border-2);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;align-items:center;gap:5px;max-width:100%;padding:2px 7px;display:inline-flex;overflow:hidden}.chip-primary{color:#93c5fd;background:#2563eb1f;border-color:#2563eb4d}.chip-accent{color:#38bdf8;background:#38bdf81a;border-color:#38bdf840}.chip-success{color:#34d399;background:#10b98129;border-color:#10b98166;font-weight:600}.chip-warning{color:#fde047;background:#eab3081a;border-color:#eab30840}.chip-danger{color:#f87171;background:#ef444429;border-color:#ef444466;font-weight:600}.chip-click{cursor:pointer;transition:all .15s}.chip-click:hover{color:var(--text);border-color:var(--border-2);background:#ffffff14}.dot{background:var(--faint);border-radius:50%;flex-shrink:0;width:7px;height:7px}.dot-on{background:var(--success);animation:2s infinite pulse-green;box-shadow:0 0 #34d39999}.dot-live{background:var(--danger);animation:1.4s infinite pulse-red}@keyframes pulse-green{0%{box-shadow:0 0 #34d3998c}70%{box-shadow:0 0 0 8px #34d39900}to{box-shadow:0 0 #34d39900}}@keyframes pulse-red{0%{box-shadow:0 0 #f43f5e99}70%{box-shadow:0 0 0 8px #f43f5e00}to{box-shadow:0 0 #f43f5e00}}.avatar{color:#0a0b16;border-radius:6px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:.82rem;font-weight:700;display:grid}.tabs{border:1px solid var(--border);background:#090c14;border-radius:6px;gap:2px;padding:3px;display:inline-flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;padding:5px 12px;font-size:.82rem;font-weight:500;transition:all .15s;display:inline-flex}.tab:hover{color:var(--text)}.tab.active{background:var(--panel-2);color:var(--text);box-shadow:0 1px 2px #0006}.overlay{z-index:200;-webkit-backdrop-filter:blur(8px);background:#03050ee0;place-items:center;padding:20px;animation:.2s fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{border-radius:var(--radius-lg);border:1px solid var(--border-2);width:min(580px,100%);max-height:90vh;animation:pop-in .3s var(--ease);padding:26px;overflow:auto;box-shadow:0 25px 60px -10px #000000f2,0 0 0 1px #ffffff14;background:#0d111e!important}.drawer-overlay{z-index:100;-webkit-backdrop-filter:blur(10px);background:#02040ceb;animation:.2s fade-in;position:fixed;inset:0}.drawer{z-index:101;border-left:1px solid var(--border-2);width:min(1200px,96vw);animation:slide-in .35s var(--ease);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-15px 0 50px #000000e6,0 0 0 1px #ffffff0d;background:#0b0e1b!important}.toast-wrap{z-index:500;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;animation:toast-in .35s var(--ease);-webkit-backdrop-filter:blur(8px);z-index:9999;border-radius:10px;align-items:center;gap:10px;max-width:90vw;padding:12px 20px;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 10px 30px #00000080}.toast-error{color:#fff;background:linear-gradient(135deg,#7f1d1d 0%,#991b1b 100%);border:1px solid #ef4444;box-shadow:0 10px 25px -4px #ef444480,0 4px 10px -2px #00000080}.toast-success{color:#fff;background:linear-gradient(135deg,#064e3b 0%,#047857 100%);border:1px solid #10b981;box-shadow:0 10px 25px -4px #10b98180,0 4px 10px -2px #00000080}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(16px)scale(.97)}}@keyframes slide-in{0%{opacity:0;transform:translate(40px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spin}.shimmer-text{background:linear-gradient(90deg, var(--muted) 0%, #fff 50%, var(--muted) 100%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:2s linear infinite shimmer}.rise{animation:rise .5s var(--ease) both}.floating-broadcast-overlay{z-index:1050;pointer-events:auto;width:min(560px,100vw - 28px);animation:.35s cubic-bezier(.16,1,.3,1) forwards broadcast-toast-in;position:fixed;top:18px;left:50%;transform:translate(-50%)}@keyframes broadcast-toast-in{0%{opacity:0;transform:translate(-50%,-24px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}.floating-broadcast-card{-webkit-backdrop-filter:blur(16px);background:#0d1222;border:1.5px solid #f59e0b99;border-radius:14px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 50px -12px #000000eb,0 0 0 1px #ffffff0f,0 0 35px #f59e0b38}.floating-broadcast-head{background:#f59e0b14;border-bottom:1px solid #f59e0b33;justify-content:space-between;align-items:center;padding:11px 16px;display:flex}.floating-broadcast-title{letter-spacing:.04em;color:#fbbf24;align-items:center;gap:9px;font-size:.82rem;font-weight:700;display:flex}.broadcast-beacon{color:#fbbf24;background:#f59e0b33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.broadcast-beacon:after{content:"";border:1.5px solid #f59e0b80;border-radius:50%;animation:2s ease-out infinite beacon-pulse;position:absolute;inset:-3px}@keyframes beacon-pulse{0%{opacity:1;transform:scale(.85)}to{opacity:0;transform:scale(1.6)}}.floating-broadcast-body{padding:16px 18px}.floating-broadcast-message{color:#f1f5f9;word-break:break-word;margin:0;font-size:.95rem;font-weight:500;line-height:1.55}.floating-broadcast-foot{color:var(--muted);background:#00000059;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:.76rem;display:flex}.floating-broadcast-timer{align-items:center;gap:6px;display:flex}.floating-broadcast-timer .paused-tag{color:#fbbf24;font-weight:600}.broadcast-progress-bar{background:#ffffff14;width:100%;height:3px;position:relative}.broadcast-progress-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24);height:100%;transition:width 1s linear}.topbar-broadcast-pill{color:#f8fafc;cursor:pointer;white-space:nowrap;background:#f59e0b1a;border:1px solid #f59e0b59;border-radius:999px;align-items:center;gap:7px;max-width:320px;padding:4px 12px;font-family:inherit;font-size:.76rem;transition:all .2s;display:inline-flex;overflow:hidden}.topbar-broadcast-pill:hover{background:#f59e0b33;border-color:#f59e0b99;transform:translateY(-1px);box-shadow:0 0 14px #f59e0b4d}.topbar-broadcast-pill .pill-pulse-dot{background:#f59e0b;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.4s infinite blink;box-shadow:0 0 6px #f59e0b}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.topbar-broadcast-pill .pill-label{color:#fbbf24;flex-shrink:0;font-weight:700}.topbar-broadcast-pill .pill-text{text-overflow:ellipsis;white-space:nowrap;color:#e2e8f0;overflow:hidden}.nav{z-index:50;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#090a0feb;justify-content:space-between;align-items:center;padding:14px clamp(16px,4vw,48px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;font-size:1.05rem;font-weight:700;display:flex}.brand-logo{color:#38bdf8;background:#1e293b;border:1px solid #334155;border-radius:8px;place-items:center;width:32px;height:32px;font-size:.95rem;display:grid}.container{width:min(1180px,100% - 32px);margin-inline:auto}.hero{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:clamp(60px,9vw,110px) 0 50px;display:flex}.hero h1{letter-spacing:-.03em;max-width:15ch;font-size:clamp(2.2rem,5.5vw,4.4rem);font-weight:800;line-height:1.05}.hero p.lead{color:var(--muted);max-width:58ch;font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.6}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px;display:flex}.hero-mock{border-radius:var(--radius-lg);border:1px solid var(--border-2);background:#0d101a;width:min(980px,100%);margin-top:36px;padding:10px;box-shadow:0 24px 60px -12px #000000b3,0 0 0 1px #ffffff08}.hero-mock-inner{grid-template-columns:1fr 1.45fr;gap:12px;min-height:290px;display:grid}.mock-chat,.mock-preview{border:1px solid var(--border);text-align:left;background:#080a12;border-radius:10px;flex-direction:column;gap:10px;padding:16px;display:flex;overflow:hidden}.mock-bubble{max-width:90%;animation:rise .4s var(--ease) both;border-radius:8px;padding:10px 14px;font-size:.82rem;line-height:1.5}.mock-bubble.me{color:#e2e8f0;background:#1a2336;border:1px solid #293854;align-self:flex-end}.mock-bubble.ai{border:1px solid var(--border);color:#cbd5e1;background:#111420}.mock-preview{border:1px solid var(--border-2);text-align:center;background:#080a12;justify-content:center;align-items:center;gap:12px}.mock-preview .big{color:#f8fafc;font-size:1.8rem;font-weight:800}.mock-skel{background:#ffffff14;border-radius:99px;height:8px}.section{padding:60px 0}.section-head{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:36px;display:flex}.section-head h2{letter-spacing:-.025em;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800}.agenda{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.agenda-item{border-radius:var(--radius);background:var(--panel);border:1px solid var(--border);transition:transform .2s var(--ease), border-color .2s, box-shadow .2s;flex-direction:column;gap:10px;padding:20px;display:flex;position:relative;overflow:hidden}.agenda-item:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 10px 24px -6px #0000008c}.agenda-num{font-family:var(--mono);color:#38bdf8;font-size:.78rem;font-weight:700}.agenda-icon{font-size:1.6rem}.agenda-item h3{font-size:1.02rem;font-weight:600;line-height:1.35}.features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.feature{border-radius:var(--radius);background:var(--panel);border:1px solid var(--border);flex-direction:column;gap:10px;padding:22px;display:flex}.feature .ico{color:#60a5fa;background:#2563eb1a;border:1px solid #2563eb40;border-radius:8px;place-items:center;width:40px;height:40px;font-size:1.2rem;display:grid}.feature p{color:var(--muted);font-size:.9rem;line-height:1.55}.footer{text-align:center;color:var(--faint);border-top:1px solid var(--border);padding:36px 0;font-size:.84rem}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border-radius:var(--radius-lg);width:min(460px,100%);box-shadow:var(--shadow);animation:pop-in .5s var(--ease);flex-direction:column;gap:20px;padding:32px;display:flex}.auth-card h1{font-size:1.7rem;font-weight:800}.error-box{border-radius:var(--radius);color:#ffd1da;background:#f43f5e1a;border:1px solid #f43f5e59;padding:12px 14px;font-size:.88rem}.success-box{border-radius:var(--radius);background:#34d39914;border:1px solid #34d39959;flex-direction:column;gap:10px;padding:18px;display:flex}.pin-display{font-family:var(--mono);letter-spacing:.3em;text-align:center;border-radius:var(--radius);border:1px dashed var(--border-2);background:#00000059;padding:10px;font-size:2.4rem;font-weight:800}.studio{grid-template-rows:auto 1fr;height:100vh;display:grid;overflow:hidden}.studio-top{border-bottom:1px solid var(--border);scrollbar-width:none;background:#070913;flex-wrap:nowrap;align-items:center;gap:10px;padding:8px 16px;display:flex;overflow-x:auto}.studio-top::-webkit-scrollbar{display:none}.studio-top-left,.studio-top-center{flex-shrink:0;align-items:center;gap:8px;display:flex}.studio-top-right{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.studio-url-capsule{font-family:var(--mono);color:var(--muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:5px;padding:3px 6px 3px 10px;font-size:.76rem;transition:all .15s;display:inline-flex}.studio-url-capsule:hover{background:#ffffff12;border-color:#38bdf84d}.studio-url-prefix{opacity:.6;font-size:.7rem}.studio-url-slug{color:#f1f5f9;font-weight:600}.studio-icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px 5px;transition:all .15s;display:inline-flex}.studio-icon-btn:hover{color:#38bdf8;background:#ffffff1f}.studio-group-chip{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#ffffff08;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:.75rem;transition:all .15s;display:inline-flex}.studio-group-chip:hover{color:#38bdf8;background:#38bdf814;border-color:#38bdf859}.studio-group-chip.is-group{color:#38bdf8;background:#38bdf81a;border-color:#38bdf859;font-weight:600}.studio-tools-group{background:#ffffff0a;border:1px solid #ffffff14;border-radius:7px;align-items:center;gap:1px;padding:2px;display:inline-flex}.studio-tool-btn{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:5px;align-items:center;gap:4px;padding:4px 8px;font-size:.74rem;transition:all .15s;display:inline-flex}.studio-tool-btn:hover{color:#f1f5f9;background:#ffffff14}.studio-tool-btn.has-badge{color:#6ee7b7}.studio-tool-btn-icon{padding:4px 6px}.studio-quota-badge{font-size:.74rem;font-family:var(--mono);background:#38bdf814;border:1px solid #38bdf833;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;display:inline-flex}.studio-quota-mini-bar{background:#ffffff1a;border-radius:99px;width:40px;height:4px;overflow:hidden}.studio-quota-mini-bar>div{background:#38bdf8;border-radius:99px;height:100%}.studio-user-capsule{background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;padding:2px 4px 2px 9px;display:inline-flex}.studio-user-name{color:#f1f5f9;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.75rem;font-weight:600;overflow:hidden}.studio-logout-btn{color:var(--faint)}.studio-logout-btn:hover{color:#f87171!important;background:#ef444426!important}.studio-top .spacer{flex:1}.url-chip{border-radius:var(--radius);border:1px solid var(--border);font-family:var(--mono);color:var(--muted);background:#0000004d;align-items:center;gap:8px;max-width:100%;padding:4px 6px 4px 10px;font-size:.8rem;display:inline-flex;overflow:hidden}.url-chip b{color:var(--text);font-weight:600}.quota{color:var(--muted);align-items:center;gap:10px;font-size:.82rem;display:flex}.quota-bar{background:#ffffff14;border-radius:99px;width:90px;height:6px;overflow:hidden}.quota-bar>div{background:var(--grad);height:100%;transition:width .5s var(--ease);border-radius:99px}.studio-body{min-height:0;transition:grid-template-columns .25s var(--ease);grid-template-columns:minmax(340px,420px) 1fr;display:grid}.studio-body.chat-right{grid-template-columns:1fr minmax(340px,420px)}.studio-body.chat-right .chat{border-right:none;border-left:1px solid var(--border);order:2}.studio-body.chat-right .workspace{order:1}.studio-body.sidebar-closed{grid-template-columns:1fr}.studio-body.sidebar-closed .chat{display:none!important}.chat{border-right:1px solid var(--border);background:#080a13;flex-direction:column;min-height:0;display:flex}.chat-scroll{flex-direction:column;flex:1;gap:12px;padding:16px 14px;display:flex;overflow-y:auto}.msg{animation:rise .3s var(--ease) both;flex-direction:column;gap:6px;display:flex}.msg-me{align-items:flex-end}.bubble{border-radius:var(--radius);white-space:pre-wrap;word-break:break-word;max-width:90%;padding:10px 14px;font-size:.88rem;line-height:1.5}.msg-me .bubble{color:#f1f5f9;background:#1e293b;border:1px solid #334155;border-bottom-right-radius:2px}.msg-ai .bubble{border:1px solid var(--border);color:#cbd5e1;background:#101422;border-bottom-left-radius:2px}.msg-meta{color:var(--faint);flex-wrap:wrap;align-items:center;gap:8px;font-size:.72rem;display:flex}.typing-dots{align-items:center;gap:4px;display:inline-flex}.typing-dots .dot{background:var(--accent,#38bdf8);border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite both typingBounce}.typing-dots .dot:first-child{animation-delay:-.32s}.typing-dots .dot:nth-child(2){animation-delay:-.16s}.typing-dots .dot:nth-child(3){animation-delay:0s}@keyframes typingBounce{0%,80%,to{opacity:.35;transform:scale(.6)}40%{opacity:1;transform:scale(1.2)}}.typing-cursor{vertical-align:-2px;background:var(--accent,#38bdf8);border-radius:1px;width:7px;height:14px;margin-left:3px;animation:.9s infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.ai-pulse-dot{background:#34d399;border-radius:50%;width:8px;height:8px;animation:2s infinite aiPulse;box-shadow:0 0 #34d399b3}@keyframes aiPulse{0%{box-shadow:0 0 #34d399b3}70%{box-shadow:0 0 0 7px #34d39900}to{box-shadow:0 0 #34d39900}}.ai-live-card{position:relative;overflow:hidden;box-shadow:0 8px 30px -4px #38bdf826,0 2px 8px #0006;background:radial-gradient(circle at 10% 10%,#38bdf814,#0c1222f5)!important;border:1px solid #38bdf859!important}.ai-live-card:before{content:"";background:linear-gradient(90deg,#0000,#38bdf8,#818cf8,#0000);width:100%;height:2px;animation:2.2s ease-in-out infinite streamShimmer;position:absolute;top:0;left:-100%}@keyframes streamShimmer{0%{left:-100%}to{left:100%}}.ai-code-preview-terminal{font-family:var(--mono);background:#05070f;border:1px solid #ffffff14;border-radius:8px;margin-top:10px;font-size:.73rem;overflow:hidden;box-shadow:inset 0 2px 6px #00000080}.ai-code-preview-terminal .term-header{color:var(--muted);background:#ffffff08;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:6px 10px;font-size:.68rem;display:flex}.ai-code-preview-terminal .term-body{color:#93c5fd;white-space:pre-wrap;word-break:break-all;max-height:100px;padding:8px 10px;line-height:1.45;position:relative;overflow:hidden}.ai-code-preview-terminal .term-body:after{content:"";pointer-events:none;background:linear-gradient(#0000,#05070f);height:26px;position:absolute;bottom:0;left:0;right:0}.ai-error-box{box-shadow:0 4px 20px -2px #ef444433;background:radial-gradient(circle at 10% 10%,#ef444424,#160a10f5)!important;border:1px solid #ef444473!important}.btn-retry-pill{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #ffffff40;font-weight:600;transition:all .2s;box-shadow:0 2px 10px #ef444459;color:#fff!important}.btn-retry-pill:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 15px #ef444480}.code-tail{font-family:var(--mono);color:#93c5fd;border:1px solid var(--border);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-all;background:#05070e;max-height:120px;padding:10px;font-size:.72rem;line-height:1.5;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 40%);mask-image:linear-gradient(#0000,#000 40%)}.empty-chat{text-align:center;flex-direction:column;align-items:center;gap:12px;margin:auto 0;padding:12px;display:flex}.empty-chat .big-emoji{font-size:2.2rem}.suggestions{flex-direction:column;gap:8px;width:100%;display:flex}.suggestion{text-align:left;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);color:var(--muted);cursor:pointer;transition:all .15s var(--ease);padding:11px 14px;font-size:.84rem;line-height:1.45}.suggestion:hover{color:var(--text);background:#2563eb14;border-color:#3b82f6;transform:translate(2px)}.composer{border-top:1px solid var(--border);background:#0b0e1a;flex-direction:column;gap:8px;padding:12px;display:flex}.composer-box{border-radius:var(--radius);border:1px solid var(--border-2);background:#070911;flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.composer-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #2563eb33}.composer textarea{width:100%;color:var(--text);font:inherit;resize:none;background:0 0;border:0;outline:none;min-height:70px;max-height:220px;padding:12px 14px 10px;font-size:.92rem;line-height:1.5}.composer-actions{background:#ffffff05;border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px 10px;display:flex}nextjs-portal,[data-nextjs-toast],#nextjs-dev-indicator,[data-nextjs-dev-indicator]{visibility:hidden!important;pointer-events:none!important;display:none!important}.paused-banner{border-radius:var(--radius-sm);color:#fde047;background:#eab30814;border:1px solid #eab3084d;align-items:center;gap:10px;padding:11px 14px;font-size:.85rem;display:flex}.workspace{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.ws-toolbar{border-bottom:1px solid var(--border);background:#090c16;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.ws-toolbar .spacer{flex:1}.ws-stage{background:radial-gradient(circle at 1px 1px,#ffffff0a 1px,#0000 0) 0 0/24px 24px,#07080f;flex:1;justify-content:center;min-height:0;padding:16px;display:flex;position:relative;overflow:hidden}.cm-theme,.cm-editor-root{flex-direction:column!important;width:100%!important;height:100%!important;min-height:0!important;display:flex!important;overflow:hidden!important}.cm-theme .cm-editor,.cm-editor-root .cm-editor{flex-direction:column!important;flex:1!important;height:100%!important;min-height:0!important;max-height:100%!important;display:flex!important;overflow:hidden!important}.cm-theme .cm-scroller,.cm-editor-root .cm-scroller{overscroll-behavior:contain!important;flex:1!important;height:100%!important;min-height:0!important;max-height:100%!important;overflow:auto!important}.device{border-radius:var(--radius-lg);border:1px solid var(--border-2);width:100%;height:100%;transition:width .35s var(--ease);background:#fff;position:relative;overflow:hidden;box-shadow:0 16px 36px -8px #0009}.device.tablet{width:820px;max-width:100%}.device.mobile{width:390px;max-width:100%}.device iframe{background:#fff;border:0;width:100%;height:100%;display:block}.generating-overlay{z-index:30;-webkit-backdrop-filter:blur(4px);background:#07090fb8;justify-content:center;align-items:center;padding:16px;animation:.2s fade-in;display:flex;position:absolute;inset:0}.generating-card{border:1px solid var(--border-2);border-radius:var(--radius);width:min(400px,100%);animation:pop-in .25s var(--ease);background:#0f121a;flex-direction:column;gap:12px;padding:18px 20px;display:flex;box-shadow:0 16px 36px -8px #000000b3}.code-editor{border:1px solid var(--border-2);border-radius:var(--radius);color:#e2e8f0;width:100%;height:100%;font-family:var(--mono);resize:none;tab-size:2;white-space:pre;background:#070912;outline:none;padding:16px;font-size:.82rem;line-height:1.6}.code-editor:focus{border-color:#3b82f6}.errors-pop{border-radius:var(--radius);z-index:5;width:min(440px,100% - 32px);box-shadow:var(--shadow);animation:pop-in .3s var(--ease);border-color:#fbbf2466;flex-direction:column;gap:10px;padding:16px;display:flex;position:absolute;bottom:16px;right:16px}.errors-list{flex-direction:column;gap:6px;max-height:160px;display:flex;overflow:auto}.errors-list code{font-family:var(--mono);border-radius:var(--radius-sm);color:#fca5a5;word-break:break-word;background:#0006;padding:8px 10px;font-size:.75rem}.versions-menu{z-index:20;border-radius:var(--radius);background:var(--panel);border:1px solid var(--border-2);width:280px;max-height:360px;animation:pop-in .2s var(--ease);padding:6px;position:absolute;top:calc(100% + 6px);right:0;overflow:auto;box-shadow:0 16px 36px -8px #0009}.version-row{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:8px 10px;font-size:.82rem;transition:background .15s;display:flex}.version-row:hover{background:var(--panel-2)}.version-row.current{color:#93c5fd;background:#2563eb1f}.admin{flex-direction:column;min-height:100vh;display:flex}.admin-top{z-index:50;border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:14px;padding:12px 20px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #00000080;background:#080a14!important}.admin-top .spacer{flex:1}.stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;padding:16px 20px 0;display:grid}.stat{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:4px;padding:16px 18px;display:flex;position:relative;overflow:hidden}.stat .v{letter-spacing:-.02em;color:#f8fafc;font-size:1.7rem;font-weight:800}.stat .k{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.admin-main{flex:1;grid-template-columns:1fr 420px;gap:16px;min-height:0;padding:16px 20px 20px;display:grid}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel-head{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;display:flex}.panel-head h2{align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.panel-head .spacer{flex:1}.grid-students{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;padding:16px;display:grid;overflow:auto}.s-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--panel-2);cursor:pointer;transition:transform .15s var(--ease), border-color .15s, box-shadow .15s;animation:rise .3s var(--ease) both;flex-direction:column;display:flex;overflow:hidden}.s-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 10px 24px -6px #0009}.s-card.streaming{border-color:#f43f5e;box-shadow:0 0 0 1px #f43f5e4d}.s-card.blocked{opacity:.55}.thumb{aspect-ratio:16/10;border-bottom:1px solid var(--border);isolation:isolate;contain:paint;background:#080a14;position:relative;overflow:hidden}.thumb iframe{transform-origin:0 0;pointer-events:none;background:#fff;border:0;width:400%;height:400%;position:absolute;top:0;left:0;transform:scale(.25)}.thumb-badge{z-index:2;position:absolute;top:8px;left:8px}.thumb-badge-r{z-index:2;position:absolute;top:8px;right:8px}.s-card-body{flex-direction:column;gap:8px;padding:12px 14px;display:flex}.s-card-row{align-items:center;gap:8px;display:flex}.s-name{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;overflow:hidden}.s-last{color:var(--muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:2.24em;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.mini-bar{background:#ffffff14;border-radius:99px;flex:1;height:4px;overflow:hidden}.mini-bar>div{background:var(--primary);height:100%}.feed{flex-direction:column;flex:1;gap:8px;padding:10px;display:flex;overflow-y:auto}.feed-item{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel-2);cursor:pointer;animation:rise .3s var(--ease) both;flex-direction:column;gap:8px;padding:12px;transition:border-color .15s,background .15s;display:flex}.feed-item:hover{background:#141926;border-color:#3b82f6}.feed-item.streaming{background:#f43f5e0a;border-color:#f43f5e66}.feed-item.error{border-color:#f43f5e4d}.feed-head{align-items:center;gap:10px;display:flex}.feed-prompt{white-space:pre-wrap;word-break:break-word;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;font-size:.88rem;line-height:1.5;display:-webkit-box;overflow:hidden}.drawer-head{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:16px 20px;display:flex;background:#080a14!important}.drawer-body{flex:1;grid-template-columns:1.3fr 1fr;min-height:0;display:grid;background:#0b0e1b!important}.drawer-preview{border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.drawer-preview .frame{border-radius:var(--radius);border:1px solid var(--border-2);background:#fff;flex:1;margin:14px;position:relative;overflow:hidden}.drawer-preview iframe{border:0;width:100%;height:100%}.timeline{flex-direction:column;gap:14px;padding:16px;display:flex;overflow-y:auto}.tl-item{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel-2);flex-direction:column;gap:8px;max-width:100%;padding:14px;display:flex;overflow:hidden}.tl-prompt{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;font-size:.88rem;font-weight:500;line-height:1.5}.tl-response{color:var(--muted);white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;border-left:2px solid #3b82f6;padding-left:12px;font-size:.84rem;line-height:1.5}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;padding:16px 20px 40px;display:grid}.settings-card{flex-direction:column;gap:16px;padding:22px;display:flex}.settings-card h3{align-items:center;gap:8px;font-size:1.05rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.table-wrap{overflow:auto}table.table{border-collapse:collapse;width:100%;font-size:.88rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:11px 14px}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-2);font-size:.76rem;font-weight:600;position:sticky;top:0}.table tr:hover td{background:var(--panel)}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:50px 20px;display:flex}.empty .e{font-size:2.4rem}.showcase-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.sc-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);transition:transform .2s var(--ease), box-shadow .2s, border-color .2s;animation:rise .4s var(--ease) both;flex-direction:column;display:flex;overflow:hidden}.sc-card:hover{border-color:#3b82f6;transform:translateY(-3px);box-shadow:0 16px 36px -10px #000000b3}.sc-card .thumb{aspect-ratio:16/10}.sc-body{align-items:center;gap:10px;padding:14px 16px;display:flex}.spotlight{z-index:120;background:var(--bg);flex-direction:column;animation:.3s fade-in;display:flex;position:fixed;inset:0}.spotlight-bar{border-bottom:1px solid var(--border);background:#090c16;align-items:center;gap:14px;padding:12px 20px;display:flex}.spotlight iframe{background:#fff;border:0;flex:1;width:100%}@media (max-width:1100px){.admin-main{grid-template-columns:1fr}.admin-main .panel.feed-panel{max-height:70vh}.drawer-body{grid-template-columns:1fr;overflow:auto}.drawer-preview{border-right:0;border-bottom:1px solid var(--border);min-height:60vh}}@media (max-width:860px){.studio{height:auto;min-height:100vh;overflow:visible}.studio-body{grid-template-columns:1fr}.chat{border-right:0;border-bottom:1px solid var(--border);max-height:70vh}.workspace{min-height:80vh}.hero-mock-inner,.row-2{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}