@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";:root{color-scheme:light;--font-sans: "Poppins", "PingFang SC", "Microsoft YaHei", sans-serif;--bg: #f4f8ff;--bg-soft: #eef4ff;--surface: rgba(255, 255, 255, .72);--surface-muted: rgba(255, 255, 255, .9);--text: #12213a;--text-muted: #6d7991;--text-soft: #98a2b3;--border: rgba(183, 196, 220, .72);--border-strong: rgba(223, 231, 245, .92);--blue: #2f6cff;--blue-deep: #1c57ea;--accent: var(--blue);--accent-strong: var(--blue-deep);--accent-soft: rgba(47, 108, 255, .12);--brand-gradient: linear-gradient(135deg, #4f8cff 0%, var(--blue) 58%, var(--blue-deep) 100%);--r-sm: 12px;--r-md: 18px;--r-lg: 24px;--r-xl: 32px;--shadow-xs: 0 10px 24px rgba(128, 156, 210, .08);--shadow-sm: 0 18px 44px rgba(122, 153, 210, .08);--shadow-md: 0 14px 30px rgba(47, 108, 255, .18);--shadow-focus: 0 0 0 3px rgba(47, 108, 255, .2);--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 20px;--space-5: 24px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-sans);color:var(--text);background:radial-gradient(1200px 800px at 12% -10%,#4f8cff29,#4f8cff00 58%),radial-gradient(980px 700px at 88% 0%,#2f6cff1f,#2f6cff00 62%),linear-gradient(180deg,#ffffff 0%,var(--bg) 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit}.app-shell{width:min(1440px,calc(100% - 56px));margin:32px auto 56px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:var(--space-4)}.hero h1,.panel h2,.panel h3,.asset-card h3{margin:0;font-weight:700;letter-spacing:-.01em}.panel h2{font-size:1.05rem}.panel h3{font-size:.94rem}.panel p{margin:0;color:var(--text-muted);line-height:1.75}.hero{display:grid;gap:var(--space-2);margin-bottom:var(--space-5);background:linear-gradient(180deg,#fff,#fbfcfd)}.hero h1{font-size:clamp(1.9rem,2.6vw,2.6rem);letter-spacing:-.045em;line-height:1.06;margin:2px 0 4px}.eyebrow{margin:0;color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:600}.grid{display:grid;gap:var(--space-3)}.grid.layout{grid-template-columns:460px 1fr;align-items:start}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stack{display:grid;gap:var(--space-3)}label{display:grid;gap:7px;color:var(--text-muted);font-size:.92rem}button{cursor:pointer;border:1px solid var(--border);border-radius:var(--r-md);min-height:52px;padding:.62rem 1rem;background:#ffffffe6;color:var(--text);font-weight:700;transition:border-color .17s ease,background-color .17s ease,box-shadow .17s ease,color .17s ease,transform .17s ease}button:hover{border-color:#2f6cff6b;background:#fffffffa;color:var(--blue-deep);box-shadow:var(--shadow-xs);transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}button.primary,.primary-link{display:inline-flex;width:fit-content;border-radius:999px;padding:.62rem .9rem;text-decoration:none;align-items:center;justify-content:center;font-weight:700}button.primary:hover,.primary-link:hover{box-shadow:0 16px 32px #2f6cff33;transform:translateY(-1px)}button:disabled{opacity:.62;cursor:not-allowed}.primary-link{display:inline-flex;width:fit-content;border-radius:999px;padding:.62rem .9rem;text-decoration:none;align-items:center;justify-content:center;font-weight:700}input[type=number],select,textarea,input[type=file]{width:100%;border:1px solid var(--border);border-radius:var(--r-sm);padding:.64rem .78rem;background:var(--surface);color:var(--text)}textarea{resize:vertical;min-height:120px}input::placeholder,textarea::placeholder{color:#9aa4b2}input[type=range]{width:100%}.slider-field{display:grid;gap:8px;color:var(--text-muted);font-size:.92rem}.slider-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.slider-value{font-weight:600;color:#344054;background:#f3f6fb;border:1px solid #d8e0ed;border-radius:999px;padding:.14rem .56rem;min-width:56px;text-align:center;font-size:.82rem}.slider-input-row{display:grid;grid-template-columns:1fr 88px;gap:8px;align-items:center}.slider-number{width:88px;text-align:right}.slider-field input[type=range]{accent-color:var(--accent);margin:0}.slider-field input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#d9e5fb,#c8dbff)}.slider-field input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#d9e5fb,#c8dbff)}.slider-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;border:2px solid #fff;background:var(--accent);box-shadow:0 1px 6px #2f6fe44d;margin-top:-4px}.slider-field input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:2px solid #fff;background:var(--accent);box-shadow:0 1px 6px #2f6fe44d}.upload-panel{display:grid;gap:10px}.upload-panel strong{color:var(--text);font-weight:600}.upload-panel input[type=file]{background:var(--surface-muted);border-style:dashed;border-color:var(--border-strong)}.asset-card,.slider-group,.action-row,.asset-row{display:grid;gap:12px}.asset-card{background:linear-gradient(180deg,#fff,#fcfdff)}.asset-row{grid-template-columns:1fr auto;align-items:start}.range-values{display:flex;gap:10px;color:var(--text-muted);font-size:.88rem}.toggle{display:flex;gap:10px;align-items:center}.toggle input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--accent)}.action-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.action-row button{cursor:pointer;border:1px solid var(--border);border-radius:var(--r-md);min-height:52px;padding:.62rem 1rem;background:#ffffffe6;color:var(--text);font-weight:700;transition:border-color .17s ease,background-color .17s ease,box-shadow .17s ease,color .17s ease,transform .17s ease}.progress-bar{height:8px;border-radius:999px;overflow:hidden;background:var(--bg-soft);border:1px solid var(--border)}.progress-bar>div{height:100%;background:linear-gradient(90deg,#4e89f1,#2f6fe4)}.plan-list,.log-list{display:flex;flex-wrap:wrap;gap:8px}.log-list{color:var(--text-muted);font-size:.88rem}.chip{border-radius:999px;background:#f3f6fb;border:1px solid #dde6f2;color:#425466;padding:.4rem .74rem;font-size:.88rem}.error-box{white-space:pre-wrap;color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:var(--r-sm);padding:10px}.hero-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.mode-switch{display:flex;align-items:center;gap:8px}.creator-toolbar{display:flex;gap:10px;flex-wrap:wrap}.upload-progress-hint{display:grid;gap:8px;margin-top:8px;max-width:520px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:#ffffffc2}.upload-progress-hint.done{border-color:#3a9a6d59;background:#ebfaf2e6}.upload-progress-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-muted);font-size:.86rem}.upload-progress-top strong{color:var(--text);font-size:.9rem}.upload-progress-track{height:7px;border-radius:999px;background:#c3d2ec80;overflow:hidden}.upload-progress-track>span{display:block;height:100%;border-radius:999px;background:var(--brand-gradient);transition:width .15s ease}.hidden-input{display:none}.lang-toggle{padding:.5rem .78rem;border:1px solid var(--border);background:var(--surface)}.project-brief{padding-top:14px;padding-bottom:14px}.quick-flow-steps{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;align-content:flex-start}.quick-flow-steps .chip{display:inline-flex;align-items:center;min-height:auto;white-space:nowrap}.plan-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-muted)}.plan-table{width:100%;border-collapse:collapse;font-size:.88rem}.plan-table th,.plan-table td{padding:.58rem .62rem;text-align:left;border-bottom:1px solid #e6ebf2;color:#334155;line-height:1.35}.plan-table tbody tr:last-child td{border-bottom:none}.plan-table th{background:#f7f9fc;color:#6b7280;font-weight:600;font-size:.82rem;letter-spacing:.01em}.range-meta{display:flex;justify-content:space-between;gap:12px;color:var(--text-muted);font-size:.9rem}.dual-range-block{display:grid;gap:10px}.dual-range-labels{display:flex;justify-content:space-between;gap:12px;color:var(--text-muted);font-size:.88rem}.dual-range-shell{position:relative;height:56px;display:flex;align-items:center;border-radius:11px;overflow:hidden}.timeline-thumb-strip{position:absolute;inset:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);z-index:1;pointer-events:none}.timeline-thumb-strip img{width:100%;height:100%;object-fit:cover;filter:saturate(.96) contrast(.98) brightness(.98)}.timeline-mask{position:absolute;top:0;bottom:0;z-index:3;background:#12182638;pointer-events:none}.timeline-mask-left{left:0}.timeline-mask-right{right:0}.dual-range-track,.dual-range-active{position:absolute;left:0;right:0;height:7px;border-radius:999px;z-index:4}.dual-range-track{background:#e8edf4}.dual-range-active{background:linear-gradient(90deg,#7da5f4,#3a78e7)}.dual-range{position:absolute;left:0;width:100%;margin:0;background:transparent;pointer-events:none;-webkit-appearance:none;appearance:none;z-index:5}.dual-range::-webkit-slider-runnable-track{height:7px;background:transparent}.dual-range::-moz-range-track{height:7px;background:transparent}.dual-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;border:2px solid #fff;background:var(--accent);box-shadow:0 2px 8px #21499240;pointer-events:auto;cursor:pointer;margin-top:-4.5px}.dual-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:2px solid #fff;background:var(--accent);box-shadow:0 2px 8px #21499240;pointer-events:auto;cursor:pointer}.preview-video{width:100%;max-height:380px;border-radius:var(--r-md);background:#090b10;border:1px solid #1f2937;box-shadow:var(--shadow-xs)}.clip-actions{display:flex;gap:8px;flex-wrap:wrap}.clip-actions button{cursor:pointer;border:1px solid var(--border);border-radius:var(--r-md);min-height:52px;padding:.62rem 1rem;background:#ffffffe6;color:var(--text);font-weight:700;transition:border-color .17s ease,background-color .17s ease,box-shadow .17s ease,color .17s ease,transform .17s ease}.clip-actions .clip-icon-btn{min-height:34px;width:34px;padding:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;line-height:1;font-weight:600}.clip-actions .clip-icon-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.version-list{display:grid;gap:10px}.version-item{display:grid;gap:3px;text-align:left;border-radius:var(--r-md);border:1px solid var(--border);background:linear-gradient(180deg,#fff,#fafcff);box-shadow:var(--shadow-xs);padding:.68rem .78rem}.version-item:hover{border-color:var(--border-strong);background:#f9fbff}.version-item.active{border-color:#86aaf0;background:#f4f8ff;box-shadow:inset 0 0 0 1px #5683df40}.version-item span{font-size:.82rem;color:var(--text-muted)}.version-current{margin-left:8px;font-weight:600;font-size:.8rem;color:var(--accent-strong)}@media(max-width:980px){.app-shell{width:min(1400px,calc(100% - 24px));margin:20px auto 36px}.grid.layout,.grid.two,.action-row{grid-template-columns:1fr}.panel{border-radius:var(--r-md);padding:var(--space-3)}}.preselected-block{margin-top:6px;padding:12px;border:1px solid #d7e3f6;border-radius:var(--r-md);background:#f7faff;display:grid;gap:10px}.preselected-head{display:grid;gap:4px}.preselected-head strong{font-size:.92rem;color:#274c8f}.preselected-head span{color:#5b708f;font-size:.84rem}.preselected-add-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:end}.preselected-add-row button{cursor:pointer;border:1px solid var(--border);border-radius:var(--r-md);min-height:52px;padding:.62rem 1rem;background:#ffffffe6;color:var(--text);font-weight:700;transition:border-color .17s ease,background-color .17s ease,box-shadow .17s ease,color .17s ease,transform .17s ease}.preselected-empty{font-size:.86rem;color:var(--text-muted)}.preselected-list{display:grid;gap:8px}.preselected-item{background:#fff;border:1px solid #dce6f4;border-radius:12px;padding:10px;display:grid;gap:8px}.preselected-time-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.preselected-time-grid label{gap:5px;font-size:.82rem}.preselected-item-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text-muted);font-size:.84rem}@media(max-width:980px){.preselected-add-row,.preselected-time-grid{grid-template-columns:1fr}}.config-section{border:1px solid #e6ebf3;border-radius:12px;padding:12px;background:#fcfdff}.config-section>h3{margin:0;font-size:.9rem;color:#344054}.section-label{margin:0;font-size:.84rem;color:#667085}.resolution-picker{display:grid;gap:8px}.resolution-groups{display:grid;gap:10px}.resolution-group{display:grid;gap:6px}.resolution-group-title{font-size:.8rem;color:#667085}.resolution-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.preset-btn{min-height:36px;border-color:#d9e2f0;background:#f8fbff;color:#344054}.preset-btn.active{border-color:#7fa8f0;background:#edf4ff;color:#1d4fbf;box-shadow:inset 0 0 0 1px #2f6fe438}.btn-secondary{border-color:#a8c2f3;background:#edf4ff;color:#1f5fd3}.btn-secondary:hover{border-color:#89acef;background:#e4efff}.btn-subtle{border-color:var(--border);background:#f9fbfd;color:#344054}.btn-inline{padding:.3rem .56rem;min-height:28px;font-size:.78rem}.dual-range-shell{height:62px;border:1px solid #d8e2f0;background:#f7faff}.timeline-mask{background:#10182852;-webkit-backdrop-filter:saturate(80%);backdrop-filter:saturate(80%)}.dual-range-active{height:9px;background:linear-gradient(90deg,#4f85ed,#2f6fe4);border:1px solid rgba(255,255,255,.86);box-shadow:0 0 0 1px #2f6fe42e,0 2px 8px #2f6fe447}.timeline-scale{display:flex;justify-content:space-between;gap:8px;color:#667085;font-size:.78rem;line-height:1;padding-inline:2px}.version-item{gap:9px;padding:.74rem .84rem}.version-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.version-top-actions{display:flex;align-items:center;gap:8px}.version-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}.version-metrics span,.version-status-row span{font-size:.82rem;color:var(--text-muted)}.version-status-row{display:flex;justify-content:space-between;gap:10px;padding-top:2px}.version-actions{display:flex;gap:8px;flex-wrap:wrap}.version-actions button{cursor:pointer;border:1px solid var(--border);border-radius:var(--r-md);min-height:52px;padding:.62rem 1rem;background:#ffffffe6;color:var(--text);font-weight:700;transition:border-color .17s ease,background-color .17s ease,box-shadow .17s ease,color .17s ease,transform .17s ease}.subtitle-preview-wrap{display:grid;gap:8px;border:1px solid #dbe4f2;border-radius:12px;background:#f9fbff;padding:10px}.subtitle-preview-head{display:grid;gap:4px}.subtitle-preview-head strong{font-size:.9rem;color:#344054}.subtitle-preview-head span{font-size:.8rem;color:#667085}.subtitle-preview{position:relative;min-height:150px;border-radius:10px;overflow:hidden;border:1px solid #cfd8e6;background:#0f1726}.subtitle-preview-video{position:absolute;inset:0;background:linear-gradient(135deg,#18263b,#0f1828 45%,#263a58)}.subtitle-preview-caption{position:absolute;left:16px;right:16px;display:grid;gap:6px;color:#fff;font-weight:600;text-align:center;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.5)}.subtitle-preview.pos-top .subtitle-preview-caption{top:12px}.subtitle-preview.pos-middle .subtitle-preview-caption{top:50%;transform:translateY(-50%)}.subtitle-preview.pos-bottom .subtitle-preview-caption{bottom:12px}.subtitle-preview.style-clean .subtitle-preview-caption{background:#0000003d;border-radius:8px;padding:6px 8px}.subtitle-preview.style-bold .subtitle-preview-caption{background:#0006;border-radius:8px;padding:8px 10px;text-shadow:0 2px 3px rgba(0,0,0,.6)}.subtitle-preview.style-minimal .subtitle-preview-caption{font-weight:500;letter-spacing:.02em}@media(max-width:980px){.version-metrics{grid-template-columns:1fr}}.plan-timeline{display:flex;gap:6px;width:100%;overflow-x:auto;padding-bottom:2px}.timeline-block{min-width:34px;height:28px;border:1px solid #cfd9ea;border-radius:8px;background:#eff4fb;color:#51627f;font-size:.78rem;padding:0}.timeline-block.required{border-color:#f59e0b;background:#fff7e6;color:#92400e}.timeline-block.active{border-color:#3b82f6;background:#dbeafe;color:#1d4ed8;box-shadow:inset 0 0 0 1px #3b82f63d}.clip-plan-table tbody tr{cursor:pointer}.clip-plan-table tbody tr.active-row{background:#eef4ff}.clip-indicator{display:inline-block;width:16px;color:#1d4ed8;font-weight:700}.clip-asset-cell{display:flex;align-items:center;gap:8px}.required-chip{border-radius:999px;padding:2px 8px;font-size:.72rem;border:1px solid #f5c66f;background:#fff7e6;color:#8a5a06}.grid.layout{grid-template-columns:minmax(360px,460px) minmax(0,1fr);align-items:start}.grid.layout.layout-fast{grid-template-columns:minmax(320px,380px) minmax(0,1fr)}.left-sidebar{position:sticky;top:14px;max-height:calc(100vh - 28px);overflow:auto;padding-right:4px}.workspace-right{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;min-height:calc(100vh - 120px)}.workspace-right.workspace-right-fast{grid-template-rows:auto auto;min-height:0}.quick-flow-panel{align-self:start}.workspace-upper{min-height:0;overflow:auto;padding-right:2px}.workspace-lower{position:sticky;bottom:8px;z-index:10}.workspace-tabs{display:flex;gap:8px;margin-top:8px}.tab-btn{padding:.45rem .72rem;border-radius:8px;font-size:.84rem}.tab-btn.active{border-color:#8caef0;background:#edf4ff;color:#1f5fd3}.task-workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:12px}.task-status-panel{max-height:52vh;overflow:auto}.plan-table-wrap{max-height:300px}.log-details{border-top:1px solid #e2e8f0;padding-top:8px}.log-details summary{cursor:pointer;color:#475467;font-size:.88rem}@media(max-width:1180px){.task-workspace{grid-template-columns:1fr}.workspace-lower,.left-sidebar{position:static;max-height:none;overflow:visible}.workspace-right{min-height:0}}label{font-weight:600}.chip,.tab-btn,.lang-toggle,.btn-secondary,.btn-subtle,button.primary,.primary-link{font-weight:700}.btn-secondary{border-color:#b7c4dcb8;background:#ffffffe6;color:var(--blue);border-radius:999px;min-height:52px;padding-inline:24px}.btn-secondary:hover{border-color:#2f6cff6b;background:#fffffffa;color:var(--blue-deep);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.btn-subtle{border-color:#b7c4dcb8;background:#ffffffe6;color:var(--text);border-radius:999px;min-height:52px;padding-inline:24px}.btn-subtle:hover{border-color:#2f6cff59;color:var(--blue-deep);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.lang-toggle{min-height:40px;height:40px;border-radius:999px;padding:0 12px;min-width:64px;font-size:.95rem;line-height:1;font-weight:700;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.tab-btn{border-radius:999px;font-weight:700}.tab-btn.active{border-color:transparent;background:var(--brand-gradient);color:#fff;box-shadow:var(--shadow-md)}.action-row button{min-height:52px}.btn-inline{min-height:30px;border-radius:999px;padding:.28rem .62rem}:root{--btn-h: 44px;--btn-radius: 14px;--btn-pad-x: 16px;--btn-pill-radius: 999px}button,.primary-link{min-height:var(--btn-h);border-radius:var(--btn-radius);padding:0 var(--btn-pad-x);display:inline-flex;align-items:center;justify-content:center;line-height:1}button.primary,.primary-link,.btn-secondary,.btn-subtle,.tab-btn,.lang-toggle,.action-row button,.preselected-add-row button,.version-actions button,.clip-actions button:not(.clip-icon-btn){min-height:var(--btn-h);border-radius:var(--btn-pill-radius);padding:0 var(--btn-pad-x)}.tab-btn{font-size:.92rem}.lang-toggle{min-width:64px;font-size:.95rem}