.pv-tool{--pv-card: #ffffff;--pv-surface: #f7f9fc;--pv-border: #e5e9f0;--pv-border-2: #eef1f6;--pv-border-strong: #d3dae6;--pv-text: #0f172a;--pv-text-2: #55617a;--pv-text-3: #96a1b5;--pv-primary: #0d9488;--pv-primary-dark: #0f766e;--pv-primary-soft: rgba(13, 148, 136, .09);--pv-danger: #c2504b;--pv-danger-bg: rgba(194, 80, 75, .07)}.pv-tool *{box-sizing:border-box}.pv-layout{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px}.pv-file-panel,.pv-stage,.pv-export-panel{min-width:0;padding:16px;border:1px solid var(--pv-border);border-radius:14px;background:var(--pv-card);box-shadow:0 10px 28px #0f172a0d}.pv-file-panel{flex:1 1 250px;max-width:320px}.pv-stage{display:block;flex:4 1 460px}.pv-export-panel{flex:1 1 250px;max-width:320px}.pv-upload-area{margin-bottom:14px}.pv-upload-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;padding:26px 18px;border:1.5px dashed var(--pv-border-strong);border-radius:12px;background:var(--pv-surface);color:var(--pv-text-2);font-size:14px;font-weight:650;text-align:center;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.pv-upload-btn:hover{border-color:var(--pv-primary);background:var(--pv-primary-soft);color:var(--pv-primary-dark)}.pv-upload-btn.pv-loading{cursor:wait;opacity:.75}.pv-upload-icon{font-size:34px;line-height:1}.pv-upload-hint{font-size:12px;font-weight:500;color:var(--pv-text-3)}.pv-spinner{width:26px;height:26px;border:3px solid var(--pv-border);border-top-color:var(--pv-primary);border-radius:50%;animation:pv-spin 1s linear infinite}@keyframes pv-spin{to{transform:rotate(360deg)}}.pv-error{margin-top:12px;padding:10px 12px;border-left:3px solid var(--pv-danger);border-radius:8px;background:var(--pv-danger-bg);color:var(--pv-danger);font-size:13px;line-height:1.6}.pv-file-info{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--pv-primary-soft)}.pv-file-icon{font-size:18px}.pv-file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--pv-text)}.pv-clear-btn{border:none;background:transparent;color:var(--pv-text-3);font-size:13px;line-height:1;padding:4px 6px;border-radius:6px;cursor:pointer;transition:background .16s ease,color .16s ease}.pv-clear-btn:hover{background:var(--pv-danger-bg);color:var(--pv-danger)}.pv-slide-list{margin-top:16px;padding-top:14px;border-top:1px solid var(--pv-border-2)}.pv-slide-list-header{margin-bottom:10px;font-size:13px;font-weight:700;color:var(--pv-text-2)}.pv-slide-items{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow-y:auto}.pv-slide-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid transparent;border-radius:10px;background:var(--pv-surface);cursor:pointer;transition:background .16s ease,border-color .16s ease}.pv-slide-item:hover{border-color:var(--pv-border)}.pv-slide-item.active{border-color:var(--pv-primary);background:var(--pv-primary-soft)}.pv-slide-index{flex:0 0 auto;min-width:26px;padding:2px 6px;border:1px solid var(--pv-border);border-radius:6px;background:var(--pv-card);color:var(--pv-text-3);font-size:12px;font-variant-numeric:tabular-nums;text-align:center}.pv-slide-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--pv-text)}.pv-canvas-box{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16 / 9;border-radius:12px;background:#1f2937;overflow:hidden}.pv-canvas{display:block;width:100%;height:100%}.pv-placeholder{max-width:80%;text-align:center;color:#ffffffb8}.pv-placeholder-icon{display:block;margin-bottom:10px;font-size:40px;opacity:.85}.pv-placeholder p{margin:0;font-size:14px}.pv-hint{margin-top:6px!important;font-size:12px;color:#ffffff8c}.pv-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;padding:12px;border:1px solid var(--pv-border-2);border-radius:12px;background:var(--pv-surface)}.pv-control-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--pv-border-strong);border-radius:50%;background:var(--pv-card);color:var(--pv-text-2);font-size:16px;cursor:pointer;transition:border-color .16s ease,color .16s ease}.pv-control-btn:hover:not(:disabled){border-color:var(--pv-primary);color:var(--pv-primary)}.pv-control-btn:disabled{opacity:.45;cursor:not-allowed}.pv-play-btn{width:52px;height:52px;border-color:var(--pv-primary);background:var(--pv-primary);color:#fff;font-size:18px}.pv-play-btn:hover:not(:disabled){background:var(--pv-primary-dark);border-color:var(--pv-primary-dark);color:#fff}.pv-indicator{padding:7px 14px;border:1px solid var(--pv-border);border-radius:999px;background:var(--pv-card);color:var(--pv-text-2);font-size:13px;font-variant-numeric:tabular-nums;font-weight:650}.pv-settings{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:12px;padding:12px 14px;border:1px solid var(--pv-border-2);border-radius:12px;background:var(--pv-surface)}.pv-setting{display:flex;align-items:center;gap:8px}.pv-setting label{font-size:13px;color:var(--pv-text-2)}.pv-setting select{padding:6px 10px;border:1px solid var(--pv-border-strong);border-radius:8px;background:var(--pv-card);color:var(--pv-text);font-family:inherit;font-size:13px;cursor:pointer}.pv-setting select:focus{outline:none;border-color:var(--pv-primary);box-shadow:0 0 0 3px var(--pv-primary-soft)}.pv-export-card h3{margin:0 0 14px;font-size:15px;font-weight:700;color:var(--pv-text)}.pv-record-btn{width:100%;padding:13px;border:none;border-radius:10px;background:var(--pv-primary);color:#fff;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .16s ease}.pv-record-btn:hover:not(:disabled){background:var(--pv-primary-dark)}.pv-record-btn:disabled{opacity:.5;cursor:not-allowed}.pv-progress{margin-top:14px}.pv-progress-bar{height:8px;border-radius:4px;background:var(--pv-border-2);overflow:hidden}.pv-progress-fill{height:100%;background:var(--pv-primary);transition:width .3s ease}.pv-progress-text{margin-top:8px;text-align:center;font-size:13px;font-weight:650;color:var(--pv-primary);font-variant-numeric:tabular-nums}.pv-video-result{margin-top:16px;padding-top:14px;border-top:1px solid var(--pv-border-2)}.pv-video{display:block;width:100%;margin-bottom:10px;border-radius:10px;background:#000}.pv-download-btn{width:100%;padding:11px;border:1px solid var(--pv-primary);border-radius:10px;background:var(--pv-card);color:var(--pv-primary-dark);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .16s ease,color .16s ease}.pv-download-btn:hover{background:var(--pv-primary);color:#fff}.pv-tips{margin-top:16px;padding:12px 14px;border:1px solid var(--pv-border-2);border-radius:12px;background:var(--pv-surface)}.pv-tips h4{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--pv-text-2)}.pv-tips ul{margin:0;padding-left:18px;font-size:12.5px;line-height:1.9;color:var(--pv-text-3)}@media (max-width: 900px){.pv-file-panel,.pv-export-panel{max-width:none}}@media (max-width: 640px){.pv-file-panel,.pv-stage,.pv-export-panel{flex:1 1 100%}.pv-controls{flex-wrap:wrap}}