:root{color-scheme:light;--bg:#f5f7fb;--panel:#fff;--line:#e5eaf2;--text:#30415c;--muted:#7e8ba1;--accent:#6288d4;--preview-height:clamp(140px,27vh,270px);font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;font-size:14px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}h1,h2,p{margin:0}h1,h2{font-size:1rem;font-weight:650}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
input,select{width:100%;min-width:0;border:1px solid #dee5f0;border-radius:7px;background:#fafbfd;color:#34445d;padding:8px 10px;height:36px;font-size:.92rem}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none}input[type=checkbox]{width:15px;height:15px;margin:0;flex-shrink:0;accent-color:var(--accent)}input[type=range]{height:22px;padding:0;border:0;accent-color:var(--accent)}input[type=color]{padding:4px}input:disabled{opacity:.5}select{padding-right:5px}
.topbar{height:62px;display:flex;align-items:center;gap:24px;padding:0 24px;background:white;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:1.16rem;font-weight:700;letter-spacing:.01em}.brand-icon{width:29px;height:29px;display:grid;place-items:center;background:#83a2df;color:white;border-radius:8px;font-size:12px}.top-meta{color:var(--muted);font-size:.85rem}.top-meta span{padding:0 8px}.engine-status{margin-left:auto;color:var(--muted);font-size:.85rem}
.workspace{max-width:1600px;margin:16px auto 0;padding:0 18px;display:grid;grid-template-columns:250px minmax(360px,1fr) 282px;gap:16px;align-items:start}.main-column,.settings-column,.watermark-column{min-width:0;display:flex;flex-direction:column;gap:12px}.panel{border:1px solid var(--line);background:var(--panel);border-radius:12px;box-shadow:0 3px 18px #304e7b04;padding:16px;overflow:hidden}.section-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;min-height:24px}.quiet{font-size:.8rem;color:var(--muted)}.field-label{display:block;color:#526179;font-size:.87rem;font-weight:500;margin-bottom:7px}.field-label select{display:block;margin-top:7px}.spaced{margin-top:12px}.text-button{border:0;background:none;color:var(--accent);padding:0;font-size:.84rem;white-space:nowrap}.subtle-button{padding:7px 11px;border:1px solid #dfe6f1;border-radius:7px;background:#f7f9fc;color:#6e7e98;white-space:nowrap;font-size:.84rem}.primary-button{border:1px solid #7295dc;border-radius:8px;background:#7295dc;color:white;padding:10px 14px;min-height:42px;flex:1;font-weight:600;font-size:.95rem}.primary-button:hover:enabled{background:#6186d1}.primary-button:disabled{opacity:1;background:#d5deed;border-color:#d5deed}.disabled{pointer-events:none;opacity:.45}
.toggle-label,.check-label{display:inline-flex;gap:7px;align-items:center;font-size:.86rem;color:#6e7d96;font-weight:400}.toggle-label input{appearance:none;position:relative;width:30px;height:17px;border:0;border-radius:20px;padding:0;background:#c9d3e2}.toggle-label input:before{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;background:white;border-radius:50%;transition:transform .15s}.toggle-label input:checked{background:#7998da}.toggle-label input:checked:before{transform:translateX(13px)}
.segmented{display:flex;gap:3px;padding:3px;background:#f2f5fa;border:1px solid #e6ebf3;border-radius:8px}.segmented button{flex:1;padding:6px 7px;border:0;border-radius:5px;background:transparent;color:#8290a7;font-size:.88rem}.segmented button.selected{background:#fff;color:#537cca;box-shadow:0 2px 5px #3659870b}.segmented.compact{margin-bottom:12px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.two-fields>label{display:flex;flex-direction:column;gap:6px;color:#7b879b;font-size:.82rem}.two-fields label>span{display:inline}.watermark-controls{padding-top:14px}.watermark-panel .section-top{margin-bottom:0}.watermark-panel .toggle-label span{font-size:.8rem}.watermark-help{padding:0 10px;line-height:1.8}.image-picker{display:block;border:1px dashed #c9d8ec;border-radius:8px;background:#fbfcff;padding:12px;text-align:center;color:#6e8dbf;cursor:pointer;font-size:.85rem}.image-picker span{display:block;color:var(--muted);font-size:.78rem;margin-top:4px}#watermark-image-name{margin-top:6px;overflow-wrap:anywhere}.settings-note{font-size:.77rem;line-height:1.7;color:#8f9bb0;margin-top:9px}
.preview-visual{height:var(--preview-height);display:grid;place-items:center;position:relative;border-radius:8px;background:#f8faff}.dropzone{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f9fbfe;border:1px dashed #cad7eb;border-radius:9px;cursor:pointer;transition:.18s}.dropzone:hover,.dropzone.dragging{background:#f0f5ff;border-color:#7a9ee4}.upload-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid #dfe8f6;border-radius:13px;color:#7c9bce;background:#eef3fb;font-size:26px;font-weight:300}.dropzone h2{margin:12px 0 4px;font-size:1rem}.dropzone p{color:#8190a7;font-size:.86rem}.dropzone .quiet{margin-top:12px;color:#a0acbd}.stage{position:relative;aspect-ratio:16/9;background:#080b10;border-radius:8px;overflow:hidden;touch-action:none;max-height:100%;margin-inline:auto}.stage video{display:block;width:100%;height:100%;object-fit:contain}.stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:move}.play-overlay{position:absolute;bottom:10px;left:10px;width:33px;height:33px;display:grid;place-items:center;border:1px solid #6c7e99;background:#18263ae6;color:white;border-radius:50%;font-size:12px;z-index:3}.preview-error{padding:24px;text-align:center;font-size:.85rem;color:#a77979}.source-info{padding-top:9px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.77rem;color:var(--muted)}#source-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:48%;color:#577bbd}#source-meta{text-align:right}.preview-label{margin-top:6px;font-size:.75rem}.timeline{padding-top:10px}.timeline-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}.timeline-heading strong{font-size:.77rem;color:#8290a8;font-weight:500}.timeline>input[type=range]{margin-top:4px}.clip-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:5px}.clip-fields>label{display:flex;flex-direction:column;gap:5px;font-size:.78rem;color:var(--muted)}.input-unit{display:flex;align-items:center;border:1px solid #dee5f0;border-radius:7px;background:#fafbfd}.input-unit input{background:transparent;border:0}.input-unit span{padding-right:9px;font-size:.78rem;color:var(--muted)}.clip-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}.clip-actions .subtle-button{font-size:.77rem;padding:6px 9px}.clip-actions .text-button{margin-left:auto;font-size:.78rem}.clip-note{font-size:.74rem;margin-top:7px;line-height:1.5}
.queue-panel .section-top{margin-bottom:9px}.queue-panel h2 .quiet{margin-left:6px;font-weight:400}.batch-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:9px;border-bottom:1px solid var(--line)}.batch-toolbar .subtle-button{padding:5px 8px;font-size:.76rem}.batch-toolbar .danger{margin-left:auto;color:#b37474;font-size:.78rem}.batch-toolbar .check-label,.batch-toolbar .quiet{font-size:.78rem}.queue-list{overflow:auto;max-height:270px;min-height:85px}.queue-row{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 5px;border-bottom:1px solid #edf0f6;cursor:pointer}.queue-row:hover{background:#f9fbff}.queue-row.active{background:#f0f5ff;border-radius:6px;box-shadow:inset 3px 0 #8cacdf}.queue-file{border:0;background:none;text-align:left;padding:0;min-width:0;color:#4a5870}.queue-file strong{display:block;font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-file small{display:block;font-size:.71rem;color:#95a0b3;margin-top:2px;line-height:1.5}.queue-state{font-size:.73rem;color:#8594aa;text-align:right;min-width:64px}.queue-state.done{color:#5b947f}.queue-state.failed{color:#b37474}.queue-state progress{width:60px;height:3px;display:block;margin:4px 0 0}.empty-queue{padding:22px 0;text-align:center;color:#9da9bc;font-size:.82rem}.queue-note{font-size:.72rem;margin-top:8px}
.settings-divider{height:1px;background:var(--line);margin:14px 0}.preset-row{display:flex;gap:6px;margin:9px 0 12px;flex-wrap:wrap}.preset-row button{flex:1;border:1px solid #e5eaf3;border-radius:6px;background:white;color:#8491a6;padding:3px 6px;font-size:.76rem;white-space:nowrap}.preset-row button.active,.preset-row button:hover{background:#f0f5ff;border-color:#bad0f4;color:#6686c5}.fps-field{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:14px}.fps-field input{width:80px}.advanced-settings{margin-top:12px;color:#7b8ca7;font-size:.86rem}.advanced-settings summary{cursor:pointer;user-select:none;color:#697e9f}.advanced-settings[open] summary{margin-bottom:10px}.range-label{display:flex;align-items:center;justify-content:space-between;font-size:.84rem;color:#7b879b;margin:10px 0 3px}.range-label strong{font-size:.8rem;color:#6b83a9;font-weight:500}.quality-auto{margin-top:8px}.minimum-quality{display:flex;gap:9px;align-items:center;font-size:.82rem;color:#7b879b;margin-top:8px}.minimum-quality input{width:66px}.minimum-quality span{font-size:.75rem}.label-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.label-row .field-label{margin:0}.limit-input{display:flex;align-items:center;gap:10px;background:#fafcfe;border:1px solid #dee7f4;border-radius:8px;padding:6px 10px;margin-top:11px;color:#8997ac;font-size:.84rem}.limit-input input{width:40%;flex:1;text-align:right;border:0;background:transparent;padding:0;height:26px;font-size:1.1rem;color:#48618b}.limit-input strong{font-size:.82rem;font-weight:500;color:#7d90ac}.limit-options{display:flex;flex-direction:column;gap:8px}
.export-panel{flex-shrink:0}.export-status{font-size:.81rem;color:#7c8ba4;margin-bottom:9px}.export-actions{display:flex;gap:8px}.export-panel>.quiet{display:block;text-align:center;margin-top:8px;font-size:.73rem}progress{width:100%;height:5px;appearance:none;border:0;border-radius:4px;overflow:hidden;background:#e5ebf6;margin:0 0 10px}progress::-webkit-progress-bar{background:#e5ebf6}progress::-webkit-progress-value{background:#8aa9e8}.error-message{background:#fff4f3;border:1px solid #f1d0cb;color:#b65d57;border-radius:7px;padding:9px;font-size:.8rem;margin:9px 0}.busy .settings-panel,.busy .watermark-panel{pointer-events:none;opacity:.72}
.result-panel{flex-shrink:0}.result-panel .section-top{margin-bottom:7px}.result-limit{color:#5b947f;font-size:.76rem}.result-layout{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:center}.result-image-wrap{border:1px solid var(--line);border-radius:7px;background:#f5f7fb;display:grid;place-items:center;padding:4px}.result-image-wrap img{display:block;max-width:100%;max-height:86px;object-fit:contain}.result-details{display:grid;grid-template-columns:1fr 145px;gap:4px 10px;align-items:center}.result-details strong{color:#48618b;font-size:1.05rem;grid-column:1/-1}.result-details p{grid-column:1/-1;color:var(--muted);font-size:.75rem}#result-time{font-size:.71rem}.result-details .field-label{display:none}.result-details input{height:31px;grid-column:1;font-size:.8rem;margin-top:4px}.download-link{display:block;text-align:center;grid-column:2;min-height:31px;padding:5px 9px;font-size:.83rem;margin-top:4px}footer{max-width:1600px;margin:8px auto;padding:0 20px;color:#a0aabd;font-size:.72rem}footer span{margin:0 7px}
@media(min-width:900px){body{height:100dvh;overflow:hidden}.workspace{height:calc(100dvh - 110px)}.main-column,.settings-column,.watermark-column{height:100%;min-height:0}.watermark-column{overflow:auto}.watermark-panel{flex-shrink:0}.settings-panel{flex:1;min-height:0;overflow:auto}.main-column{overflow:auto}.preview-panel{flex-shrink:0}.queue-panel{min-height:150px;flex:1;display:flex;flex-direction:column}.queue-list{flex:1;min-height:0;max-height:none}.queue-panel .section-top,.batch-toolbar,.queue-note{flex-shrink:0}.watermark-help{margin-top:auto;padding-top:12px}}
@media(min-width:900px) and (max-height:800px){:root{--preview-height:clamp(120px,22vh,180px)}.panel{padding:13px}.clip-note,.queue-note,.preview-label{font-size:.7rem}.topbar{height:54px}.workspace{margin-top:12px;height:calc(100dvh - 98px)}.watermark-controls{padding-top:10px}.watermark-help{display:none}.settings-note{font-size:.74rem;line-height:1.5}.advanced-settings{margin-top:10px}}
@media(max-width:899px){.workspace{grid-template-columns:220px minmax(330px,1fr);gap:14px}.watermark-column{position:sticky;top:14px;grid-column:1;grid-row:1/3}.settings-column{grid-column:2}.main-column{grid-column:2;grid-row:1}.export-panel{position:sticky;bottom:10px;z-index:5;box-shadow:0 4px 20px #49608212}.queue-list{max-height:250px}.watermark-help{display:none}}
@media(max-width:740px){:root{--preview-height:240px}.topbar{height:58px;gap:12px;padding:0 16px}.top-meta{display:none}.engine-status{font-size:.75rem}.workspace{display:flex;flex-direction:column;margin-top:14px;padding:0 12px;gap:14px}.main-column,.watermark-column,.settings-column{width:100%;position:static}.main-column{order:1}.watermark-column{order:2}.settings-column{order:3}.watermark-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.watermark-controls>.segmented,.watermark-controls>#text-watermark,.watermark-controls>#image-watermark,.watermark-controls>#watermark-note{grid-column:1/-1}.result-details{grid-template-columns:1fr 120px}.source-info{font-size:.72rem}.batch-toolbar{gap:8px}.queue-list{max-height:280px}.export-panel{bottom:8px}}
@media(max-width:440px){:root{--preview-height:210px}.watermark-controls{display:block}.panel{padding:14px}.clip-fields{gap:7px}.clip-fields input{padding:8px 7px}.input-unit span{padding-right:6px}.timeline-heading strong{font-size:.7rem}.batch-toolbar .danger{margin-left:0}.result-layout{grid-template-columns:55px minmax(0,1fr)}.result-details{grid-template-columns:1fr}.download-link{grid-column:1}.source-info{gap:7px}}

@media(min-width:900px) and (max-width:1200px){.workspace{grid-template-columns:210px minmax(280px,1fr) 245px;gap:12px;padding:0 14px}.panel{padding:14px}.watermark-panel .toggle-label{gap:5px}.watermark-panel .toggle-label span{font-size:.75rem}.batch-toolbar{gap:7px}.batch-toolbar .danger{margin-left:0}.clip-actions .text-button{margin-left:0}.source-info{flex-wrap:wrap}#source-name{max-width:100%}.result-details{grid-template-columns:1fr 115px}.range-label{font-size:.8rem}}

.format-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.format-options button{min-height:30px}.dropzone .quiet{text-align:center;padding:0 10px}