@charset "UTF-8";:root{--bg: #07070c;--bg-2: #0c0c14;--surface: #12121c;--surface-2: #181826;--surface-3: #20202f;--border: rgba(255, 255, 255, .08);--border-bright: rgba(255, 255, 255, .16);--text: #ecebf2;--muted: #9897ad;--faint: #65647a;--ember: #ff5d3b;--ember-soft: #ff8a6b;--indigo: #7b6cff;--indigo-soft: #a99dff;--good: #38d39f;--warn: #ffc145;--bad: #ff5470;--grad: linear-gradient(135deg, var(--ember) 0%, var(--indigo) 100%);--radius: 16px;--radius-sm: 10px;--shadow: 0 24px 60px -20px rgba(0, 0, 0, .7);--mono: "JetBrains Mono", ui-monospace, monospace;--display: "Space Grotesk", system-ui, sans-serif;--body: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--body);color:var(--text);background:radial-gradient(1100px 700px at 12% -10%,rgba(123,108,255,.16),transparent 60%),radial-gradient(900px 600px at 100% 0%,rgba(255,93,59,.12),transparent 55%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--display);font-weight:600;letter-spacing:-.02em;margin:0}::selection{background:#ff5d3b59}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:8px;border:2px solid transparent;background-clip:padding-box}.container{width:min(1180px,92vw);margin:0 auto}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.spread{display:flex;align-items:center;justify-content:space-between}.wrap{flex-wrap:wrap}.gap-xs{gap:6px}.gap-sm{gap:10px}.gap{gap:16px}.gap-lg{gap:24px}.grow{flex:1}.muted{color:var(--muted)}.faint{color:var(--faint)}.mono{font-family:var(--mono)}.center{display:flex;align-items:center;justify-content:center}.card{background:linear-gradient(180deg,var(--surface) 0%,var(--bg-2) 100%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.pad{padding:22px}.pad-lg{padding:30px}.btn{appearance:none;border:1px solid var(--border-bright);background:var(--surface-2);color:var(--text);font-family:var(--body);font-weight:600;font-size:14px;padding:11px 18px;border-radius:var(--radius-sm);cursor:pointer;transition:transform .12s ease,background .2s ease,border-color .2s ease,opacity .2s;display:inline-flex;align-items:center;justify-content:center;gap:9px}.btn:hover{background:var(--surface-3)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--grad);border:none;color:#120a08;box-shadow:0 10px 28px -10px #ff5d3b99}.btn.primary:hover{filter:brightness(1.06)}.btn.ghost{background:transparent;border-color:var(--border)}.btn.danger{color:var(--bad);border-color:#ff547066;background:#ff547014}.btn.sm{padding:7px 12px;font-size:13px}.input,.textarea,.select{width:100%;background:var(--bg-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:13px 15px;font-family:var(--body);font-size:15px;transition:border-color .2s,box-shadow .2s;resize:vertical}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--ember);box-shadow:0 0 0 3px #ff5d3b29}.label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11.5px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.s-created .dot,.s-paused .dot{background:var(--warn)}.s-planning .dot,.s-generating .dot,.s-storyboarding .dot,.s-stitching .dot{background:var(--indigo);animation:pulse 1.4s infinite}.s-completed .dot{background:var(--good)}.s-failed .dot,.s-canceled .dot{background:var(--bad)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.text-grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.spinner{width:18px;height:18px;border:2px solid var(--border-bright);border-top-color:var(--ember);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-up{animation:fade-up .4s ease both}