:root{--color-midnight-abyss: #05060f;--color-ghost-white: #ffffff;--color-comet: #d8ecf8;--color-arctic-mist: #d1e4fa;--color-celestial-light: #b6d9fc;--color-azure-glow: #c7d3ea;--color-slate-dew: #3f4959;--color-whisper-blue: #9da7ba;--color-neon-violet: #663af3;--color-interstellar-gray: #81899b;--surface-glass: rgba(186, 214, 247, .03);--surface-field: rgba(199, 211, 234, .06);--border-subtle: rgba(186, 215, 247, .12);--border-strong: rgba(255, 255, 255, .38);--shadow-sm: rgba(186, 207, 247, .32) 0 0 6px 0;--shadow-md: rgba(238, 186, 247, .24) 0 0 12px 0;--shadow-subtle: rgba(186, 215, 247, .12) 0 0 0 1px inset;--shadow-card: rgba(199, 211, 234, .12) 0 1px 1px 0 inset, rgba(199, 211, 234, .05) 0 24px 48px 0 inset, rgba(6, 6, 14, .7) 0 24px 32px 0;--shadow-form: rgba(216, 236, 248, .2) 0 1px 1px 0 inset, rgba(168, 216, 245, .06) 0 24px 48px 0 inset, rgba(0, 0, 0, .3) 0 16px 32px 0;--font-untitled-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-aeonikpro: "Space Grotesk", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-dotdigital: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--radius-pill: 999px;--radius-card: 16px;--radius-subtle: 12px;--radius-badge: 6px;--radius-input: 4px}*{box-sizing:border-box}html{background:var(--color-midnight-abyss)}body{margin:0;min-width:320px;color:var(--color-comet);background:var(--color-midnight-abyss);font-family:var(--font-untitled-sans);font-size:14px;line-height:1.5;letter-spacing:-.01px}button,textarea,a{font:inherit}button{cursor:pointer}.landing-shell{position:relative;min-height:100vh;overflow:hidden;padding:28px;background:linear-gradient(180deg,#05060fc7,#05060f 58%),var(--color-midnight-abyss);color:var(--color-comet)}.landing-nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:0 auto 58px}.landing-nav strong{color:var(--color-ghost-white);font-size:18px}.landing-note{color:var(--color-arctic-mist);font-size:13px;font-weight:800;text-transform:uppercase}.landing-hero{position:relative;z-index:1;max-width:1180px;margin:0 auto}.landing-hero h1{max-width:780px;margin:0;color:var(--color-ghost-white);font-size:clamp(40px,7vw,78px);line-height:.96}.landing-copy{max-width:660px;margin:18px 0 0;color:var(--color-arctic-mist);font-size:18px;line-height:1.65}.landing-copy-muted{max-width:520px;margin-top:8px;color:var(--color-whisper-blue)}.shell{position:relative;min-height:100vh;overflow:hidden;padding:20px;background:radial-gradient(circle at 48% -10%,rgba(184,215,247,.16),transparent 34%),radial-gradient(circle at 82% 18%,rgba(102,58,243,.16),transparent 28%),linear-gradient(180deg,#05060fd1,#05060f 42%)}.atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(90deg,rgba(186,215,247,.035) 1px,transparent 1px),linear-gradient(0deg,rgba(186,215,247,.025) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle at 50% 12%,black,transparent 72%);mask-image:radial-gradient(circle at 50% 12%,black,transparent 72%)}.topbar,.command-grid{position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;max-width:1480px;margin:0 auto 20px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:#05060fc7;box-shadow:var(--shadow-subtle);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.topbar-left,.topbar-actions,.hero-actions,.prompt-actions,.job-title-line,.job-meta,.review-actions,.tag-row,.pipeline-steps,.timeline-head{display:flex;align-items:center}.topbar-left{gap:10px;color:var(--color-arctic-mist)}.topbar-actions,.hero-actions,.prompt-actions,.review-actions{gap:8px}.system-dot{width:8px;height:8px;border-radius:999px;background:var(--color-celestial-light);box-shadow:var(--shadow-sm)}.command-grid{display:grid;grid-template-columns:276px minmax(0,1fr);gap:20px;max-width:1480px;margin:0 auto}.glass-panel{border:1px solid var(--border-subtle);background:var(--surface-glass);border-radius:var(--radius-card);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.side-rail{position:sticky;top:20px;min-height:calc(100vh - 90px);max-height:calc(100vh - 40px);padding:24px;display:flex;flex-direction:column;gap:28px;overflow:auto}.brand-lockup{display:flex;gap:14px;align-items:center}.brand-mark,.connection-icon,.stat-icon,.guardrail-icon{display:grid;place-items:center;color:var(--color-ghost-white);background:#bad6f70f;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.brand-mark{width:42px;height:42px;border-radius:var(--radius-pill)}.eyebrow,.small-label{display:block;margin:0;color:var(--color-interstellar-gray);font-family:var(--font-dotdigital);font-size:12px;line-height:1.5;letter-spacing:.1px;text-transform:uppercase;font-variant-numeric:tabular-nums}h1,h2,h3,h4,p{margin-top:0}h1,h2{font-family:var(--font-aeonikpro);color:var(--color-ghost-white);letter-spacing:0}h1{margin-bottom:0;font-size:20px;line-height:1.2}h2{max-width:760px;margin-bottom:14px;font-size:clamp(34px,5vw,48px);line-height:1.14}h3{margin:2px 0 0;color:var(--color-ghost-white);font-size:24px;line-height:1.33}h4{margin-bottom:8px;color:var(--color-ghost-white);font-size:18px;line-height:1.43}.nav-stack{display:grid;gap:8px}.nav-item,.job-row{width:100%;border:1px solid transparent;color:var(--color-arctic-mist);background:transparent;text-align:left}.nav-item{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border-radius:var(--radius-pill)}.nav-item-active,.nav-item:hover{border-color:var(--border-subtle);background:#bad6f70f;color:var(--color-ghost-white);box-shadow:var(--shadow-subtle)}.connection-card{margin-top:auto;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px;border-radius:var(--radius-subtle);border:1px solid var(--border-subtle);background:#05060fb8;box-shadow:var(--shadow-form)}.connection-icon,.stat-icon,.guardrail-icon{width:34px;height:34px;border-radius:var(--radius-pill)}.connection-card strong{color:var(--color-ghost-white)}.workspace{display:grid;gap:20px;min-width:0}.hero-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 22px;overflow:hidden}.hero-panel:after,.queue-panel:before{content:"";position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(186,215,247,.22),transparent)}.hero-copy{max-width:740px;margin-bottom:0;color:var(--color-arctic-mist);font-size:16px}.pill-button,.outline-button,.solid-button,.icon-button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.pill-button,.outline-button{min-height:40px;padding:0 16px;border-radius:var(--radius-pill)}.pill-button{color:var(--color-ghost-white);background:#bad6f70f;box-shadow:inset #bad6f70f 0 0 0 1px}.outline-button{color:var(--color-arctic-mist);background:transparent;box-shadow:var(--shadow-subtle);text-decoration:none}.solid-button{min-height:36px;padding:0 14px;color:var(--color-ghost-white);background:var(--color-neon-violet);border-radius:6px;box-shadow:var(--shadow-md)}.icon-button{width:38px;height:38px;color:var(--color-ghost-white);border-radius:var(--radius-pill);background:transparent;box-shadow:var(--shadow-subtle)}.compact{min-height:34px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card{text-align:left;color:inherit;padding:18px}button.stat-card{cursor:pointer}button.stat-card:hover{border-color:#b6d9fc42;background:#bad6f70f}.stat-card span{display:block;margin-top:14px;color:var(--color-arctic-mist)}.stat-card strong{display:block;color:var(--color-ghost-white);font-family:var(--font-aeonikpro);font-size:28px;line-height:1.2}.stat-card p{margin-bottom:0;color:var(--color-interstellar-gray);font-size:12px}.main-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:20px}.admin-workspace{display:grid;gap:20px}.queue-panel,.review-panel{padding:24px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.filter-note{margin:6px 0 0;color:var(--color-whisper-blue);font-size:13px}.slim{align-items:center;margin-bottom:10px}.prompt-box{margin-bottom:16px;padding:12px;border-radius:var(--radius-subtle);background:#05060fbd;box-shadow:var(--shadow-form)}textarea{width:100%;min-height:98px;resize:vertical;display:block;padding:12px 10px;color:var(--color-ghost-white);border:1px solid var(--border-strong);border-radius:var(--radius-input);outline:none;background:var(--surface-field)}textarea::placeholder{color:var(--color-whisper-blue)}textarea:focus{border-color:var(--color-celestial-light);box-shadow:0 0 0 1px #b6d9fc4d}.prompt-actions{justify-content:flex-end;flex-wrap:wrap;margin-top:10px}.meta-chip,.status{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:var(--radius-badge);color:var(--color-arctic-mist);background:var(--color-midnight-abyss);box-shadow:var(--shadow-subtle);font-size:12px;line-height:1.2}.job-list{display:grid;gap:10px}.job-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border-radius:var(--radius-subtle);background:#bad6f706;box-shadow:inset #bad6f70f 0 0 0 1px}.job-row-active,.job-row:hover{border-color:#b6d9fc42;background:#bad6f70f}.job-main{min-width:0}.job-title-line{justify-content:space-between;gap:12px}.job-title-line strong{min-width:0;overflow:hidden;color:var(--color-ghost-white);text-overflow:ellipsis;white-space:nowrap}.job-row p{margin:6px 0 10px;color:var(--color-whisper-blue);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-meta{flex-wrap:wrap;gap:8px;color:var(--color-interstellar-gray);font-family:var(--font-dotdigital);font-size:12px}.status-generating{color:var(--color-celestial-light)}.status-ready{color:var(--color-ghost-white)}.status-scheduled{color:var(--color-arctic-mist)}.status-failed{color:#ffd6e2}.progress-ring{width:52px;height:52px;flex:0 0 auto;display:grid;place-items:center;border-radius:999px;background:radial-gradient(circle at center,#05060f 58%,transparent 59%),conic-gradient(var(--color-celestial-light) var(--progress),rgba(186,215,247,.12) 0);color:var(--color-ghost-white);font-family:var(--font-dotdigital);font-size:12px}.review-panel{display:flex;flex-direction:column;gap:16px}.video-preview{position:relative;min-height:260px;overflow:hidden;border-radius:var(--radius-subtle);border:1px solid var(--border-subtle);background:linear-gradient(140deg,rgba(216,236,248,.12),transparent 42%),radial-gradient(circle at 72% 18%,rgba(102,58,243,.38),transparent 30%),#070814;box-shadow:var(--shadow-form)}.preview-grid{position:absolute;top:24px;right:24px;bottom:24px;left:24px;display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr .85fr;gap:10px;opacity:.9}.preview-grid span{border-radius:10px;border:1px solid var(--border-subtle);background:#c7d3ea0f;box-shadow:var(--shadow-subtle)}.play-button{position:absolute;left:50%;top:50%;width:58px;height:58px;transform:translate(-50%,-50%);display:grid;place-items:center;color:var(--color-ghost-white);border:1px solid rgba(255,255,255,.32);border-radius:var(--radius-pill);background:#05060fb8;box-shadow:var(--shadow-sm)}.timeline-card,.metadata-card,.guardrail-card,.info-tile{border:1px solid var(--border-subtle);background:#05060fa8;box-shadow:var(--shadow-subtle)}.timeline-card,.metadata-card,.guardrail-card{padding:14px;border-radius:var(--radius-subtle)}.timeline-head{justify-content:space-between;color:var(--color-arctic-mist)}.timeline-track{height:8px;margin:12px 0;overflow:hidden;border-radius:var(--radius-pill);background:#bad7f71f}.timeline-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-neon-violet),var(--color-celestial-light))}.pipeline-steps{flex-wrap:wrap;gap:8px}.step{display:inline-flex;align-items:center;gap:5px;color:var(--color-interstellar-gray);font-size:12px}.step svg{opacity:.35}.step-done{color:var(--color-arctic-mist)}.step-done svg{opacity:1}.metadata-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.info-tile{min-width:0;padding:12px;border-radius:10px}.info-tile svg{color:var(--color-celestial-light)}.info-tile span,.metadata-card p,.guardrail-card p{color:var(--color-whisper-blue)}.info-tile strong{display:block;min-width:0;overflow:hidden;color:var(--color-ghost-white);text-overflow:ellipsis;white-space:nowrap}.metadata-card p{margin-bottom:12px}.tag-row{flex-wrap:wrap;gap:8px}.guardrail-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px}.guardrail-card strong{color:var(--color-ghost-white)}.guardrail-card p{margin-bottom:0}.review-actions{justify-content:flex-end;margin-top:auto}.tab-workspace{padding:24px}.tab-copy{max-width:720px;margin:8px 0 0;color:var(--color-arctic-mist)}.tab-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.tab-table{display:grid;gap:8px}.tab-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:48px;align-items:center;padding:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-subtle);background:#05060fa8;box-shadow:var(--shadow-subtle)}.tab-row span{min-width:0;overflow:hidden;color:var(--color-arctic-mist);text-overflow:ellipsis;white-space:nowrap}@media(max-width:1180px){.command-grid{grid-template-columns:1fr}.side-rail{position:static;min-height:auto;max-height:none}.nav-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.connection-card{margin-top:0}}@media(max-width:920px){.hero-panel,.main-grid{grid-template-columns:1fr}.hero-panel{display:grid}.stats-grid,.tab-metrics,.tab-row{grid-template-columns:repeat(2,minmax(0,1fr))}.main-grid{display:grid}}@media(max-width:640px){.shell{padding:12px}.topbar,.topbar-actions,.hero-actions,.review-actions{align-items:stretch;flex-direction:column}.topbar{border-radius:18px}.nav-stack,.stats-grid,.metadata-grid,.tab-metrics,.tab-row{grid-template-columns:1fr}.hero-panel,.queue-panel,.review-panel,.side-rail,.tab-workspace{padding:18px}.job-row{grid-template-columns:1fr}.progress-ring{justify-self:start}}