:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg0:#07060a;--bg1:#0c0b12;--card:#ffffff0f;--card2:#ffffff14;--text:#ffffffeb;--muted:#ffffffa8;--border:#ffffff29;--accent:#9cffef;--accent2:#a78bfa}html,body{height:100%}body{background:radial-gradient(1200px 800px at 20% 20%, #a78bfa38, transparent 50%), radial-gradient(900px 700px at 80% 10%, #9cffef29, transparent 55%), linear-gradient(180deg, var(--bg0), var(--bg1));color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}.topBar{z-index:20;position:sticky;top:0}.experimentalBanner{color:#fde68a;text-align:center;background:#78350feb;border-bottom:1px solid #fbbf2459;padding:10px 18px;font-size:13px;line-height:1.45}.experimentalBanner strong{color:#fef3c7}.page{min-height:100%;position:relative;overflow-x:hidden}.generatorPage{min-height:100%}.page .header{z-index:1;position:relative}.generatorMain{overflow:visible}.generatorControls{scroll-margin-top:16px}.generatorWorkspace{overflow-anchor:none;overflow:visible}.backToPrompt{z-index:30;color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0b12eb;border:1px solid #9cffef6b;border-radius:999px;align-items:center;padding:9px 12px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 30px #0006}.bg{filter:blur(80px);pointer-events:none;opacity:.6;background:conic-gradient(from 180deg,#9cffef1f,#a78bfa1f,#ffffff0f,#9cffef1f);animation:14s ease-in-out infinite alternate drift;position:absolute;inset:-200px}@keyframes drift{0%{transform:translate(-2%,-1%)rotate(-2deg)}to{transform:translate(2%,1%)rotate(2deg)}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#07060a73}.brand{justify-content:space-between;align-items:baseline;gap:14px;max-width:1100px;margin:0 auto;padding:16px 18px;display:flex}.headerNav{justify-content:flex-end;align-items:center;gap:12px;max-width:1100px;margin:0 auto;padding:0 18px 16px;display:flex}.btnSmall{padding:8px 14px;font-size:14px}.btnDanger{background:#ff60602e;border-color:#ff606073}.buttonLink{cursor:pointer;font:inherit;background:0 0;border:none}.splashMain,.dashboardMain,.authMain{max-width:1100px;margin:0 auto;padding:24px 18px 48px}.splashHero h1{margin:0 0 12px;font-size:clamp(2rem,4vw,3rem)}.splashHero p,.authSubtitle,.mutedSmall{color:var(--muted)}.splashActions,.projectActions,.dashboardStats,.publishRow{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.splashGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:18px;display:grid}.splashCard h2,.dashboardCard h1{margin-top:0}.authCard{max-width:480px;margin:48px auto}.authLogo{color:inherit;margin-bottom:12px;text-decoration:none;display:inline-block}.authForm{gap:12px;display:grid}.authFooter{color:var(--muted);margin-top:16px}.centeredMessage{place-items:center;min-height:100vh;display:grid}.dashboardCard,.projectList,.historyList{margin-top:16px}.projectList,.historyList{gap:12px;margin:0;padding:0;list-style:none;display:grid}.projectListItem{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.publishMessage{color:var(--accent);font-size:14px}.logo{letter-spacing:.4px;font-size:18px;font-weight:760}.tag{color:var(--muted);font-size:13px}.main{max-width:1100px;margin:0 auto;padding:18px;position:relative}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 20px 60px #00000059}.label{color:var(--muted);margin-bottom:10px;font-size:13px;display:block}.row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;display:grid}.input{box-sizing:border-box;border:1px solid var(--border);width:100%;color:var(--text);background:#00000038;border-radius:12px;outline:none;padding:12px;font-size:15px;line-height:1.45;transition:border-color .14s,transform .14s}.input:focus{border-color:#9cffef73;transform:translateY(-1px)}.inputCompact{resize:none;min-height:0;overflow:hidden}.inputMultiline{resize:vertical;min-height:124px}.btn{color:var(--text);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#9cffef38,#a78bfa29);border:1px solid #9cffef6b;border-radius:12px;min-width:120px;padding:12px 14px;font-weight:650;transition:transform .14s,filter .14s}.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.controlRow{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.btnSecondary{background:#ffffff0f;border-color:#ffffff2e;min-width:0}.metaRow{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.pill,.pillLink{border:1px solid var(--border);color:var(--muted);background:#ffffff0f;border-radius:999px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;display:inline-flex}.pillLink{color:#9cffefe6;text-decoration:none}.pillLink:hover{filter:brightness(1.12)}.promptMode{border:1px solid var(--border);background:#ffffff09;border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;margin:12px 0 0;padding:10px 12px;display:flex}.promptMode legend{color:var(--muted);padding:0 4px;font-size:12px}.promptMode label{color:#ffffffdb;align-items:center;gap:7px;font-size:13px;display:inline-flex}.promptMode input{accent-color:var(--accent)}.modelRow{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.modelPicker{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.modelPicker select{border:1px solid var(--border);color:var(--text);background:#00000038;border-radius:999px;max-width:min(420px,70vw);padding:7px 28px 7px 10px}.modelPicker select:disabled{opacity:.65}.modelHint{color:var(--muted);font-size:12px}.yoloRow{background:#ff782814;border:1px solid #ffaa5059;border-radius:12px;margin-top:12px;padding:12px 14px}.yoloToggle{color:var(--text);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.yoloToggle input{accent-color:#ff9a3c}.yoloWarning{color:#ffb86a;margin-top:8px;font-size:12px;line-height:1.45}.yoloBanner{color:#ffd4a8;background:#ff78281f;border:1px solid #ffaa5073;border-radius:12px;margin:12px 14px 0;padding:12px 14px}.yoloBannerTitle{margin-bottom:6px;font-size:13px;font-weight:700}.yoloBanner p{margin:0;font-size:12px;line-height:1.45}.grid{grid-template-columns:1fr;gap:14px;margin-top:14px;display:grid}@media (width>=980px){.grid{grid-template-columns:420px 1fr;align-items:start}.generatorWorkspace{align-content:start}}.panel{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 18px 48px #00000052}.panelTitle{border-bottom:1px solid var(--border);color:var(--muted);background:#00000029;padding:12px 14px;font-size:13px}.usage{border-bottom:1px solid var(--border);background:#ffffff09;padding:12px 14px}.usageEmpty{color:var(--muted)}.usageHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.usageTitle{color:#ffffffe0;font-size:13px;font-weight:720}.usageHint,.usageContext{color:var(--muted);margin-top:4px;font-size:12px}.usageRate{color:#9cffefeb;white-space:nowrap;background:#9cffef14;border:1px solid #9cffef47;border-radius:999px;padding:5px 8px;font-size:12px}.usageBar{background:#00000047;border:1px solid #ffffff1c;border-radius:999px;height:11px;margin-top:12px;display:flex;overflow:hidden}.usageSegment{min-width:2px;height:100%}.usageSegment-generate{background:#9cffef}.usageSegment-follow_up{background:#34d399}.usageSegment-thinking{background:#a78bfa}.usageSegment-json_fix{background:#fbbf24}.usageSegment-validation_fix{background:#60a5fa}.usageSegment-runtime_fix{background:#fb7185}.usageSegment-context_compress{background:#a78bfa}.usageStats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.usageStats>div{background:#00000024;border:1px solid #ffffff1a;border-radius:12px;padding:8px}.usageStats strong{margin-top:2px;font-size:14px;display:block}.usageStatLabel{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.usageLegend{gap:6px;margin-top:10px;display:grid}.usageLegendItem{color:var(--muted);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;font-size:12px;display:grid}.usageLegendItem strong{color:#ffffffdb}.usageDot{border-radius:999px;width:8px;height:8px}.log{white-space:pre-wrap;color:#ffffffd9;max-height:440px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.42;overflow:auto}.progressPanel{flex-direction:column;gap:10px;display:flex}.logSection{border-top:1px solid #ffffff1a}.logSectionTitle{letter-spacing:.06em;text-transform:uppercase;color:#ffffff94;padding:10px 14px 0;font-size:11px;font-weight:700}.logSection .log{max-height:180px}.logSectionThinking .log{color:#a78bfaeb}.logSectionContent .log{color:#9cffefe6}.logValidation{color:#ffffffc7}.error{color:#ffffffe6;background:#ff007814;border-top:1px solid #ffffff1f;padding:10px 14px;font-size:13px}.runtimeError{color:#ffffffeb;background:#ff00781a;border:1px solid #ff62926b;border-radius:14px;margin:12px;padding:12px}.runtimeErrorTitle{margin-bottom:8px;font-weight:700}.runtimeError pre{white-space:pre-wrap;color:#ffffffd1;max-height:180px;margin:0 0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;overflow:auto}.runtimeFixButton{min-width:140px}.placeholder{color:var(--muted);padding:16px;font-size:14px}.sparkles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sparkles span{background:radial-gradient(circle, var(--accent), transparent 70%);border-radius:999px;width:6px;height:6px;animation:8s ease-in-out infinite float;position:absolute}.sparkles span:first-child{animation-delay:0s;top:18%;left:12%}.sparkles span:nth-child(2){animation-delay:1.4s;top:62%;left:78%}.sparkles span:nth-child(3){animation-delay:2.8s;top:40%;left:55%}@keyframes float{0%,to{opacity:.35;transform:translateY(0)scale(1)}50%{opacity:.9;transform:translateY(-16px)scale(1.2)}}.panelEditor{overflow-anchor:none;min-height:420px}.panelEditor .sp-layout{min-height:420px}@media (width<=640px){.brand{flex-direction:column;align-items:flex-start}.row{grid-template-columns:1fr}.btn{width:100%}.logSection .log{max-height:120px}}