.video-editor-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .3s ease-out;padding:2rem}.video-editor-panel{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(203,213,225,.8);box-shadow:0 25px 50px -12px #00000040,0 20px 60px #00000080;width:95%;max-width:100%;max-height:95vh;display:flex;flex-direction:column;animation:slideUp .4s cubic-bezier(.16,1,.3,1);overflow:hidden;transition:var(--theme-transition)}[data-theme=dark] .video-editor-panel{background:#1e293bfa;border:1px solid rgba(71,85,105,.8)}.editor-header{padding:1.5rem 2rem;border-bottom:1px solid rgba(203,213,225,.5);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#667eea14,#764ba214);transition:var(--theme-transition)}[data-theme=dark] .editor-header{border-bottom:1px solid rgba(71,85,105,.5);background:linear-gradient(135deg,#667eea26,#764ba226)}.editor-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.75rem;transition:var(--theme-transition)}[data-theme=dark] .editor-header h2{color:#f8fafc}.editor-header h2 svg{width:28px;height:28px;color:#667eea}.close-btn{width:40px;height:40px;border-radius:50%;border:none;background:#ef44441a;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#ef444433;transform:scale(1.1)}.close-btn svg{width:20px;height:20px}.editor-content-with-sidebars{flex:1;display:grid;grid-template-columns:auto 1fr auto;overflow:hidden;background:#f8fafc;transition:var(--theme-transition)}.editor-content-with-sidebars{flex:1;display:grid;grid-template-columns:auto 1fr auto;overflow:hidden;background:#f8fafc;transition:var(--theme-transition);position:relative}[data-theme=dark] .editor-content-with-sidebars{background:#0f172a}.editor-content{flex:1;display:grid;grid-template-columns:auto 1fr;overflow:hidden;background:#f8fafc;transition:var(--theme-transition)}[data-theme=dark] .editor-content{background:#0f172a}.outliner-panel{width:280px;display:flex;flex-direction:column;background:#fffffff2;border-right:1px solid rgba(203,213,225,.5);overflow:hidden;transition:var(--theme-transition)}[data-theme=dark] .outliner-panel{background:#1e293bf2;border-right:1px solid rgba(71,85,105,.5)}.outliner-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid rgba(203,213,225,.5);background:linear-gradient(135deg,#667eea0d,#764ba20d)}[data-theme=dark] .outliner-header{border-bottom:1px solid rgba(71,85,105,.5);background:linear-gradient(135deg,#667eea1a,#764ba21a)}.outliner-header h3{margin:0;font-size:.9rem;font-weight:600;color:#475569;display:flex;align-items:center;gap:.5rem}[data-theme=dark] .outliner-header h3{color:#cbd5e1}.outliner-header svg{width:18px;height:18px}.outliner-actions{display:flex;gap:.25rem}.outliner-btn{padding:.4rem;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:6px;color:#667eea;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.outliner-btn:hover{background:#667eea33;border-color:#667eea4d;transform:translateY(-1px)}.outliner-btn svg{width:16px;height:16px}.outliner-clips{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.outliner-clip{display:flex;gap:.75rem;padding:.75rem;background:#f8fafccc;border:2px solid transparent;border-radius:10px;cursor:grab;transition:all .2s ease}[data-theme=dark] .outliner-clip{background:#0f172acc}.outliner-clip:hover{background:#e2e8f0cc;border-color:#667eea33;transform:translate(2px)}[data-theme=dark] .outliner-clip:hover{background:#1e293bcc}.outliner-clip.selected{background:#667eea1a;border-color:#667eea}[data-theme=dark] .outliner-clip.selected{background:#667eea33}.outliner-clip.dragging{opacity:.5;cursor:grabbing;transform:scale(.95)}.clip-thumbnail{position:relative;width:80px;height:45px;flex-shrink:0;border-radius:6px;overflow:hidden;background:#1e293b}.clip-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.thumbnail-placeholder svg{width:24px;height:24px}.clip-duration{position:absolute;bottom:2px;right:2px;background:#000c;color:#fff;font-size:.65rem;padding:1px 4px;border-radius:3px;font-family:SF Mono,Monaco,Consolas,monospace}.clip-info{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.clip-name{font-size:.85rem;font-weight:500;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .clip-name{color:#e2e8f0}.clip-actions{display:flex;gap:.25rem}.clip-action-btn{padding:.25rem;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:4px;color:#667eea;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.clip-action-btn:hover{background:#667eea33;transform:scale(1.1)}.clip-action-btn.delete{color:#ef4444;background:#ef44441a;border-color:#ef444433}.clip-action-btn.delete:hover{background:#ef444433}.clip-action-btn svg{width:14px;height:14px}.show-outliner-btn{position:absolute;top:50%;left:0;transform:translateY(-50%);padding:1rem .5rem;background:#667eeae6;border:none;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;transition:all .2s ease;z-index:10}.show-outliner-btn:hover{background:#667eea;padding-right:.75rem}.show-outliner-btn svg{width:20px;height:20px}.properties-panel{width:320px;display:flex;flex-direction:column;background:#fffffffa;border-left:2px solid rgba(203,213,225,.5);overflow-y:auto;overflow-x:hidden;transition:var(--theme-transition)}[data-theme=dark] .properties-panel{background:#1e293bfa;border-left:2px solid rgba(71,85,105,.5)}.properties-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:2px solid rgba(203,213,225,.5);background:linear-gradient(135deg,#667eea14,#764ba214);position:sticky;top:0;z-index:10}[data-theme=dark] .properties-header{border-bottom:2px solid rgba(71,85,105,.5);background:linear-gradient(135deg,#667eea26,#764ba226)}.properties-header h3{margin:0;font-size:1rem;font-weight:700;color:#334155;display:flex;align-items:center;gap:.5rem}[data-theme=dark] .properties-header h3{color:#e2e8f0}.properties-header svg{width:20px;height:20px}.properties-close-btn{padding:.4rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px;color:#ef4444;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.properties-close-btn:hover{background:#ef444433;transform:scale(1.05)}.properties-close-btn svg{width:16px;height:16px}.show-properties-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);padding:2rem .5rem;background:linear-gradient(135deg,#667eea26,#764ba226);border:1px solid rgba(102,126,234,.3);border-right:none;border-radius:8px 0 0 8px;color:#667eea;cursor:pointer;transition:all .3s ease;z-index:5}.show-properties-btn:hover{background:linear-gradient(135deg,#667eea40,#764ba240);padding-right:.75rem}.show-properties-btn svg{width:20px;height:20px}.properties-content{padding:1rem;display:flex;flex-direction:column;gap:1.5rem}.property-section{display:flex;flex-direction:column;gap:.75rem}.property-section h4{margin:0;font-size:.85rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;padding-bottom:.5rem;border-bottom:1px solid rgba(203,213,225,.3)}[data-theme=dark] .property-section h4{color:#cbd5e1;border-bottom-color:#4755694d}.transport-controls-main{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;padding:1rem;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:12px;border:1px solid rgba(102,126,234,.2);flex-wrap:wrap;max-width:100%}[data-theme=dark] .transport-controls-main{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea4d}.control-btn{position:relative;width:40px;height:40px;border-radius:50%;background:#f8fafcf2;border:2px solid #cbd5e1;color:#475569;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a;overflow:hidden;flex-shrink:0}[data-theme=dark] .control-btn{background:#334155f2;border:2px solid #475569;color:#cbd5e1;box-shadow:0 2px 8px #0000004d}.control-btn:hover{background:#667eea26;border-color:#667eea;transform:scale(1.05) translateY(-1px);box-shadow:0 4px 16px #667eea4d}.control-btn:active{transform:scale(.95)}.control-btn svg{width:20px;height:20px;transition:transform .2s ease}.control-btn:hover svg{transform:scale(1.1)}.play-pause-btn.enhanced{width:52px;height:52px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50%;position:relative;overflow:visible;box-shadow:0 4px 20px #667eea66;flex-shrink:0}.play-pause-btn.enhanced:hover{transform:scale(1.08);box-shadow:0 6px 25px #667eea99}.play-pause-btn.enhanced svg{width:28px;height:28px}.speed-ring{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;border:2px solid transparent;border-top:2px solid #10b981;transform:rotate(calc(var(--speed) * 90deg));transition:transform .3s ease;pointer-events:none}.speed-indicator{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-size:10px;font-weight:700;background:#667eea;color:#fff;padding:2px 6px;border-radius:10px;line-height:1;white-space:nowrap}.rewind-btn .speed-indicator{background:#ef4444}.fast-forward-btn .speed-indicator{background:#10b981}.speed-control-section{margin:1rem 0;padding:1rem;background:#f8fafc4d;border-radius:8px;border:1px solid rgba(203,213,225,.3);max-width:100%;overflow:hidden}[data-theme=dark] .speed-control-section{background:#0f172a4d;border-color:#4755694d}.control-label{display:block;font-size:.85rem;font-weight:600;color:#334155;margin-bottom:.5rem}[data-theme=dark] .control-label{color:#e2e8f0}.speed-value{color:#667eea;font-family:SF Mono,Monaco,Consolas,monospace}.speed-slider{width:100%;height:6px;background:#e2e8f0;border-radius:3px;outline:none;margin:.5rem 0;-webkit-appearance:none}[data-theme=dark] .speed-slider{background:#475569}.speed-slider::-webkit-slider-thumb{width:20px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;-webkit-appearance:none;box-shadow:0 2px 8px #667eea66}.speed-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #667eea66}.speed-presets{display:flex;gap:.25rem;justify-content:center;margin-top:.5rem;flex-wrap:wrap}.speed-preset-btn{width:32px;height:32px;background:#f8fafccc;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:14px}[data-theme=dark] .speed-preset-btn{background:#334155cc;border-color:#475569}.speed-preset-btn:hover{background:#667eea1a;border-color:#667eea;transform:scale(1.05)}.speed-preset-btn.active{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 2px 8px #667eea66}.mark-inout-section{margin:1rem 0;padding:1rem;background:#10b9810d;border-radius:8px;border:1px solid rgba(16,185,129,.2)}[data-theme=dark] .mark-inout-section{background:#10b9811a;border-color:#10b9814d}.mark-inout-section h5{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:#0f766e}[data-theme=dark] .mark-inout-section h5{color:#5eead4}.mark-controls{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap;max-width:100%}.mark-btn{width:55px;height:36px;background:#10b9811a;border:2px solid #10b981;border-radius:8px;color:#0f766e;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;transition:all .2s ease;flex-shrink:0}[data-theme=dark] .mark-btn{background:#10b98126;color:#5eead4}.mark-btn:hover{background:#10b98133;transform:scale(1.05)}.mark-btn svg{width:16px;height:16px}.mark-info{flex:1;min-width:100px;display:flex;flex-direction:column;gap:.25rem;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.75rem}.mark-time{padding:.25rem .5rem;background:#f8fafccc;border-radius:4px;text-align:center}[data-theme=dark] .mark-time{background:#0f172acc}.in-time{border-left:3px solid #10b981}.out-time{border-left:3px solid #ef4444}.mark-actions{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap;max-width:100%}.action-btn{padding:.35rem .7rem;background:#f8fafccc;border:1px solid #cbd5e1;border-radius:6px;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:#475569;white-space:nowrap;flex-shrink:0}[data-theme=dark] .action-btn{background:#334155cc;border-color:#475569;color:#cbd5e1}.action-btn:hover:not(:disabled){background:#667eea1a;border-color:#667eea;color:#667eea}.clear-btn:hover:not(:disabled){background:#ef44441a;border-color:#ef4444;color:#ef4444}.loop-control-section{margin:1rem 0;padding:1rem;background:#8b5cf60d;border-radius:8px;border:1px solid rgba(139,92,246,.2)}[data-theme=dark] .loop-control-section{background:#8b5cf61a;border-color:#8b5cf64d}.loop-header{display:flex;gap:1rem;margin-bottom:.75rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;cursor:pointer;color:#334155}[data-theme=dark] .checkbox-label{color:#e2e8f0}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#8b5cf6}.loop-points{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;max-width:100%}@media (max-width: 400px){.loop-points{grid-template-columns:1fr}}.loop-point{display:flex;flex-direction:column;gap:.25rem}.loop-point label{font-size:.75rem;font-weight:600;color:#6b46c1}[data-theme=dark] .loop-point label{color:#c4b5fd}.time-input{padding:.4rem .6rem;background:#f8fafccc;border:1px solid #cbd5e1;border-radius:4px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8rem}[data-theme=dark] .time-input{background:#0f172acc;border-color:#475569;color:#e2e8f0}.frame-step-section{margin:1rem 0;padding:1rem;background:#f59e0b0d;border-radius:8px;border:1px solid rgba(245,158,11,.2)}[data-theme=dark] .frame-step-section{background:#f59e0b1a;border-color:#f59e0b4d}.frame-step-section h5{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:#d97706}[data-theme=dark] .frame-step-section h5{color:#fbbf24}.frame-step-controls{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;max-width:100%}.step-btn{width:32px;height:32px;background:#f59e0b1a;border:1px solid #f59e0b;border-radius:6px;color:#d97706;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all .2s ease;flex-shrink:0}[data-theme=dark] .step-btn{background:#f59e0b26;color:#fbbf24}.step-btn:hover{background:#f59e0b33;transform:scale(1.05)}.frame-counter{padding:.5rem 1rem;background:#f8fafccc;border-radius:6px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8rem;font-weight:600;color:#475569;min-width:100px;text-align:center}[data-theme=dark] .frame-counter{background:#0f172acc;color:#e2e8f0}.shuttle-control-section{margin:1rem 0;padding:1rem;background:#3b82f60d;border-radius:8px;border:1px solid rgba(59,130,246,.2)}[data-theme=dark] .shuttle-control-section{background:#3b82f61a;border-color:#3b82f64d}.shuttle-control-section h5{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:#2563eb}[data-theme=dark] .shuttle-control-section h5{color:#93c5fd}.shuttle-wheel{position:relative;margin-bottom:.5rem}.shuttle-slider{width:100%;height:8px;background:linear-gradient(to right,#ef4444,#f59e0b,#10b981,#f59e0b,#ef4444);border-radius:4px;outline:none;-webkit-appearance:none}.shuttle-slider::-webkit-slider-thumb{width:24px;height:24px;background:#3b82f6;border-radius:50%;cursor:pointer;-webkit-appearance:none;box-shadow:0 2px 8px #3b82f666;border:2px solid white}.shuttle-slider::-moz-range-thumb{width:24px;height:24px;background:#3b82f6;border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 2px 8px #3b82f666}.shuttle-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#64748b;margin-top:.25rem}[data-theme=dark] .shuttle-labels{color:#94a3b8}.shuttle-display{text-align:center;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.85rem;font-weight:600;color:#3b82f6;padding:.5rem;background:#f8fafccc;border-radius:4px}[data-theme=dark] .shuttle-display{color:#93c5fd;background:#0f172acc}.timeline-nav-section{margin:1rem 0;padding:1rem;background:#a855f70d;border-radius:8px;border:1px solid rgba(168,85,247,.2)}[data-theme=dark] .timeline-nav-section{background:#a855f71a;border-color:#a855f74d}.timeline-nav-section h5{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:#7c3aed}[data-theme=dark] .timeline-nav-section h5{color:#c4b5fd}.nav-options{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem}.snap-tolerance{display:flex;flex-direction:column;gap:.25rem}.snap-tolerance label{font-size:.75rem;font-weight:600;color:#7c3aed}[data-theme=dark] .snap-tolerance label{color:#c4b5fd}.tolerance-slider{width:100%;height:4px;background:#e2e8f0;border-radius:2px;outline:none;-webkit-appearance:none}[data-theme=dark] .tolerance-slider{background:#475569}.tolerance-slider::-webkit-slider-thumb{width:16px;height:16px;background:#a855f7;border-radius:50%;cursor:pointer;-webkit-appearance:none;box-shadow:0 2px 6px #a855f766}.tolerance-slider::-moz-range-thumb{width:16px;height:16px;background:#a855f7;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #a855f766}.markers-section{margin:1rem 0;padding:1rem;background:#ec48990d;border-radius:8px;border:1px solid rgba(236,72,153,.2)}[data-theme=dark] .markers-section{background:#ec48991a;border-color:#ec48994d}.markers-section h5{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:#db2777}[data-theme=dark] .markers-section h5{color:#f9a8d4}.marker-controls{display:flex;gap:.5rem;margin-bottom:.75rem}.marker-type-select{flex:1;padding:.4rem .6rem;background:#f8fafccc;border:1px solid #cbd5e1;border-radius:4px;font-size:.8rem}[data-theme=dark] .marker-type-select{background:#0f172acc;border-color:#475569;color:#e2e8f0}.add-marker-btn{padding:.4rem .8rem;background:#ec4899;color:#fff;border:none;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-marker-btn:hover{background:#db2777;transform:scale(1.05)}.markers-list{display:flex;flex-direction:column;gap:.4rem;max-height:150px;overflow-y:auto;overflow-x:hidden}.markers-list::-webkit-scrollbar{width:6px}.markers-list::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.markers-list::-webkit-scrollbar-thumb{background:#ec489966;border-radius:3px}.markers-list::-webkit-scrollbar-thumb:hover{background:#ec489999}.marker-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:#f8fafccc;border-left:3px solid var(--marker-color);border-radius:4px;font-size:.8rem}[data-theme=dark] .marker-item{background:#0f172acc}.marker-icon{font-size:1rem}.marker-time{font-family:SF Mono,Monaco,Consolas,monospace;font-weight:600;color:#64748b;min-width:80px}[data-theme=dark] .marker-time{color:#94a3b8}.marker-name{flex:1;font-weight:500;color:#334155}[data-theme=dark] .marker-name{color:#e2e8f0}.marker-actions{display:flex;gap:.25rem}.goto-btn,.delete-btn{width:24px;height:24px;background:none;border:none;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .2s ease}.goto-btn:hover{background:#10b98133}.delete-btn:hover{background:#ef444433}@media (max-width: 768px){.transport-controls-main{gap:.4rem;padding:.75rem}.control-btn{width:36px;height:36px}.play-pause-btn.enhanced{width:44px;height:44px}.step-btn{width:28px;height:28px;font-size:.75rem}.mark-btn{width:50px;height:32px;font-size:.65rem}.frame-counter{min-width:80px;font-size:.75rem;padding:.4rem .6rem}}@media (max-width: 480px){.transport-controls-main{gap:.3rem;padding:.5rem}.control-btn{width:32px;height:32px}.control-btn svg{width:16px;height:16px}.play-pause-btn.enhanced{width:40px;height:40px}.play-pause-btn.enhanced svg{width:20px;height:20px}.speed-presets{gap:.2rem}.speed-preset-btn{width:28px;height:28px;font-size:12px}.mark-controls{gap:.4rem}.mark-actions{gap:.3rem}.action-btn{padding:.3rem .5rem;font-size:.65rem}}.playback-controls-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}.track-buttons{display:flex;flex-direction:column;gap:.5rem}.track-buttons .toolbar-btn{width:100%;justify-content:flex-start;padding:.75rem;font-size:.85rem}.sequencer-options{display:flex;flex-direction:column;gap:.75rem}.property-checkbox{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8fafc80;border:1px solid rgba(203,213,225,.3);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.85rem;font-weight:500;color:#334155}[data-theme=dark] .property-checkbox{background:#0f172a80;border-color:#4755694d;color:#e2e8f0}.property-checkbox:hover{background:#e2e8f080;border-color:#667eea4d}[data-theme=dark] .property-checkbox:hover{background:#1e293b80;border-color:#667eea66}.property-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px}.property-checkbox svg{width:18px;height:18px;flex-shrink:0;color:#667eea}.property-checkbox span{flex:1}.zoom-control-vertical{display:flex;flex-direction:column;gap:.75rem}.zoom-buttons-row{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem;align-items:center}.zoom-slider-vertical{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#10b981,#06b6d4);border-radius:4px;outline:none;cursor:pointer}.zoom-slider-vertical::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border:2px solid #10b981;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003}.zoom-slider-vertical::-moz-range-thumb{width:20px;height:20px;background:#fff;border:2px solid #10b981;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003}.editor-tabs-vertical{display:flex;flex-direction:column;gap:.5rem}.tab-btn-vertical{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8fafc80;border:1px solid rgba(203,213,225,.3);border-radius:8px;color:#64748b;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}[data-theme=dark] .tab-btn-vertical{background:#0f172a80;border-color:#4755694d;color:#94a3b8}.tab-btn-vertical:hover{background:#e2e8f080;border-color:#667eea4d;color:#667eea}[data-theme=dark] .tab-btn-vertical:hover{background:#1e293b80;border-color:#667eea66}.tab-btn-vertical.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.tab-btn-vertical svg{width:18px;height:18px}.property-input{width:100%;padding:.75rem;border:1px solid rgba(203,213,225,.5);border-radius:8px;background:#f8fafc80;color:#334155;font-size:.9rem;transition:all .2s ease}[data-theme=dark] .property-input{background:#0f172a80;border-color:#47556980;color:#e2e8f0}.property-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.property-control{margin-bottom:10px}.property-control label{display:block;margin-bottom:4px;color:var(--text-primary);font-size:13px}.property-control input[type=range]{width:100%;height:6px;border-radius:3px;background:#667eea33;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.property-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer;box-shadow:0 2px 4px #0003}.property-control input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.property-btn{font-family:inherit;transition:all .2s ease}.property-btn:hover{opacity:.8;transform:translateY(-1px)}.main-content-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff;transition:var(--theme-transition)}[data-theme=dark] .main-content-area{background:#0f172a}.sequencer-wrapper{flex:1;overflow:hidden;display:flex;flex-direction:column}.video-preview-section{position:relative;flex:1 1 auto;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e293b,#0f172a);min-height:350px;max-height:50vh;overflow:hidden;padding:1.5rem;transition:box-shadow .3s ease}.video-preview-section.previewing-clip{box-shadow:inset 0 0 0 3px #fbbf2466;animation:preview-pulse 2s ease-in-out}@keyframes preview-pulse{0%,to{box-shadow:inset 0 0 0 3px #fbbf2466}50%{box-shadow:inset 0 0 0 3px #fbbf24b3}}.editor-video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.video-overlay{position:absolute;top:1rem;left:1rem;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:.5rem 1rem}.time-indicator{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.9rem;color:#fff;font-weight:600}.controls-section{padding:.75rem 1.5rem;background:#fff;border-top:1px solid rgba(203,213,225,.5);transition:var(--theme-transition);display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;flex-shrink:0;max-height:35vh}[data-theme=dark] .controls-section{background:#1e293bf2;border-top:1px solid rgba(71,85,105,.5)}.editor-tabs{display:flex;gap:.5rem;border-bottom:2px solid rgba(203,213,225,.3);margin-bottom:.5rem;overflow-x:auto;flex-wrap:nowrap;flex-shrink:0}[data-theme=dark] .editor-tabs{border-bottom:2px solid rgba(71,85,105,.3)}.tab-btn{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#64748b;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}[data-theme=dark] .tab-btn{color:#94a3b8}.tab-btn svg{width:18px;height:18px}.tab-btn:hover{color:#667eea;background:#667eea0d}.tab-btn.active{color:#667eea;border-bottom-color:#667eea;background:#667eea1a}.tab-btn.creator-tools-btn{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom:3px solid transparent;position:relative;overflow:hidden}.tab-btn.creator-tools-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease;pointer-events:none}.tab-btn.creator-tools-btn:hover:before{left:100%}.tab-btn.creator-tools-btn:hover{background:linear-gradient(135deg,#667eea33,#764ba233);color:#667eea;transform:translateY(-2px)}.tab-btn.creator-tools-btn.active{background:linear-gradient(135deg,#667eea40,#764ba240);border-bottom-color:#667eea;box-shadow:0 4px 15px #667eea4d}.filters-panel,.audio-panel{padding:1rem;background:#f8fafc80;border-radius:12px;border:1px solid rgba(203,213,225,.3)}[data-theme=dark] .filters-panel,[data-theme=dark] .audio-panel{background:#0f172a80;border:1px solid rgba(71,85,105,.3)}.filters-header,.audio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.filters-header h3,.audio-header h3{margin:0;font-size:1rem;font-weight:600;color:#1e293b}[data-theme=dark] .filters-header h3,[data-theme=dark] .audio-header h3{color:#f8fafc}.reset-btn{padding:.5rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.reset-btn:hover{background:#ef444433;border-color:#ef4444}.add-text-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:12px;box-shadow:0 2px 8px #667eea4d}.add-text-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.add-text-btn:active{transform:translateY(0);box-shadow:0 2px 6px #667eea4d}.add-text-btn svg{width:18px;height:18px}.text-overlay-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.text-overlay-item{display:flex;align-items:center;gap:8px;background:#f8fafc80;border:1px solid #e2e8f0;border-radius:8px;padding:4px;transition:all .2s ease}[data-theme=dark] .text-overlay-item{background:#33415580;border-color:#475569}.text-overlay-item:hover{background:#f8fafccc;border-color:#cbd5e1}[data-theme=dark] .text-overlay-item:hover{background:#334155cc;border-color:#64748b}.text-overlay-item.selected{background:#667eea26;border-color:#667eea}[data-theme=dark] .text-overlay-item.selected{background:#667eea33;border-color:#818cf8}.text-overlay-select{flex:1;padding:10px 12px;background:transparent;border:none;color:#334155;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:color .2s ease}[data-theme=dark] .text-overlay-select{color:#e2e8f0}.text-overlay-select:hover{color:#667eea}.text-overlay-select span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.text-overlay-delete{width:32px;height:32px;padding:0;background:transparent;border:1px solid transparent;border-radius:6px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}[data-theme=dark] .text-overlay-delete{color:#94a3b8}.text-overlay-delete:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.text-overlay-delete svg{width:16px;height:16px}.filter-controls,.audio-controls{display:flex;flex-direction:column;gap:1rem}.filter-control,.audio-control{display:flex;flex-direction:column;gap:.5rem}.filter-control label,.audio-control label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:#475569}[data-theme=dark] .filter-control label,[data-theme=dark] .audio-control label{color:#cbd5e1}.filter-control label svg,.audio-control label svg{width:16px;height:16px;color:#667eea}.filter-control input[type=range],.audio-control input[type=range]{width:100%;height:6px;border-radius:3px;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#667eea 0%,#667eea var(--value, 50%),#e2e8f0 var(--value, 50%),#e2e8f0 100%);cursor:pointer}[data-theme=dark] .filter-control input[type=range],[data-theme=dark] .audio-control input[type=range]{background:linear-gradient(to right,#667eea 0%,#667eea var(--value, 50%),#334155 var(--value, 50%),#334155 100%)}.filter-control input[type=range]::-webkit-slider-thumb,.audio-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#667eea;cursor:pointer;box-shadow:0 2px 8px #667eea66;transition:all .2s ease}.filter-control input[type=range]::-webkit-slider-thumb:hover,.audio-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #667eea99}.filter-control input[type=range]::-moz-range-thumb,.audio-control input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#667eea;cursor:pointer;border:none;box-shadow:0 2px 8px #667eea66;transition:all .2s ease}.filter-control input[type=range]::-moz-range-thumb:hover,.audio-control input[type=range]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #667eea99}.speed-presets{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin-top:.5rem}.preset-btn{padding:.5rem;background:#f8fafcf2;border:2px solid #cbd5e1;border-radius:8px;color:#475569;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}[data-theme=dark] .preset-btn{background:#334155f2;border:2px solid #475569;color:#cbd5e1}.preset-btn:hover{background:#667eea1a;border-color:#667eea;color:#667eea;transform:translateY(-2px)}.preset-btn:active{transform:translateY(0)}.playback-controls{display:flex;justify-content:center;gap:.75rem}.control-btn{width:48px;height:48px;border-radius:50%;background:#f8fafcf2;border:2px solid #cbd5e1;color:#475569;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}[data-theme=dark] .control-btn{background:#334155f2;border:2px solid #475569;color:#cbd5e1}.control-btn:hover{background:#667eea1a;border-color:#667eea;transform:scale(1.1)}.control-btn svg{width:20px;height:20px}.play-pause-btn{width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50%}.play-pause-btn:hover{transform:scale(1.1);box-shadow:0 4px 20px #667eea66}.play-pause-btn svg{width:24px;height:24px}.sequencer-section{margin-top:0;padding-top:.5rem;position:relative;padding-bottom:.5rem;display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:0}.sequencer-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .75rem;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:8px;border:1px solid rgba(102,126,234,.1);flex-shrink:0}.sequencer-toolbar{display:flex;align-items:center;gap:.5rem}.toolbar-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.8rem;font-weight:600;border:1px solid rgba(102,126,234,.3);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease}.toolbar-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.toolbar-btn svg{width:16px;height:16px}.toolbar-divider{width:1px;height:24px;background:#667eea33;margin:0 .25rem}.toolbar-checkbox{display:flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:500;color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none}.toolbar-checkbox input[type=checkbox]{cursor:pointer}.sequencer-zoom-controls{display:flex;align-items:center;padding:.5rem .75rem;background:linear-gradient(135deg,#10b98114,#06b6d414);border-radius:8px;border:1px solid rgba(16,185,129,.15)}[data-theme=dark] .sequencer-zoom-controls{background:linear-gradient(135deg,#10b98126,#06b6d426);border:1px solid rgba(16,185,129,.25)}.zoom-control-group{display:flex;align-items:center;gap:.5rem}.zoom-label{font-size:.8rem;font-weight:600;color:#64748b;white-space:nowrap}[data-theme=dark] .zoom-label{color:#94a3b8}.zoom-slider{width:120px;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#10b981,#06b6d4);border-radius:3px;outline:none;cursor:pointer}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#fff;border:2px solid #10b981;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003;transition:all .2s ease}.zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 6px #0000004d}.zoom-slider::-moz-range-thumb{width:16px;height:16px;background:#fff;border:2px solid #10b981;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003;transition:all .2s ease}.zoom-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 3px 6px #0000004d}[data-theme=dark] .zoom-slider::-webkit-slider-thumb{border-color:#06b6d4}[data-theme=dark] .zoom-slider::-moz-range-thumb{border-color:#06b6d4}.sequencer-header{display:flex;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}[data-theme=dark] .sequencer-header{background:#1e293b;border-color:#334155}.track-header-spacer{width:150px;padding:.75rem 1rem;font-weight:600;font-size:.85rem;color:#64748b;border-right:2px solid #e2e8f0;background:linear-gradient(135deg,#667eea14,#764ba214);display:flex;flex-direction:column;gap:.5rem}.track-count-controls{display:flex;gap:.25rem;align-items:center}.track-count-btn{width:24px;height:24px;padding:0;border:1px solid #cbd5e1;background:#fff;color:#475569;border-radius:4px;font-size:16px;font-weight:700;line-height:1;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.track-count-btn:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea;transform:scale(1.1)}.track-count-btn:disabled{opacity:.4;cursor:not-allowed}[data-theme=dark] .track-count-btn{background:#1e293b;border-color:#475569;color:#cbd5e1}[data-theme=dark] .track-count-btn:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea}[data-theme=dark] .track-header-spacer{border-right-color:#334155;background:linear-gradient(135deg,#667eea26,#764ba226)}.sequencer-time-ruler{position:sticky;top:0;z-index:10;flex:1;height:28px;overflow-x:auto;overflow-y:hidden;background:repeating-linear-gradient(90deg,transparent,transparent 99px,rgba(102,126,234,.1) 99px,rgba(102,126,234,.1) 100px)}.time-mark{position:absolute;top:0;display:flex;flex-direction:column;align-items:center}.time-tick{width:2px;height:10px;background:#667eea}.time-label{font-size:.7rem;color:#64748b;font-family:SF Mono,Monaco,Consolas,monospace;margin-top:2px}.sequencer-container{position:relative;max-height:600px;min-height:300px;height:60vh;overflow-y:auto;overflow-x:auto;background:#fff;border:1px solid #e2e8f0;border-radius:8px}.sequencer-container::-webkit-scrollbar{width:14px;height:14px}.sequencer-container::-webkit-scrollbar-track{background:#0000000d;border-radius:8px}.sequencer-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;border:3px solid transparent;background-clip:padding-box}.sequencer-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5568d3,#6941a0);background-clip:padding-box}.sequencer-container::-webkit-scrollbar-corner{background:#0000000d}[data-theme=dark] .sequencer-container{background:#0f172a;border-color:#334155}[data-theme=dark] .sequencer-container::-webkit-scrollbar-track{background:#ffffff0d}[data-theme=dark] .sequencer-container::-webkit-scrollbar-corner{background:#ffffff0d}.sequencer-track{display:flex;border-bottom:1px solid #e2e8f0;transition:background .2s ease;min-height:60px}[data-theme=dark] .sequencer-track{border-bottom-color:#334155}.sequencer-track:hover{background:#667eea05}.track-header{width:140px;padding:.5rem;background:#f8fafc;border-right:2px solid #e2e8f0;display:flex;flex-direction:column;gap:.4rem;flex-shrink:0}[data-theme=dark] .track-header{background:#1e293b;border-right-color:#334155}.track-name{font-size:.85rem;font-weight:600;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .track-name{color:#e2e8f0}.track-controls{display:flex;gap:.25rem}.track-control-btn{flex:1;padding:.3rem;border:1px solid #cbd5e1;background:#fff;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:.7rem;font-weight:600;color:#64748b;display:flex;align-items:center;justify-content:center}.track-control-btn svg{width:12px;height:12px}.track-control-btn:hover{background:#f1f5f9;border-color:#94a3b8}.track-control-btn.active{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff}[data-theme=dark] .track-control-btn{background:#0f172a;border-color:#475569;color:#94a3b8}[data-theme=dark] .track-control-btn:hover{background:#1e293b;border-color:#64748b}.track-timeline{position:relative;flex:1;overflow:hidden;transition:background .2s ease,box-shadow .2s ease}.track-timeline.drop-target{background:#667eea1a;box-shadow:inset 0 0 0 2px #667eea80}[data-theme=dark] .track-timeline.drop-target{background:#667eea33;box-shadow:inset 0 0 0 2px #667eea99}.track-grid-line{position:absolute;top:0;bottom:0;width:1px;background:#94a3b833;pointer-events:none}.sequencer-clip{position:absolute;top:4px;bottom:4px;border-radius:6px;cursor:move;transition:transform .1s ease,box-shadow .2s ease;overflow:hidden;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0003}.sequencer-clip:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d;border-color:#ffffff80}.sequencer-clip.selected{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf244d,0 4px 12px #0000004d;z-index:10}.sequencer-clip.dragging{opacity:.7;cursor:grabbing;z-index:20}.clip-thumbnail-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;opacity:.3;filter:blur(2px)}.clip-transition-indicator{position:absolute;top:0;bottom:0;z-index:1;pointer-events:none}.clip-transition-indicator.fade-in{left:0;background:linear-gradient(to right,rgba(0,0,0,.6) 0%,rgba(0,0,0,.4) 50%,transparent 100%);border-right:2px solid rgba(102,126,234,.6)}.clip-transition-indicator.fade-out{right:0;background:linear-gradient(to left,rgba(0,0,0,.6) 0%,rgba(0,0,0,.4) 50%,transparent 100%);border-left:2px solid rgba(239,68,68,.6)}[data-theme=dark] .clip-transition-indicator.fade-in{background:linear-gradient(to right,rgba(102,126,234,.4) 0%,rgba(102,126,234,.2) 50%,transparent 100%)}[data-theme=dark] .clip-transition-indicator.fade-out{background:linear-gradient(to left,rgba(239,68,68,.4) 0%,rgba(239,68,68,.2) 50%,transparent 100%)}.clip-content{position:relative;padding:.5rem;display:flex;flex-direction:column;gap:.25rem;height:100%;z-index:1}.clip-name-label{font-size:.75rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-duration-label{font-size:.65rem;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.5);font-family:SF Mono,Monaco,Consolas,monospace}.clip-handle{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;background:#ffffff4d;opacity:0;transition:opacity .2s ease}.sequencer-clip:hover .clip-handle{opacity:1}.clip-handle-left{left:0;border-left:2px solid rgba(255,255,255,.8)}.clip-handle-right{right:0;border-right:2px solid rgba(255,255,255,.8)}.clip-delete-btn{position:absolute;top:2px;right:2px;width:20px;height:20px;border:none;background:#ef4444e6;color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;opacity:0;transition:all .2s ease;z-index:2}.sequencer-clip:hover .clip-delete-btn{opacity:1}.clip-delete-btn:hover{background:#dc2626;transform:scale(1.1)}.sequencer-playhead{position:absolute;top:0;pointer-events:auto;z-index:100;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;padding-left:20px;padding-right:20px;margin-left:-20px}.sequencer-playhead:active{cursor:grabbing}.playhead-line-sequencer{width:2px;min-height:100vh;background:#ef4444;box-shadow:0 0 8px #ef444499;pointer-events:none}.playhead-head-sequencer{width:16px;height:16px;background:#ef4444;border:3px solid white;border-radius:50%;position:absolute;top:-8px;left:-7px;box-shadow:0 2px 12px #ef4444cc;cursor:grab;transition:transform .1s ease}.playhead-head-sequencer:hover{transform:scale(1.2)}.playhead-head-sequencer:active{cursor:grabbing;transform:scale(1.3)}.playhead-time-sequencer{position:absolute;top:-24px;left:-20px;padding:2px 6px;background:#ef4444;color:#fff;border-radius:4px;font-size:.7rem;font-weight:600;font-family:SF Mono,Monaco,Consolas,monospace;white-space:nowrap;box-shadow:0 2px 8px #0003}.timeline-section{margin-top:0;padding-top:2.5rem;position:relative;padding-bottom:.5rem}.timeline-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem}.timeline-labels{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#64748b;font-family:SF Mono,Monaco,Consolas,monospace;transition:var(--theme-transition);flex:1;gap:1rem}[data-theme=dark] .timeline-labels{color:#94a3b8}.time-label{font-family:SF Mono,Monaco,Consolas,monospace;color:#64748b}[data-theme=dark] .time-label{color:#94a3b8}.trim-duration{color:#667eea;font-weight:600}.timeline-zoom-controls{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:linear-gradient(135deg,#667eea14,#764ba214);border-radius:8px;border:1px solid rgba(102,126,234,.15)}[data-theme=dark] .timeline-zoom-controls{background:linear-gradient(135deg,#667eea26,#764ba226);border:1px solid rgba(102,126,234,.25)}.zoom-btn{padding:.35rem .75rem;font-size:.8rem;font-weight:600;border:1px solid rgba(102,126,234,.3);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease;font-family:SF Mono,Monaco,Consolas,monospace}.zoom-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d;border-color:#667eea80}.zoom-btn:active:not(:disabled){transform:translateY(0)}.zoom-btn:disabled{opacity:.4;cursor:not-allowed}.zoom-btn.reset-zoom{background:linear-gradient(135deg,#475569,#64748b);min-width:50px}.zoom-level{font-size:.85rem;font-weight:700;color:#667eea;font-family:SF Mono,Monaco,Consolas,monospace;min-width:45px;text-align:center}[data-theme=dark] .zoom-level{color:#818cf8}.snap-checkbox,.frame-numbers-checkbox{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none}[data-theme=dark] .snap-checkbox,[data-theme=dark] .frame-numbers-checkbox{color:#cbd5e1}.snap-checkbox input,.frame-numbers-checkbox input{cursor:pointer;width:16px;height:16px;accent-color:#667eea}.snap-checkbox span,.frame-numbers-checkbox span{display:flex;align-items:center;gap:.25rem}.timeline-ruler{position:relative;height:24px;background:linear-gradient(to bottom,#f8fafc,#f1f5f9);border:1px solid #cbd5e1;border-bottom:2px solid #94a3b8;margin-bottom:8px;border-radius:6px 6px 0 0;overflow:hidden}[data-theme=dark] .timeline-ruler{background:linear-gradient(to bottom,#1e293b,#0f172a);border:1px solid #475569;border-bottom:2px solid #64748b}.ruler-mark{position:absolute;top:0;height:100%;display:flex;flex-direction:column;align-items:center;pointer-events:none}.ruler-tick{background:#64748b;transition:var(--theme-transition)}[data-theme=dark] .ruler-tick{background:#94a3b8}.ruler-tick.major{width:2px;height:14px;background:#475569}[data-theme=dark] .ruler-tick.major{background:#cbd5e1}.ruler-tick.minor{width:1px;height:8px;opacity:.5}.ruler-label{font-size:.7rem;color:#475569;font-weight:600;margin-top:2px;font-family:SF Mono,Monaco,Consolas,monospace;text-shadow:0 1px 2px rgba(255,255,255,.8)}[data-theme=dark] .ruler-label{color:#cbd5e1;text-shadow:0 1px 2px rgba(0,0,0,.5)}.frame-markers{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.frame-marker{position:absolute;top:0;bottom:0;width:1px;background:#667eea26;transition:var(--theme-transition)}.frame-marker.medium{background:#667eea40;width:1.5px}.frame-marker.major{background:#667eea59;width:2px;position:relative}.frame-number{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:.65rem;color:#667eea;font-weight:600;font-family:SF Mono,Monaco,Consolas,monospace;background:#ffffffe6;padding:1px 4px;border-radius:3px;white-space:nowrap;pointer-events:none}[data-theme=dark] .frame-number{color:#818cf8;background:#1e293bf2}.timeline-info{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:8px;margin-top:10px;border:1px solid rgba(102,126,234,.1);gap:1rem}[data-theme=dark] .timeline-info{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.2)}.info-item{font-size:.85rem;color:#475569;font-weight:600;font-family:SF Mono,Monaco,Consolas,monospace;display:flex;align-items:center;gap:.35rem}[data-theme=dark] .info-item{color:#cbd5e1}.timeline{position:relative;height:60px;background:linear-gradient(to bottom,#f1f5f9,#e2e8f0);border-radius:0 0 8px 8px;cursor:pointer;overflow:visible;border:1px solid #cbd5e1;border-top:none;transition:var(--theme-transition);box-shadow:inset 0 2px 4px #0000000d}[data-theme=dark] .timeline{background:linear-gradient(to bottom,#1e293b,#0f172a);border:1px solid #475569;border-top:none;box-shadow:inset 0 2px 4px #0000004d}.trim-overlay{position:absolute;top:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.trim-overlay.left{left:0}.trim-overlay.right{right:0}.trim-handle{position:absolute;top:0;bottom:0;width:16px;margin-left:-8px;cursor:ew-resize;z-index:3;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.trim-handle:hover .handle-line{background:#667eea;box-shadow:0 0 15px #667eeab3;transform:scaleX(1.5)}.handle-line{width:6px;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px;transition:all .2s ease;box-shadow:0 0 8px #667eea80,0 2px 4px #0000004d;border:2px solid rgba(255,255,255,.3);position:relative;display:flex;align-items:center;justify-content:center}.handle-grip{width:2px;height:20px;background:#ffffffb3;border-radius:1px;box-shadow:-2px 0 #ffffff80,2px 0 #ffffff80}.handle-label{position:absolute;top:-32px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.35rem .6rem;border-radius:8px;font-size:.75rem;font-weight:700;white-space:nowrap;pointer-events:none;font-family:SF Mono,Monaco,Consolas,monospace;box-shadow:0 4px 12px #0000004d;border:1px solid rgba(255,255,255,.2)}.trim-start .handle-line{background:linear-gradient(135deg,#10b981,#059669);border-top-left-radius:8px;border-bottom-left-radius:8px;box-shadow:0 0 8px #10b98180,0 2px 4px #0000004d}.trim-start .handle-label{background:linear-gradient(135deg,#10b981,#059669)}.trim-start:hover .handle-line{background:#10b981;box-shadow:0 0 15px #10b981b3}.trim-end .handle-line{background:linear-gradient(135deg,#ef4444,#dc2626);border-top-right-radius:8px;border-bottom-right-radius:8px;box-shadow:0 0 8px #ef444480,0 2px 4px #0000004d}.trim-end .handle-label{background:linear-gradient(135deg,#ef4444,#dc2626)}.trim-end:hover .handle-line{background:#ef4444;box-shadow:0 0 15px #ef4444b3}.playhead{position:absolute;top:-30px;bottom:0;width:4px;margin-left:-2px;z-index:5;pointer-events:none;display:flex;flex-direction:column;align-items:center}.playhead-head{width:16px;height:16px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;border:3px solid white;box-shadow:0 2px 8px #3b82f666,0 0 0 2px #3b82f633;animation:playheadPulse 1.5s infinite;margin-bottom:2px}[data-theme=dark] .playhead-head{border-color:#0f172a}.playhead-line{width:3px;flex:1;background:linear-gradient(to bottom,#3b82f6,#3b82f680);box-shadow:0 0 8px #3b82f699;border-radius:0 0 2px 2px}.playhead-time{position:absolute;top:-26px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:.3rem .6rem;border-radius:6px;font-size:.7rem;font-weight:700;white-space:nowrap;font-family:SF Mono,Monaco,Consolas,monospace;box-shadow:0 4px 12px #0000004d;border:1px solid rgba(255,255,255,.3)}@keyframes playheadPulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #3b82f666,0 0 0 2px #3b82f633}50%{transform:scale(1.1);box-shadow:0 4px 12px #3b82f699,0 0 0 4px #3b82f64d}}.editor-footer{padding:1rem 2rem;border-top:1px solid rgba(203,213,225,.5);background:#fff;display:flex;justify-content:space-between;align-items:center;gap:2rem;transition:var(--theme-transition);flex-shrink:0}[data-theme=dark] .editor-footer{background:#1e293bf2;border-top:1px solid rgba(71,85,105,.5)}.trim-info{display:flex;gap:2rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item .label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:600;transition:var(--theme-transition)}[data-theme=dark] .info-item .label{color:#94a3b8}.info-item .value{font-family:SF Mono,Monaco,Consolas,monospace;font-size:1rem;color:#1e293b;font-weight:600;transition:var(--theme-transition)}.info-item .value.active{color:#667eea;font-weight:700}[data-theme=dark] .info-item .value{color:#f8fafc}.action-buttons{display:flex;gap:1rem}.action-btn{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:12px;border:none;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.action-btn svg{width:14px;height:14px}.action-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-btn{background:#f1f5f9;color:#475569;border:2px solid #cbd5e1;box-shadow:0 2px 4px #0000001a}[data-theme=dark] .cancel-btn{background:#334155f2;color:#cbd5e1;border:2px solid #475569}.cancel-btn:hover:not(:disabled){background:var(--bg-glass);border-color:#ef4444;color:#ef4444}.reset-all-btn{background:#f59e0b1a;color:#f59e0b;border:2px solid rgba(245,158,11,.3);box-shadow:0 2px 4px #0000001a}.reset-all-btn:hover:not(:disabled){background:#f59e0b33;border-color:#f59e0b;transform:translateY(-2px)}.save-btn{background:#10b981;color:#fff;box-shadow:0 4px 12px #10b9814d}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166;background:#059669}.save-btn svg{width:14px;height:14px}.session-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.session-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66;background:linear-gradient(135deg,#d97706,#b45309)}.session-btn svg{width:14px;height:14px}.export-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.export-btn svg{width:14px;height:14px}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px;border-radius:8px;background:#667eea0d;transition:all .2s ease;margin:8px 0}[data-theme=dark] .checkbox-label,.checkbox-label:hover{background:#667eea1a}[data-theme=dark] .checkbox-label:hover{background:#667eea26}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.checkbox-label span{font-size:.95rem;color:#1e293b;font-weight:500}[data-theme=dark] .checkbox-label span{color:#e2e8f0}h4{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid rgba(102,126,234,.2);padding-bottom:6px}[data-theme=dark] h4{border-bottom-color:#667eea4d}select{font-family:inherit;font-size:.95rem;cursor:pointer;transition:all .2s ease}select:hover{border-color:#667eea!important}select:focus{outline:none;border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a}input[type=color]{cursor:pointer;transition:all .2s ease}input[type=color]:hover{transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.export-dropdown{position:relative}.export-menu{position:absolute;bottom:100%;right:0;margin-bottom:10px;width:500px;max-height:600px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;border:1px solid #e2e8f0;z-index:1000;animation:slideUpFade .3s ease-out;overflow:hidden;display:flex;flex-direction:column}[data-theme=dark] .export-menu{background:#1e293b;border:1px solid #475569}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.export-menu-header{padding:1.25rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#667eea14,#764ba214)}[data-theme=dark] .export-menu-header{border-bottom:1px solid #475569}.export-menu-header h3{margin:0;font-size:1.1rem;color:#1e293b;font-weight:700}[data-theme=dark] .export-menu-header h3{color:#f8fafc}.close-menu-btn{width:32px;height:32px;border-radius:50%;border:none;background:#ef44441a;color:#ef4444;font-size:1.2rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-menu-btn:hover{background:#ef444433;transform:scale(1.1)}.export-menu-content{flex:1;overflow-y:auto;padding:1.25rem}.export-section{margin-bottom:1.5rem}.export-section h4{margin:0 0 .75rem;font-size:.85rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600}[data-theme=dark] .export-section h4{color:#94a3b8}.export-type-buttons,.audio-format-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.type-btn,.format-btn{padding:.75rem 1rem;border:2px solid #e2e8f0;background:#fff;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:#64748b}[data-theme=dark] .type-btn,[data-theme=dark] .format-btn{background:#0f172a;border:2px solid #334155;color:#94a3b8}.type-btn:hover,.format-btn:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.type-btn.active,.format-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;box-shadow:0 4px 12px #667eea4d}.quality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.quality-btn{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1rem;border:2px solid #e2e8f0;background:#fff;border-radius:12px;cursor:pointer;transition:all .2s ease}[data-theme=dark] .quality-btn{background:#0f172a;border:2px solid #334155}.quality-btn:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 6px 20px #667eea33}.quality-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 6px 20px #667eea4d}.quality-icon{font-size:1.75rem}.quality-label{font-size:.95rem;font-weight:700;color:#1e293b}[data-theme=dark] .quality-label{color:#f8fafc}.quality-btn.active .quality-label{color:#fff}.quality-specs{font-size:.75rem;color:#64748b;font-weight:500}[data-theme=dark] .quality-specs{color:#94a3b8}.quality-btn.active .quality-specs{color:#ffffffe6}.format-select{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:10px;background:#fff;font-size:.95rem;font-weight:500;cursor:pointer;color:#1e293b}[data-theme=dark] .format-select{background:#0f172a;border:2px solid #334155;color:#f8fafc}.format-select:hover,.format-select:focus{border-color:#667eea;outline:none}.export-menu-footer{padding:.75rem 1rem;border-top:1px solid #e2e8f0;background:#f8fafc80}[data-theme=dark] .export-menu-footer{border-top:1px solid #475569;background:#0f172a80}.primary-export-btn{width:100%;padding:.65rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:16px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d}.primary-export-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.primary-export-btn:active{transform:translateY(0)}@media (max-width: 768px){.video-editor-modal{padding:0}.video-editor-panel{max-width:100%;max-height:100vh;border-radius:0}.editor-header,.controls-section,.editor-footer{padding-left:1rem;padding-right:1rem}.editor-footer{flex-direction:column;gap:1rem}.trim-info{width:100%;justify-content:space-around}.action-buttons{width:100%;flex-direction:column}.action-btn{width:100%;justify-content:center}.playback-controls{gap:.5rem}.ruler-label:nth-child(2n){display:none}.timeline-info{flex-direction:column;gap:.5rem;align-items:flex-start}.info-item{font-size:.75rem}.timeline-ruler{height:25px}.export-menu{width:95vw;max-height:80vh}.quality-grid{grid-template-columns:1fr}.control-btn{width:40px;height:40px}.play-pause-btn{width:48px;height:48px}}.save-option-item:hover{background:#ffffff1a!important;border-color:#667eea80!important;transform:translate(4px)}.save-options-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.close-menu-btn:hover{color:#fff!important;background:#ffffff1a!important;border-radius:4px}.text-overlay.svelte-13qhzlm{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;white-space:pre-wrap;word-wrap:break-word;max-width:80%;min-width:50px;min-height:30px;z-index:10;transition:box-shadow .2s ease}.text-overlay.svelte-13qhzlm:hover{box-shadow:0 0 0 2px #3b82f680}.text-overlay.selected.svelte-13qhzlm{box-shadow:0 0 0 2px #3b82f6;outline:none}.text-overlay.dragging.svelte-13qhzlm{cursor:grabbing;opacity:.8}.resize-handles.svelte-13qhzlm{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;pointer-events:none}.resize-handle.svelte-13qhzlm{position:absolute;width:12px;height:12px;background:#fff;border:2px solid #3b82f6;border-radius:50%;pointer-events:all}.resize-handle.nw.svelte-13qhzlm{top:-6px;left:-6px;cursor:nw-resize}.resize-handle.ne.svelte-13qhzlm{top:-6px;right:-6px;cursor:ne-resize}.resize-handle.sw.svelte-13qhzlm{bottom:-6px;left:-6px;cursor:sw-resize}.resize-handle.se.svelte-13qhzlm{bottom:-6px;right:-6px;cursor:se-resize}.text-overlay-editor.svelte-m6xkcv.svelte-m6xkcv{padding:20px;background:#fff;border-radius:8px;max-height:80vh;overflow-y:auto}.text-overlay-editor.dark.svelte-m6xkcv.svelte-m6xkcv{background:#1f2937;color:#f3f4f6}h3.svelte-m6xkcv.svelte-m6xkcv{margin:0 0 20px;font-size:18px;font-weight:600}h4.svelte-m6xkcv.svelte-m6xkcv{margin:0 0 12px;font-size:14px;font-weight:600;color:#6b7280}.dark.svelte-m6xkcv h4.svelte-m6xkcv{color:#9ca3af}.editor-section.svelte-m6xkcv.svelte-m6xkcv{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.dark.svelte-m6xkcv .editor-section.svelte-m6xkcv{border-bottom-color:#374151}.editor-section.svelte-m6xkcv.svelte-m6xkcv:last-child{border-bottom:none}label.svelte-m6xkcv.svelte-m6xkcv{display:block;font-size:13px;font-weight:500;margin-bottom:8px;color:#374151}.dark.svelte-m6xkcv label.svelte-m6xkcv{color:#d1d5db}textarea.svelte-m6xkcv.svelte-m6xkcv{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;background:#fff;color:#111827}.dark.svelte-m6xkcv textarea.svelte-m6xkcv{background:#374151;border-color:#4b5563;color:#f3f4f6}textarea.svelte-m6xkcv.svelte-m6xkcv:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-group.svelte-m6xkcv.svelte-m6xkcv{margin-bottom:16px}input[type=range].svelte-m6xkcv.svelte-m6xkcv{width:100%;height:6px;border-radius:3px;background:#e5e7eb;outline:none;margin:8px 0}.dark.svelte-m6xkcv input[type=range].svelte-m6xkcv{background:#4b5563}input[type=range].svelte-m6xkcv.svelte-m6xkcv::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer}input[type=range].svelte-m6xkcv.svelte-m6xkcv::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none}.number-input.svelte-m6xkcv.svelte-m6xkcv{width:80px;padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff;color:#111827;margin-left:12px}.dark.svelte-m6xkcv .number-input.svelte-m6xkcv{background:#374151;border-color:#4b5563;color:#f3f4f6}select.svelte-m6xkcv.svelte-m6xkcv{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;color:#111827;cursor:pointer}.dark.svelte-m6xkcv select.svelte-m6xkcv{background:#374151;border-color:#4b5563;color:#f3f4f6}input[type=color].svelte-m6xkcv.svelte-m6xkcv{width:60px;height:36px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer}.dark.svelte-m6xkcv input[type=color].svelte-m6xkcv{border-color:#4b5563}.button-group.svelte-m6xkcv.svelte-m6xkcv{display:flex;gap:8px;margin-top:8px}.toggle-btn.svelte-m6xkcv.svelte-m6xkcv{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.dark.svelte-m6xkcv .toggle-btn.svelte-m6xkcv{background:#374151;border-color:#4b5563;color:#d1d5db}.toggle-btn.svelte-m6xkcv.svelte-m6xkcv:hover{background:#f3f4f6}.dark.svelte-m6xkcv .toggle-btn.svelte-m6xkcv:hover{background:#4b5563}.toggle-btn.active.svelte-m6xkcv.svelte-m6xkcv{background:#3b82f6;border-color:#3b82f6;color:#fff}.value-display.svelte-m6xkcv.svelte-m6xkcv{display:inline-block;margin-left:12px;font-size:13px;color:#6b7280;font-weight:500}.dark.svelte-m6xkcv .value-display.svelte-m6xkcv{color:#9ca3af}.time-display.svelte-m6xkcv.svelte-m6xkcv{display:flex;align-items:center;gap:8px}.time-label.svelte-m6xkcv.svelte-m6xkcv{font-size:12px;font-family:SF Mono,Monaco,Consolas,monospace;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:4px;min-width:80px;text-align:center}.dark.svelte-m6xkcv .time-label.svelte-m6xkcv{color:#9ca3af;background:#4b5563}.timing-info.svelte-m6xkcv.svelte-m6xkcv{display:flex;gap:16px;padding:12px;background:#f9fafb;border-radius:6px;font-size:12px;color:#6b7280;margin-top:12px}.dark.svelte-m6xkcv .timing-info.svelte-m6xkcv{background:#374151;color:#9ca3af}.timing-info.svelte-m6xkcv span.svelte-m6xkcv{display:flex;align-items:center;gap:4px}.keying-masking-panel.svelte-ssg5ym.svelte-ssg5ym{display:flex;flex-direction:column;height:100%;overflow-y:auto;background:linear-gradient(135deg,#1e293b,#0f172a);color:#f8fafc}.panel-header.svelte-ssg5ym.svelte-ssg5ym{padding:16px;border-bottom:2px solid rgba(255,255,255,.1)}.panel-header.svelte-ssg5ym h3.svelte-ssg5ym{margin:0;font-size:18px;font-weight:600}.panel-content.svelte-ssg5ym.svelte-ssg5ym{padding:16px;flex:1}.section.svelte-ssg5ym.svelte-ssg5ym{margin-bottom:24px;padding:16px;background:#1e293b80;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.section.svelte-ssg5ym h4.svelte-ssg5ym{margin:0 0 12px;font-size:14px;font-weight:600;color:#94a3b8}.button-group.svelte-ssg5ym.svelte-ssg5ym{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin-bottom:12px}.button-group.svelte-ssg5ym button.svelte-ssg5ym{padding:8px 12px;background:#334155cc;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#f8fafc;cursor:pointer;font-size:12px;transition:all .2s}.button-group.svelte-ssg5ym button.svelte-ssg5ym:hover{background:#475569cc;border-color:#667eea80}.button-group.svelte-ssg5ym button.active.svelte-ssg5ym{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.control.svelte-ssg5ym.svelte-ssg5ym{margin-bottom:12px}.control.svelte-ssg5ym label.svelte-ssg5ym{display:block;margin-bottom:6px;font-size:12px;color:#cbd5e1}.control.svelte-ssg5ym input[type=range].svelte-ssg5ym{width:100%;height:6px;border-radius:3px;background:#334155cc;outline:none;cursor:pointer}.control.svelte-ssg5ym input[type=range].svelte-ssg5ym::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;box-shadow:0 0 10px #667eea80}.control.svelte-ssg5ym input[type=color].svelte-ssg5ym{width:100%;height:40px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#334155cc;cursor:pointer}.control.svelte-ssg5ym select.svelte-ssg5ym{width:100%;padding:8px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#334155cc;color:#f8fafc;font-size:12px}.primary-btn.svelte-ssg5ym.svelte-ssg5ym{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.primary-btn.svelte-ssg5ym.svelte-ssg5ym:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.primary-btn.svelte-ssg5ym.svelte-ssg5ym:disabled{opacity:.5;cursor:not-allowed}.apply-btn.svelte-ssg5ym.svelte-ssg5ym{width:100%;padding:16px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.apply-btn.svelte-ssg5ym.svelte-ssg5ym:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.preview-canvas.svelte-ssg5ym.svelte-ssg5ym{width:100%;border-radius:8px;border:2px solid rgba(255,255,255,.1);margin-top:12px}.info.svelte-ssg5ym.svelte-ssg5ym{padding:8px 12px;background:#3b82f61a;border-left:3px solid #3b82f6;border-radius:4px;font-size:12px;color:#93c5fd;margin-bottom:12px}.success.svelte-ssg5ym.svelte-ssg5ym{padding:8px 12px;background:#10b9811a;border-left:3px solid #10b981;border-radius:4px;font-size:12px;color:#6ee7b7;margin-bottom:12px}.keyframes-list.svelte-ssg5ym.svelte-ssg5ym{padding:8px 12px;background:#33415580;border-radius:6px;font-size:11px;color:#cbd5e1;margin-top:8px}.help-modal-overlay.svelte-1plmnsn.svelte-1plmnsn{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:20px;animation:svelte-1plmnsn-fadeIn .2s ease-out}@keyframes svelte-1plmnsn-fadeIn{0%{opacity:0}to{opacity:1}}.help-modal.svelte-1plmnsn.svelte-1plmnsn{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;width:90vw;max-width:1000px;height:85vh;max-height:800px;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:svelte-1plmnsn-slideUp .3s ease-out;overflow:hidden}@keyframes svelte-1plmnsn-slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.help-header.svelte-1plmnsn.svelte-1plmnsn{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.help-title.svelte-1plmnsn.svelte-1plmnsn{display:flex;align-items:center;gap:12px;color:#fff}.help-title.svelte-1plmnsn svg.svelte-1plmnsn{width:28px;height:28px;color:#667eea}.help-title.svelte-1plmnsn h2.svelte-1plmnsn{margin:0;font-size:24px;font-weight:600}.close-btn.svelte-1plmnsn.svelte-1plmnsn{background:#ffffff1a;border:none;color:#fff;font-size:32px;width:40px;height:40px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1;padding:0}.close-btn.svelte-1plmnsn.svelte-1plmnsn:hover{background:#fff3;transform:rotate(90deg)}.help-content.svelte-1plmnsn.svelte-1plmnsn{flex:1;display:flex;flex-direction:column;overflow:hidden}.search-bar.svelte-1plmnsn.svelte-1plmnsn{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:12px;background:#0003}.search-bar.svelte-1plmnsn svg.svelte-1plmnsn{width:20px;height:20px;color:#888;flex-shrink:0}.search-bar.svelte-1plmnsn input.svelte-1plmnsn{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;color:#fff;font-size:14px}.search-bar.svelte-1plmnsn input.svelte-1plmnsn::placeholder{color:#888}.search-bar.svelte-1plmnsn input.svelte-1plmnsn:focus{outline:none;border-color:#667eea;background:#ffffff14}.help-body.svelte-1plmnsn.svelte-1plmnsn{flex:1;display:flex;overflow:hidden}.help-tabs.svelte-1plmnsn.svelte-1plmnsn{width:220px;border-right:1px solid rgba(255,255,255,.1);overflow-y:auto;background:#0003}.help-tab.svelte-1plmnsn.svelte-1plmnsn{width:100%;background:transparent;border:none;padding:14px 20px;text-align:left;color:#b8b8d1;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s;border-left:3px solid transparent}.help-tab.svelte-1plmnsn.svelte-1plmnsn:hover{background:#667eea1a;color:#fff}.help-tab.active.svelte-1plmnsn.svelte-1plmnsn{background:#667eea33;color:#fff;border-left-color:#667eea}.tab-icon.svelte-1plmnsn.svelte-1plmnsn{font-size:20px}.tab-label.svelte-1plmnsn.svelte-1plmnsn{font-size:13px;font-weight:500}.tutorial-content.svelte-1plmnsn.svelte-1plmnsn{flex:1;overflow-y:auto;padding:24px}.tutorial-header.svelte-1plmnsn h3.svelte-1plmnsn{margin:0 0 20px;font-size:20px;color:#fff}.tutorial-section.svelte-1plmnsn.svelte-1plmnsn{margin-bottom:16px}.section-header.svelte-1plmnsn.svelte-1plmnsn{width:100%;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:8px;padding:12px 16px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s}.section-header.svelte-1plmnsn.svelte-1plmnsn:hover{background:#667eea26;border-color:#667eea4d}.section-header.svelte-1plmnsn .chevron.svelte-1plmnsn{width:16px;height:16px;transition:transform .2s}.section-header.expanded.svelte-1plmnsn .chevron.svelte-1plmnsn{transform:rotate(90deg)}.section-header.svelte-1plmnsn h4.svelte-1plmnsn{margin:0;font-size:15px;font-weight:600}.section-content.svelte-1plmnsn.svelte-1plmnsn{padding:16px;animation:svelte-1plmnsn-expandSection .2s ease-out}@keyframes svelte-1plmnsn-expandSection{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tutorial-item.svelte-1plmnsn.svelte-1plmnsn{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.05)}.tutorial-item.svelte-1plmnsn.svelte-1plmnsn:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tutorial-item.svelte-1plmnsn h5.svelte-1plmnsn{margin:0 0 8px;font-size:14px;color:#667eea;font-weight:600}.tutorial-item.svelte-1plmnsn p.svelte-1plmnsn{margin:0 0 12px;color:#b8b8d1;font-size:13px;line-height:1.6}.tips-list.svelte-1plmnsn.svelte-1plmnsn{margin:12px 0 0;padding-left:0;list-style:none}.tips-list.svelte-1plmnsn li.svelte-1plmnsn{color:#888;font-size:12px;margin:6px 0;padding-left:24px;position:relative}.no-results.svelte-1plmnsn.svelte-1plmnsn{text-align:center;padding:60px 20px}.no-results.svelte-1plmnsn p.svelte-1plmnsn{color:#888;font-size:16px;margin:10px 0}.no-results.svelte-1plmnsn .hint.svelte-1plmnsn{font-size:14px;color:#666}.help-footer.svelte-1plmnsn.svelte-1plmnsn{border-top:1px solid rgba(255,255,255,.1);padding:16px 24px;background:#0000004d}.footer-links.svelte-1plmnsn.svelte-1plmnsn{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.footer-links.svelte-1plmnsn a.svelte-1plmnsn{color:#667eea;text-decoration:none;font-size:14px;transition:color .2s}.footer-links.svelte-1plmnsn a.svelte-1plmnsn:hover{color:#764ba2}.help-tabs.svelte-1plmnsn.svelte-1plmnsn::-webkit-scrollbar,.tutorial-content.svelte-1plmnsn.svelte-1plmnsn::-webkit-scrollbar{width:8px}.help-tabs.svelte-1plmnsn.svelte-1plmnsn::-webkit-scrollbar-track,.tutorial-content.svelte-1plmnsn.svelte-1plmnsn::-webkit-scrollbar-track{background:#ffffff0d}.help-tabs.svelte-1plmnsn.svelte-1plmnsn::-webkit-scrollbar-thumb,.tutorial-content.svelte-1plmnsn.svelte-1plmnsn::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:4px}.help-tabs.svelte-1plmnsn.svelte-1plmnsn::-webkit-scrollbar-thumb:hover,.tutorial-content.svelte-1plmnsn.svelte-1plmnsn::-webkit-scrollbar-thumb:hover{background:#667eea80}@media (max-width: 768px){.help-modal.svelte-1plmnsn.svelte-1plmnsn{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}.help-body.svelte-1plmnsn.svelte-1plmnsn{flex-direction:column}.help-tabs.svelte-1plmnsn.svelte-1plmnsn{width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto;overflow-y:hidden;display:flex;flex-wrap:nowrap}.help-tab.svelte-1plmnsn.svelte-1plmnsn{flex-shrink:0;border-left:none;border-bottom:3px solid transparent}.help-tab.active.svelte-1plmnsn.svelte-1plmnsn{border-left-color:transparent;border-bottom-color:#667eea}.footer-links.svelte-1plmnsn.svelte-1plmnsn{flex-direction:column;gap:12px}}.save-dropdown.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{position:relative;overflow:visible;z-index:1000}.save-options-menu.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{position:fixed!important;bottom:80px!important;left:50%!important;transform:translate(-50%)!important;min-width:280px;max-width:320px;background:linear-gradient(135deg,#1e293b,#0f172a)!important;border:2px solid rgba(102,126,234,.5)!important;border-radius:12px;box-shadow:0 20px 60px #000000e6,0 0 0 1px #fff3,0 0 0 4px #ff000080!important;z-index:2147483647!important;overflow:visible;animation:svelte-1q7qtho-slideUp .3s ease;display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}@keyframes svelte-1q7qtho-slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.menu-backdrop.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:2147483646;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.export-dropdown.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{position:relative;overflow:visible;z-index:100001}.export-menu.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{position:fixed;bottom:80px;right:24px;width:400px;max-height:600px;overflow-y:auto;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;box-shadow:0 20px 60px #000c,0 0 0 1px #ffffff1a;z-index:100002;animation:svelte-1q7qtho-slideDown .3s ease}@keyframes svelte-1q7qtho-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.export-menu-header.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.export-menu-header.svelte-1q7qtho h3.svelte-1q7qtho.svelte-1q7qtho{margin:0;font-size:18px;font-weight:600;color:#e2e8f0}.close-menu-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{width:32px;height:32px;border-radius:8px;background:#ffffff1a;border:none;color:#94a3b8;cursor:pointer;transition:all .2s;font-size:18px}.close-menu-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:hover{background:#ef444433;color:#ef4444}.export-menu-content.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{padding:20px}.export-menu-footer.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:12px;justify-content:flex-end}@keyframes svelte-1q7qtho-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1q7qtho-fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes svelte-1q7qtho-slideIn{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes svelte-1q7qtho-slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1q7qtho-bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.video-preview-section.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000;border-radius:12px;overflow:hidden;transition:all .3s ease}.video-preview-section.previewing-clip.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{box-shadow:0 0 0 3px #667eea80;animation:svelte-1q7qtho-pulse .5s ease-in-out}@keyframes svelte-1q7qtho-pulse{0%,to{box-shadow:0 0 0 3px #667eea80}50%{box-shadow:0 0 0 6px #667eeacc}}.preview-video.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:12px;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1a;object-fit:contain;will-change:transform,filter;transform:translateZ(0);backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;image-rendering:auto;image-rendering:crisp-edges;image-rendering:-webkit-optimize-contrast}.play-pause-overlay.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:#667eeae6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:.7}.play-pause-overlay.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:hover{opacity:1;transform:translate(-50%,-50%) scale(1.1);background:#667eea}.play-pause-overlay.svelte-1q7qtho svg.svelte-1q7qtho.svelte-1q7qtho{width:40px;height:40px;color:#fff}.name-section.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:100%;overflow:hidden}.name-section.svelte-1q7qtho label.svelte-1q7qtho.svelte-1q7qtho{font-size:.9rem;color:#64748b;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:var(--theme-transition)}[data-theme=dark] .name-section.svelte-1q7qtho label.svelte-1q7qtho.svelte-1q7qtho{color:#94a3b8}.name-section.svelte-1q7qtho label.svelte-1q7qtho svg.svelte-1q7qtho{width:16px;height:16px;color:#667eea}.name-input.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{padding:.75rem 1rem;border-radius:12px;border:2px solid #cbd5e1;background:#fff;color:#1e293b;font-size:1rem;transition:all .2s ease;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name-input.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-controls.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{flex:1;overflow-y:auto;padding:1rem}.output-path-container.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;flex-direction:column;gap:12px}.select-path-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.select-path-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.select-path-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:active{transform:translateY(0)}.selected-path.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#64748b1a;border:2px solid rgba(100,116,139,.2);border-radius:8px;font-size:.9rem;min-height:44px}.path-icon.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{color:#10b981;font-weight:700;font-size:1.2rem}.path-text.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{flex:1;color:var(--text-primary);word-break:break-all;font-family:Courier New,monospace;font-size:.85rem}.path-placeholder.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{color:var(--text-secondary);font-style:italic}.output-note.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{margin-top:8px;padding:8px 12px;background:#3b82f61a;border-left:3px solid #3b82f6;border-radius:4px;font-size:.85rem;color:var(--text-secondary);line-height:1.5}.modal-overlay.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000}.modal.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:16px;box-shadow:0 25px 50px #00000080;border:1px solid rgba(102,126,234,.2);max-width:500px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header.svelte-1q7qtho h3.svelte-1q7qtho.svelte-1q7qtho{margin:0;font-size:20px;font-weight:700;color:#fff}.modal-body.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{flex:1;overflow-y:auto;padding:24px}.modal-footer.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid rgba(255,255,255,.1)}.color-image-form.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;flex-direction:column;gap:20px}.form-group.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;flex-direction:column;gap:8px}.form-group.svelte-1q7qtho label.svelte-1q7qtho.svelte-1q7qtho{font-size:14px;font-weight:600;color:#94a3b8}.form-row.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:grid;grid-template-columns:1fr 1fr;gap:16px}.color-picker-group.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;gap:12px;align-items:center}.color-input.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{width:60px;height:44px;border:2px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;background:transparent}.color-text-input.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{flex:1;padding:10px 14px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-family:Courier New,monospace}.input.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{padding:10px 14px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px}.input.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:focus,.color-text-input.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.preset-dimensions.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;flex-direction:column;gap:10px}.preset-buttons.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;gap:8px;flex-wrap:wrap}.preset-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{padding:8px 16px;background:#667eea33;border:1px solid rgba(102,126,234,.4);border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.preset-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:hover{background:#667eea4d;border-color:#667eea99;transform:translateY(-1px)}.btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.1);background:#64748b33;color:#fff}.btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:hover{background:#64748b4d}.btn.primary.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.btn.primary.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.sequencer-toolbar.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;align-items:center;gap:12px;padding:6px 12px;background:linear-gradient(135deg,#1e293bf2,#0f172af2);border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap;font-size:12px}.toolbar-group.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;align-items:center;gap:8px}.toolbar-label.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{color:#ffffffb3;font-size:12px;font-weight:500}.toolbar-select.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{padding:4px 8px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:12px;cursor:pointer}.toolbar-select.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:hover{border-color:#667eea80}.toolbar-checkbox.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;align-items:center;gap:6px;color:#fffc;font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.toolbar-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{padding:4px 10px;background:#667eea33;border:1px solid rgba(102,126,234,.4);border-radius:4px;color:#fff;font-size:11px;cursor:pointer;transition:all .2s}.toolbar-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:hover{background:#667eea4d;border-color:#667eea99}.toolbar-spacer.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{flex:1}.toolbar-info.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{color:#ffffff80;font-size:11px}.clip-label.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{position:absolute;top:4px;left:6px;right:6px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:2}.clip-label-text.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{font-size:11px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.clip-timecode.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{font-size:10px;color:#ffffffe6;background:#0006;padding:2px 4px;border-radius:3px;text-shadow:none}.sequencer-clip.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{position:absolute;height:60px;min-width:40px;border-radius:6px;cursor:move;transition:all .2s ease;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 8px #0000004d;border:1px solid rgba(255,255,255,.1)}.sequencer-clip.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:hover{box-shadow:0 4px 12px #0006;border-color:#667eea80;z-index:10}.sequencer-clip.selected.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{border:2px solid rgba(102,126,234,.8);box-shadow:0 0 0 2px #667eea33,0 4px 12px #0006}.clip-marker.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{position:absolute;top:0;width:2px;height:100%;z-index:3;pointer-events:none}.marker-flag.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{position:absolute;top:-4px;left:-4px;width:0;height:0;border-left:8px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}.clip-trim-handle.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{position:absolute;top:0;width:10px;height:100%;background:#ffffff4d;cursor:ew-resize;opacity:0;transition:opacity .2s,background .2s;z-index:4}.clip-trim-handle.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:hover{background:#ffffff80}.clip-trim-left.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{left:0;border-left:2px solid rgba(255,255,255,.8)}.clip-trim-right.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{right:0;border-right:2px solid rgba(255,255,255,.8)}.sequencer-clip.svelte-1q7qtho:hover .clip-trim-handle.svelte-1q7qtho.svelte-1q7qtho{opacity:1}.sequencer-clip.has-markers.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{box-shadow:0 0 0 2px #f59e0b4d}.loop-region.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{position:absolute;top:0;height:100%;background:#10b9811a;border:2px solid rgba(16,185,129,.5);border-radius:4px;pointer-events:none;z-index:1}.loop-region-label.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{position:absolute;top:4px;left:4px;background:#10b981e6;color:#fff;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:600}.playhead-time-sequencer.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{padding:2px 6px;white-space:nowrap}.video-editor-modal.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#000000f2;z-index:2147483647}.video-editor-panel.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;flex-direction:column;width:99vw;height:98vh;max-width:99vw;max-height:98vh;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:12px;box-shadow:0 25px 50px #000c;overflow:visible}.editor-header.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{flex-shrink:0;padding:16px 24px;border-bottom:2px solid rgba(255,255,255,.1);background:#0f172af2}.editor-content.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;flex-direction:column;flex:1;min-height:0;overflow:visible}.editor-content-with-sidebars.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;flex-direction:row;flex:1;gap:0;min-height:0;overflow-x:hidden;overflow-y:auto;position:relative;box-sizing:border-box;height:100%}.outliner-panel.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{order:1;width:240px;min-width:240px;max-width:240px;flex-shrink:0;background:#0f172af2;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;position:relative}.main-content-area.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{order:2;flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:linear-gradient(135deg,#0f172a,#1e293b);overflow-x:hidden;overflow-y:auto;gap:12px;padding:12px;box-sizing:border-box;position:relative}.editor-content-with-sidebars.svelte-1q7qtho:has(.properties-panel) .main-content-area.svelte-1q7qtho.svelte-1q7qtho{margin-right:320px}.properties-panel.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{position:absolute;right:0;top:0;bottom:0;width:320px;min-width:320px;max-width:320px;background:#0f172af2;border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;box-sizing:border-box;z-index:10}.properties-header.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{flex-shrink:0;padding:12px 16px;border-bottom:2px solid rgba(255,255,255,.1);background:#0f172ae6;display:flex;align-items:center;justify-content:space-between}.properties-header.svelte-1q7qtho h3.svelte-1q7qtho.svelte-1q7qtho{margin:0;font-size:16px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.properties-header.svelte-1q7qtho h3.svelte-1q7qtho svg.svelte-1q7qtho{width:18px;height:18px;color:#667eea}.properties-actions.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;align-items:center;gap:8px}.help-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{padding:8px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);color:#667eea;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.help-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:hover{background:#667eea33;border-color:#667eea80;transform:translateY(-1px)}.help-btn.svelte-1q7qtho svg.svelte-1q7qtho.svelte-1q7qtho{width:18px;height:18px}.properties-close-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{padding:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#94a3b8;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.properties-close-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:hover{background:#ffffff1a;color:#fff}.properties-close-btn.svelte-1q7qtho svg.svelte-1q7qtho.svelte-1q7qtho{width:16px;height:16px}.show-properties-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{order:3;width:24px;min-width:24px;max-width:24px;height:48px!important;max-height:48px!important;align-self:center!important;padding:8px 4px;background:#0f172acc;border:2px solid rgba(102,126,234,.4);border-radius:8px;color:#818cf8;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center}.show-properties-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:hover{background:#667eea26;border-color:#667eea;color:#a5b4fc;box-shadow:0 0 12px #667eea4d}.show-properties-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:active{transform:scale(.96)}.show-properties-btn.svelte-1q7qtho svg.svelte-1q7qtho.svelte-1q7qtho{width:14px;height:14px;transition:transform .25s ease}.show-properties-btn.svelte-1q7qtho:hover svg.svelte-1q7qtho.svelte-1q7qtho{transform:scale(1.1)}.show-outliner-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{order:1;width:24px;min-width:24px;max-width:24px;height:48px;min-height:48px;max-height:48px;padding:0;background:#0f172af2;border:1px solid rgba(255,255,255,.1);border-left:none;border-radius:0 8px 8px 0;color:#94a3b8;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;align-self:center;flex-shrink:0}.show-outliner-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:hover{background:#667eea33;color:#667eea}.show-outliner-btn.svelte-1q7qtho svg.svelte-1q7qtho.svelte-1q7qtho{width:20px;height:20px}.properties-content.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding:16px}.property-section.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{margin-bottom:24px}.video-preview-section.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{flex-shrink:0;width:100%;height:auto;aspect-ratio:16/9;min-height:200px;max-height:min(50vh,700px)}.sequencer-section.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{flex:1.5;display:flex;flex-direction:column;min-height:350px;overflow:visible;background:#0f172a99}.editor-tabs.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{flex-shrink:0;display:flex;gap:8px;padding:12px;background:#0f172acc;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto;overflow-y:hidden}.sequencer-section.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;flex-direction:column;flex:1;min-height:300px;background:#0f172a99;border-radius:12px;overflow:hidden;position:relative}.sequencer-drag-handle.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{position:absolute;top:0;left:0;right:0;height:8px;cursor:ns-resize;z-index:100;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#6366f133,#6366f100);transition:background .2s ease}.sequencer-drag-handle.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:hover{background:linear-gradient(to bottom,#6366f166,#6366f11a)}.drag-handle-indicator.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{width:40px;height:3px;background:#ffffff4d;border-radius:2px;transition:all .2s ease}.sequencer-drag-handle.svelte-1q7qtho:hover .drag-handle-indicator.svelte-1q7qtho.svelte-1q7qtho{width:60px;height:4px;background:#6366f1cc;box-shadow:0 0 8px #6366f166}.sequencer-toolbar.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{flex-shrink:0;padding:6px 12px;background:#0f172acc;border-bottom:1px solid rgba(255,255,255,.1);margin-top:8px}.sequencer-header.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{flex-shrink:0;display:flex;background:#0f172ae6;border-bottom:2px solid rgba(255,255,255,.1);height:32px;min-height:32px}.track-header-spacer.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{width:150px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:2px 8px;font-size:10px;font-weight:600;background:#0f172af2;border-right:2px solid rgba(255,255,255,.1)}.track-count-controls.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;gap:4px;align-items:center}.track-count-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#667eea33;border:1px solid rgba(102,126,234,.4);border-radius:4px;color:#ffffffe6;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;padding:0;line-height:1}.track-count-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:hover:not(:disabled){background:#667eea66;border-color:#667eea99;transform:scale(1.05)}.track-count-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:disabled{opacity:.3;cursor:not-allowed}.sequencer-time-ruler.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{flex:1;position:relative;height:32px;background:#0f172acc;cursor:pointer}.time-mark.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{position:absolute;top:0;height:100%;display:flex;flex-direction:column;align-items:center}.time-tick.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{width:1px;height:6px;background:#ffffff4d}.time-label.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{font-size:9px;color:#ffffffb3;margin-top:1px;white-space:nowrap}.sequencer-container.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{flex:1;overflow-x:auto;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.timeline-info.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{flex-shrink:0;padding:6px 12px;background:#0f172acc;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:12px;flex-wrap:wrap}.sequencer-track.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.05)}.track-header.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{width:150px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;padding:6px;background:#0f172ae6;border-right:2px solid rgba(255,255,255,.1)}.track-timeline.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{flex:0 0 auto;position:relative;min-width:100%}.editor-footer.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{position:relative;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(135deg,#1e293b,#0f172a);border-top:2px solid rgba(102,126,234,.3);box-shadow:0 -4px 24px #0003;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:visible;min-height:70px;max-height:70px;z-index:10}.editor-footer.collapsed.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{min-height:24px;max-height:24px;padding:4px 24px;cursor:pointer}.editor-footer.collapsed.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:before{content:"⬆ Hover to show actions";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#ffffff80;font-size:11px;font-weight:600;white-space:nowrap;pointer-events:none}.editor-footer.collapsed.svelte-1q7qtho .trim-info.svelte-1q7qtho.svelte-1q7qtho,.editor-footer.collapsed.svelte-1q7qtho .action-buttons.svelte-1q7qtho.svelte-1q7qtho{opacity:0;pointer-events:none}.trim-info.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho,.action-buttons.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{transition:opacity .2s ease;overflow:visible}@media (min-width: 769px){.properties-panel.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex!important;width:320px!important;min-width:320px!important;max-width:320px!important;flex-grow:0!important;flex-shrink:0!important;flex-basis:320px!important}.editor-content-with-sidebars.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex!important;flex-direction:row!important}.show-properties-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{order:3!important;width:24px!important;min-width:24px!important;max-width:24px!important;height:48px!important;max-height:48px!important;align-self:center!important}}@media (min-width: 1400px){.video-preview-section.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{max-height:min(55vh,800px)!important}}@media (max-width: 1024px){.video-preview-section.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{max-height:min(45vh,500px)!important}.sequencer-section.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{flex:1.5!important;min-height:350px!important}}@media (max-width: 768px){.video-editor-panel.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{flex-direction:column}.properties-panel.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{grid-column:1!important;grid-row:3!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:auto;max-height:40vh;border-left:none!important;border-bottom:2px solid rgba(255,255,255,.1)}.editor-content-with-sidebars.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important}.outliner-panel.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{grid-column:1!important;grid-row:1!important;width:100%!important;min-width:100%!important;max-width:100%!important}.main-content-area.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{grid-column:1!important;grid-row:2!important;width:100%}.video-preview-section.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{max-height:min(35vh,350px)!important}.sequencer-section.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{flex:2!important;height:auto;min-height:300px!important}.tab-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{flex-shrink:0;min-width:auto;padding:.5rem .75rem;font-size:.75rem}.tab-btn.svelte-1q7qtho svg.svelte-1q7qtho.svelte-1q7qtho{width:14px;height:14px}.property-section.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{padding:.75rem}.toolbar-group.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{width:100%;justify-content:space-between}.sequencer-time-ruler.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{height:30px;font-size:10px}.track-header.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{min-width:100px;width:100px;padding:.5rem;font-size:.75rem}.sequencer-timeline.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{height:50px}.sequencer-clip.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{height:45px;min-width:30px}.clip-label-text.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{font-size:10px}.clip-timecode.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{font-size:9px}}@media (max-width: 480px){.properties-panel.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{max-height:35vh;border-radius:0}.video-preview-section.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{height:35vh;min-height:200px;border-radius:0}.tab-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{padding:.4rem .6rem;font-size:.7rem}.property-section.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{padding:.5rem}.property-section.svelte-1q7qtho h4.svelte-1q7qtho.svelte-1q7qtho{font-size:.9rem}input[type=range].svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{height:30px}button.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{min-height:44px;min-width:44px}.track-header.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{min-width:80px;width:80px;font-size:.7rem;padding:.25rem}.sequencer-timeline.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{height:40px}.sequencer-clip.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{height:35px;min-width:25px}.clip-label.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{top:2px;left:4px;right:4px}.clip-label-text.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{font-size:9px}.clip-timecode.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{font-size:8px;padding:1px 3px}.sequencer-playhead.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{width:2px}.toolbar-info.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:none}.clip-marker.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{width:3px}}@media (max-width: 812px) and (orientation: landscape){.properties-panel.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{width:250px!important;max-height:none;height:100vh;border-bottom:none;border-right:2px solid rgba(255,255,255,.1)}.video-preview-section.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{height:60vh;min-height:300px}.sequencer-section.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{height:40vh}.tab-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{width:100%;justify-content:flex-start}}@media (hover: none) and (pointer: coarse){button.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho,.tab-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho,.toolbar-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{min-height:44px;min-width:44px;padding:.75rem}.tab-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:hover,.toolbar-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:hover,.sequencer-clip.svelte-1q7qtho:hover .clip-trim-handle.svelte-1q7qtho.svelte-1q7qtho{opacity:0}.sequencer-clip.svelte-1q7qtho .clip-trim-handle.svelte-1q7qtho.svelte-1q7qtho{opacity:.7}.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho::-webkit-scrollbar{width:12px;height:12px}.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho::-webkit-scrollbar-thumb{min-height:40px;min-width:40px}.sequencer-clip.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho,.track-header.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.sequencer-timeline.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho,.property-section.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.preview-video.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho,canvas.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion: reduce){.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.video-preview-section.previewing-clip.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{animation:none}}@media (prefers-color-scheme: dark){.properties-panel.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{background:#0f1117}.video-preview-section.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{background:#000}}@media (max-height: 480px){.video-preview-section.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{height:30vh;min-height:150px}.properties-panel.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{max-height:25vh}.sequencer-section.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{height:auto;min-height:150px}.property-section.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{padding:.5rem}}.minimized-overlay.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{position:fixed;bottom:0;left:0;right:0;height:70px;background:linear-gradient(135deg,#0f172afa,#1e293bfa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:2px solid rgba(102,126,234,.4);box-shadow:0 -8px 32px #0009;z-index:9999;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);animation:svelte-1q7qtho-slideInUp .3s ease-out}@keyframes svelte-1q7qtho-slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.minimized-overlay.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:hover{height:75px;box-shadow:0 -12px 48px #667eea4d;border-top-color:#667eea99}.minimized-content.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 24px;gap:24px}.minimized-left.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;align-items:center;gap:12px;color:#fff;flex-shrink:0}.minimized-title.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{font-size:14px;font-weight:600;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.minimized-center.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;align-items:center;gap:16px;flex:1;max-width:600px}.minimized-play-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{width:40px;height:40px;background:#667eea33;border:1px solid rgba(102,126,234,.4);border-radius:50%;color:#667eea;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.minimized-play-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:hover{background:#667eea4d;border-color:#667eea99;transform:scale(1.05)}.minimized-play-btn.svelte-1q7qtho svg.svelte-1q7qtho.svelte-1q7qtho{width:20px;height:20px}.minimized-progress-container.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{flex:1;display:flex;flex-direction:column;gap:6px}.minimized-progress-bar.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;position:relative}.minimized-progress-fill.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;transition:width .2s ease;box-shadow:0 0 10px #667eea80}.minimized-time.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;align-items:center;gap:6px;font-size:11px;color:#ffffffb3;font-variant-numeric:tabular-nums}.minimized-right.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;align-items:center;gap:12px;flex-shrink:0}.minimized-export-status.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:6px;color:#22c55e;font-size:12px;font-weight:600}.spinner-small.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{width:14px;height:14px;border:2px solid rgba(34,197,94,.3);border-top-color:#22c55e;border-radius:50%;animation:spin .8s linear infinite}.minimized-restore-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho,.minimized-close-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.minimized-restore-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:hover{background:#3b82f633;border-color:#3b82f666;color:#3b82f6;transform:scale(1.05)}.minimized-close-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:hover{background:#ef444433;border-color:#ef444466;color:#ef4444;transform:scale(1.05)}.minimized-restore-btn.svelte-1q7qtho svg.svelte-1q7qtho.svelte-1q7qtho,.minimized-close-btn.svelte-1q7qtho svg.svelte-1q7qtho.svelte-1q7qtho{width:18px;height:18px}@media (max-width: 768px){.minimized-overlay.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{height:80px}.minimized-overlay.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho:hover{height:85px}.minimized-content.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{padding:0 16px;gap:12px}.minimized-title.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{max-width:100px;font-size:13px}.minimized-play-btn.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{width:36px;height:36px}.minimized-play-btn.svelte-1q7qtho svg.svelte-1q7qtho.svelte-1q7qtho{width:18px;height:18px}.minimized-export-status.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{font-size:11px;padding:4px 8px}}@media (max-width: 480px){.minimized-left.svelte-1q7qtho svg.svelte-1q7qtho.svelte-1q7qtho{display:none}.minimized-title.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{font-size:12px;max-width:80px}.minimized-export-status.svelte-1q7qtho span.svelte-1q7qtho.svelte-1q7qtho{display:none}.minimized-time.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{font-size:10px}}.clip-format-badge.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:inline-block;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-transform:uppercase;margin-top:2px;letter-spacing:.5px;box-shadow:0 2px 4px #0003}.track-group-badge.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;font-size:12px;margin-right:6px;box-shadow:0 2px 4px #0000004d}.track-name.svelte-1q7qtho.svelte-1q7qtho.svelte-1q7qtho{display:flex;align-items:center;font-size:12px;font-weight:600;color:#e2e8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}