.ppt-video-tool{--pv-primary: var(--color-primary-500);--pv-primary-light: var(--color-primary-400);--pv-primary-dark: var(--color-primary-600);--pv-bg: var(--bg-page);--pv-card-bg: var(--bg-card);--pv-surface: var(--bg-muted);--pv-hover: var(--color-primary-50);--pv-border: var(--border-color);--pv-border-strong: var(--border-color-hover);--pv-text: var(--text-primary);--pv-text-secondary: var(--text-secondary);--pv-text-muted: var(--text-tertiary);--pv-danger: var(--color-danger-500);--pv-danger-bg: var(--color-danger-50);min-height:100vh;background:var(--pv-bg);color:var(--pv-text);padding:var(--space-6);font-family:var(--font-sans)}.ppt-video-tool .tool-header{text-align:center;margin-bottom:var(--space-7);padding:var(--space-7) var(--space-6);background:var(--gradient-brand);border-radius:var(--radius-xl);box-shadow:var(--shadow-primary-md)}.ppt-video-tool .tool-header h1{font-size:1.8rem;color:var(--color-white);margin:0 0 var(--space-2);font-weight:var(--font-bold)}.ppt-video-tool .tool-header p{color:#ffffffeb;margin:0;font-size:var(--text-base)}.ppt-video-tool .tool-main-layout{display:grid;grid-template-columns:280px 1fr 280px;gap:20px;max-width:1400px;margin:0 auto}.ppt-video-tool .file-panel{background:var(--pv-card-bg);border-radius:12px;border:1px solid var(--pv-border);padding:20px;box-shadow:0 1px 3px #0000000a;height:fit-content}.ppt-video-tool .upload-area{margin-bottom:18px}.ppt-video-tool .upload-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;background:var(--pv-surface);border:2px dashed var(--pv-border-strong);border-radius:12px;cursor:pointer;transition:all .3s;color:var(--pv-text-secondary)}.ppt-video-tool .upload-btn:hover:not(.loading){border-color:var(--pv-primary);background:var(--color-primary-50);color:var(--pv-primary-dark)}.ppt-video-tool .upload-btn.loading{cursor:wait;opacity:.7}.ppt-video-tool .upload-icon{font-size:48px;margin-bottom:10px}.ppt-video-tool .upload-hint{font-size:12px;color:var(--pv-text-muted);margin-top:5px}.ppt-video-tool .spinner{width:28px;height:28px;border:3px solid var(--pv-border);border-top-color:var(--pv-primary);border-radius:50%;animation:pv-spin 1s linear infinite;margin-bottom:10px}@keyframes pv-spin{to{transform:rotate(360deg)}}.ppt-video-tool .error-message{background:var(--pv-danger-bg);color:var(--pv-danger);padding:10px 12px;border-radius:8px;font-size:13px;margin-top:12px;border-left:3px solid var(--pv-danger)}.ppt-video-tool .file-info{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--pv-hover);border-radius:8px;margin-top:12px}.ppt-video-tool .file-icon{font-size:24px}.ppt-video-tool .file-name-display{flex:1;font-size:13px;color:var(--pv-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ppt-video-tool .slide-list{margin-top:18px;border-top:1px solid var(--pv-border);padding-top:14px}.ppt-video-tool .slide-list-header{font-weight:600;color:var(--pv-text);margin-bottom:12px;font-size:14px}.ppt-video-tool .slide-items{max-height:350px;overflow-y:auto}.ppt-video-tool .slide-item{display:flex;align-items:center;padding:10px;margin-bottom:6px;background:var(--pv-surface);border-radius:8px;cursor:pointer;transition:all .2s;gap:10px}.ppt-video-tool .slide-item:hover{background:var(--pv-hover)}.ppt-video-tool .slide-item.active{background:var(--color-primary-50);border-left:3px solid var(--pv-primary)}.ppt-video-tool .slide-index{font-size:12px;color:var(--pv-text-secondary);min-width:24px;text-align:center;background:#fff;padding:2px 6px;border-radius:4px;border:1px solid var(--pv-border)}.ppt-video-tool .slide-title{flex:1;font-size:13px;color:var(--pv-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ppt-video-tool .clear-btn{padding:4px 8px;background:none;border:none;color:var(--pv-text-muted);font-size:14px;cursor:pointer;transition:all .2s;border-radius:4px}.ppt-video-tool .clear-btn:hover{background:#fef2f2;color:var(--pv-danger)}.ppt-video-tool .preview-panel{background:var(--pv-card-bg);border-radius:12px;border:1px solid var(--pv-border);padding:20px;box-shadow:0 1px 3px #0000000a}.ppt-video-tool .canvas-container{background:#1f2937;border-radius:10px;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden}.ppt-video-tool .placeholder{text-align:center;color:#ffffffb3}.ppt-video-tool .placeholder-icon{font-size:56px;display:block;margin-bottom:12px;opacity:.85}.ppt-video-tool .placeholder .hint{font-size:12px;margin-top:6px;color:#ffffff8c}.ppt-video-tool .preview-canvas{max-width:100%;max-height:500px;border-radius:4px}.ppt-video-tool .controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px;padding:14px;background:var(--pv-surface);border-radius:10px;border:1px solid var(--pv-border)}.ppt-video-tool .control-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--pv-border);background:#fff;color:var(--pv-text);font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.ppt-video-tool .control-btn:hover:not(:disabled){background:var(--pv-hover);border-color:var(--pv-primary);color:var(--pv-primary);transform:scale(1.05)}.ppt-video-tool .control-btn:disabled{opacity:.4;cursor:not-allowed}.ppt-video-tool .play-btn{width:56px;height:56px;font-size:22px;background:var(--pv-primary);color:#fff;border-color:var(--pv-primary)}.ppt-video-tool .play-btn:hover:not(:disabled){background:var(--pv-primary-dark);color:#fff}.ppt-video-tool .slide-indicator{font-weight:600;color:var(--pv-text);padding:8px 16px;background:#fff;border-radius:20px;border:1px solid var(--pv-border);font-size:13px}.ppt-video-tool .settings-panel{display:flex;gap:20px;margin-top:14px;padding:14px;background:var(--pv-surface);border-radius:10px;border:1px solid var(--pv-border)}.ppt-video-tool .setting-item{display:flex;align-items:center;gap:10px}.ppt-video-tool .setting-item label{font-size:13px;color:var(--pv-text-secondary)}.ppt-video-tool .setting-item select{padding:6px 12px;border:1px solid var(--pv-border-strong);border-radius:6px;background:#fff;color:var(--pv-text);font-size:13px;cursor:pointer}.ppt-video-tool .export-panel{height:fit-content}.ppt-video-tool .export-card{background:var(--pv-card-bg);border-radius:12px;border:1px solid var(--pv-border);padding:20px;box-shadow:0 1px 3px #0000000a}.ppt-video-tool .export-card h3{font-size:16px;margin:0 0 16px;color:var(--pv-text);font-weight:600}.ppt-video-tool .record-btn{width:100%;padding:14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #10b98147}.ppt-video-tool .record-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #10b9815c}.ppt-video-tool .record-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.ppt-video-tool .progress-container{margin-top:14px}.ppt-video-tool .progress-bar{height:8px;background:var(--pv-hover);border-radius:4px;overflow:hidden}.ppt-video-tool .progress-fill{height:100%;background:linear-gradient(90deg,var(--pv-primary),var(--pv-primary-light));transition:width .3s}.ppt-video-tool .progress-text{text-align:center;margin-top:8px;font-size:13px;font-weight:600;color:var(--pv-primary)}.ppt-video-tool .video-result{margin-top:18px;padding-top:14px;border-top:1px solid var(--pv-border)}.ppt-video-tool .preview-video{width:100%;border-radius:8px;margin-bottom:12px}.ppt-video-tool .download-btn{width:100%;padding:12px;background:#fff;border:2px solid var(--pv-primary);color:var(--pv-primary);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.ppt-video-tool .download-btn:hover{background:var(--pv-primary);color:#fff}.ppt-video-tool .tips{margin-top:18px;padding:14px;background:var(--pv-surface);border-radius:10px;border:1px solid var(--pv-border)}.ppt-video-tool .tips h4{font-size:13px;margin:0 0 10px;color:var(--pv-text);font-weight:600}.ppt-video-tool .tips ul{margin:0;padding-left:18px;font-size:12px;color:var(--pv-text-secondary);line-height:1.85}@media (max-width: 1200px){.ppt-video-tool .tool-main-layout{grid-template-columns:1fr}.ppt-video-tool .file-panel{order:-1}}@media (max-width: 768px){.ppt-video-tool .settings-panel{flex-direction:column;gap:10px}}@media (prefers-color-scheme: dark){.ppt-video-tool,.ppt-video-tool .file-panel,.ppt-video-tool .preview-panel,.ppt-video-tool .export-card{background:#fff!important;color:#111827!important}.ppt-video-tool .upload-btn,.ppt-video-tool .controls,.ppt-video-tool .settings-panel,.ppt-video-tool .tips,.ppt-video-tool .slide-item{background:#f8fafc!important}.ppt-video-tool .control-btn,.ppt-video-tool .slide-indicator,.ppt-video-tool .slide-index,.ppt-video-tool .setting-item select,.ppt-video-tool .download-btn{background:#fff!important;color:#111827!important}.ppt-video-tool .play-btn,.ppt-video-tool .record-btn{color:#fff!important}.ppt-video-tool .download-btn{color:var(--pv-primary)!important}.ppt-video-tool .download-btn:hover{background:var(--pv-primary)!important;color:#fff!important}}