@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans SC,system-ui,sans-serif;color:#20212b;background:#f6f7fb;font-synthesis:none;--purple:#7057e8;--purple-dark:#5c43d2;--muted:#8b8e9f;--border:#e9eaf1;--card:#fff}*{box-sizing:border-box}body{margin:0;min-width:1180px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;background:#fffffff0;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#846ef2,#5840c7);color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px #7057e840}.brand h1{font-size:18px;margin:0;letter-spacing:.5px}.brand span{font-size:9px;letter-spacing:2px;color:#9992ba;font-weight:600}.topbar-center{font-size:12px;color:#777b8c;background:#f5f3ff;padding:8px 14px;border-radius:30px;display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;border-radius:50%;background:#6c55e6;box-shadow:0 0 0 4px #6c55e61a}.top-actions{display:flex;gap:8px}.button{border:0;border-radius:9px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;transition:.2s}.button.ghost{background:#fff;border:1px solid var(--border);color:#5f6270}.button.ghost:hover{background:#f8f8fb;border-color:#d9d7e8}.button.primary{color:#fff;background:linear-gradient(135deg,#8069ef,#6147d6);box-shadow:0 7px 18px #6449d538}.button.primary:hover{transform:translateY(-1px);box-shadow:0 9px 22px #6449d54d}.button.secondary{color:#674ed5;background:#f1edff}.button.secondary:hover{background:#e9e2ff}.button.full{width:100%}.workspace{display:flex;flex:1;max-width:1760px;width:100%;margin:0 auto;padding:24px 28px 30px;gap:22px}.panel,.card{background:var(--card);border:1px solid var(--border);border-radius:15px}.setup-panel{width:276px;flex-shrink:0;padding:22px 20px;align-self:flex-start;position:sticky;top:100px;max-height:calc(100vh - 125px);overflow:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;color:#7660d9}.panel-heading h2{font-size:19px;margin:3px 0 0;color:#242531}.eyebrow{font-size:9px;letter-spacing:2.4px;color:#a09baa;font-weight:700}.field{display:block;margin-bottom:17px;flex:1}.field>span{display:block;font-size:12px;color:#626574;font-weight:600;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;border:1px solid #e5e6ee;border-radius:8px;background:#fbfbfd;padding:10px 11px;font-size:12px;color:#343642;outline:0;transition:.2s}.field textarea{resize:vertical;line-height:1.75}.field input:focus,.field textarea:focus,.field select:focus{border-color:#9b88ed;background:#fff;box-shadow:0 0 0 3px #7057e812}.field-row{display:flex;gap:10px}.select-wrap{position:relative}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:25px}.select-wrap svg{position:absolute;right:8px;top:12px;pointer-events:none;color:#9699a8}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.style-chip{border:1px solid #e7e7ef;background:#fafafd;border-radius:7px;font-size:11px;padding:8px 2px;color:#737686}.style-chip.active{background:#eee9ff;color:#674ed5;border-color:#cfc2fa;font-weight:600}.segmented{display:flex;background:#f1f2f6;border-radius:8px;padding:3px}.segmented button{flex:1;border:0;background:transparent;color:#858896;font-size:11px;padding:7px;border-radius:6px}.segmented button.active{background:#fff;color:#5e49c7;box-shadow:0 2px 6px #1e1e3214;font-weight:600}.generate-all{margin-top:9px;padding:12px}.model-note{display:flex;gap:8px;color:#9395a4;font-size:10px;line-height:1.7;margin-top:14px}.model-note svg{color:#65a98b;flex-shrink:0;margin-top:2px}.studio-main{flex:1;min-width:0}.stepper{height:58px;background:#fff;border:1px solid var(--border);border-radius:13px;display:flex;align-items:center;justify-content:center;padding:0 24px;margin-bottom:18px}.step{display:flex;align-items:center;gap:8px;color:#a0a2b0;font-size:12px;white-space:nowrap;flex:1}.step:last-child{flex:0}.step-icon{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#f2f3f7;color:#9295a4}.step.active{color:#6249ce;font-weight:600}.step.active .step-icon{background:#eee9ff;color:#6d55dc}.step.done{color:#6c9d86}.step.done .step-icon{background:#eaf6f0;color:#4a9a75}.step-line{height:1px;background:#e9eaf0;flex:1;margin:0 18px;min-width:25px}.content-grid{display:grid;grid-template-columns:minmax(520px,1fr) 310px;gap:18px}.left-content,.right-content{display:flex;flex-direction:column;gap:18px}.card{padding:19px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px;gap:10px}.card-header h3{font-size:14px;margin:0 0 4px}.card-header p{font-size:10px;color:#9a9caa;margin:0;line-height:1.5}.text-button{border:0;background:transparent;color:#6d54da;font-size:11px;font-weight:600;padding:3px;display:inline-flex;gap:5px;align-items:center;white-space:nowrap}.scene-actions{display:flex;gap:12px}.character-list{display:flex;flex-direction:column;gap:10px}.character-item{display:flex;align-items:center;gap:10px}.avatar{width:35px;height:35px;border-radius:10px;background:linear-gradient(135deg,#eee9ff,#e2dbf9);color:#7259d4;display:grid;place-items:center;font-size:13px;font-weight:600;flex-shrink:0}.character-inputs{display:flex;gap:8px;flex:1}.character-inputs input{border:1px solid #ebebf1;border-radius:7px;padding:8px 9px;font-size:11px;outline:0;background:#fbfbfd}.character-inputs input:first-child{width:80px;flex-shrink:0;font-weight:600}.character-inputs input:last-child{flex:1}.character-inputs input:focus{border-color:#b7a8ef}.icon-button{width:30px;height:30px;border:1px solid #e9e9f0;border-radius:7px;background:#fff;color:#777a8a;display:grid;place-items:center}.icon-button.subtle{border:0;color:#b5b6c1;font-size:18px}.icon-button:hover{background:#f4f1ff;color:#6e55dc}.scenes-card{padding-bottom:10px}.scene-list{display:flex;flex-direction:column}.scene-item{display:flex;gap:15px;padding:15px 0;border-top:1px solid #f0f0f4}.scene-visual{width:105px;height:145px;border-radius:9px;background:#f1f1f6;position:relative;overflow:hidden;flex-shrink:0}.scene-visual.landscape{height:80px;margin-top:20px}.scene-visual img{width:100%;height:100%;object-fit:cover}.scene-number{position:absolute;left:7px;top:7px;background:#141223a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;border-radius:4px;padding:2px 5px;font-size:9px}.image-placeholder,.image-loading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#aaabba;font-size:9px}.image-loading{color:#7c65dc;background:#f2efff}.regenerate{position:absolute;right:6px;bottom:6px;width:25px;height:25px;border:0;border-radius:6px;background:#191628ad;color:#fff;display:grid;place-items:center}.scene-copy{flex:1;min-width:0}.scene-copy h4{font-size:13px;margin:2px 0 8px}.scene-copy p{font-size:11px;color:#7c7f8e;line-height:1.75;margin:0 0 9px}.scene-copy blockquote{margin:0;border-left:2px solid #d4c9fa;padding:5px 9px;background:#faf8ff;color:#75668e;font-size:10px;line-height:1.6;border-radius:0 5px 5px 0}.preview-card{background:linear-gradient(180deg,#fff,#fbfaff)}.status-badge{font-size:9px;color:#999baa;display:flex;align-items:center;gap:5px;background:#f3f3f7;border-radius:20px;padding:5px 8px}.status-badge>span{width:5px;height:5px;background:#a9abb8;border-radius:50%}.status-badge.ready{color:#4d9875;background:#edf7f2}.status-badge.ready>span{background:#54aa81}.video-box{height:330px;border-radius:12px;background:radial-gradient(circle at 50% 25%,#2c2943,#14131f 75%);display:grid;place-items:center;overflow:hidden;position:relative}.video-box.landscape{height:190px}.video-box video{width:100%;height:100%;object-fit:contain;background:#101018}.preview-empty{text-align:center;color:#fff;padding:25px}.preview-empty strong{font-size:12px;display:block;margin-top:15px}.preview-empty p{font-size:9px;color:#88869c;margin-top:7px}.play-ring{width:60px;height:60px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#ffffff12;display:grid;place-items:center;margin:0 auto;color:#c8baff;box-shadow:0 0 0 10px #ffffff06}.download-video{margin-top:12px}.copy-output{width:100%;resize:vertical;border:1px solid #e9e7f1;border-radius:9px;background:#faf9fd;padding:12px;font-size:11px;line-height:1.8;color:#575968;outline:0}.copy-empty{height:130px;border:1px dashed #e2e0eb;border-radius:9px;display:grid;place-items:center;text-align:center;color:#aaa8b7;font-size:10px;padding:25px;line-height:1.8;background:#fcfbfe}.activity-card{padding-bottom:12px}.mini-label{font-size:8px;letter-spacing:1px;color:#8c72e5;background:#f0ebff;padding:3px 6px;border-radius:4px}.activity-list{display:flex;flex-direction:column;gap:2px;max-height:210px;overflow:auto}.activity{display:flex;gap:8px;padding:8px 0;border-bottom:1px solid #f2f2f6;color:#8c8f9f}.activity svg{flex-shrink:0;margin-top:2px}.activity p{font-size:10px;margin:0 0 3px;line-height:1.5;color:#676a78}.activity span{font-size:8px;color:#b0b1bd}.activity.success svg{color:#58a47f}.activity.error svg{color:#df6c79}.activity.info svg{color:#846ce4}.activity-empty{color:#a4a6b2;font-size:10px;text-align:center;padding:20px 0}.scene-video-actions{display:flex;align-items:center;gap:10px;margin-top:9px}.scene-video-actions .text-button{font-size:10px;padding:2px 0}.video-task-status{margin-left:auto;font-size:9px;color:#858896;background:#f2f3f7;border-radius:10px;padding:3px 7px;white-space:nowrap}.video-task-status.succeeded{color:#438c69;background:#eaf6f0}.video-task-status.failed,.video-task-status.expired,.video-task-status.cancelled{color:#c65e6a;background:#fff0f1}.video-task-status.queued,.video-task-status.running,.video-task-status.creating{color:#6c53d4;background:#f0ebff}.scene-video-error{margin-top:7px;color:#cf6470;background:#fff5f6;border-radius:5px;padding:6px 8px;font-size:9px;line-height:1.5;word-break:break-word}.preview-error>svg{color:#ef8c98}.preview-empty p{line-height:1.8}.merge-panel{margin-top:14px;padding-top:14px;border-top:1px solid #eeecf5}.merge-panel>p{margin:9px 2px 0;color:#9293a3;font-size:9px;line-height:1.7;text-align:center}.merge-error{margin-top:9px;padding:7px 9px;border-radius:6px;background:#fff1f2;color:#c75f6b;font-size:9px;line-height:1.6;word-break:break-word}.status-badge.failed{color:#c65e6a;background:#fff0f1}.status-badge.failed>span{background:#df7180}.footer{padding:12px 30px 18px;display:flex;gap:22px;color:#a0a2af;font-size:9px;border-top:1px solid transparent}.footer-right{margin-left:auto;color:#b0a5d5}.footer .icp-link{color:#8b809f;text-decoration:none;white-space:nowrap}.footer .icp-link:hover{color:#6d28d9}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1250px){.content-grid{grid-template-columns:minmax(450px,1fr) 280px}.topbar-center{display:none}.workspace{padding-left:18px;padding-right:18px}.setup-panel{width:255px}.step-line{margin:0 10px}}