.tool-page[data-v-b3f29cc7]{max-width:760px;margin:0 auto;padding:32px 20px}.tool-header[data-v-b3f29cc7]{margin-bottom:28px}.tool-title[data-v-b3f29cc7]{font-size:22px;font-weight:800;color:#1e293b;margin:0 0 6px}.tool-desc[data-v-b3f29cc7]{font-size:14px;color:#64748b;margin:0}.upload-zone[data-v-b3f29cc7]{border:2px dashed #cbd5e1;border-radius:14px;padding:40px 24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;background:#f8fafc;margin-bottom:20px}.upload-zone[data-v-b3f29cc7]:hover,.upload-zone.dragover[data-v-b3f29cc7]{border-color:#2563eb;background:#eff6ff}.upload-zone.has-file[data-v-b3f29cc7]{border-style:solid;border-color:#bfdbfe;background:#000;padding:0;cursor:default;overflow:hidden}.upload-icon[data-v-b3f29cc7]{color:#94a3b8;margin-bottom:12px;display:flex;justify-content:center}.upload-label[data-v-b3f29cc7]{font-size:15px;font-weight:600;color:#334155;margin-bottom:6px}.upload-hint[data-v-b3f29cc7]{font-size:12px;color:#94a3b8}.video-wrap[data-v-b3f29cc7]{width:100%;line-height:0}.video-preview[data-v-b3f29cc7]{width:100%;max-height:400px;object-fit:contain;display:block;background:#000}.seek-row[data-v-b3f29cc7]{display:flex;align-items:center;gap:10px;margin-bottom:12px}.time-label[data-v-b3f29cc7]{font-size:12px;font-weight:600;color:#475569;white-space:nowrap;min-width:52px;font-variant-numeric:tabular-nums}.time-label[data-v-b3f29cc7]:last-child{text-align:right}.seek-slider[data-v-b3f29cc7]{flex:1;height:4px;cursor:pointer;accent-color:#2563eb}.time-input-row[data-v-b3f29cc7]{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.time-input-label[data-v-b3f29cc7]{font-size:13px;color:#475569;white-space:nowrap}.time-input[data-v-b3f29cc7]{width:100px;padding:6px 10px;border:1px solid #cbd5e1;border-radius:7px;font-size:13px;color:#1e293b;outline:none}.time-input[data-v-b3f29cc7]:focus{border-color:#2563eb}.jump-btn[data-v-b3f29cc7]{padding:6px 14px;background:#2563eb;color:#fff;border:none;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.jump-btn[data-v-b3f29cc7]:hover{opacity:.85}.change-btn[data-v-b3f29cc7]{margin-left:auto;padding:6px 14px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.change-btn[data-v-b3f29cc7]:hover{background:#e2e8f0}.capture-btn[data-v-b3f29cc7]{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .15s;margin-bottom:24px}.capture-btn[data-v-b3f29cc7]:hover{opacity:.9}.frames-section[data-v-b3f29cc7]{margin-top:4px}.frames-header[data-v-b3f29cc7]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.frames-title[data-v-b3f29cc7]{font-size:14px;font-weight:700;color:#1e293b}.clear-btn[data-v-b3f29cc7]{padding:4px 12px;background:#fff;color:#ef4444;border:1px solid #fca5a5;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.clear-btn[data-v-b3f29cc7]:hover{background:#fef2f2}.frames-grid[data-v-b3f29cc7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.frame-card[data-v-b3f29cc7]{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 1px 4px #0000000f}.frame-img[data-v-b3f29cc7]{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#000}.frame-footer[data-v-b3f29cc7]{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;gap:8px}.frame-time[data-v-b3f29cc7]{font-size:11px;font-weight:600;color:#475569;font-variant-numeric:tabular-nums;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frame-actions[data-v-b3f29cc7]{display:flex;align-items:center;gap:4px;flex-shrink:0}.frame-dl-btn[data-v-b3f29cc7]{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#eff6ff;color:#2563eb;border-radius:5px;font-size:11px;font-weight:600;text-decoration:none;transition:background .15s}.frame-dl-btn[data-v-b3f29cc7]:hover{background:#dbeafe}.frame-del-btn[data-v-b3f29cc7]{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:none;border:1px solid #e2e8f0;border-radius:5px;color:#94a3b8;cursor:pointer;transition:background .15s,color .15s}.frame-del-btn[data-v-b3f29cc7]:hover{background:#fef2f2;color:#ef4444;border-color:#fca5a5}.frame-img[data-v-b3f29cc7]{cursor:zoom-in}.lightbox[data-v-b3f29cc7]{position:fixed;inset:0;z-index:9999;background:#000000e0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}.lightbox-close[data-v-b3f29cc7]{position:absolute;top:16px;right:16px;width:40px;height:40px;background:#ffffff1f;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.lightbox-close[data-v-b3f29cc7]:hover{background:#ffffff40}.lightbox-img[data-v-b3f29cc7]{max-width:100%;max-height:calc(100vh - 120px);object-fit:contain;border-radius:6px;box-shadow:0 8px 48px #00000080;cursor:default}.lightbox-footer[data-v-b3f29cc7]{margin-top:14px;display:flex;align-items:center;gap:16px}.lightbox-time[data-v-b3f29cc7]{font-size:13px;font-weight:600;color:#ffffffb3;font-variant-numeric:tabular-nums}.lightbox-dl-btn[data-v-b3f29cc7]{display:flex;align-items:center;gap:6px;padding:7px 16px;background:#2563eb;color:#fff;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s}.lightbox-dl-btn[data-v-b3f29cc7]:hover{opacity:.85}
