:root{--ink:#08090d;--panel:#101116;--panel-raised:#15161d;--panel-soft:#1b1c24;--line:#ffffff14;--line-strong:#ffffff26;--text:#f4f1ec;--muted:#9695a0;--faint:#666572;--violet:#8b6cff;--violet-bright:#aa93ff;--violet-dim:#8b6cff29;--amber:#efb667;--green:#78d5a5;--red:#ef7580;--radius:16px}*{box-sizing:border-box}html{background:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:radial-gradient(circle at 70% 0%, #6143b41c, transparent 30rem), var(--ink);color:var(--text);letter-spacing:-.01em;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}::selection{background:#8b6cff6b}.brand{color:#fff;letter-spacing:.18em;align-items:center;gap:11px;font-size:12px;font-weight:750;display:inline-flex}.brand-mark{width:31px;height:31px;color:var(--violet-bright);letter-spacing:0;background:linear-gradient(145deg,#8b6cff4d,#8b6cff0a);border:1px solid #aa93ff85;border-radius:9px;place-items:center;font-family:Georgia,serif;font-size:18px;font-style:italic;display:grid;box-shadow:inset 0 0 18px #8b6cff24,0 0 22px #8b6cff14}.eyebrow{color:var(--violet-bright);letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:750}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:14px;min-height:44px;font-weight:720;transition:transform .16s,background .16s,border-color .16s,opacity .16s;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--violet-bright), var(--violet));color:#0d0a18;padding:0 20px;box-shadow:0 10px 28px #5637b745}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,#b7a4ff,#957aff);transform:translateY(-1px)}.secondary-button{border:1px solid var(--line-strong);background:#ffffff09;padding:0 18px}.secondary-button:hover:not(:disabled){background:#8b6cff14;border-color:#aa93ff75}button:disabled{cursor:not-allowed;opacity:.48}.home{background:linear-gradient(#08090d8f,#08090deb),repeating-linear-gradient(90deg,#0000 0 calc(20% - 1px),#ffffff06 20%);min-height:100vh;overflow:hidden}.home-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);height:82px;margin:auto;display:flex}.phase-badge{border:1px solid var(--line);color:var(--muted);letter-spacing:.04em;background:#ffffff06;border-radius:999px;align-items:center;gap:9px;padding:8px 12px;font-size:11px;display:flex}.phase-badge span,.autosave-dot,.provider-light{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #78d5a59e}.hero{z-index:1;text-align:center;width:min(840px,100% - 40px);margin:0 auto;padding:110px 0 70px;position:relative}.hero-glow{z-index:-1;filter:blur(8px);pointer-events:none;background:radial-gradient(circle,#7750de33,#0000 67%);border-radius:50%;width:760px;height:440px;position:absolute;top:35px;left:50%;transform:translate(-50%)}.hero h1{letter-spacing:-.055em;margin:19px 0 20px;font-family:Georgia,Times New Roman,serif;font-size:clamp(54px,7vw,86px);font-weight:400;line-height:.96}.hero h1 em{color:#b3a0f5;font-weight:400}.hero-copy{color:#aaa8b1;max-width:620px;margin:0 auto 38px;font-size:16px;line-height:1.7}.prompt-composer{text-align:left;background:linear-gradient(145deg,#1b1c25f5,#0e0f15f5);border:1px solid #ab95ff47;border-radius:19px;padding:8px;position:relative;box-shadow:0 26px 85px #00000070,inset 0 0 0 1px #ffffff05}.prompt-composer label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.prompt-composer textarea{resize:vertical;width:100%;min-height:140px;color:var(--text);background:0 0;border:0;outline:0;padding:23px 23px 8px;font-family:Georgia,serif;font-size:20px;line-height:1.55}.prompt-composer textarea::placeholder{color:#6f6e79}.composer-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:60px;padding:8px 8px 8px 16px;display:flex}.composer-footer p{color:var(--faint);margin:0;font-size:12px}.form-error{margin:8px 0;font-size:12px;color:#ff929b!important}.form-notice{color:var(--green);margin:8px 20px 0;font-size:12px}.capability-row{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:46px;display:grid}.capability-row div{border-right:1px solid var(--line);text-align:left;align-items:baseline;gap:13px;padding:20px 24px;display:flex}.capability-row div:last-child{border-right:0}.capability-row span{color:var(--violet);font-family:ui-monospace,monospace;font-size:10px}.capability-row p{color:var(--muted);margin:0;font-size:12px;font-weight:650}.home-proof{border-top:1px solid var(--line);width:min(1180px,100% - 48px);color:var(--faint);justify-content:center;align-items:center;gap:15px;margin:0 auto;padding:24px;font-size:11px;display:flex}.home-proof span{color:var(--amber);letter-spacing:.16em;font-size:9px;font-weight:800}.home-proof p{margin:0}.workspace{background:#090a0e;grid-template:"header header header"62px"rail stage controls"minmax(0,1fr)"timeline timeline timeline"118px/235px minmax(480px,1fr) 330px;min-width:1024px;height:100vh;display:grid;overflow:hidden}.workspace-header{z-index:3;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c0d12f2;grid-area:header;grid-template-columns:235px 1fr 330px;align-items:center;display:grid}.workspace-header .brand{border-right:1px solid var(--line);height:100%;padding:0 18px}.brand.compact{font-size:10px}.brand.compact .brand-mark{width:27px;height:27px;font-size:15px}.project-identity{align-items:center;gap:12px;min-width:0;padding:0 22px;display:flex}.project-identity span{color:var(--faint);letter-spacing:.12em;text-transform:uppercase;font-size:10px}.project-identity strong{text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,serif;font-size:16px;font-weight:500;overflow:hidden}.header-actions{border-left:1px solid var(--line);height:100%;color:var(--faint);justify-content:flex-end;align-items:center;gap:9px;padding:0 20px;font-size:11px;display:flex}.scene-rail{border-right:1px solid var(--line);background:#0d0e13;flex-direction:column;grid-area:rail;min-height:0;display:flex}.rail-heading,.panel-title{justify-content:space-between;align-items:center;display:flex}.rail-heading{border-bottom:1px solid var(--line);min-height:53px;color:var(--muted);letter-spacing:.13em;text-transform:uppercase;padding:0 15px 0 18px;font-size:10px;font-weight:750}.rail-heading button{border:1px solid var(--line);background:var(--panel-raised);width:25px;height:25px;color:var(--muted);border-radius:7px;place-items:center;display:grid}.master-prompt{background:#8b6cff0d;border:1px solid #8b6cff24;border-radius:11px;margin:15px 12px 8px;padding:13px}.master-prompt span{color:var(--violet-bright);letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:750}.master-prompt p{color:#aaa8b3;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:8px 0 0;font-family:Georgia,serif;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.scene-rail nav{padding:5px 9px 15px;overflow:auto}.scene-card{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:35px 1fr;gap:7px;width:100%;padding:12px 9px;display:grid}.scene-card:hover{background:#ffffff06}.scene-card.active{background:var(--violet-dim);border-color:#8b6cff40}.scene-number{color:var(--faint);font-family:ui-monospace,monospace;font-size:10px}.scene-card.active .scene-number{color:var(--violet-bright)}.scene-card strong,.scene-card small{display:block}.scene-card strong{color:#d9d6df;margin-bottom:4px;font-size:12px;font-weight:650}.scene-card small{color:var(--faint);font-size:10px}.rail-footer{border-top:1px solid var(--line);color:var(--faint);align-items:flex-start;gap:9px;margin-top:auto;padding:15px 18px;font-size:10px;display:flex}.rail-footer .provider-light{flex:none;margin-top:5px}.provider-copy{gap:4px;min-width:0;display:grid}.provider-copy>span{align-items:center;gap:7px;display:flex}.provider-copy strong{color:#d9d6df;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.provider-copy em{color:var(--green);letter-spacing:.08em;font-size:8px;font-style:normal;font-weight:800}.provider-copy small{color:var(--faint);line-height:1.35}.provider-disabled .provider-light{background:#d99a72;box-shadow:0 0 12px #d99a7280}.provider-disabled .provider-copy em{color:#d99a72}.creative-stage{background:radial-gradient(circle at 50% 35%,#5c469e14,#0000 45%),#0a0b0f;flex-direction:column;grid-area:stage;min-width:0;min-height:0;padding:20px 24px;display:flex;overflow:auto}.stage-toolbar{justify-content:space-between;align-items:center;gap:20px;min-height:52px;display:flex}.stage-toolbar h1{margin:4px 0 0;font-family:Georgia,serif;font-size:22px;font-weight:500}.status-pill{border:1px solid var(--line);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;background:#ffffff06;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:10px;font-weight:700;display:flex}.status-pill>span{background:var(--faint);border-radius:50%;width:6px;height:6px}.status-queued>span,.status-submitted>span,.status-running>span{background:var(--amber);box-shadow:0 0 10px #efb667b3}.status-succeeded>span{background:var(--green);box-shadow:0 0 10px #78d5a5b3}.status-failed>span{background:var(--red)}.preview-frame{aspect-ratio:16/9;border:1px solid var(--line-strong);border-radius:var(--radius);background:#050608;width:100%;min-height:280px;max-height:calc(100vh - 350px);margin-top:15px;position:relative;overflow:hidden;box-shadow:0 24px 65px #00000052}.preview-frame:after{border-radius:inherit;content:"";pointer-events:none;border:1px solid #ffffff09;position:absolute;inset:0}.preview-frame img{object-fit:cover;width:100%;height:100%}.empty-preview{text-align:center;background:linear-gradient(#ffffff04 1px,#0000 1px) 0 0/48px 48px,linear-gradient(90deg,#ffffff04 1px,#0000 1px) 0 0/48px 48px,radial-gradient(circle at 50% 45%,#161521,#06070a 64%);flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.empty-preview h2{margin:13px 0 6px;font-family:Georgia,serif;font-size:24px;font-weight:400}.empty-preview p{color:var(--faint);margin:0;font-size:12px}.aperture{background:#8b6cff14;border:1px solid #aa93ff40;border-radius:50%;place-items:center;width:58px;height:58px;margin-bottom:22px;display:grid;box-shadow:0 0 42px #8b6cff26}.aperture span{border:1px solid var(--violet-bright);border-radius:3px 12px;width:19px;height:19px;transform:rotate(45deg)}.mock-watermark{color:#ffffffb8;letter-spacing:.14em;background:#050609b3;border:1px solid #ffffff2e;border-radius:6px;padding:7px 9px;font-family:ui-monospace,monospace;font-size:9px;position:absolute;top:18px;left:18px}.preview-caption{background:linear-gradient(#0000,#040508eb);grid-template-columns:auto 1fr;gap:3px 12px;padding:28px 22px 18px;display:grid;position:absolute;bottom:0;left:0;right:0}.preview-caption strong{align-self:center;font-size:13px}.preview-caption small{color:#9693a0;grid-column:2;font-size:10px}.mock-chip{color:var(--amber);letter-spacing:.08em;text-transform:uppercase;background:#efb6671a;border:1px solid #efb66740;border-radius:6px;grid-row:1/3;align-self:center;padding:6px 8px;font-size:9px;font-weight:750}.generation-overlay{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050609cc;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loader{border:2px solid #aa93ff29;border-top-color:var(--violet-bright);border-radius:50%;width:28px;height:28px;margin-bottom:15px;animation:.9s linear infinite spin}.generation-overlay strong{font-family:Georgia,serif;font-size:19px;font-weight:400}.generation-overlay small{color:var(--faint);font-size:10px}.progress-track{background:#ffffff14;border-radius:2px;width:min(240px,55%);height:3px;margin:16px 0 8px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--violet), var(--violet-bright));height:100%;transition:width .4s;display:block}@keyframes spin{to{transform:rotate(360deg)}}.history-panel{margin-top:18px}.panel-title h2{margin:4px 0 0;font-family:Georgia,serif;font-size:16px;font-weight:500}.panel-title>span{color:var(--faint);font-size:9px}.history-strip{gap:9px;min-height:72px;margin-top:11px;padding-bottom:2px;display:flex;overflow-x:auto}.history-card{border:1px solid var(--line);cursor:pointer;text-align:left;background:#ffffff05;border-radius:10px;grid-template-columns:56px 1fr;align-items:center;gap:10px;min-width:150px;padding:6px;display:grid}.history-card.selected{background:#8b6cff14;border-color:#8b6cff7a}.history-thumb{background:radial-gradient(circle at 70% 30%,#302653,#101118);border-radius:7px;place-items:center;height:45px;display:grid}.history-thumb i{color:#ffffffb3;letter-spacing:.1em;font-family:ui-monospace,monospace;font-size:8px;font-style:normal}.history-card strong,.history-card small{display:block}.history-card strong{color:#dad7e0;font-size:11px}.history-card small{color:var(--faint);margin-top:5px;font-size:9px}.empty-history{color:var(--faint);align-self:center;margin:0;font-size:11px}.control-panel{border-left:1px solid var(--line);background:#0f1015;flex-direction:column;grid-area:controls;min-height:0;display:flex}.controls-title{border-bottom:1px solid var(--line);min-height:74px;padding:0 20px}.scene-id{border:1px solid var(--line);border-radius:8px;place-items:center;width:31px;height:31px;font-family:ui-monospace,monospace;display:grid;color:var(--faint)!important}.control-scroll{flex-direction:column;flex:1;gap:17px;min-height:0;padding:19px 20px;display:flex;overflow:auto}.control-scroll label{gap:7px;display:grid}.control-scroll label>span{color:#a6a3ad;letter-spacing:.04em;font-size:10px;font-weight:680}.control-scroll label em{float:right;color:var(--faint);font-size:9px;font-style:normal;font-weight:400}.control-scroll input,.control-scroll textarea,.control-scroll select{border:1px solid var(--line);color:#dedbe3;background:#ffffff07;border-radius:9px;outline:0;width:100%;padding:10px 11px;font-size:12px;line-height:1.45;transition:border-color .15s,background .15s}.control-scroll textarea{resize:vertical}.control-scroll input:focus,.control-scroll textarea:focus,.control-scroll select:focus{background:#8b6cff0b;border-color:#8b6cff85}.field-grid{grid-template-columns:.75fr 1.25fr;gap:10px;display:grid}.input-suffix{position:relative}.input-suffix input{padding-right:38px}.input-suffix i{color:var(--faint);font-size:9px;font-style:normal;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.control-actions{border-top:1px solid var(--line);background:#0f1015;grid-template-columns:105px 1fr;gap:9px;padding:13px 16px 16px;display:grid}.generate-button{padding-inline:12px}.spark{color:#241a46}.timeline-shell{border-top:1px solid var(--line);background:#0c0d11;grid-area:timeline;grid-template-columns:150px 1fr;display:grid}.timeline-label{border-right:1px solid var(--line);flex-direction:column;justify-content:center;align-items:flex-start;padding:0 20px;display:flex}.timeline-label strong{margin-top:4px;font-family:Georgia,serif;font-size:14px;font-weight:500}.timeline-track{background-image:repeating-linear-gradient(90deg,#0000 0 79px,#ffffff06 80px);align-items:center;gap:7px;padding:13px 16px;display:flex;overflow-x:auto}.timeline-clip{border:1px solid var(--line);cursor:pointer;text-align:left;background:linear-gradient(120deg,#161721,#111218);border-radius:8px;grid-template-columns:23px 1fr auto;align-items:center;gap:8px;min-width:180px;height:72px;padding:8px 10px;display:grid;position:relative}.timeline-clip.active{box-shadow:inset 3px 0 var(--violet);border-color:#8b6cff85}.timeline-clip>span{background:var(--violet-dim);width:22px;height:22px;color:var(--violet-bright);border-radius:50%;place-items:center;font-family:ui-monospace,monospace;font-size:9px;display:grid}.timeline-clip strong{color:#c4c1ca;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.timeline-clip small{color:var(--faint);font-size:9px}.timeline-future{border:1px dashed var(--line);color:#41414b;letter-spacing:.08em;text-transform:uppercase;border-radius:8px;place-items:center;min-width:150px;height:72px;font-size:9px;display:grid}.load-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.load-state h1{margin:10px 0;font-family:Georgia,serif;font-weight:400}.load-state p{color:var(--muted)}.load-state a{color:var(--violet-bright);margin-top:14px}@media (max-width:1180px){.workspace{grid-template-columns:205px minmax(430px,1fr) 290px;min-width:900px}.workspace-header{grid-template-columns:205px 1fr 290px}.creative-stage{padding-inline:17px}.control-scroll,.controls-title{padding-inline:15px}}@media (max-width:900px){.workspace{flex-direction:column;min-width:0;height:auto;min-height:100vh;display:flex;overflow:visible}.workspace-header{justify-content:space-between;min-height:62px;display:flex;position:sticky;top:0}.workspace-header .brand{border-right:0}.project-identity{display:none}.scene-rail{border-right:0;border-bottom:1px solid var(--line);order:1;min-height:auto}.scene-rail nav{display:flex;overflow-x:auto}.scene-card{min-width:190px}.master-prompt,.rail-footer{display:none}.creative-stage{order:2;padding:18px;overflow:visible}.preview-frame{min-height:230px;max-height:none}.control-panel{border-top:1px solid var(--line);border-left:0;order:3;min-height:620px}.timeline-shell{order:4;min-height:112px}}@media (max-width:640px){.home-nav{width:calc(100% - 28px)}.phase-badge{display:none}.hero{width:calc(100% - 24px);padding-top:78px}.hero h1{font-size:46px}.hero-copy{padding-inline:12px;font-size:14px}.prompt-composer textarea{min-height:165px;padding:18px 15px 8px;font-size:17px}.composer-footer{flex-direction:column;align-items:stretch;padding:12px}.composer-footer .primary-button{width:100%}.capability-row{grid-template-columns:1fr}.capability-row div{border-right:0;border-bottom:1px solid var(--line)}.home-proof{flex-direction:column;align-items:flex-start;width:calc(100% - 28px)}.header-actions{border-left:0;font-size:0}.creative-stage{padding:14px}.stage-toolbar h1{font-size:18px}.preview-frame{min-height:210px}.empty-preview p{max-width:240px}.panel-title>span{display:none}.timeline-shell{grid-template-columns:105px 1fr}.timeline-label{padding:0 12px}}