:root{--bg: #07070d;--panel: #0f0f1a;--panel-2: #13131f;--panel-3: #1a1a2e;--text: #e8e8f0;--text-2: #a0a0b8;--accent: #8b5cf6;--accent-2: #22d3ee;--danger: #ef4444;--success: #22c55e;--warning: #f59e0b;--radius: 10px;--sidebar-w: 280px}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;width:100%;height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow:hidden}button,input,select{font-family:inherit}.app-header{height:48px;background:var(--panel);border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.app-logo{display:flex;align-items:center;gap:10px}.app-logo-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;color:#fff}.app-logo-text{font-weight:800;font-size:16px;letter-spacing:.5px}.app-logo-badge{font-size:10px;font-weight:600;color:var(--accent-2);background:#22d3ee1a;padding:2px 8px;border-radius:20px;border:1px solid rgba(34,211,238,.2)}.header-center{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-2)}.header-filename{font-weight:500;color:var(--text)}.header-dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.header-dot.active{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.header-right{display:flex;align-items:center;gap:8px}.tool-btn{height:30px;padding:0 12px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:var(--panel-2);color:var(--text);font-size:12px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s}.tool-btn:hover:not(:disabled){background:var(--panel-3);border-color:#ffffff26}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.tool-btn.danger{color:#ff9e9e;border-color:#ef444440}.tool-btn.danger:hover:not(:disabled){background:#ef444426}.tool-btn.wide{width:100%;justify-content:center}.editor-layout{display:flex;height:calc(100% - 48px);overflow:hidden}.editor-view{display:flex;flex:1;min-width:0;overflow:hidden}.editor-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.media-add-bar{height:48px;background:var(--panel);border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.media-bar-title{font-size:11px;font-weight:700;color:var(--text-2);letter-spacing:.5px}.media-bar-buttons{display:flex;gap:8px}.add-media-btn{height:30px;padding:0 12px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:var(--panel-2);color:var(--text);font-size:12px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s}.add-media-btn:hover{background:var(--panel-3);border-color:#ffffff26}.preview-panel{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--panel-2);border-bottom:1px solid rgba(255,255,255,.06)}.panel-header{height:36px;padding:0 12px;background:var(--panel);border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:var(--text-2);letter-spacing:.4px;flex-shrink:0}.panel-header.compact{height:32px;padding:0 10px}.panel-header-left{display:flex;align-items:center;gap:8px}.panel-header-right{display:flex;align-items:center;gap:10px}.aspect-ratio-select{height:24px;padding:0 8px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:var(--panel-2);color:var(--text);font-size:12px}.preview-badge{font-size:11px;color:var(--accent-2);background:#8b5cf61f;padding:2px 8px;border-radius:4px}.preview-time-display{font-size:11px;color:var(--text-2);font-family:JetBrains Mono,monospace}.video-wrapper{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#06060c;position:relative;overflow:hidden}.preview-canvas{background:#06060c;box-shadow:0 8px 32px #00000080;cursor:crosshair}.preview-canvas.drag-over{outline:3px dashed var(--accent-2);outline-offset:-6px}.transport-bar{height:44px;background:var(--panel);border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;padding:0 12px;flex-shrink:0}.transport-left{display:flex;gap:8px}.transport-center{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--text)}.transport-right{display:flex;align-items:center;gap:8px}.transport-btn{width:34px;height:34px;border-radius:50%;border:none;background:var(--panel-3);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.transport-btn:hover,.play-btn{background:var(--accent);color:#fff}.play-btn:hover{background:#7c4ce0}.zoom-controls{display:flex;align-items:center;gap:6px}.mini-btn{width:24px;height:24px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:var(--panel-2);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px}.zoom-level{font-size:11px;color:var(--text-2);min-width:36px;text-align:center}.timeline-panel{height:220px;min-height:180px;background:var(--panel-2);flex-shrink:0;overflow:hidden}.timeline-panel.drag-over{outline:3px dashed var(--accent-2);outline-offset:-6px}.editor-sidebar-resizer{width:6px;background:transparent;cursor:col-resize;flex-shrink:0;position:relative}.editor-sidebar-resizer:hover,.editor-sidebar-resizer.resizing{background:#8b5cf666}.editor-sidebar{width:var(--sidebar-w);min-width:220px;max-width:40vw;background:var(--panel);border-left:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.sidebar-panel{border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:10px}.tools-grid{padding:8px}.tool-row{display:flex;gap:8px}.tool-row>*{flex:1}.properties-body{padding:10px}.prop-section{margin-bottom:14px}.prop-section-title{display:block;font-size:10px;font-weight:700;color:var(--text-2);letter-spacing:.6px;margin-bottom:8px}.prop-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.prop-row label{font-size:12px;color:var(--text-2);min-width:90px}.prop-row input[type=number],.prop-row input[type=text],.prop-row textarea{flex:1;min-height:28px;padding:6px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:var(--panel-2);color:var(--text);font-size:12px;font-family:inherit;resize:vertical}.prop-row textarea{min-height:80px;line-height:1.4}.prop-row input[type=file]{flex:1;color:var(--text);font-size:11px}.prop-segmented{flex:1;display:flex;gap:2px;background:var(--panel-2);border-radius:4px;padding:2px;border:1px solid rgba(255,255,255,.1)}.seg-btn{flex:1;height:24px;border:none;border-radius:3px;background:transparent;color:var(--text-2);font-size:11px;font-weight:600;cursor:pointer}.seg-btn.active{background:var(--accent);color:#fff}.prop-row input[type=range]{flex:1}.prop-row input[type=color]{width:40px;height:28px;border:none;background:transparent;cursor:pointer}.prop-row input[type=checkbox]{width:16px;height:16px;cursor:pointer}.prop-val-display{font-size:11px;color:var(--text-2);min-width:36px;text-align:right}.prop-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.prop-field{display:flex;flex-direction:column;gap:4px}.prop-field label{font-size:11px;color:var(--text-2)}.prop-field input{height:28px;padding:0 8px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:var(--panel-2);color:var(--text);font-size:12px}.prop-actions{margin-top:10px}.canvas-prop-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.canvas-scale-row{display:flex;gap:6px}.canvas-scale-btn{flex:1;height:26px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:var(--panel-2);color:var(--text-2);font-size:11px;cursor:pointer}.canvas-scale-btn:hover{background:var(--panel-3);color:var(--text)}.canvas-summary{font-size:12px;color:var(--text-2);line-height:1.8}.export-panel{padding:10px}.export-options{display:flex;flex-direction:column;gap:8px}.export-option-row{display:flex;align-items:center;gap:8px}.export-option-row label{font-size:11px;color:var(--text-2);min-width:60px}.export-option-row input,.export-option-row select{flex:1;height:26px;padding:0 6px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:var(--panel-2);color:var(--text);font-size:11px}.export-btn{width:100%;height:38px;border-radius:6px;border:none;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .15s}.export-btn:hover:not(:disabled){filter:brightness(1.1)}.export-btn:disabled{opacity:.5;cursor:not-allowed}.multitimeline-header-bar{height:24px;display:flex;background:var(--panel);border-bottom:1px solid rgba(255,255,255,.06)}.multitimeline-track-headers-title{width:140px;flex-shrink:0;display:flex;align-items:center;padding-left:10px;font-size:9px;font-weight:700;color:var(--text-2);letter-spacing:.6px;border-right:1px solid rgba(255,255,255,.06)}.multitimeline-ruler-wrapper{flex:1;overflow:hidden;position:relative;cursor:pointer}.multitimeline-ruler-canvas{height:24px;display:block}.multitimeline-body{display:flex;height:calc(100% - 24px);overflow:hidden}.multitimeline-track-sidebar{width:140px;flex-shrink:0;border-right:1px solid rgba(255,255,255,.06);overflow:hidden}.mt-sidebar-row{height:34px;display:flex;align-items:center;padding:0 8px;border-bottom:1px solid rgba(255,255,255,.04);font-size:11px}.mt-sidebar-icon{margin-right:6px}.mt-sidebar-name{flex:1;color:var(--text-2)}.mt-sidebar-actions{display:flex;gap:4px}.mt-track-btn{width:20px;height:20px;border-radius:4px;border:none;background:transparent;cursor:pointer;opacity:.7;font-size:11px;display:flex;align-items:center;justify-content:center}.mt-track-btn:hover{background:#ffffff14}.mt-track-btn.active-off{opacity:.3}.multitimeline-tracks-container{flex:1;overflow-x:auto;overflow-y:hidden;position:relative}.multitimeline-tracks-content{position:relative;height:100%}.multitimeline-playhead{position:absolute;top:0;bottom:0;width:1px;pointer-events:none;z-index:10}.mt-playhead-head{position:absolute;top:0;left:-6px;width:12px;height:12px;background:var(--accent-2);clip-path:polygon(50% 100%,0 0,100% 0)}.mt-playhead-line{position:absolute;top:12px;bottom:0;left:0;width:1px;background:var(--accent-2)}.mt-track-row{position:absolute;left:0;right:0;border-bottom:1px solid rgba(255,255,255,.04)}.mt-clip{position:absolute;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:#8b5cf640;display:flex;align-items:center;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;will-change:transform}.mt-clip:hover{border-color:#ffffff40}.mt-clip.selected{border-color:var(--accent-2);box-shadow:0 0 0 1px var(--accent-2)}.mt-clip-video{background:#8b5cf640}.mt-clip-image{background:#22d3ee33}.mt-clip-text{background:#f59e0b33}.mt-clip-audio{background:#22c55e33}.mt-clip-content{flex:1;padding:0 8px;overflow:hidden}.mt-clip-title{font-size:10px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mt-clip-handle{width:8px;height:100%;cursor:col-resize;flex-shrink:0}.mt-clip-handle:hover{background:#ffffff26}.custom-context-menu{position:fixed;z-index:1000;min-width:180px;background:var(--panel);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 32px #00000080;padding:6px 0}.custom-context-menu.hidden{display:none}.menu-item{display:flex;align-items:center;gap:10px;padding:8px 14px;font-size:12px;color:var(--text);cursor:pointer;transition:background .1s}.menu-item:hover{background:#ffffff0f}.menu-item.danger{color:#ff9e9e}.menu-item kbd{margin-left:auto;font-size:10px;color:var(--text-2);background:var(--panel-2);padding:2px 5px;border-radius:3px}.menu-divider{height:1px;background:#ffffff14;margin:6px 0}.progress-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;pointer-events:none;transition:opacity .2s}.progress-overlay.visible{opacity:1;pointer-events:all}.progress-card{background:var(--panel);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:28px 32px;width:340px;text-align:center}.progress-spinner{margin-bottom:16px}.progress-ring{animation:spin 1.2s linear infinite;transform-origin:center}@keyframes spin{to{transform:rotate(360deg)}}.progress-title{margin:0 0 8px;font-size:18px;font-weight:600}.progress-subtitle{margin:0 0 18px;font-size:13px;color:var(--text-2)}.progress-bar-track{height:8px;background:var(--panel-2);border-radius:4px;overflow:hidden;margin-bottom:10px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .2s}.progress-percent{display:block;font-size:13px;color:var(--text-2);margin-bottom:16px}.progress-cancel-btn{height:34px;padding:0 18px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:var(--panel-2);color:var(--text);font-size:12px;font-weight:500;cursor:pointer}.progress-cancel-btn:hover:not(:disabled){background:var(--panel-3)}.progress-cancel-btn:disabled{opacity:.4;cursor:not-allowed}.toast-container{position:fixed;bottom:20px;right:20px;z-index:3000;display:flex;flex-direction:column;gap:8px}.toast{background:var(--panel);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 32px #0006;animation:toastIn .3s ease}.toast-exit{animation:toastOut .3s ease forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.toast-message{font-size:13px;color:var(--text)}.toast-close{margin-left:8px;background:transparent;border:none;color:var(--text-2);cursor:pointer;font-size:14px}.shortcuts-help-panel{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2500}.shortcuts-help-content{background:var(--panel);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);width:420px;max-height:80vh;overflow-y:auto;box-shadow:0 16px 48px #0009}.shortcuts-help-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.shortcuts-help-header h3{margin:0;font-size:16px}.shortcuts-help-close{width:28px;height:28px;border-radius:6px;border:none;background:var(--panel-2);color:var(--text);cursor:pointer;font-size:14px}.shortcuts-help-body{padding:12px 20px 20px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04)}.shortcut-key{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text);background:var(--panel-2);padding:4px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.shortcut-label{font-size:13px;color:var(--text-2)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--panel)}::-webkit-scrollbar-thumb{background:var(--panel-3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2a2a45}