:root{--bg: #1c2025;--bg-2: #23282f;--panel: #2a3038;--panel-2: #313845;--panel-hover: #38414f;--border: #3a4250;--border-soft: #2f3640;--blue: #6b8caf;--blue-bright: #8fb4dc;--blue-dim: #547089;--blue-deep: #3d5872;--blue-glow: rgba(107, 140, 175, .25);--text: #e6eaef;--text-soft: #aab3c0;--text-dim: #6f7a89;--good: #6fae8e;--warn: #c9a96b;--bad: #c97b7b;--radius: 18px;--radius-sm: 12px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--font: "Montserrat", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:radial-gradient(1200px 600px at 70% -10%,#262d36 0%,var(--bg) 55%);background-attachment:fixed;background-repeat:no-repeat;background-color:var(--bg);color:var(--text);font-weight:400;letter-spacing:.2px;-webkit-font-smoothing:antialiased}button{font-family:var(--font);cursor:pointer;border:none;color:inherit}input,textarea,select{font-family:var(--font);color:var(--text)}h1,h2,h3{font-weight:700;letter-spacing:.3px}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-track{background:transparent}.app{max-width:1240px;margin:0 auto;padding:28px 28px 80px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.brand{display:flex;align-items:center;gap:14px}.brand .logo{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(160deg,var(--blue-deep),var(--panel-2));box-shadow:var(--shadow);color:var(--blue-bright)}.brand h1{font-size:22px;font-weight:800}.brand .sub{color:var(--text-dim);font-size:13px;font-weight:500}.tabs{display:flex;gap:10px}.tab{display:flex;align-items:center;gap:8px;padding:11px 18px;background:var(--panel);border:1px solid var(--border-soft);border-radius:14px;color:var(--text-soft);font-weight:600;font-size:14px;transition:all .15s ease}.tab:hover{background:var(--panel-hover);color:var(--text)}.tab.active{background:linear-gradient(160deg,var(--blue-deep),var(--panel-2));color:var(--blue-bright);border-color:var(--blue-deep)}.box{background:linear-gradient(180deg,var(--panel) 0%,var(--bg-2) 100%);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px;margin-bottom:22px}.box-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.box-head .icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--panel-2);color:var(--blue-bright);flex-shrink:0}.box-head h2{font-size:17px}.box-head .hint{color:var(--text-dim);font-size:12.5px;font-weight:500}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}@media (max-width: 900px){.grid-2{grid-template-columns:1fr}}.field{margin-bottom:16px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--text-soft);margin-bottom:7px;text-transform:uppercase;letter-spacing:.6px}.input,.textarea,.select{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px 15px;font-size:14.5px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.textarea{min-height:92px;resize:vertical}.input:focus,.textarea:focus,.select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-glow)}.style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}@media (max-width: 520px){.style-grid{grid-template-columns:repeat(3,1fr)}}.style-tile{display:flex;flex-direction:column;gap:7px;padding:6px 6px 8px;background:var(--bg);border:1px solid var(--border-soft);border-radius:var(--radius-sm);cursor:pointer;text-align:center;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.style-tile:hover{border-color:var(--blue);transform:translateY(-2px)}.style-tile.selected{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-glow)}.style-thumb{position:relative;aspect-ratio:1 / 1;border-radius:9px;overflow:hidden;background:var(--panel);display:flex;align-items:center;justify-content:center}.style-thumb img{width:100%;height:100%;object-fit:cover;display:block}.style-thumb-auto{font-size:30px;opacity:.85}.style-tile-name{font-size:12.5px;font-weight:600;color:var(--text-soft);line-height:1.2}.style-tile.selected .style-tile-name{color:var(--text)}.idea-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 720px){.idea-grid{grid-template-columns:1fr}}.idea-card{text-align:left;background:var(--bg);border:1px solid var(--border-soft);border-radius:12px;padding:13px 15px;transition:all .15s ease}.idea-card:hover{border-color:var(--blue);background:var(--panel);transform:translateY(-2px)}.idea-card .ititle{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--blue-bright)}.idea-card .idesc{color:var(--text-soft);font-size:12.5px;margin-top:6px;line-height:1.45}.trend-sources{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}.trend-label{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--warn);text-transform:uppercase;letter-spacing:.5px}.trend-chip{font-size:12px;font-weight:500;color:var(--text-soft);text-decoration:none;background:var(--bg);border:1px solid var(--border-soft);padding:5px 11px;border-radius:999px;transition:all .15s ease}.trend-chip:hover{border-color:var(--blue);color:var(--blue-bright)}.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-radius:14px;font-weight:700;font-size:14.5px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);transition:all .15s ease}.btn:hover{background:var(--panel-hover)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(160deg,var(--blue),var(--blue-deep));border-color:var(--blue-deep);color:#0f161e}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{background:transparent}.btn.danger{color:var(--bad);border-color:#5a3a3a}.btn.sm{padding:9px 14px;font-size:13px;border-radius:11px}.btn.icon-only{padding:10px}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;background:var(--panel-2);color:var(--text-soft);border:1px solid var(--border-soft)}.pill.blue{color:var(--blue-bright);border-color:var(--blue-deep)}.pill.good{color:var(--good)}.pill.bad{color:var(--bad)}.pill.warn{color:var(--warn)}.swatch-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.swatch{position:relative;width:58px;height:58px;border-radius:50%;border:3px solid var(--border);cursor:pointer;box-shadow:var(--shadow);transition:transform .12s ease;overflow:visible}.swatch:hover{transform:translateY(-3px)}.swatch input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;border:none}.swatch .remove{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:var(--bad);color:#1a1010;display:grid;place-items:center;font-size:13px;font-weight:800;border:2px solid var(--bg)}.swatch-add{width:58px;height:58px;border-radius:50%;border:2px dashed var(--border);background:var(--bg);color:var(--text-dim);display:grid;place-items:center}.swatch-add:hover{color:var(--blue-bright);border-color:var(--blue)}.palette-save{display:flex;gap:10px;align-items:center;margin-top:18px}.palette-save .input{flex:1}.palette-save .btn{flex-shrink:0}.preset-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.preset{position:relative;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;background:var(--bg);border:1px solid var(--border-soft);min-width:132px}.preset:hover{border-color:var(--blue)}.preset.active{border-color:var(--blue-bright);box-shadow:0 0 0 2px var(--blue-glow)}.preset .dots{display:flex;gap:4px}.preset .dots span{width:18px;height:18px;border-radius:50%}.preset .name{font-size:12.5px;font-weight:600;color:var(--text-soft)}.preset-del{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;background:var(--bad);color:#1a1010;display:grid;place-items:center;border:2px solid var(--bg);opacity:0;transition:opacity .12s ease}.preset:hover .preset-del{opacity:1}.palette-creator{background:var(--bg);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:16px;margin-bottom:6px}.preset-check{position:absolute;top:-7px;left:-7px;width:20px;height:20px;border-radius:50%;background:var(--blue-bright);color:#0f161e;display:grid;place-items:center;border:2px solid var(--bg)}.preset-tools{position:absolute;top:-8px;right:-8px;display:flex;gap:4px;opacity:0;transition:opacity .12s ease}.preset:hover .preset-tools,.preset:focus-within .preset-tools{opacity:1}.preset-tool{width:20px;height:20px;border-radius:50%;background:var(--panel-2);color:var(--text-soft);display:grid;place-items:center;border:1px solid var(--border);cursor:pointer}.preset-tool:hover{color:var(--blue-bright);border-color:var(--blue)}.preset-tool.danger:hover{color:var(--bad);border-color:#5a3a3a}.collapser{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--bg);overflow:hidden;margin-bottom:14px}.collapser-head{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:16px 18px;cursor:pointer}.collapser-head:hover{background:var(--panel)}.collapser-head .left{display:flex;align-items:center;gap:12px}.collapser-body{padding:0 18px 18px}.thumb-grid{display:flex;gap:12px;flex-wrap:wrap}.thumb{position:relative;width:110px}.thumb img{width:110px;height:110px;object-fit:cover;border-radius:12px;border:1px solid var(--border)}.thumb select{width:100%;margin-top:6px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:5px;font-size:12px}.thumb-empty{width:100%;min-height:120px;border-radius:12px;border:1px dashed var(--border);background:var(--panel-2);display:grid;place-items:center;text-align:center;font-size:11px;line-height:1.35;color:var(--text-dim);padding:10px}.fg-strip{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-start;margin-top:2px}.fg-strip img.fg-chip{width:48px;height:48px;object-fit:contain;border-radius:8px;border:1px solid var(--border);background-color:var(--panel-2);background-image:linear-gradient(45deg,rgba(255,255,255,.06) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.06) 75%),linear-gradient(45deg,rgba(255,255,255,.06) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.06) 75%);background-size:12px 12px;background-position:0 0,6px 6px}.fg-strip .fg-chip-missing{width:48px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:8px;border:1px dashed var(--bad);color:var(--bad);background:#c97b7b14;font-size:9px;font-weight:700;text-align:center;cursor:default}.thumb-actions{position:absolute;top:6px;right:6px;display:flex;gap:4px;opacity:0;transition:opacity .12s ease}.thumb:hover .thumb-actions,.thumb:focus-within .thumb-actions{opacity:1}.thumb-actions .btn.icon-only{padding:6px;background:#0a0c10b8;border-color:#ffffff29;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.thumb-actions .btn.icon-only:hover{background:#0a0c10eb}.thumb-edit{position:absolute;top:calc(100% + 6px);left:0;width:220px;z-index:5;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:8px;box-shadow:0 8px 24px #00000073}.dropzone{border:2px dashed var(--border);border-radius:14px;padding:26px;text-align:center;color:var(--text-dim);cursor:pointer;transition:all .15s ease}.dropzone:hover{border-color:var(--blue);color:var(--blue-bright);background:var(--panel)}.voice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.voice-card{padding:16px;border-radius:14px;background:var(--bg);border:1px solid var(--border-soft);transition:all .15s ease}.voice-card:hover{border-color:var(--blue)}.voice-card.active{border-color:var(--blue-bright);box-shadow:0 0 0 2px var(--blue-glow);background:var(--panel)}.voice-card .vtop{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.voice-card .vname{font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.voice-card .vdesc{color:var(--text-soft);font-size:12.5px;margin-bottom:10px;min-height:32px}.voice-card .vtags{display:flex;gap:6px;flex-wrap:wrap}.voice-card .vactions{display:flex;align-items:center;gap:6px;flex-shrink:0}.voice-card.add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:118px;width:100%;background:transparent;border:1px dashed var(--border);color:var(--text-dim);font-weight:700;font-size:13.5px;cursor:pointer}.voice-card.add:hover{border-color:var(--blue);color:var(--blue-bright);background:var(--panel)}.vr{display:flex;flex-direction:column;gap:12px}.vr-hint{color:var(--text-soft);font-size:13px;line-height:1.5}.vr-script{background:var(--bg);border:1px solid var(--border-soft);border-left:3px solid var(--blue-deep);border-radius:var(--radius-sm);padding:12px 14px;color:var(--text-soft);font-size:13.5px;line-height:1.6}.vr-controls{display:flex;align-items:center;gap:12px 14px;flex-wrap:wrap}.vr-timer{font-variant-numeric:tabular-nums;font-weight:700;font-size:15px;color:var(--text-dim);display:inline-flex;align-items:center;gap:8px}.vr-timer.ok{color:var(--good)}.vr-need{color:var(--warn);font-size:12.5px;font-weight:600}.vr-dot{width:9px;height:9px;border-radius:50%;background:var(--bad);animation:vr-pulse 1s ease-in-out infinite}@keyframes vr-pulse{0%,to{opacity:1}50%{opacity:.3}}.vr-review{display:flex;flex-direction:column;gap:10px}.vr-audio{width:100%;height:40px}.stage-list{display:flex;flex-direction:column;gap:12px}.stage{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:14px;background:var(--bg);border:1px solid var(--border-soft)}.stage .num{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:800;background:var(--panel-2);color:var(--text-dim)}.stage.running .num{background:var(--blue-deep);color:var(--blue-bright)}.stage.done .num{background:#2f4a3c;color:var(--good)}.stage.error .num{background:#4a2f2f;color:var(--bad)}.stage .info{flex:1}.stage .info .t{font-weight:700;font-size:15px}.stage .info .s{font-size:12.5px;color:var(--text-dim)}.spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--border);border-top-color:var(--blue-bright);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.clip-card{background:var(--bg);border:1px solid var(--border-soft);border-radius:14px;overflow:hidden}.clip-card .thumbwrap{position:relative;aspect-ratio:16/9;background:#14181d;display:grid;place-items:center;cursor:pointer}.clip-card .thumbwrap img{width:100%;height:100%;object-fit:cover}.clip-card .play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0f141c40;color:#fff}.clip-card .meta{padding:12px 14px}.clip-card .meta .fn{font-weight:600;font-size:13.5px;word-break:break-all}.clip-card .meta .sz{color:var(--text-dim);font-size:12px;margin-top:4px}.run-row{background:var(--bg);border:1px solid var(--border-soft);border-radius:14px;margin-bottom:12px;overflow:hidden}.run-head{display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer}.run-head:hover{background:var(--panel)}.run-head .rt{flex:1}.run-head .rt .title{font-weight:700;font-size:15.5px}.run-head .rt .sub{color:var(--text-dim);font-size:12.5px;margin-top:3px}.run-clips{display:flex;gap:12px;overflow-x:auto;padding:4px 18px 18px}.run-clips .mini{flex-shrink:0;width:200px}.scene-title-input{width:100%;margin-top:4px;background:var(--bg);border:1px solid var(--border-soft);border-radius:8px;padding:5px 8px;font-size:12.5px;text-align:center;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.scene-title-input:hover{border-color:var(--border)}.scene-title-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-glow)}.scene-title-ro{text-align:center;font-size:12.5px;margin-top:4px;color:var(--text-soft)}.script-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.script-scene{background:var(--bg-2);border:1px solid var(--border-soft);border-radius:14px;padding:15px 16px 17px}.script-scene-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.script-scene.scene-collapsed .script-scene-body{display:none}.script-scene.scene-collapsed .script-scene-head{margin-bottom:0}.scene-collapse-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-2, #9aa4b2);cursor:pointer;padding:2px;border-radius:6px;flex:0 0 auto}.scene-collapse-btn:hover{color:var(--text-1, #e8ecf2);background:#ffffff0f}.scene-collapsed-summary{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;cursor:pointer;padding:2px 4px;border-radius:8px}.scene-collapsed-summary:hover{background:#ffffff0a}.scene-mini-thumb{width:64px;height:36px;flex:0 0 auto;border-radius:5px;object-fit:cover;background:var(--bg-3, #1a2029);border:1px solid var(--border, #2a3441)}.scene-mini-thumb-empty{opacity:.5}.scene-collapsed-title{font-size:13px;color:var(--text-1, #e8ecf2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.scene-inline-editor{width:100%}.scene-inline-inner{background:var(--bg-3, #141a22);border:1px solid var(--border, #2a3441);border-radius:10px;padding:12px;margin-bottom:14px}.script-scene-tag{display:flex;align-items:center;gap:9px;min-width:0}.script-scene-num{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--blue-bright);white-space:nowrap}.script-scene-type{font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--border-soft);border-radius:999px;padding:2px 9px;white-space:nowrap}.script-field{margin-top:12px}.script-field:first-child{margin-top:0}.script-field-label{display:block;margin-bottom:5px;font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-soft)}.script-input{width:100%;background:var(--bg);border:1px solid var(--border-soft);border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.55;color:var(--text);text-align:left;outline:none;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.script-input::placeholder{color:var(--text-soft);opacity:.7}.script-input:hover{border-color:var(--border)}.script-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-glow)}textarea.script-input{display:block;resize:vertical;min-height:76px}textarea.script-input.tall{min-height:132px}.script-title-input{font-size:16px;font-weight:600}.script-scene-body{display:flex;gap:18px;align-items:flex-start}.script-scene-fields{flex:1 1 340px;min-width:0}.script-scene-assets{flex:0 0 300px;display:flex;flex-direction:column;gap:14px;padding-left:18px;border-left:1px solid var(--border-soft)}.scene-asset{display:flex;flex-direction:column;gap:7px}.scene-bg{position:relative}.scene-bg img{width:100%;display:block;border-radius:12px;border:1px solid var(--border);background:#000;max-height:340px;object-fit:contain}.scene-bg:hover .thumb-actions,.scene-bg:focus-within .thumb-actions{opacity:1}.scene-bg.clickable{cursor:pointer}.scene-bg.clickable:hover img{border-color:var(--blue)}.scene-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:30;min-width:210px;display:flex;flex-direction:column;padding:6px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow)}.scene-menu-item{display:flex;align-items:flex-start;gap:9px;width:100%;padding:8px 9px;border:none;border-radius:8px;background:none;color:var(--text-soft);font-weight:600;font-size:12.5px;text-align:left;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.scene-menu-item:hover:not(:disabled){background:var(--panel-hover);color:var(--text)}.scene-menu-item:disabled{opacity:.45;cursor:default}.scene-menu-item svg{flex:none;margin-top:1px}.scene-menu-text{display:flex;flex-direction:column;gap:2px}.scene-menu-hint{font-size:11px;opacity:.65;font-weight:400}.scene-menu-item.danger{color:var(--bad);margin-top:4px;padding-top:9px;border-top:1px solid var(--border);border-radius:0 0 7px 7px}.scene-menu-item.danger:hover:not(:disabled){background:#c97b7b1f}.script-scene-assets .fg-strip{justify-content:flex-start}@media (max-width: 760px){.script-scene-body{flex-direction:column}.script-scene-fields{flex-basis:auto;width:100%}.script-scene-assets{flex-basis:auto;width:100%;padding-left:0;border-left:none;padding-top:14px;border-top:1px solid var(--border-soft)}.script-input{width:100%;box-sizing:border-box}}.vo-list{display:flex;flex-direction:column;gap:12px}.vo-row{display:flex;flex-direction:column;gap:9px;background:var(--bg);border:1px solid var(--border-soft);border-radius:12px;padding:12px 14px}.vo-row .vo-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vo-row .vo-text{font-size:13px}.vo-row audio{width:100%;height:40px}.vo-row audio{filter:invert(.9) hue-rotate(180deg);border-radius:8px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#080b0fc7;display:grid;place-items:center;z-index:100;padding:30px}.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;max-width:880px;width:100%;box-shadow:var(--shadow)}.modal.sm{max-width:460px}.modal.narrow{max-width:520px}.modal.tall{max-height:calc(100vh - 60px);max-height:calc(100dvh - 60px);display:flex;flex-direction:column}.modal video{width:100%;border-radius:12px;background:#000}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.form-section{grid-column:1 / -1;margin:10px 0 0;padding-top:14px;border-top:1px solid var(--border);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-soft)}.form-section:first-child{margin-top:0;padding-top:0;border-top:none}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.spread{justify-content:space-between}.muted{color:var(--text-dim);font-size:13px}.empty{text-align:center;color:var(--text-dim);padding:40px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--panel-2);border:1px solid var(--border);padding:13px 22px;border-radius:12px;box-shadow:var(--shadow);z-index:200;font-weight:600}.checkrow{display:flex;gap:10px;flex-wrap:wrap}.check{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:11px;background:var(--bg);border:1px solid var(--border-soft);font-size:13px;font-weight:600;color:var(--text-soft);cursor:pointer}.check.on{color:var(--blue-bright);border-color:var(--blue-deep);background:var(--panel)}.logo-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px;border-radius:11px;background:var(--bg);border:1px solid var(--blue-deep);cursor:pointer;transition:border-color .15s ease}.logo-chip:hover{border-color:var(--blue-bright)}.logo-chip img{height:40px;max-width:120px;object-fit:contain;display:block;border-radius:6px}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;width:100%;padding:24px 18px;background:var(--bg);border:1.5px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-soft);cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.dropzone:hover{border-color:var(--blue);background:var(--panel)}.dropzone.drag{border-color:var(--blue-bright);background:var(--panel);box-shadow:0 0 0 3px var(--blue-glow)}.dropzone.loaded{border-style:solid;border-color:var(--blue-deep);background:var(--panel)}.dropzone .dz-glyph{color:var(--blue-bright);margin-bottom:3px}.dropzone .dz-title{font-size:14px;font-weight:700;color:var(--text)}.dropzone.loaded .dz-title{color:var(--blue-bright)}.dropzone .dz-sub{font-size:12.5px;font-weight:500;color:var(--text-dim)}.dz-clear{display:inline-block;margin-top:8px;padding:0;background:none;border:none;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--text-dim);transition:color .15s ease}.dz-clear:hover{color:var(--bad)}.auth-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;min-height:100vh;padding:24px}.auth-logo{width:230px;max-width:78vw;height:auto;display:block;filter:drop-shadow(0 10px 34px rgba(0,0,0,.45))}.auth-card{width:380px;max-width:92vw;padding:30px 28px 24px;border-radius:var(--radius);background:linear-gradient(180deg,var(--panel) 0%,var(--bg-2) 100%);border:1px solid var(--border-soft);box-shadow:0 24px 70px #00000080}.auth-title{text-align:center;margin:0;font-size:21px;font-weight:700;color:var(--text)}.auth-sub{text-align:center;margin:7px 0 22px;font-size:13px;color:var(--text-dim)}.auth-field{width:100%;box-sizing:border-box;margin:7px 0;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:14px;transition:border-color .15s,box-shadow .15s}.auth-field::placeholder{color:var(--text-dim)}.auth-field:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-glow)}.auth-btn{width:100%;padding:12px 14px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--panel-2);color:var(--text);transition:background .15s,border-color .15s,transform .04s}.auth-btn:hover{background:var(--panel-hover)}.auth-btn:active{transform:translateY(1px)}.auth-btn:disabled{opacity:.55;cursor:default;transform:none}.auth-btn.primary{margin-top:12px;color:var(--blue-bright);background:linear-gradient(160deg,var(--blue-deep),var(--panel-2));border-color:var(--blue-deep)}.auth-btn.primary:hover{background:linear-gradient(160deg,var(--blue-dim),var(--panel-2))}.auth-divider{display:flex;align-items:center;gap:12px;margin:16px 0;font-size:12px;color:var(--text-dim)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-soft)}.auth-error{text-align:center;margin:10px 0 0;font-size:13px;color:#ff6b6b}.auth-notice{text-align:center;margin:10px 0 0;font-size:13px;color:var(--good)}.auth-foot{text-align:center;margin-top:18px;font-size:13px;color:var(--text-soft)}.auth-link{color:var(--blue-bright);font-weight:600;cursor:pointer}.auth-link:hover{text-decoration:underline}.acct{position:relative;display:flex;align-items:center}.acct-btn{padding:0;border:none;background:none;border-radius:999px;cursor:pointer;line-height:0}.acct-avatar-img,.acct-avatar-mono{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;object-fit:cover;border:1px solid var(--border);background:linear-gradient(160deg,var(--blue-deep),var(--panel-2));color:var(--blue-bright);font-weight:700;font-size:14px;transition:border-color .15s ease,filter .15s ease}.acct-btn:hover .acct-avatar-img,.acct-btn:hover .acct-avatar-mono{border-color:var(--blue);filter:brightness(1.08)}.acct-avatar-img.lg,.acct-avatar-mono.lg{width:44px;height:44px;font-size:15px}.acct-menu{position:absolute;top:calc(100% + 8px);right:0;width:260px;z-index:50;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:8px;box-shadow:0 12px 34px #00000080}.acct-head{display:flex;align-items:center;gap:11px;padding:8px 8px 10px}.acct-id{min-width:0}.acct-name{font-weight:700;font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acct-email{font-size:12px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acct-credits{display:flex;align-items:center;gap:7px;padding:8px 10px;margin:2px 0 4px;font-size:12.5px;font-weight:600;color:var(--text-dim);background:var(--bg);border:1px solid var(--border-soft);border-radius:10px}.acct-sep{height:1px;background:var(--border-soft);margin:4px 0}.pack-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}.pack-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px 10px;border-radius:12px;cursor:pointer;background:var(--bg);border:1px solid var(--border-soft);color:var(--text);transition:border-color .12s,transform .06s}.pack-card:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.pack-card:disabled{opacity:.6;cursor:default}.pack-credits{font-size:20px;font-weight:800;line-height:1.1}.pack-credits-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.pack-price{margin-top:6px;font-size:14px;font-weight:700;color:var(--accent)}.acct-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border-radius:10px;background:none;border:none;cursor:pointer;color:var(--text-soft);font-weight:600;font-size:13.5px;text-align:left;transition:background .15s ease,color .15s ease}.acct-item:hover{background:var(--panel-hover);color:var(--text)}.acct-item.danger{color:var(--bad)}.acct-item.danger:hover{background:#c97b7b1f;color:var(--bad)}.acct-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--border-soft)}.acct-row-label{font-size:12px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.6px}.acct-row-val{font-size:14px;color:var(--text);display:flex;align-items:center}.landing{min-height:100vh;display:flex;flex-direction:column;padding:40px 32px 24px;gap:32px}.landing-inner{flex:1;width:100%;max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;grid-template-areas:"logo art" "copy art";column-gap:56px;row-gap:0;align-items:center}.landing-copy,.landing-art{min-width:0}.landing-logo{grid-area:logo;align-self:end}.landing-copy{grid-area:copy;align-self:start}.landing-art{grid-area:art}.landing-logo{width:210px;max-width:70vw;height:auto;display:block;margin-bottom:26px;filter:drop-shadow(0 10px 34px rgba(0,0,0,.45))}.landing-headline{font-size:44px;line-height:1.08;font-weight:800;letter-spacing:.2px;color:var(--text);margin:0 0 18px}.landing-accent{color:var(--blue-bright)}.landing-sub{font-size:16px;line-height:1.6;color:var(--text-soft);max-width:520px;margin:0 0 24px}.landing-feats{list-style:none;display:flex;flex-wrap:wrap;gap:10px 14px;margin:0 0 30px;padding:0}.landing-feats li{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:11px;background:var(--panel);border:1px solid var(--border-soft);font-size:13px;font-weight:600;color:var(--text-soft)}.landing-feats li svg{color:var(--blue-bright)}.landing-cta-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.landing-cta{padding:14px 30px;border-radius:var(--radius-sm);font-size:15px;font-weight:700;color:var(--blue-bright);background:linear-gradient(160deg,var(--blue-deep),var(--panel-2));border:1px solid var(--blue-deep);transition:background .15s,transform .04s,box-shadow .15s;box-shadow:0 10px 30px #00000059}.landing-cta:hover{background:linear-gradient(160deg,var(--blue-dim),var(--panel-2))}.landing-cta:active{transform:translateY(1px)}.landing-cta-note{font-size:13px;color:var(--text-dim)}.landing-art{display:flex;align-items:center;justify-content:center}.landing-art img{width:100%;max-width:520px;height:auto;border-radius:var(--radius);border:1px solid var(--border-soft);box-shadow:0 30px 80px #00000080}.landing-foot{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--text-dim)}.landing-foot a{color:var(--text-soft);text-decoration:none}.landing-foot a:hover{color:var(--blue-bright);text-decoration:underline}.login-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#0a0c0fa8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.login-modal-card{position:relative}.login-modal-close{position:absolute;top:12px;right:14px;width:30px;height:30px;border-radius:8px;font-size:22px;line-height:1;color:var(--text-dim);background:transparent;border:none}.login-modal-close:hover{color:var(--text);background:var(--panel-hover)}.legal-wrap{min-height:100vh;display:flex;flex-direction:column;max-width:820px;margin:0 auto;padding:32px 24px 40px}.legal-head{margin-bottom:20px}.legal-logo{width:170px;max-width:60vw;height:auto;display:block}.legal-doc{flex:1}.legal-title{font-size:30px;font-weight:800;color:var(--text);margin:0 0 6px}.legal-updated{font-size:13px;color:var(--text-dim);margin:0 0 26px}.legal-doc h2{font-size:18px;font-weight:700;color:var(--text);margin:28px 0 10px;padding-top:4px}.legal-doc p{font-size:15px;line-height:1.7;color:var(--text-soft);margin:0 0 12px}.legal-doc ul{margin:0 0 14px;padding-left:22px}.legal-doc li{font-size:15px;line-height:1.7;color:var(--text-soft);margin-bottom:7px}.legal-doc strong{color:var(--text);font-weight:700}.legal-doc a{color:var(--blue-bright);text-decoration:none}.legal-doc a:hover{text-decoration:underline}.legal-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:34px;padding-top:18px;border-top:1px solid var(--border-soft);font-size:14px}.legal-foot a{color:var(--text-soft);text-decoration:none}.legal-foot a:hover{color:var(--blue-bright);text-decoration:underline}.legal-dot{color:var(--text-dim)}@media (max-width: 860px){.landing{padding:34px 24px 24px}.landing-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}.landing-inner>*{max-width:100%}.landing-logo,.landing-art,.landing-copy{align-self:center}.landing-logo{margin-bottom:0}.landing-copy{width:100%;display:flex;flex-direction:column;align-items:center}.landing-copy>*{max-width:100%}.landing-sub{max-width:100%;margin-left:auto;margin-right:auto}.landing-feats{width:100%;justify-content:center}.landing-cta-row{justify-content:center}.landing-art{width:100%;display:flex;justify-content:center}.landing-art img{max-width:420px}.landing-headline{font-size:34px}}@media (max-width: 640px){.landing{padding:26px 18px 20px}.landing-headline{font-size:27px}.landing-sub{font-size:15px}.landing-feats{gap:8px 10px}.landing-cta-row{width:100%;flex-direction:column;align-items:stretch;gap:12px}.landing-cta{width:100%}.landing-cta-note{text-align:center}.legal-title{font-size:25px}}@media (max-width: 640px){.app{padding:16px 14px 56px}.topbar{flex-wrap:wrap;gap:12px;margin-bottom:20px}.brand{gap:11px}.brand .logo{width:44px;height:44px;border-radius:13px}.brand h1{font-size:18px}.brand .sub{font-size:12px}.tabs{width:100%;flex-wrap:wrap;gap:8px}.tab{padding:9px 14px;font-size:13px;border-radius:12px}.box{padding:18px 15px;border-radius:14px;margin-bottom:16px}.box-head{flex-wrap:wrap;gap:10px;margin-bottom:14px}.box-head .icon{width:38px;height:38px}.box-head h2{font-size:16px}.btn{padding:11px 16px;font-size:14px;border-radius:12px}.btn.sm{padding:8px 12px;font-size:12.5px}.input,.textarea,.select{padding:12px 13px;font-size:14px}.stage{padding:13px 14px;gap:12px}.stage .num{width:30px;height:30px}.stage .info .t{font-size:14px}.run-head{flex-wrap:wrap;gap:10px;padding:13px 14px}.run-head .rt{flex-basis:calc(100% - 44px);min-width:0}.run-head .rt .title{font-size:14.5px;word-break:break-word}.run-clips{padding:4px 14px 14px}.run-clips .mini{width:160px}.voice-grid,.lib-grid{grid-template-columns:1fr}.modal-bg{padding:14px}.modal{padding:14px;border-radius:14px}.modal.tall{max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px)}}@media (max-width: 400px){.brand .sub{display:none}.tab{flex:1;justify-content:center}.btn,.btn.sm{padding-left:12px;padding-right:12px}}.fg-item{position:relative}.fg-item:hover .thumb-actions,.fg-item:focus-within .thumb-actions{opacity:1}.fg-item .thumb-actions{top:3px;right:3px}.rebuild-menu{position:relative;display:inline-block}.rebuild-menu>.btn.primary{gap:6px}.rebuild-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.rebuild-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:41;min-width:300px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:6px;box-shadow:0 12px 32px #00000080}.rebuild-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;padding:9px 11px;border-radius:9px;background:transparent;border:none;color:var(--text);cursor:pointer}.rebuild-item:hover{background:var(--panel-hover)}.rebuild-item-label{font-weight:600;font-size:13.5px}.rebuild-item-hint{font-size:11.5px;color:var(--text-dim)}.regen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0a0c10b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:24px}.regen-panel{width:100%;max-width:460px;background:linear-gradient(180deg,var(--panel) 0%,var(--bg-2) 100%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.regen-head{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;margin-bottom:16px}.regen-foot{margin-top:14px;font-size:12px}.regen-foot{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}