.video-frame-tool[data-v-cda9cc16]{max-width:1100px;margin:0 auto;padding:20px}.header-card[data-v-cda9cc16]{text-align:center;margin-bottom:16px}.header-card h2[data-v-cda9cc16]{margin:0 0 8px;font-size:24px}.header-card .desc[data-v-cda9cc16]{color:#999;font-size:14px}.upload-card[data-v-cda9cc16]{margin-bottom:16px}.upload-area[data-v-cda9cc16]{align-items:flex-start;gap:20px;display:flex}.video-uploader[data-v-cda9cc16]{flex:1}.video-uploader[data-v-cda9cc16] .el-upload-dragger{flex-direction:column;align-items:center;padding:30px;display:flex}.upload-icon[data-v-cda9cc16]{color:#409eff;margin-bottom:8px;font-size:48px}.upload-text[data-v-cda9cc16]{color:#606266;font-size:16px}.upload-text em[data-v-cda9cc16]{color:#409eff}.upload-tip[data-v-cda9cc16]{color:#999;margin-top:4px;font-size:12px}.video-preview-wrap[data-v-cda9cc16]{flex:1;max-width:360px}.video-preview[data-v-cda9cc16]{background:#000;border-radius:8px;width:100%}.video-info-bar[data-v-cda9cc16]{color:#999;justify-content:space-between;padding:6px 0;font-size:12px;display:flex}.control-card[data-v-cda9cc16]{margin-bottom:16px}.control-card h3[data-v-cda9cc16]{margin:0 0 16px;font-size:18px}.control-form .size-inputs[data-v-cda9cc16]{align-items:center;gap:4px;display:flex}.size-x[data-v-cda9cc16]{color:#666;font-weight:700}.progress-card[data-v-cda9cc16]{margin-bottom:16px}.progress-header[data-v-cda9cc16]{align-items:center;gap:20px;display:flex}.progress-header h3[data-v-cda9cc16]{margin:0;font-size:16px}.progress-text[data-v-cda9cc16]{color:#666;font-size:14px}.preview-card[data-v-cda9cc16]{margin-bottom:16px}.preview-header[data-v-cda9cc16]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.preview-header h3[data-v-cda9cc16]{margin:0;font-size:18px}.preview-actions[data-v-cda9cc16]{align-items:center;gap:8px;display:flex}.frames-grid[data-v-cda9cc16]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.frame-item[data-v-cda9cc16]{text-align:center;cursor:pointer;background:#1a1a2e;border:2px solid #0000;border-radius:8px;padding:4px;transition:all .2s}.frame-item.selected[data-v-cda9cc16]{background:#1a2a4e;border-color:#409eff}.frame-item[data-v-cda9cc16]:hover{background:#224}.frame-thumb-wrap[data-v-cda9cc16]{border-radius:6px;position:relative;overflow:hidden}.frame-thumb[data-v-cda9cc16]{border-radius:6px;width:100%;display:block}.frame-overlay[data-v-cda9cc16]{opacity:0;background:#0006;border-radius:0 6px;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .2s;display:flex;position:absolute;top:0;right:0}.frame-item.selected .frame-overlay[data-v-cda9cc16]{opacity:1;background:#409eff}.frame-check[data-v-cda9cc16]{color:#fff;font-size:14px}.frame-meta[data-v-cda9cc16]{color:#999;justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.frame-index[data-v-cda9cc16]{color:#409eff;font-weight:700}.preview-dialog[data-v-cda9cc16] .el-dialog__body{padding:0}.preview-dialog-body[data-v-cda9cc16]{text-align:center}.preview-full-img[data-v-cda9cc16]{border-radius:4px;max-width:100%;max-height:70vh}.preview-dialog-meta[data-v-cda9cc16]{color:#999;justify-content:center;gap:16px;padding:12px;font-size:14px;display:flex}