:root{color-scheme:dark;--bg:#080b0f;--bg-2:#0b1016;--surface:rgba(16,22,30,0.88);--surface-2:rgba(20,28,38,0.86);--surface-3:#111923;--line:rgba(255,255,255,0.095);--line-strong:rgba(255,255,255,0.16);--text:#f2f7f6;--soft:#c9d4d8;--muted:#84929b;--muted-2:#65717b;--emerald:#24d697;--emerald-2:#09a878;--cyan:#5ac8fa;--violet:#9b7cff;--amber:#f1b95a;--blue:#5f9dff;--rose:#f06d8e;--green:#72dc8a;--danger:#ff6b6b;--shadow:0 24px 70px rgba(0,0,0,0.34);--radius:8px}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}button,input,select,textarea{font:inherit}button{min-height:38px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.035);color:var(--text);cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}h1,h2,h3,p{margin:0}h1{font-size:20px}h1,h2{line-height:1.25}h2{font-size:19px}h3{font-size:14px;line-height:1.28}p{color:var(--muted);font-size:13px;line-height:1.48}.dashboard{min-height:100vh;padding:28px;background:radial-gradient(circle at 20% 0,rgba(36,214,151,.11),transparent 30%),radial-gradient(circle at 86% 6%,rgba(155,124,255,.1),transparent 26%),linear-gradient(180deg,#0b1016,#07090d 64%)}.app-header,.asset-grid,.debug-panel,.final-card,.hero-controls,.jobs-strip,.pipeline-panel,.production-grid{width:min(1480px,100%);margin-inline:auto}.app-header{justify-content:space-between;gap:22px;margin-bottom:24px}.app-header,.brand-lockup,.brand-name,.card-title-row,.debug-panel summary,.feed-item,.feed-title,.header-actions,.product-title,.prompt-footer,.quick-row,.result-actions,.section-actions,.section-top,.story-copy>div,.story-head,.story-meta,.video-controls{display:flex;align-items:center}.brand-lockup{gap:16px;min-width:0}.brand-mark{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(36,214,151,.45);border-radius:var(--radius);background:linear-gradient(180deg,rgba(36,214,151,.13),rgba(36,214,151,.045));color:var(--emerald);font-size:21px;font-weight:850;box-shadow:0 0 26px rgba(36,214,151,.12)}.brand-name,.product-title{align-items:flex-start;flex-direction:column;gap:2px}.brand-name strong{font-size:20px;line-height:1}.brand-name span,.product-title span{color:var(--muted);font-size:12px}.product-title strong{font-size:15px}.header-divider{width:1px;height:38px;background:var(--line)}.header-actions{justify-content:flex-end;gap:12px;flex-wrap:wrap}.live-badge,.mini-status,.pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;border:1px solid var(--line);border-radius:var(--radius);padding:0 12px;color:var(--soft);background:rgba(255,255,255,.035);font-size:12px;font-weight:700;white-space:nowrap}.live-badge.done,.mini-status.done,.pill.done{border-color:rgba(36,214,151,.35);color:#aaf5d6;background:rgba(36,214,151,.08)}.live-badge.generating,.mini-status.generating,.pill.generating{border-color:rgba(36,214,151,.38);color:var(--emerald);background:rgba(36,214,151,.08)}.mini-status.queued,.pill.queued{border-color:rgba(155,124,255,.22);color:#b8acd8;background:rgba(155,124,255,.06)}.mini-status.error,.pill.error{border-color:rgba(255,107,107,.42);color:#ffc0c0;background:rgba(255,107,107,.08)}.credits{color:#d8f7e9}.avatar-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:48px;padding:0;border-color:rgba(36,214,151,.2);background:rgba(36,214,151,.12);color:#dffff4;font-weight:800}.hero-controls{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,.88fr);grid-gap:18px;gap:18px;margin-bottom:18px}.control-card,.debug-panel,.final-card,.overview-card,.pipeline-panel,.scene-section{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(18,25,34,.92),rgba(11,16,23,.88));box-shadow:var(--shadow)}.control-card,.final-card,.overview-card,.pipeline-panel,.scene-section{padding:18px}.card-title-row{align-items:flex-start;gap:12px;margin-bottom:16px}.card-title-row.compact{margin-bottom:20px}.card-title-row>div:nth-child(2){min-width:0}.card-title-row h1,.card-title-row h2,.section-top h2{margin-bottom:5px}.scene-number,.step-badge{display:grid;flex:0 0 auto;width:30px;height:30px;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:rgba(255,255,255,.075);color:var(--soft);font-size:13px;font-weight:800}.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;margin-left:auto;padding:0 12px;color:var(--soft);background:rgba(255,255,255,.025)}.advanced-row:hover,.chip:hover,.ghost-button:hover{border-color:rgba(36,214,151,.3)}.prompt-box{position:relative}textarea{display:block;width:100%;min-height:178px;resize:vertical;border:1px solid var(--line-strong);border-radius:var(--radius);outline:none;background:rgba(5,10,15,.72);color:var(--text);padding:18px 18px 36px;line-height:1.55}.prompt-box span{position:absolute;right:14px;bottom:12px;color:var(--muted);font-size:11px}input:focus,select:focus,textarea:focus{border-color:rgba(36,214,151,.7);box-shadow:0 0 0 3px rgba(36,214,151,.1)}.quick-row{align-items:flex-start;gap:12px;margin-top:14px}.quick-row>span{flex:0 0 auto;padding-top:8px;color:var(--muted);font-size:12px}.quick-row>div{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:30px;padding:0 10px;color:var(--soft);background:rgba(255,255,255,.045);font-size:12px}.prompt-footer{justify-content:space-between;gap:14px;margin-top:18px;color:var(--muted);font-size:12px}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;min-width:172px;border-color:rgba(36,214,151,.55);background:linear-gradient(135deg,#0ca36f,#0f7058);color:#edfff9;font-weight:800;box-shadow:0 16px 42px rgba(36,214,151,.18)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.field{display:grid;grid-gap:7px;gap:7px}.field span{color:var(--muted);font-size:12px}input{width:100%;min-height:43px;border:1px solid var(--line);border-radius:var(--radius);outline:none;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));color:var(--text);color-scheme:dark;padding:0 12px}.custom-select{position:relative}.custom-select>button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:43px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));color:var(--text);padding:0 12px;text-align:left}.custom-select>button span{min-width:0;overflow:hidden;color:var(--text);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.custom-select.open>button{border-color:rgba(36,214,151,.55);box-shadow:0 0 0 3px rgba(36,214,151,.1)}.custom-options{position:absolute;z-index:30;top:calc(100% + 8px);right:0;left:0;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);background:#0d141d;box-shadow:0 18px 42px rgba(0,0,0,.42)}.custom-options button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:38px;border:0;border-radius:0;padding:0 12px;background:transparent;color:var(--soft);text-align:left}.custom-options button:hover{background:rgba(36,214,151,.1);color:#eafff7}.custom-options button.selected{background:rgba(36,214,151,.14);color:#baffdf;font-weight:800}.advanced-row{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:18px;border:0;border-top:1px solid var(--line);border-radius:0;padding:16px 0 0;color:var(--muted);background:transparent}.asset-grid,.pipeline-panel{margin-bottom:18px}.asset-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);grid-gap:18px;gap:18px}.clips-panel,.plan-panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(18,25,34,.92),rgba(11,16,23,.88));box-shadow:var(--shadow);padding:18px}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.plan-item{display:grid;grid-gap:9px;gap:9px;min-height:142px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.035);padding:13px}.plan-item>div{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(36,214,151,.26);border-radius:var(--radius);color:var(--emerald);background:rgba(36,214,151,.08)}.plan-item strong{font-size:13px}.plan-item p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.clip-list{grid-gap:10px}.clip-list,.clip-row{display:grid;gap:10px}.clip-row{grid-template-columns:46px minmax(0,1fr) 42px 42px;align-items:center;grid-gap:10px;min-height:58px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.032);padding:8px 10px}.clip-row.done{border-color:rgba(36,214,151,.24)}.clip-row.generating{border-color:rgba(241,185,90,.32)}.clip-thumb{display:grid;width:38px;height:38px;place-items:center;border-radius:var(--radius);color:rgba(255,255,255,.78)}.clip-thumb.teal{background:rgba(36,214,151,.18)}.clip-thumb.amber{background:rgba(241,185,90,.18)}.clip-thumb.rose{background:rgba(240,109,142,.18)}.clip-thumb.blue{background:rgba(95,157,255,.18)}.clip-thumb.green{background:rgba(114,220,138,.16)}.clip-thumb.violet{background:rgba(155,124,255,.18)}.clip-thumb.steel{background:rgba(132,146,155,.14)}.clip-thumb.lime{background:rgba(157,214,90,.14)}.clip-row span,.clip-row strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-row strong{font-size:13px}.clip-row small,.clip-row span{color:var(--muted);font-size:12px}.clip-row small{text-align:right}.section-top{justify-content:space-between;gap:16px;margin-bottom:18px}.pipeline-scroll{overflow-x:auto;padding:12px 4px 8px}.pipeline-steps{min-width:1040px;grid-template-columns:repeat(9,minmax(90px,1fr))}.pipeline-step,.pipeline-steps{display:grid;grid-gap:8px;gap:8px}.pipeline-step{position:relative;justify-items:center;text-align:center}.connector{position:absolute;z-index:0;top:23px;left:calc(50% + 24px);width:calc(100% - 24px);height:2px;background:rgba(255,255,255,.16)}.pipeline-step.done .connector{background:linear-gradient(90deg,var(--emerald),rgba(36,214,151,.34))}.step-node{position:relative;z-index:1;display:grid;width:48px;height:48px;place-items:center;border:2px solid rgba(155,124,255,.42);border-radius:50%;background:#0c1118;color:#c8baff}.pipeline-step.done .step-node{border-color:var(--emerald);color:var(--emerald);background:rgba(36,214,151,.1)}.pipeline-step.active .step-node,.pipeline-step.generating .step-node{border-color:var(--emerald);color:#eafff7;background:rgba(36,214,151,.18);box-shadow:0 0 0 7px rgba(36,214,151,.08),0 0 26px rgba(36,214,151,.35)}.pipeline-step.error .step-node{border-color:var(--danger);color:var(--danger)}.pipeline-step strong{font-size:12px}.pipeline-step span{color:var(--muted);font-size:12px}.pipeline-step.generating span{color:var(--amber)}.pipeline-step small{color:var(--soft);font-size:11px}.overall-row{display:grid;grid-template-columns:auto minmax(180px,1fr) auto auto auto;align-items:center;grid-gap:12px;gap:12px;margin-top:18px;color:var(--muted);font-size:12px}.large-progress,.progress-track,.timeline{overflow:hidden;border-radius:999px;background:rgba(255,255,255,.11)}.large-progress{height:8px}.large-progress div,.progress-track div,.timeline div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--emerald),#8de686)}.production-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;grid-gap:18px;gap:18px;align-items:start;margin-bottom:18px}.section-actions{justify-content:flex-end;gap:10px;flex-wrap:wrap}.story-grid-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.story-card{display:grid;grid-gap:11px;gap:11px;min-height:360px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);padding:12px}.story-card.generating{border-color:rgba(241,185,90,.45)}.story-card.done{border-color:rgba(36,214,151,.22)}.story-card.error{border-color:rgba(255,107,107,.42)}.story-copy>div,.story-head,.story-meta{justify-content:space-between;gap:10px}.story-thumb{position:relative;display:grid;min-height:140px;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:var(--radius);color:rgba(255,255,255,.78)}.story-thumb span{position:absolute;right:10px;bottom:10px;color:var(--text);font-size:12px;font-weight:700}.story-grid{position:absolute;inset:0;opacity:.55;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 0);background-size:22px 22px}.story-card.teal .story-thumb{background:linear-gradient(135deg,rgba(36,214,151,.28),rgba(36,214,151,.05))}.story-card.amber .story-thumb{background:linear-gradient(135deg,rgba(241,185,90,.28),rgba(241,185,90,.05))}.story-card.rose .story-thumb{background:linear-gradient(135deg,rgba(240,109,142,.28),rgba(240,109,142,.05))}.story-card.blue .story-thumb{background:linear-gradient(135deg,rgba(95,157,255,.28),rgba(95,157,255,.05))}.story-card.green .story-thumb{background:linear-gradient(135deg,rgba(114,220,138,.25),rgba(114,220,138,.05))}.story-card.violet .story-thumb{background:linear-gradient(135deg,rgba(155,124,255,.28),rgba(155,124,255,.05))}.story-card.steel .story-thumb{background:linear-gradient(135deg,rgba(132,146,155,.28),rgba(132,146,155,.05))}.story-card.lime .story-thumb{background:linear-gradient(135deg,rgba(157,214,90,.22),rgba(157,214,90,.05))}.story-copy button{display:grid;width:28px;height:28px;min-height:28px;place-items:center;border:0;padding:0;background:transparent;color:var(--muted)}.story-copy p{min-height:58px}.story-meta{color:var(--muted);font-size:12px;text-transform:uppercase}.story-meta strong{color:var(--soft)}.progress-track{height:6px}.regenerate-button{min-height:34px;color:var(--muted);background:transparent}.empty-board{display:grid;min-height:220px;grid-column:1/-1;place-items:center;border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--muted)}.overview-card{position:-webkit-sticky;position:sticky;top:18px}.overview-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.output-list,.overview-list{display:grid;grid-template-columns:118px minmax(0,1fr);grid-gap:11px 14px;gap:11px 14px;padding-bottom:16px;border-bottom:1px solid var(--line)}.output-list span,.overview-list span{color:var(--muted);font-size:12px}.output-list strong,.overview-list strong{min-width:0;color:var(--soft);font-size:12px;overflow-wrap:anywhere}.overview-progress{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px}.activity-feed{padding-top:16px}.feed-title{justify-content:space-between;gap:10px;margin-bottom:10px}.feed-title button{min-height:26px;border:0;padding:0;color:var(--cyan);background:transparent;font-size:12px}.feed-item{display:grid;grid-template-columns:22px minmax(0,1fr) 48px;grid-gap:8px;gap:8px;min-height:28px;color:var(--muted);font-size:12px}.feed-item.done span,.feed-item.done time{color:var(--emerald)}.feed-item.generating span,.feed-item.generating time{color:var(--violet)}.feed-item p{overflow:hidden;color:inherit;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.feed-item time{color:var(--muted-2);text-align:right}.final-card{margin-bottom:18px}.section-top h2 span{color:var(--muted);font-weight:500}.result-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.95fr);grid-gap:22px;gap:22px}.video-shell{overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius);background:#06090d}.video-canvas{display:grid;min-height:330px;place-items:center;background:radial-gradient(circle at 55% 40%,rgba(36,214,151,.24),transparent 32%),radial-gradient(circle at 25% 18%,rgba(95,157,255,.15),transparent 36%),linear-gradient(135deg,#101820,#07100d 72%)}.video-brand{display:grid;grid-template-columns:48px auto;align-items:center;grid-gap:14px;gap:14px}.video-brand span{display:grid;width:48px;height:48px;place-items:center;border:1px solid var(--line-strong);border-radius:var(--radius);background:rgba(255,255,255,.12);font-weight:850}.video-brand strong{display:block;font-size:42px;line-height:.9}.video-brand small{grid-column:2;color:var(--soft);font-size:11px;font-weight:800;letter-spacing:.08em}.video-controls{gap:12px;min-height:54px;padding:0 12px;border-top:1px solid var(--line);color:var(--soft);font-size:12px}.video-controls button{display:grid;width:34px;height:34px;min-height:34px;place-items:center;padding:0}.timeline{flex:1 1;height:6px}.output-card{border-left:1px solid var(--line);padding-left:22px}.output-card h3{margin-bottom:18px}.notice{margin-top:16px;border:1px solid rgba(155,124,255,.24);border-radius:var(--radius);padding:12px;color:#cfc3ff;background:rgba(155,124,255,.08);font-size:12px}.result-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:16px}.result-actions .primary-action{grid-column:1/-1;width:100%;min-width:0}.result-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.jobs-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:18px}.jobs-strip button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:0 12px;text-align:left}.jobs-strip button.selected{border-color:rgba(36,214,151,.5)}.jobs-strip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debug-panel{padding:14px 16px}.debug-panel summary{justify-content:space-between;cursor:pointer;list-style:none}.debug-panel summary::-webkit-details-marker{display:none}.debug-panel summary span{display:inline-flex;align-items:center;gap:9px}.debug-panel strong{border:1px solid rgba(36,214,151,.28);border-radius:var(--radius);padding:6px 10px;color:#baf8dd;background:rgba(36,214,151,.08);font-size:12px}.debug-panel strong.has-warning{border-color:rgba(255,107,107,.35);color:#ffc0c0;background:rgba(255,107,107,.08)}.debug-panel pre{max-height:220px;overflow:auto;margin:14px 0 0;border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:12px;line-height:1.5;white-space:pre-wrap}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1180px){.asset-grid,.hero-controls,.production-grid,.result-layout{grid-template-columns:1fr}.overview-card{position:static}.output-card{border-left:0;border-top:1px solid var(--line);padding-top:20px;padding-left:0}}@media (max-width:980px){.dashboard{padding:16px}.app-header{align-items:flex-start;flex-direction:column}.header-actions{justify-content:flex-start}.story-grid-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.overall-row{grid-template-columns:1fr}.large-progress{width:100%}}@media (max-width:640px){.brand-lockup{align-items:flex-start}.header-divider,.product-title{display:none}.jobs-strip,.plan-grid,.result-actions,.settings-grid,.story-grid-wrap{grid-template-columns:1fr}.card-title-row,.prompt-footer,.quick-row,.section-top{align-items:stretch;flex-direction:column}.ghost-button{margin-left:0}.primary-action{width:100%}.video-canvas{min-height:220px}.video-brand strong{font-size:32px}}