@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap");:root{--base:#0b0d10;--surface:#11151a;--card:#151a20;--field:#0d1116;--border:#26303a;--border-strong:#34414d;--accent:#55d68b;--accent-2:#35bfc1;--accent-dim:#1c5137;--text:#eef3f6;--subtle:#a7b1bc;--muted:#6f7b86;--danger:#ff6b6b;--warning:#ffd166}*{box-sizing:border-box}html{color-scheme:dark}body{min-height:100vh;margin:0;background:var(--base);color:var(--text);font-family:Inter,Arial,sans-serif;letter-spacing:0}button,input,select{font:inherit;letter-spacing:0}.clipCard,.glassPanel,.jobItem,.miniStats div,a,button,input,select{border-radius:8px}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}h1,h2,h3,p{overflow-wrap:anywhere}.appShell{position:relative;min-height:100vh;overflow-x:hidden}.ambientGlow{position:fixed;top:-220px;left:50%;width:820px;height:420px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse,rgba(85,214,139,.08),transparent 70%)}.topNav{position:relative;z-index:1;justify-content:space-between;border-bottom:1px solid var(--border);padding:16px 32px}.brandMark,.topNav{display:flex;align-items:center}.brandMark{gap:12px}.brandMark strong{font-size:15px;letter-spacing:.04em}.bigPercent,.brandMark strong span,.heroSection h1 span,.miniStats strong{color:var(--accent)}.playIcon{width:34px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--accent);color:var(--base);font-size:10px;font-weight:800}.betaPill{display:flex;align-items:center;gap:10px;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.betaPill span,.liveDot{width:7px;height:7px;border-radius:999px;background:var(--accent);box-shadow:0 0 12px rgba(85,214,139,.55);animation:pulseSlow 2s infinite}.mainWrap{position:relative;z-index:1;width:min(1120px,calc(100% - 32px));margin:0 auto;padding:40px 0 28px}.heroSection{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}.sectionLabel{margin:0 0 10px;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.heroSection h1{margin:0;font-family:Inter,Arial,sans-serif;font-size:56px;font-weight:800;letter-spacing:0;line-height:1}.heroText{max-width:470px;margin:18px 0 0;color:var(--subtle);font-size:15px;line-height:1.7}.miniStats{display:flex;gap:12px;flex-shrink:0}.miniStats div{min-width:98px;border:1px solid var(--border);background:var(--surface);padding:12px 14px;text-align:center}.miniStats strong{display:block;font-family:Inter,Arial,sans-serif;font-size:26px;font-weight:800;line-height:1}.miniStats small{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase}.glassPanel{border:1px solid var(--border);background:var(--surface);box-shadow:0 20px 70px rgba(0,0,0,.18)}.launchPanel{display:grid;grid-gap:20px;gap:20px;padding:24px}.fieldBlock{display:grid;grid-gap:8px;gap:8px}input,select{width:100%;min-height:46px;border:1px solid var(--border);background:var(--field);color:var(--text);outline:none;padding:0 14px;font-family:JetBrains Mono,monospace;font-size:13px}input::placeholder{color:var(--muted)}select option{background:var(--surface);color:var(--text)}input:focus,select:focus{border-color:rgba(61,255,160,.45);box-shadow:0 0 0 3px rgba(85,214,139,.1)}.controlGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.previewGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.previewBlock{display:grid;grid-template-columns:minmax(0,1fr) 156px;grid-gap:18px;gap:18px;align-items:center;border:1px solid var(--border);background:var(--card);padding:14px;border-radius:8px}.previewBlock p{margin:0;color:var(--subtle);font-size:13px;line-height:1.45}.phonePreview{position:relative;width:132px;aspect-ratio:9/16;overflow:hidden;justify-self:end;border:1px solid var(--border-strong);border-radius:8px;background:#101820}.previewVideo{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 38%),linear-gradient(135deg,#273746,#101820)}.bgHead,.fgHead,.previewHead{position:absolute;left:50%;top:22%;width:40px;height:40px;transform:translateX(-50%);border-radius:999px;background:#c6a58b}.bgBody,.fgBody,.previewBody{position:absolute;left:50%;top:45%;width:76px;height:72px;transform:translateX(-50%);border-radius:36px 36px 8px 8px;background:#263746}.captionSample{position:absolute;left:10px;right:10px;top:61%;display:grid;justify-items:center;grid-gap:1px;gap:1px;text-align:center;color:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:900;line-height:1;text-shadow:2px 2px 0 #000,-2px 2px 0 #000,2px -2px 0 #000,-2px -2px 0 #000}.captionSample b,.captionSample span{display:block}.subtitlePreview.bold-impact .captionSample{font-size:16px;text-transform:uppercase}.subtitlePreview.bold-impact .captionSample b{color:#55d68b}.subtitlePreview.viral-clean .captionSample{font-size:15px;text-transform:uppercase;text-shadow:1.5px 1.5px 0 #000,-1.5px 1.5px 0 #000,1.5px -1.5px 0 #000,-1.5px -1.5px 0 #000}.subtitlePreview.viral-clean .captionSample b{color:#ffd166}.subtitlePreview.soft-highlight .captionSample{top:61%;border-radius:8px;background:rgba(0,0,0,.42);padding:5px 4px;font-size:13px;text-shadow:none}.subtitlePreview.soft-highlight .captionSample b{color:#55d68b}.subtitlePreview.minimal .captionSample{top:62%;font-size:12px;font-weight:800;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000}.subtitlePreview.minimal .captionSample b{color:#fff}.framePreview .blurLayer,.framePreview .videoLayer{position:absolute;overflow:hidden}.framePreview .blurLayer{inset:0;background:linear-gradient(135deg,rgba(85,214,139,.28),rgba(53,191,193,.12)),linear-gradient(180deg,#22303c,#10161d);filter:blur(5px);transform:scale(1.16)}.framePreview .videoLayer{background:linear-gradient(180deg,rgba(255,255,255,.1),transparent),#1f2b35;border:1px solid rgba(255,255,255,.16)}.bgHead{top:18%;width:56px;height:56px;opacity:.65}.bgBody{top:42%;width:104px;height:98px;opacity:.65}.fgHead{top:23%}.fgBody{top:46%}.framePreview.contain-blur .videoLayer{inset:30px 14px;border-radius:6px}.framePreview.crop-fill .videoLayer{inset:-10px -18px;border:0}.framePreview.crop-fill .fgHead{top:22%;width:48px;height:48px}.framePreview.crop-fill .fgBody{top:44%;width:90px;height:90px}.stepper{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;grid-gap:8px;gap:8px}.clipActions a,.clipActions button,.deleteButton,.ghostButton,.stepper button{min-height:40px;border:1px solid var(--border);background:var(--card);color:var(--subtle);font-weight:800;transition:border-color .2s ease,color .2s ease,background .2s ease}.clipActions a:hover,.ghostButton:hover,.stepper button:hover{border-color:rgba(61,255,160,.45);color:var(--accent)}.startRow{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.primaryButton{min-width:210px;min-height:48px;overflow:hidden;position:relative;background:var(--accent);color:var(--base);font-weight:900;letter-spacing:.12em;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease}.primaryButton:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(85,214,139,.18)}.noticeText{margin:0;color:var(--subtle);font-size:13px;line-height:1.5}.dashboardGrid{display:grid;grid-template-columns:minmax(280px,2fr) minmax(0,3fr);grid-gap:16px;gap:16px;margin-top:18px}.queuePanel{overflow:hidden}.panelHeader{justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);padding:16px 18px}.panelHeader,.panelHeader>div{display:flex;align-items:center}.panelHeader>div{gap:10px}.panelHeader b{border-radius:999px;background:var(--border);color:var(--subtle);padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:12px}.ghostButton{padding:0 12px;font-size:12px}.jobList{display:grid;grid-gap:8px;gap:8px;max-height:420px;overflow:auto;padding:12px}.emptyState p,.emptyText{color:var(--subtle)}.emptyText{display:grid;grid-gap:4px;gap:4px;margin:0;padding:12px}.emptyText strong{color:var(--text);font-size:14px}.emptyText span{font-size:13px}.jobItem{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px;align-items:center;border:1px solid var(--border);background:var(--surface);padding:10px;transition:border-color .2s ease,background .2s ease}.jobItem.active,.jobItem:hover{border-color:rgba(61,255,160,.35);background:#142019}.jobItem>button:first-child{min-width:0;display:grid;grid-gap:9px;gap:9px;background:transparent;color:inherit;padding:0;text-align:left}.clipActions,.clipTitleRow,.currentHeader,.jobProgressRow,.jobTopline,.statusTitle{display:flex;align-items:center;justify-content:space-between;gap:12px}.jobTopline span{min-width:0;overflow:hidden;color:var(--subtle);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.jobTopline small,.jobTopline span{font-family:JetBrains Mono,monospace}.jobTopline small{border:1px solid transparent;border-radius:999px;padding:3px 7px;font-size:11px}.badgeDone{border-color:rgba(61,255,160,.2);background:#0f2a1a;color:var(--accent)}.badgeFailed{border-color:rgba(255,107,107,.2);background:#2a0f0f;color:var(--danger)}.badgeProcessing{border-color:rgba(255,209,102,.2);background:#1a1a0f;color:var(--warning)}.badgeQueued{border-color:rgba(136,136,170,.2);background:#0f0f2a;color:var(--subtle)}.miniProgress,.stageProgress{overflow:hidden;border-radius:999px;background:var(--border)}.miniProgress{flex:1 1;height:6px}.miniProgress span,.stageProgress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .6s ease}.jobProgressRow em{color:var(--subtle);font-family:JetBrains Mono,monospace;font-size:11px;font-style:normal}.deleteButton{padding:0 10px;color:var(--danger);font-size:12px}.deleteButton:hover{border-color:rgba(255,107,107,.35);background:#211015}.currentPanel{min-height:420px;padding:24px}.emptyState{display:grid;min-height:340px;place-items:center;text-align:center}.currentHeader h2,.emptyState h2{margin:0;text-transform:capitalize}.currentHeader p{margin:8px 0 0;color:var(--subtle)}.bigPercent{font-family:Inter,Arial,sans-serif;font-size:48px;font-weight:800;line-height:.9}.statusTitle{justify-content:flex-start}.stageList{display:grid;grid-gap:15px;gap:15px;margin-top:24px}.stageItem{display:grid;grid-template-columns:28px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center;color:var(--subtle)}.stageItem.pending{opacity:.4}.stageItem.active{color:var(--text)}.stageItem.failed{color:var(--danger)}.stageDot{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:12px}.stageItem.done .stageDot{border-color:rgba(61,255,160,.25);background:var(--accent-dim);color:var(--accent)}.stageItem.active .stageDot{border:2px solid var(--accent);color:var(--accent);box-shadow:0 0 18px rgba(61,255,160,.18)}.stageProgress{height:6px;margin-top:8px}.errorText{margin:18px 0 0;border-left:3px solid var(--danger);color:var(--danger);padding-left:12px;font-size:13px;line-height:1.5}.jobMetaGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.jobMetaGrid p{margin:0;color:var(--subtle);font-family:JetBrains Mono,monospace;font-size:12px}.clipTags,.tagRow{display:flex;flex-wrap:wrap;gap:8px}.tagRow{margin-top:18px}.clipTags span,.tagRow span{border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--subtle);padding:6px 9px;font-family:JetBrains Mono,monospace;font-size:11px}.resultsPanel{margin-top:18px;overflow:hidden}.modelsPanel{display:grid;grid-template-columns:minmax(0,1fr) 2fr;grid-gap:18px;gap:18px;align-items:center;margin-top:18px;padding:18px}.modelsPanel h2{margin:0;font-size:20px}.modelGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.modelGrid div{display:grid;grid-gap:6px;gap:6px;border:1px solid var(--border);background:var(--card);padding:12px;border-radius:8px}.modelGrid span{color:var(--subtle);font-size:12px}.modelGrid strong{color:var(--text);font-family:JetBrains Mono,monospace;font-size:13px}.clipGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;padding:16px}.clipCard{overflow:hidden;border:1px solid var(--border);background:var(--surface)}.clipCard video{width:100%;aspect-ratio:9/16;background:#020204;display:block}.clipBody{display:grid;grid-gap:10px;gap:10px;padding:14px}.clipTitleRow{align-items:flex-start}.clipTitleRow h3{margin:0;font-size:15px;line-height:1.35}.clipTitleRow strong{flex-shrink:0;border-radius:8px;background:var(--accent);color:var(--base);padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:12px}.clipBody p{margin:0;color:var(--subtle);font-size:12px;line-height:1.55}.clipActions{justify-content:flex-start;flex-wrap:wrap}.clipActions a,.clipActions button{min-height:36px;padding:0 10px;font-size:12px}.clipActions button{background:var(--accent);color:var(--base)}.footerLine{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--border);margin-top:24px;padding-top:18px;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.fadeIn{animation:fadeInUp .55s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseSlow{0%,to{opacity:.35}50%{opacity:1}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}@media (max-width:980px){.dashboardGrid,.heroSection{display:grid;grid-template-columns:1fr}.clipGrid,.controlGrid,.modelGrid,.modelsPanel,.previewGrid{grid-template-columns:1fr}.queuePanel{order:2}}@media (max-width:640px){.topNav{padding:14px 16px}.mainWrap{width:min(100% - 20px,1120px);padding-top:28px}.heroSection h1{font-size:52px}.miniStats{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.miniStats div{min-width:0;padding:10px 8px}.currentPanel,.launchPanel{padding:16px}.previewBlock{grid-template-columns:1fr}.phonePreview{justify-self:start}.currentHeader,.footerLine{align-items:flex-start;flex-direction:column}.jobMetaGrid{grid-template-columns:1fr}.primaryButton{width:100%}}