:root{color-scheme:dark;font-family:Inter,sans-serif;font-synthesis:none;--canvas: #000;--surface: #212121;--raised: #292929;--floating: #333;--white: #fff;--muted: #999;--dim: #737373;--blue: #0075ff;--line: rgba(229, 231, 235, .14);--line-bright: rgba(229, 231, 235, .25);--danger: #ff5f57}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--canvas);color:var(--white);overflow-x:hidden}button,textarea,input{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}.icon{width:20px;height:20px;flex:0 0 auto}.app-shell{min-height:100vh;display:grid;grid-template:64px 1fr / 208px 1fr}.topbar{position:sticky;z-index:30;top:0;grid-column:1 / -1;height:64px;display:grid;grid-template-columns:208px 1fr auto;align-items:center;border-bottom:1px solid var(--line);background:#000000eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.wordmark{display:flex;align-items:center;gap:10px;padding-inline:18px}.wordmark .mark,.splash .mark{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;background:var(--blue)}.wordmark .mark .icon,.splash .mark .icon{width:21px;height:21px}.wordmark>span:last-child{display:grid;gap:2px}.wordmark strong{font-size:14px;letter-spacing:-.02em}.wordmark strong b{color:var(--blue)}.wordmark small{color:var(--dim);font-size:10px;font-style:italic}.engine-state{display:flex;align-items:center;gap:8px;padding-left:20px;color:var(--muted);font-size:11px}.engine-state i,.status-chip i{width:6px;height:6px;border-radius:50%;background:#37d67a;box-shadow:0 0 10px #37d67a}.engine-state span{color:#37d67a}.top-actions{display:flex;align-items:center;gap:12px;padding-right:18px}.avatar{width:32px;height:32px;object-fit:cover;border:1px solid var(--line-bright);border-radius:50%;background:var(--raised)}.coin-pill{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(0,117,255,.45);border-radius:100px;background:#0075ff14;cursor:pointer}.coin-pill .icon{width:15px;color:var(--blue)}.coin-pill strong{font-size:12px}.sidebar{position:sticky;top:64px;height:calc(100vh - 64px);display:flex;flex-direction:column;justify-content:space-between;padding:16px 10px 12px;border-right:1px solid var(--line);background:#080808}.sidebar nav{display:grid;gap:5px}.sidebar nav button{position:relative;min-height:44px;display:flex;align-items:center;gap:11px;padding:0 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font-size:12px;font-weight:500;text-align:left;cursor:pointer;transition:.2s}.sidebar nav button:hover{background:var(--surface);color:var(--white)}.sidebar nav button.active{border-color:#0075ffa6;background:#0075ff1f;color:var(--white)}.sidebar nav button.active .icon{color:var(--blue)}.sidebar nav em{min-width:20px;margin-left:auto;padding:2px 6px;border-radius:100px;background:var(--blue);color:#fff;font-size:9px;font-style:normal;text-align:center}.profile-card{padding:10px;border:1px solid var(--line);border-radius:10px;background:#101010}.profile-main{display:flex;align-items:center;gap:8px}.profile-main span{min-width:0;display:grid;gap:2px}.profile-main strong,.profile-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-main strong{font-size:11px}.profile-main small{color:var(--dim);font-size:8px}.profile-meta{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:10px}.profile-meta span{display:grid;gap:3px;padding:7px;border-radius:7px;background:#181818;color:var(--dim);font-size:8px}.profile-meta b{color:var(--white);font-size:9px}.profile-card>a{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding:7px;color:var(--muted);font-size:9px}.profile-card>a .icon{width:13px}.main-area{min-width:0;display:grid;grid-template-columns:390px minmax(520px,1fr);gap:12px;padding:12px;background:#080808}.control-panel,.workspace,.jobs-page{min-width:0;border:1px solid var(--line);border-radius:10px;background:#111}.control-panel{padding:18px;overflow-y:auto}.panel-heading,.workspace-head,.jobs-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.panel-heading p,.workspace-head p,.jobs-heading p{margin:0 0 4px;color:var(--dim);font-size:9px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.panel-heading h1,.workspace-head h2,.jobs-heading h1{margin:0;font-size:19px;letter-spacing:-.04em}.panel-heading>span{padding:4px 7px;border-radius:7px;background:var(--blue);font-size:9px;font-weight:600}.panel-intro{margin:8px 0 20px;color:var(--muted);font-size:11px;line-height:1.5}.field-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.field-label>span{color:#d7d7d7;font-size:10px;font-weight:600;text-transform:uppercase}.field-label small{color:var(--blue);font-size:9px}.field-label strong{color:var(--white);font-size:11px}.file-block,.field-block,.prompt-field{display:block;margin-top:14px}.drop-zone{position:relative;height:128px;overflow:hidden;border:1px dashed var(--line-bright);border-radius:10px;background:#090909;cursor:pointer;transition:.2s}.drop-zone:hover{border-color:#0075ffa6;background:#0c0c0c}.drop-zone img,.drop-zone video{width:100%;height:100%;object-fit:contain}.drop-empty{height:100%;display:grid;place-items:center;align-content:center;gap:6px;color:var(--muted);text-align:center}.drop-empty>span{width:31px;height:31px;display:grid;place-items:center;border-radius:7px;background:var(--surface);color:var(--blue)}.drop-empty .icon{width:16px}.drop-empty strong{color:#d4d4d4;font-size:10px}.drop-empty small{color:var(--dim);font-size:8px}.file-overlay{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 9px 8px;background:linear-gradient(transparent,#000000f0)}.file-overlay strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.file-overlay button{padding:5px 7px;border-radius:7px;background:var(--raised);font-size:8px;cursor:pointer}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mode-grid button{display:grid;gap:4px;padding:10px;border:1px solid var(--line);border-radius:7px;background:#171717;text-align:left;cursor:pointer}.mode-grid button.selected{border-color:var(--blue);background:#0075ff17}.mode-grid b{font-size:10px}.mode-grid button.selected b{color:#67acff}.mode-grid small{color:var(--dim);font-size:8px}.duration-block input[type=range]{width:100%;height:3px;appearance:none;border-radius:3px;outline:0;background:linear-gradient(to right,var(--blue) 0 var(--range, 50%),var(--floating) var(--range, 50%) 100%);accent-color:var(--blue)}.duration-block input[type=range]::-webkit-slider-thumb{width:14px;height:14px;appearance:none;border:2px solid #fff;border-radius:50%;background:var(--blue)}.range-marks{display:flex;justify-content:space-between;margin-top:5px;color:var(--dim);font-size:7px}.presets{display:flex;gap:5px;margin-top:9px}.presets button{padding:5px 8px;border-radius:100px;background:var(--surface);color:var(--muted);font-size:8px;cursor:pointer}.presets button.active{background:var(--blue);color:#fff}.prompt-field>span{display:flex;justify-content:space-between;color:#d7d7d7;font-size:10px;font-weight:600;text-transform:uppercase}.prompt-field>span small{color:var(--dim);font-size:8px;font-weight:400}.prompt-field textarea{width:100%;height:72px;resize:vertical;margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:7px;outline:0;background:#090909;color:#d4d4d4;font-size:10px;line-height:1.5}.prompt-field textarea:focus{border-color:var(--blue)}.prompt-field em{display:block;margin-top:4px;color:var(--dim);font-size:7px;font-style:normal;text-align:right}.form-error{margin-top:10px;padding:9px 10px;border:1px solid rgba(255,95,87,.35);border-radius:7px;background:#ff5f5714;color:#ff918c;font-size:9px;line-height:1.45}.create-button{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:13px;border-radius:7px;background:var(--blue);font-size:11px;font-weight:600;cursor:pointer;transition:.2s}.create-button:hover:not(:disabled){background:#0869d9;transform:translateY(-1px)}.create-button:disabled{background:var(--floating);color:var(--dim);cursor:not-allowed}.create-button .icon{width:16px}.create-button span{margin-left:auto;margin-right:13px;padding:3px 6px;border-radius:100px;background:#00000040;font-size:8px}.upload-line,.job-progress{height:2px;overflow:hidden;margin-top:7px;border-radius:2px;background:var(--surface)}.upload-line i,.job-progress i{height:100%;display:block;background:var(--blue);transition:width .3s}.workspace{min-height:calc(100vh - 88px);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;padding:14px}.workspace-head{align-items:center;padding:3px 2px 13px}.status-chip{max-width:48%;display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:100px;background:var(--surface);color:#c9c9c9;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-chip.status-running i,.status-chip.status-queued i{background:var(--blue);box-shadow:0 0 10px var(--blue);animation:pulse 1.2s infinite}.status-chip.status-failed i{background:var(--danger);box-shadow:0 0 10px var(--danger)}.job-progress{margin:-5px 0 10px}.compare-stage{min-height:0;display:grid;grid-template-columns:1fr 26px 1fr;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#050505}.video-pane{position:relative;min-width:0;min-height:450px;display:grid;place-items:center;overflow:hidden}.video-pane video{width:100%;height:100%;max-height:calc(100vh - 205px);object-fit:contain;background:#000}.pane-label{position:absolute;z-index:2;top:10px;right:10px;left:10px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.pane-label span,.pane-label small{padding:5px 7px;border:1px solid var(--line);border-radius:7px;background:#000000b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:8px}.pane-label small{color:var(--muted)}.video-pane.result .pane-label span{border-color:#0075ff8c;color:#70b2ff}.stage-divider{position:relative;z-index:3;display:grid;place-items:center;border-right:1px solid var(--line);border-left:1px solid var(--line);background:#0d0d0d;color:var(--dim)}.stage-divider span{width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);font-size:10px}.video-empty{max-width:280px;display:grid;justify-items:center;gap:9px;padding:24px;color:var(--muted);text-align:center}.video-empty>span{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--dim)}.video-pane.result .video-empty>span{color:var(--blue)}.video-empty strong{color:#bababa;font-size:11px}.video-empty small{color:var(--dim);font-size:9px;line-height:1.5}.workspace-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:11px;color:var(--dim);font-size:8px}.workspace-foot>div{display:flex;gap:7px}.secondary{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:#d7d7d7;font-size:9px;cursor:pointer}.secondary.danger{color:#ff918c}.jobs-page{grid-column:1 / -1;min-height:calc(100vh - 88px);padding:28px}.jobs-heading{align-items:end;padding-bottom:22px;border-bottom:1px solid var(--line)}.jobs-heading h1{font-size:clamp(26px,3vw,40px)}.jobs-heading>span{color:var(--dim);font-size:10px}.jobs-empty{min-height:440px;display:grid;justify-items:center;align-content:center;color:var(--dim);text-align:center}.jobs-empty>.icon{width:40px;height:40px}.jobs-empty h2{margin:17px 0 6px;color:#d4d4d4;font-size:18px}.jobs-empty p{max-width:380px;margin:0;font-size:11px;line-height:1.6}.job-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;padding-top:20px}.job-card{overflow:hidden;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-align:left;cursor:pointer}.job-card.selected,.job-card:hover{border-color:#0075ffa6}.job-card>video,.job-thumb{width:100%;height:170px;object-fit:cover;background:#050505}.job-thumb{display:grid;place-items:center;color:var(--dim)}.job-thumb .icon{width:36px;height:36px}.job-card>div:last-child{padding:12px}.job-card h3{margin:9px 0 4px;font-size:12px}.job-card p,.job-card small{margin:0;color:var(--dim);font-size:8px}.job-card small{display:block;margin-top:7px;color:var(--muted)}.status-tag{padding:4px 6px;border-radius:100px;background:var(--raised);color:var(--muted);font-size:7px;font-weight:600}.status-tag.status-completed{background:#37d67a1f;color:#55df8c}.status-tag.status-running{background:#0075ff24;color:#69adff}.status-tag.status-failed{background:#ff5f571f;color:#ff918c}.mobile-nav{display:none}.splash{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:14px}.splash>div{display:grid;gap:8px}.splash strong{font-size:14px}.splash i{width:130px;height:2px;display:block;overflow:hidden;border-radius:2px;background:var(--surface)}.splash i:after{content:"";width:50%;height:100%;display:block;background:var(--blue);animation:loading 1.2s infinite}.login-screen{position:relative;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;padding:22px 30px;background:#000}.login-screen>.wordmark{padding:0}.login-glow{position:absolute;top:10%;left:50%;width:700px;height:700px;border:1px solid rgba(0,117,255,.15);border-radius:50%;background:radial-gradient(circle,rgba(0,117,255,.15),transparent 67%);transform:translate(-50%);filter:blur(20px)}.login-screen section{position:relative;z-index:2;width:min(570px,100%);align-self:center;justify-self:center;text-align:center}.login-screen .eyebrow{color:#67acff;font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.login-screen h1{width:fit-content;margin:18px auto 22px;font-size:clamp(45px,6vw,72px);line-height:1.02;letter-spacing:-.065em}.login-screen h1 span{display:block;margin-top:14px;color:var(--muted);font-size:.3em;font-weight:600;letter-spacing:0;white-space:nowrap;text-align:justify;text-align-last:justify}.login-screen section>p:not(.eyebrow){max-width:500px;margin:0 auto 28px;color:var(--muted);font-size:13px;line-height:1.65}.google-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:0 20px;border-radius:7px;background:#fff;color:#151515;font-size:12px;font-weight:600}.google-button svg{width:18px;height:18px}.login-screen section>small{display:block;max-width:390px;margin:15px auto 0;color:var(--dim);font-size:8px;line-height:1.5}.login-screen footer{position:relative;display:flex;justify-content:center;gap:28px;padding-top:20px;border-top:1px solid var(--line);color:var(--dim);font-size:8px;letter-spacing:.06em;text-transform:uppercase}@keyframes pulse{50%{opacity:.35}}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(200%)}}@media(max-width:1100px){.app-shell{grid-template-columns:72px 1fr}.topbar{grid-template-columns:72px 1fr auto}.topbar .wordmark>span:last-child,.sidebar nav button span,.profile-card{display:none}.topbar .wordmark{justify-content:center;padding:0}.sidebar nav button{justify-content:center;padding:0}.sidebar nav em{position:absolute;top:3px;right:3px;min-width:15px;padding:1px 4px}.main-area{grid-template-columns:350px minmax(440px,1fr)}}@media(max-width:820px){.app-shell{display:block;padding-bottom:68px}.topbar{display:flex;justify-content:space-between}.topbar .wordmark{padding-left:13px}.topbar .wordmark>span:last-child{display:grid}.engine-state,.sidebar,.top-actions .avatar{display:none}.main-area{display:block;padding:8px}.control-panel,.workspace{padding:14px}.workspace{min-height:650px;margin-top:8px}.compare-stage{grid-template-columns:1fr}.video-pane{min-height:360px}.stage-divider{height:26px;border:1px solid var(--line)}.stage-divider span{transform:rotate(90deg)}.mobile-nav{position:fixed;z-index:40;right:0;bottom:0;left:0;height:64px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:#080808f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-nav button{display:grid;justify-items:center;align-content:center;gap:3px;background:transparent;color:var(--dim);font-size:8px}.mobile-nav button.active{color:var(--blue)}.mobile-nav .icon{width:19px;height:19px}.jobs-page{min-height:calc(100vh - 144px);padding:18px}}@media(max-width:520px){.topbar{height:58px}.wordmark .mark{width:29px;height:29px}.wordmark strong{font-size:12px}.coin-pill{padding:7px 9px}.coin-pill strong{font-size:10px}.main-area{padding:6px}.control-panel{padding:13px}.panel-heading h1{font-size:18px}.drop-zone{height:142px}.workspace{min-height:760px}.workspace-head{align-items:start}.status-chip{max-width:52%;font-size:8px}.video-pane{min-height:320px}.pane-label small{display:none}.workspace-foot{align-items:flex-start}.login-screen{padding:18px}.login-screen h1{font-size:48px}.login-screen footer{flex-wrap:wrap;gap:10px 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}