.tool-page[data-v-376445d7]{padding-top:24px;padding-bottom:60px}.tool-header[data-v-376445d7]{margin-bottom:32px}.tool-header h1[data-v-376445d7]{color:var(--navy);margin-bottom:8px;font-size:28px;font-weight:800}.tool-header p[data-v-376445d7]{color:var(--text-muted);font-size:15px}.title-icon[data-v-376445d7]{color:#e91e63;vertical-align:middle;margin-right:4px}.upload-section[data-v-376445d7]{max-width:600px;margin:0 auto}.upload-section[data-v-376445d7] .el-upload{width:100%}.upload-section[data-v-376445d7] .el-upload-dragger{justify-content:center!important;align-items:center!important;height:340px!important;padding:0!important;display:flex!important}.input-mode-tabs[data-v-376445d7]{background:#e8e8e8;border-radius:100px;justify-content:center;gap:0;width:fit-content;margin-bottom:24px;margin-left:auto;margin-right:auto;padding:4px;display:flex}.mode-tab[data-v-376445d7]{font-family:var(--font-display);color:#333;cursor:pointer;background:0 0;border:none;border-radius:100px;align-items:center;gap:6px;padding:8px 24px;font-size:14px;font-weight:600;transition:all .25s;display:flex}.mode-tab[data-v-376445d7]:hover{color:#111}.mode-tab.active[data-v-376445d7]{background:var(--accent-blue);color:#fff;box-shadow:0 2px 8px #4f8ef74d}.url-input-area[data-v-376445d7]{text-align:center;background:var(--card-bg);border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:40px 32px;transition:border-color .2s}.url-input-area[data-v-376445d7]:focus-within{border-color:var(--accent-blue)}.url-input-icon[data-v-376445d7]{color:var(--accent-blue);margin-bottom:16px}.url-input-title[data-v-376445d7]{font-family:var(--font-display);color:var(--text-primary);margin-bottom:20px;font-size:16px;font-weight:600}.url-input-row[data-v-376445d7]{gap:10px;max-width:520px;margin:0 auto 12px;display:flex}.url-input[data-v-376445d7]{flex:1}.url-load-btn[data-v-376445d7]{flex-shrink:0;min-width:80px}.url-input-hint[data-v-376445d7]{color:var(--text-muted);margin-bottom:16px;font-size:13px}.url-progress[data-v-376445d7]{max-width:520px;margin:16px auto 0}.upload-content[data-v-376445d7]{text-align:center;padding:40px}.upload-icon[data-v-376445d7]{color:var(--duck-yellow);margin-bottom:16px}.upload-title[data-v-376445d7]{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:600}.upload-hint[data-v-376445d7]{color:var(--text-muted);margin-bottom:16px;font-size:13px}.format-badges[data-v-376445d7]{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.format-badge[data-v-376445d7]{border:1.5px solid var(--accent-blue);font-family:var(--font-display);letter-spacing:.5px;color:var(--accent-blue);border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}.workspace-content[data-v-376445d7]{flex-direction:row-reverse;align-items:flex-start;gap:24px;width:100%;max-width:1200px;display:flex}.settings-panel[data-v-376445d7]{background:var(--card-bg);border-radius:var(--radius-md);width:300px;box-shadow:var(--card-shadow);flex-shrink:0;height:fit-content;padding:24px}.settings-panel h3[data-v-376445d7]{font-family:var(--font-display);color:var(--navy);margin-bottom:20px;font-size:15px;font-weight:700}.setting-section[data-v-376445d7]{margin-bottom:18px}.setting-section .section-label[data-v-376445d7]{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.setting-hint[data-v-376445d7]{color:var(--text-muted);margin-top:4px;font-size:11px}.trim-values[data-v-376445d7]{font-family:var(--font-display);color:var(--text-secondary);justify-content:space-between;align-items:center;margin-top:6px;font-size:12px;font-weight:600;display:flex}.trim-duration[data-v-376445d7]{color:#e91e63}[data-v-376445d7] .el-slider__bar{background:#e91e63}[data-v-376445d7] .el-slider__button{border:2px solid #e91e63}.full-width-input[data-v-376445d7],[data-v-376445d7] .el-input-number{width:100%}.video-info[data-v-376445d7]{background:var(--bg-warm);border-radius:var(--radius-sm);margin-bottom:18px;padding:12px}.info-row[data-v-376445d7]{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.info-row+.info-row[data-v-376445d7]{border-top:1px solid var(--border-color);margin-top:4px;padding-top:8px}.info-label[data-v-376445d7]{color:var(--text-muted);font-size:12px}.info-value[data-v-376445d7]{font-family:var(--font-display);color:var(--navy);font-size:13px;font-weight:600}.text-ellipsis[data-v-376445d7]{white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}.width-presets[data-v-376445d7]{gap:6px;display:flex}.preset-btn[data-v-376445d7]{border:1.5px solid var(--border-color);font-family:var(--font-display);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:8px 4px;font-size:12px;font-weight:600;transition:all .2s}.preset-btn[data-v-376445d7]:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.preset-btn.active[data-v-376445d7]{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.preset-btn[data-v-376445d7]:disabled{opacity:.5;cursor:not-allowed}.compress-row[data-v-376445d7]{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.compress-row[data-v-376445d7]:last-of-type{margin-bottom:0}.compress-label[data-v-376445d7]{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-size:12px}.compress-slider-row[data-v-376445d7]{align-items:center}.compress-slider[data-v-376445d7]{flex:1;margin-left:8px}[data-v-376445d7] .compress-row .el-select{flex-shrink:0;width:130px}[data-v-376445d7] .compress-slider .el-slider__button{border-color:var(--accent-blue)}[data-v-376445d7] .compress-slider .el-slider__bar{background:var(--accent-blue)}.progress-section[data-v-376445d7]{margin-bottom:16px}.progress-bar[data-v-376445d7]{background:#0000000f;border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.progress-fill[data-v-376445d7]{background:var(--duck-yellow);border-radius:3px;height:100%;transition:width .3s}.progress-text[data-v-376445d7]{font-family:var(--font-display);color:var(--text-muted);text-align:right;font-size:12px;font-weight:600}.action-buttons[data-v-376445d7]{flex-direction:column;gap:8px;margin-top:20px;display:flex}.action-btn[data-v-376445d7]{box-sizing:border-box!important;width:100%!important;margin:0!important;display:flex!important}.crop-section[data-v-376445d7]{border-top:1px solid var(--border-color);padding-top:16px}.crop-toggle[data-v-376445d7]{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.crop-info[data-v-376445d7]{color:var(--text-muted);font-size:12px}.crop-info-row[data-v-376445d7]{color:var(--text-muted);justify-content:space-between;font-size:12px;display:flex}.crop-info-row+.crop-info-row[data-v-376445d7]{margin-top:6px}.crop-info-row span[data-v-376445d7]:last-child{font-family:var(--font-display);color:var(--navy);font-weight:600}.crop-actions[data-v-376445d7]{gap:8px;margin-top:12px;display:flex}.apply-crop-btn[data-v-376445d7]{flex:1;background:var(--accent-blue)!important;border-color:var(--accent-blue)!important}.reset-crop-btn[data-v-376445d7]{color:var(--text-muted)!important;border-color:var(--border-color)!important}.cropped-tag[data-v-376445d7]{margin-left:8px;color:var(--duck-yellow)!important;background:#f5a62326!important}.crop-coming-soon[data-v-376445d7]{border-radius:var(--radius-sm);color:var(--accent-blue);text-align:center;background:#4f8ef714;margin-top:10px;padding:8px 12px;font-size:12px}.export-btn[data-v-376445d7]{background:var(--duck-yellow)!important;border-color:var(--duck-yellow)!important;color:var(--navy)!important}.export-btn[data-v-376445d7]:hover{background:var(--duck-yellow-light)!important;border-color:var(--duck-yellow-light)!important}.preview-area-wrap[data-v-376445d7]{flex-direction:column;flex:1;align-items:center;gap:16px;min-width:0;display:flex}.video-preview-card[data-v-376445d7]{background:var(--card-bg);border-radius:var(--radius-md);width:100%;box-shadow:var(--card-shadow);padding:16px}.preview-video[data-v-376445d7]{border-radius:var(--radius-sm);background:#000;width:100%;max-height:400px;display:block}.preview-canvas[data-v-376445d7]{border-radius:var(--radius-sm);cursor:pointer;background:#000;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.canvas-preview-wrap[data-v-376445d7]{border-radius:var(--radius-sm);background:#000;justify-content:center;align-items:center;width:100%;height:400px;display:flex;position:relative;overflow:hidden}.play-btn[data-v-376445d7]{color:#fff;cursor:pointer;z-index:2;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-btn[data-v-376445d7]:hover{background:#000000bf;transform:translate(-50%,-50%)scale(1.08)}.compat-mode-bar[data-v-376445d7]{border-radius:var(--radius-sm);background:#ffc1071a;border:1px solid #ffc1074d;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:8px 12px;display:flex}.compat-hint[data-v-376445d7]{color:var(--text-secondary);flex:1;font-size:13px}.compat-toggle-btn[data-v-376445d7]{color:#ffc107;cursor:pointer;background:0 0;border:1px solid #ffc107;border-radius:100px;flex-shrink:0;padding:4px 14px;font-size:13px;font-weight:600;transition:all .2s}.compat-toggle-btn[data-v-376445d7]:hover{background:#ffc10726}.preview-label-row[data-v-376445d7]{align-items:center;width:100%;max-width:560px;display:flex}.preview-tag[data-v-376445d7]{font-family:var(--font-display);color:var(--text-secondary);background:#0000000a;border-radius:100px;padding:4px 12px;font-size:12px;font-weight:700}.result-tag[data-v-376445d7]{color:#e91e63;background:#e91e631a}.wasm-preview-container[data-v-376445d7]{width:100%;position:relative}.wasm-decoding-overlay[data-v-376445d7]{border-radius:var(--radius-sm);background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.decoding-progress[data-v-376445d7]{color:#fff;flex-direction:column;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.spinner[data-v-376445d7]{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin-376445d7}@keyframes spin-376445d7{to{transform:rotate(360deg)}}@media (width<=768px){.tool-page[data-v-376445d7]{min-height:auto}.workspace-content[data-v-376445d7]{flex-direction:column;flex:none}.settings-panel[data-v-376445d7]{width:100%;position:static}.upload-section[data-v-376445d7]{max-width:100%}.upload-section[data-v-376445d7] .el-upload-dragger{height:280px!important}.url-input-area[data-v-376445d7]{padding:28px 16px}.url-input-row[data-v-376445d7]{flex-direction:column}.url-load-btn[data-v-376445d7]{width:100%}.mode-tab[data-v-376445d7]{padding:6px 18px;font-size:13px}}