:root{--bg-darkest: #141419;--bg-darker: #1a1a22;--bg-dark: #21212b;--bg-medium: #282834;--bg-light: #30303e;--bg-lighter: #383848;--bg-hover: #3e3e55;--border: #353548;--border-light: #46465e;--text-primary: #ededf4;--text-secondary: #a8a8be;--text-dim: #72728a;--accent: #6C5CE7;--accent-light: #8B7CF7;--accent-dim: #4a3db5;--accent-glow: rgba(108, 92, 231, .25);--green: #00D2A0;--red: #FF6B6B;--orange: #FFA94D;--blue: #4DABF7;--yellow: #FFD93D;--clip-color-1: #6C5CE7;--clip-color-2: #00CEC9;--clip-color-3: #FD79A8;--clip-color-4: #FDCB6E;--clip-color-5: #55EFC4;--playhead: #FF4757;--font: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace;--radius: 6px;--radius-sm: 4px;--radius-lg: 10px;--transition: .15s ease;--panel-width: 260px;--timeline-height: 260px;--menu-height: 38px;--track-height: 56px;--track-header-width: 110px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--bg-darkest);color:var(--text-primary);font-family:var(--font);font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;user-select:none}#app{display:flex;flex-direction:column;height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-lighter);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.menu-bar{display:flex;align-items:center;justify-content:space-between;height:var(--menu-height);padding:0 12px;background:var(--bg-darker);border-bottom:1px solid var(--border);flex-shrink:0;z-index:100;position:relative}.menu-left{display:flex;align-items:center;gap:8px}.app-logo{display:flex;align-items:center}.app-logo img{height:22px;width:auto;display:block;border-radius:4px}.app-title{font-weight:600;font-size:14px;letter-spacing:-.3px;margin-right:7px}.app-ver{font-size:10px;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.04em;margin-right:16px;align-self:center}.menu-nav{display:flex;gap:2px}.menu-btn{background:none;border:none;color:var(--text-secondary);padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-family:var(--font);transition:all var(--transition)}.menu-btn:hover,.menu-btn.open{color:var(--text-primary);background:var(--bg-hover)}.menu-dropdown{position:relative}.dropdown-panel{display:none;position:absolute;top:100%;left:0;margin-top:2px;min-width:220px;background:var(--bg-medium);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:0 8px 30px #00000073,0 2px 8px #00000040;padding:4px 0;z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:dropdownIn .12s ease-out}.dropdown-panel.visible{display:block}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 12px;background:none;border:none;color:var(--text-primary);font-size:12px;font-family:var(--font);cursor:pointer;transition:background var(--transition);text-align:left;gap:16px}.dropdown-item:hover{background:var(--accent);color:#fff}.dropdown-item:hover .dd-shortcut{color:#ffffffb3}.dd-label{flex:1;white-space:nowrap}.dd-shortcut{font-size:11px;color:var(--text-dim);font-family:var(--font);flex-shrink:0}.dropdown-divider{height:1px;background:var(--border);margin:4px 8px}.menu-center{position:absolute;right:285px;display:flex;align-items:center;gap:10px}.menu-right{display:flex;align-items:center;gap:12px}.project-name{color:var(--text-secondary);font-size:12px;padding:2px 8px;border-radius:var(--radius-sm);outline:none;max-width:200px;overflow:hidden;white-space:nowrap}.project-name:hover{background:var(--bg-light)}.project-name:focus{color:var(--text-primary);background:var(--bg-light);box-shadow:0 0 0 1px var(--accent)}.btn-export{display:flex;align-items:center;gap:6px;padding:5px 14px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font);transition:all var(--transition)}.btn-export:hover{background:var(--accent-light);box-shadow:0 0 12px var(--accent-glow)}.workspace{display:flex;flex:1;overflow:hidden}.panel{width:var(--panel-width);min-width:var(--panel-width);background:var(--bg-dark);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.panel-right{border-right:none;border-left:1px solid var(--border);width:280px;min-width:280px}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.panel-title{font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.panel-actions{display:flex;gap:4px}.icon-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.icon-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.panel-tabs{display:flex;padding:4px;gap:2px;border-bottom:1px solid var(--border);flex-shrink:0}.tab{flex:1;padding:4px 8px;background:none;border:none;color:var(--text-dim);font-size:11px;font-family:var(--font);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition)}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--text-primary);background:var(--bg-lighter)}.left-panel-tabs{flex-shrink:0}.left-tab-content{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.fx-browser{display:flex;flex-direction:column;flex:1;overflow:hidden}.fx-tree{padding:6px 4px;border-bottom:1px solid var(--border);flex-shrink:0;overflow-y:auto;max-height:200px}.fx-tree-item{display:flex;align-items:center;gap:8px;padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:11px;color:var(--text-secondary);transition:all var(--transition)}.fx-tree-item:hover{color:var(--text-primary);background:var(--bg-hover)}.fx-tree-item.active{color:var(--text-primary);background:var(--bg-lighter);font-weight:500}.fx-tree-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.fx-browser-search{padding:6px 8px;border-bottom:1px solid var(--border);flex-shrink:0}.fx-browser-search input{width:100%;padding:5px 8px;background:var(--bg-darker);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font);outline:none}.fx-browser-search input:focus{border-color:var(--accent)}.fx-browser-search input::-moz-placeholder{color:var(--text-dim)}.fx-browser-search input::placeholder{color:var(--text-dim)}.fx-browser-list{flex:1;overflow-y:auto;padding:4px}.fx-browser-cat-header{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);padding:8px 10px 4px;margin-top:4px}.fx-browser-cat-header:first-child{margin-top:0}.fx-browser-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:1px solid transparent}.fx-browser-item:hover{background:var(--bg-hover);border-color:var(--border)}.fx-browser-item:active{background:var(--accent-glow);border-color:var(--accent)}.fx-browser-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.fx-browser-name{font-size:11px;color:var(--text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fx-browser-cat{font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.3px}.media-library{flex:1;overflow-y:auto;padding:8px;transition:outline .15s}.media-library.drag-over{outline:2px dashed var(--accent);outline-offset:-4px;border-radius:6px}.media-context-menu{position:fixed;z-index:9999;background:var(--bg-darker);border:1px solid var(--border);border-radius:6px;padding:4px;min-width:140px;box-shadow:0 4px 16px #00000080}.media-ctx-item{display:block;width:100%;padding:6px 12px;background:none;border:none;color:var(--text-primary);font-size:11px;text-align:left;border-radius:4px;cursor:pointer}.media-ctx-item:hover{background:var(--bg-hover)}.media-ctx-danger{color:#ff6b6b}.media-ctx-danger:hover{background:#ff6b6b1a}.media-ctx-divider{height:1px;background:var(--border);margin:4px 8px}.clip-color-row{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:default}.clip-color-row:hover{background:transparent}.clip-color-swatches{display:flex;gap:4px;flex-wrap:wrap;max-width:130px}.clip-color-swatch{width:14px;height:14px;border-radius:3px;cursor:pointer;border:2px solid transparent;transition:border-color .15s,transform .15s}.clip-color-swatch:hover{transform:scale(1.2);border-color:#ffffff80}.clip-color-swatch.active{border-color:#fff}.media-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;border:2px dashed var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);gap:8px}.media-dropzone:hover,.media-dropzone.drag-over{border-color:var(--accent);background:var(--accent-glow)}.media-dropzone p{color:var(--text-secondary);font-size:13px;font-weight:500}.media-dropzone span{color:var(--text-dim);font-size:11px}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.media-item{position:relative;aspect-ratio:16/10;border-radius:var(--radius);overflow:hidden;cursor:grab;border:2px solid transparent;transition:all var(--transition);background:var(--bg-medium)}.media-item:hover{border-color:var(--accent)}.media-item.selected{border-color:var(--accent-light);box-shadow:0 0 8px var(--accent-glow)}.media-item img,.media-item video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.media-audio-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);color:var(--text-secondary);opacity:.6}.media-item .media-badge{position:absolute;top:4px;right:4px;padding:1px 5px;background:#000000b3;color:var(--text-secondary);font-size:9px;border-radius:3px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.media-audio-badge{position:absolute;top:4px;left:4px;padding:1px 4px;background:#000000b3;color:var(--green);font-size:10px;border-radius:3px;font-weight:600}.media-audio-badge.no-audio{color:var(--text-dim);opacity:.5;text-decoration:line-through}.media-audio-badge.detecting{color:var(--text-dim);opacity:.6;animation:pulse-badge 1s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:.3}50%{opacity:.8}}.media-item .media-duration{position:absolute;bottom:4px;right:4px;padding:1px 5px;background:#000000b3;color:var(--text-primary);font-size:10px;border-radius:3px;font-family:var(--font-mono)}.media-item .media-name{position:absolute;bottom:0;left:0;right:0;padding:12px 6px 4px;background:linear-gradient(transparent,#000c);font-size:10px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-view-btn{opacity:.4}.media-view-btn.active{opacity:1;color:var(--accent)}.media-grid.list-view{grid-template-columns:1fr;gap:2px}.media-grid.list-view .media-item{aspect-ratio:unset;display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:var(--radius-sm);height:36px}.media-grid.list-view .media-item img,.media-grid.list-view .media-item video{width:40px;height:28px;border-radius:3px;flex-shrink:0;-o-object-fit:cover;object-fit:cover}.media-grid.list-view .media-item .media-name{position:static;background:none;padding:0;font-size:11px;flex:1;min-width:0}.media-grid.list-view .media-item .media-badge{position:static;padding:1px 4px;font-size:8px;flex-shrink:0}.media-grid.list-view .media-item .media-duration{position:static;padding:0;background:none;font-size:10px;color:var(--text-dim);flex-shrink:0}.edits-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.edit-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:all var(--transition);background:var(--bg-medium)}.edit-item:hover{border-color:var(--border-light);background:var(--bg-light)}.edit-item.active{border-color:var(--accent);background:var(--bg-lighter);box-shadow:0 0 8px var(--accent-glow)}.edit-thumbnail{width:64px;height:36px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-darkest);flex-shrink:0}.edit-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.edit-thumb-empty{width:100%;height:100%;background:var(--bg-dark)}.edit-info{display:flex;flex-direction:column;gap:2px;min-width:0}.edit-name{font-size:12px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;outline:none}.edit-name[contenteditable=true]{background:var(--bg-darkest);padding:1px 4px;border-radius:var(--radius-sm);border:1px solid var(--accent)}.edit-meta{font-size:10px;color:var(--text-dim)}.edit-context-menu{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius);padding:4px 0;min-width:140px;box-shadow:0 6px 20px #00000080}.edit-context-menu .ctx-item{display:block;width:100%;padding:6px 14px;background:none;border:none;color:var(--text-secondary);font-size:12px;font-family:var(--font);text-align:left;cursor:pointer}.edit-context-menu .ctx-item:hover{background:var(--bg-lighter);color:var(--text-primary)}.edit-context-menu .ctx-danger{color:#ff6b6b}.edit-context-menu .ctx-danger:hover{background:#ff6b6b26}.edit-context-menu .ctx-divider{height:1px;background:var(--border);margin:4px 0}.center-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.preview-container{flex:1;display:flex;flex-direction:column;background:var(--bg-darkest);min-height:200px}.scopes-panel{display:flex;flex-direction:column;background:#080810;border-bottom:1px solid var(--border);flex-shrink:0}.scopes-header{display:flex;align-items:center;gap:8px;padding:3px 8px;background:#0c0c14;border-bottom:1px solid #1a1a28}.scopes-title{font-size:11px;font-weight:500;color:#888;letter-spacing:.5px}.scopes-layout-btns{display:flex;gap:2px;margin-left:auto}.scopes-layout-btn{background:none;border:1px solid transparent;color:#555;cursor:pointer;padding:3px 4px;border-radius:3px;display:flex;align-items:center;transition:all .15s}.scopes-layout-btn:hover{color:#999;border-color:#333}.scopes-layout-btn.active{color:#c8a83a;border-color:#c8a83a44;background:#c8a83a14}.scopes-close{background:none;border:none;color:#666;font-size:16px;cursor:pointer;padding:2px 6px;line-height:1;margin-left:4px}.scopes-close:hover{color:#ccc}.scopes-grid{display:grid;gap:1px;background:#1a1a28;height:340px}.scopes-grid[data-layout=quad]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.scopes-grid[data-layout=dual]{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.scopes-grid[data-layout=single]{grid-template-columns:1fr;grid-template-rows:1fr}.scope-cell{position:relative;background:#080810;overflow:hidden}.scope-cell canvas{display:block;width:100%;height:100%}.scope-selector{position:absolute;top:3px;right:4px;z-index:2;display:flex;align-items:center;gap:3px}.scope-selector-btn{display:flex;align-items:center;gap:3px;background:none;border:none;color:#c8a83a;font-size:10px;font-family:var(--font);font-weight:500;letter-spacing:.3px;cursor:pointer;padding:2px 5px;border-radius:3px;transition:all .15s;text-shadow:0 1px 3px rgba(0,0,0,.8)}.scope-selector-btn:hover{background:#c8a83a1f}.scope-selector-btn svg{opacity:.6}.scope-selector-dropdown{display:none;position:absolute;top:100%;right:0;background:#12121c;border:1px solid #2a2a3a;border-radius:4px;padding:3px 0;min-width:120px;box-shadow:0 4px 16px #0009;z-index:10}.scope-selector-dropdown.open{display:block}.scope-selector-item{padding:5px 12px;font-size:11px;font-family:var(--font);color:#aaa;cursor:pointer;transition:all .12s}.scope-selector-item:hover{background:#1e1e30;color:#ddd}.scope-selector-item.active{color:#c8a83a;font-weight:500}.edit-switcher{display:flex;justify-content:center;position:relative;flex-shrink:0;background:var(--bg-dark);border-bottom:1px solid var(--border);padding:3px 0}.edit-switcher-btn{display:flex;align-items:center;gap:5px;padding:3px 12px;background:none;border:1px solid transparent;border-radius:var(--radius);color:var(--text-secondary);font-size:12px;font-family:var(--font);font-weight:500;cursor:pointer;transition:all var(--transition)}.edit-switcher-btn:hover{color:var(--text-primary);border-color:var(--border);background:var(--bg-lighter)}.edit-switcher-dropdown{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);min-width:160px;background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius);padding:4px 0;box-shadow:0 6px 20px #00000080;z-index:100}.edit-switcher-dropdown.open{display:block}.edit-switcher-item{padding:6px 14px;font-size:12px;font-family:var(--font);color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.edit-switcher-item:hover{background:var(--bg-lighter);color:var(--text-primary)}.edit-switcher-item.active{color:var(--accent-light);font-weight:500}.preview-viewport{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#1e1e24}.audio-meter-stack{position:absolute;bottom:24px;left:8px;display:flex;flex-direction:column;gap:4px;z-index:10}.master-vu{display:flex;flex-direction:column;align-items:center;background:#000000b3;border-radius:4px;padding:6px 5px 4px}.master-vu-track{display:flex;gap:3px;height:160px;position:relative}.master-vu-marks{position:absolute;left:-18px;top:0;bottom:0;width:16px}.master-vu-marks span{position:absolute;right:0;font-size:7px;font-family:var(--font-mono);color:#ffffff59;line-height:1;transform:translateY(50%)}.master-vu-bar{width:8px;height:100%;background:#ffffff0f;border-radius:2px;position:relative;overflow:hidden}.master-vu-fill{position:absolute;bottom:0;left:0;width:100%;height:0%;border-radius:2px;background:linear-gradient(to top,#4ade80,#4ade80 60%,#facc15,#f87171 90%,#ef4444)}.master-vu-labels{display:flex;gap:3px;margin-top:3px}.master-vu-labels span{width:8px;text-align:center;font-size:7px;color:#ffffff73;line-height:1}.audio-meter{display:flex;gap:3px;align-items:flex-end;padding:4px 6px;background:#0000008c;border-radius:4px}.audio-meter-bar{display:flex;flex-direction:column;align-items:center;width:10px;height:50px;justify-content:flex-end;position:relative}.audio-meter-bar span{font-size:7px;color:#ffffff80;line-height:1;flex-shrink:0}.audio-meter-fill{width:100%;height:0;max-height:40px;border-radius:2px;background:var(--green)}.audio-meter-bar[data-band=bass] .audio-meter-fill{background:#ff6b6b}.audio-meter-bar[data-band=mids] .audio-meter-fill{background:#ffd93d}.audio-meter-bar[data-band=highs] .audio-meter-fill{background:#74b9ff}.audio-meter-bar[data-band=volume] .audio-meter-fill{background:var(--green)}#previewCanvas{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;image-rendering:auto;will-change:contents;contain:strict;background:#000}.preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;pointer-events:none}.preview-overlay p{color:var(--text-dim);font-size:14px}.transport-controls{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--bg-darker);border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-shrink:0}.transport-left,.transport-right{display:flex;align-items:center;gap:8px}.transport-center{display:flex;align-items:center;gap:4px}.timecode{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);letter-spacing:.5px}.timecode-sep{font-size:12px;color:var(--text-dim);margin:0 4px}.transport-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.transport-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.transport-btn.active{color:var(--accent-light)}.transport-volume{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:60px;height:4px;background:var(--bg-lighter);border-radius:2px;outline:none;cursor:pointer}.transport-volume::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:var(--text-secondary);border-radius:50%;cursor:pointer}.transport-volume::-webkit-slider-thumb:hover{background:var(--text-primary)}.res-picker{position:relative}.res-picker-btn{display:flex;align-items:center;gap:5px;padding:3px 8px;background:var(--bg-lighter);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:10px;font-family:var(--font-mono);cursor:pointer;transition:all .15s ease}.res-picker-btn:hover{border-color:var(--accent);color:var(--text)}.res-picker-dropdown{display:none;position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius);padding:4px;min-width:180px;z-index:1000;box-shadow:0 8px 24px #00000080}.res-picker-dropdown.open{display:block}.res-picker-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 10px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;cursor:pointer;transition:background .1s ease}.res-picker-option:hover{background:var(--bg-hover);color:var(--text)}.res-picker-option.active{color:var(--accent-light)}.res-picker-option.active:before{content:"✓";margin-right:6px;font-size:11px}.res-option-name{font-weight:500}.res-option-size{font-family:var(--font-mono);font-size:10px;color:var(--text-dim)}.res-picker-option.active .res-option-size{color:var(--accent)}.res-picker-divider{height:1px;background:var(--border);margin:3px 6px}.res-custom{padding:6px 10px}.res-custom .res-option-name{font-size:10px;color:var(--text-dim);margin-bottom:4px;display:block}.res-custom-inputs{display:flex;align-items:center;gap:4px}.res-custom-inputs input[type=number]{width:56px;height:24px;background:var(--bg-lighter);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:11px;font-family:var(--font-mono);padding:0 4px;outline:none;text-align:center}.res-custom-inputs input:focus{border-color:var(--accent)}.res-custom-x{font-size:11px;color:var(--text-dim)}.res-custom-apply{height:24px;padding:0 10px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;font-size:10px;font-family:var(--font);font-weight:600;cursor:pointer;transition:background var(--transition)}.res-custom-apply:hover{background:var(--accent-light)}.play-btn{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff!important;margin:0 4px}.play-btn:hover{background:var(--accent-light)!important;box-shadow:0 0 16px var(--accent-glow)}.timeline-container{height:var(--timeline-height);min-height:140px;background:var(--bg-dark);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.timeline-toolbar{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg-darker);position:relative;z-index:60}.timeline-tools,.timeline-actions{display:flex;gap:2px}.add-track-wrapper{position:relative}.add-track-menu{display:none;position:fixed;background:var(--bg-darker);border:1px solid var(--border);border-radius:6px;padding:4px;z-index:9999;min-width:130px;box-shadow:0 4px 12px #0006}.add-track-menu.open{display:flex;flex-direction:column;gap:2px}.add-track-option{display:flex;align-items:center;gap:6px;padding:6px 10px;background:none;border:none;color:var(--text-primary);font-size:11px;border-radius:4px;cursor:pointer;white-space:nowrap}.add-track-option:hover{background:var(--bg-hover)}.tool-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:5px 8px;border-radius:var(--radius-sm);display:flex;align-items:center;transition:all var(--transition)}.tool-btn:hover{color:var(--text-secondary);background:var(--bg-hover)}.tool-btn.active{color:var(--accent-light);background:var(--bg-lighter)}.tool-divider{width:1px;height:18px;background:var(--border);margin:0 4px;flex-shrink:0}.timeline-zoom{display:flex;align-items:center;gap:6px}.zoom-slider{width:100px;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-lighter);border-radius:2px;outline:none}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-dark)}.zoom-label{font-size:10px;color:var(--text-dim);min-width:36px;font-family:var(--font-mono)}.zoom-presets{display:flex;gap:3px;margin-left:4px}.zoom-preset-btn{padding:2px 7px;font-size:10px;font-family:var(--font-main);background:var(--bg-lighter);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;white-space:nowrap}.zoom-preset-btn:hover{background:var(--accent);color:var(--bg-darkest);border-color:var(--accent)}.loop-controls{display:flex;align-items:center;gap:2px}.loop-btn{display:flex;align-items:center;gap:3px;font-size:10px}.loop-btn-label{font-size:10px;font-weight:600;letter-spacing:.3px}.loop-btn.has-point{color:var(--green)!important}.loop-range-label{font-size:10px;font-family:var(--font-mono);color:var(--text-dim);margin-left:4px;width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loop-region{position:absolute;top:0;min-height:100%;background:#00d2a014;border-left:2px solid var(--green);border-right:2px solid var(--green);z-index:12;pointer-events:none}.loop-handle{position:absolute;top:0;width:10px;height:100%;pointer-events:auto;cursor:ew-resize}.loop-handle-in{left:-6px}.loop-handle-out{right:-6px}.loop-handle:after{content:"";position:absolute;top:0;width:8px;height:14px;background:var(--green);border-radius:0 0 3px 3px}.loop-handle-in:after{left:2px;border-radius:0 0 0 3px}.loop-handle-out:after{right:2px;border-radius:0 0 3px}.loop-marker{position:absolute;top:0;min-height:100%;width:2px;background:var(--green);z-index:12;pointer-events:none}.loop-marker:after{content:"";position:absolute;top:0;width:8px;height:14px;background:var(--green)}.loop-marker-in:after{left:0;border-radius:0 0 3px}.loop-marker-out:after{right:0;border-radius:0 0 0 3px}.timeline-body{display:flex;flex:1;overflow:hidden}.track-headers-panel{width:var(--track-header-width);min-width:var(--track-header-width);background:var(--bg-darker);border-right:1px solid var(--border);z-index:70;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.track-headers-panel::-webkit-scrollbar{display:none}.track-headers-ruler{position:sticky;top:0;height:36px;border-bottom:1px solid var(--border);background:var(--bg-darker);z-index:1}.track-header{height:var(--track-height);min-height:var(--track-height);max-height:var(--track-height);padding:6px 8px;display:flex;flex-direction:column;justify-content:center;gap:2px;background:var(--bg-darker);border-bottom:1px solid var(--border);overflow:hidden}.timeline-scroll{flex:1;overflow-x:auto;overflow-y:hidden;position:relative;background:var(--bg-dark)}.timeline-ruler{position:sticky;top:0;height:36px;background:var(--bg-darker);border-bottom:1px solid var(--border);z-index:60;overflow:hidden}#rulerCanvas{position:absolute;left:0;top:0;height:100%}.track{height:var(--track-height);min-height:var(--track-height);max-height:var(--track-height);border-bottom:1px solid var(--border);overflow:hidden}.track-name{font-size:11px;font-weight:500;color:var(--text-primary)}.track-controls{display:flex;gap:4px}.track-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:2px;border-radius:2px;display:flex;align-items:center;transition:all var(--transition)}.track-btn:hover{color:var(--text-secondary)}.track-btn.active{color:var(--accent-light)}.track-hidden .track-clips{opacity:.25;pointer-events:none}.track-header.track-hidden{opacity:.5}.track-locked .track-clips{pointer-events:none}.track-header.track-locked .track-name{font-style:italic}.clip-hidden{opacity:.3}.track-audio .track-name,.track-header-audio .track-name{color:var(--green)}.track-channel-badge{font-size:9px;color:var(--text-dim);margin-top:1px}.track-clips{position:relative;height:100%;padding:4px 0}.clip{position:absolute;top:4px;bottom:4px;border-radius:var(--radius-sm);cursor:default;overflow:hidden;display:flex;align-items:center;min-width:30px;will-change:transform;backface-visibility:hidden}.clip:hover{box-shadow:0 0 0 1px #fff3;z-index:2}.clip.selected{box-shadow:0 0 0 2px var(--accent-light),0 0 12px var(--accent-glow);z-index:3}.clip.dragging{opacity:.85;cursor:grabbing;z-index:50;box-shadow:0 4px 20px #00000080,0 0 0 2px var(--accent);will-change:transform;contain:layout style}.clip-thumbnail{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;contain:strict;pointer-events:none}.clip-thumbnail img{height:100%;width:auto;opacity:.4;will-change:auto}.clip-body{position:relative;z-index:1;padding:0 8px;display:flex;align-items:center;gap:6px;width:100%;height:100%}.clip-color{width:3px;height:60%;border-radius:2px;flex-shrink:0}.clip-info{overflow:hidden}.clip-label{font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffffffe6}.clip-time{font-size:9px;color:#ffffff80;font-family:var(--font-mono)}.clip-handle{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;z-index:5}.clip-handle:hover{background:#ffffff26}.clip-handle-left{left:0;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.clip-handle-right{right:0;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.clip.audio-clip{border:1px solid rgba(255,255,255,.1)}.clip-waveform{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.clip-body-audio{position:relative;z-index:1}.waveform-toggle.active{color:var(--green);background:#00ff641a}.clip-link-icon{position:absolute;top:2px;right:8px;font-size:8px;opacity:.5;pointer-events:none;z-index:2}.clip.linked-selected{box-shadow:0 0 0 1px var(--accent-light),0 0 8px #8ab4f833}.clip-cut-cursor{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%234ade80' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='3'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cline x1='20' y1='4' x2='8.12' y2='15.88'/%3E%3Cline x1='14.47' y1='14.48' x2='20' y2='20'/%3E%3Cline x1='8.12' y1='8.12' x2='12' y2='12'/%3E%3C/svg%3E") 12 12,crosshair}.drag-frame-tooltip{position:fixed;display:none;padding:3px 8px;background:var(--bg-darkest);color:var(--accent-light);font-size:11px;font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid var(--accent);pointer-events:none;z-index:9999;white-space:nowrap;box-shadow:0 2px 8px #00000080}.cut-line{position:absolute;top:0;bottom:0;width:2px;background:var(--red);pointer-events:none;z-index:15;display:none;box-shadow:0 0 6px #ff6b6b99,0 0 2px #ff6b6bcc}.cut-line:before,.cut-line:after{content:"";position:absolute;left:-3px;width:8px;height:8px;background:var(--red);border-radius:50%}.cut-line:before{top:-2px}.cut-line:after{bottom:-2px}.playhead{position:absolute;top:0;width:2px;left:0;z-index:61;pointer-events:none;min-height:100%}.playhead-head{width:14px;height:14px;background:var(--playhead);position:sticky;top:0;margin-left:-6px;z-index:1;clip-path:polygon(0 0,100% 0,50% 100%);pointer-events:auto;cursor:ew-resize}.playhead-line{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--playhead);box-shadow:0 0 6px #ff475780}.beat-marker{position:absolute;top:0;width:1px;min-height:100%;background:#ffa50059;z-index:10;pointer-events:none}.right-panel-tabs{flex-shrink:0}.right-tab-content{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.adj-empty-state{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-dim);font-size:12px;padding:40px 16px;text-align:center}.adj-empty-state.hidden{display:none}.adj-scroll{flex:1;overflow-y:auto;padding:0}.adj-scroll.hidden{display:none}.auto-edit-panel{flex-shrink:0;border-top:1px solid var(--border);background:var(--bg-darker)}.auto-edit-header{cursor:pointer;padding:8px 12px}.auto-edit-header .adj-chevron{transition:transform .15s}.auto-edit-panel.collapsed .adj-chevron{transform:rotate(-90deg)}.auto-edit-panel.collapsed .auto-edit-body{display:none}.auto-edit-body{padding:4px 12px 12px;display:flex;flex-direction:column;gap:8px}.ae-row{display:flex;align-items:center;gap:8px}.ae-label{font-size:10px;color:var(--text-dim);width:48px;flex-shrink:0}.ae-select{flex:1;background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:10px;font-family:var(--font);padding:4px 6px;outline:none}.ae-select:focus{border-color:var(--accent)}.ae-select option{background:var(--bg-dark)}.ae-beat-info{justify-content:space-between}.ae-status{font-size:10px;color:var(--text-dim)}.ae-tempo{font-size:10px;color:var(--accent-light);font-weight:500}.ae-btn{background:var(--bg-lighter);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:10px;font-family:var(--font);padding:5px 10px;cursor:pointer;transition:all var(--transition)}.ae-btn:hover{background:var(--hover)}.ae-btn:disabled{opacity:.5;cursor:default}.ae-browse-btn{display:flex;align-items:center;gap:6px;flex:1;justify-content:center}.ae-btn-row{display:flex;gap:6px}.ae-clear-item-btn{padding:5px 8px!important;font-size:10px;color:var(--text-dim);flex-shrink:0}.ae-clear-item-btn:hover{color:#e74c3c!important;border-color:#e74c3c!important}.ae-section{display:flex;flex-direction:column;gap:6px;padding-bottom:8px;border-bottom:1px solid var(--border)}.ae-section-label{font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.ae-file-name{font-size:10px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ae-create-row{display:flex;align-items:center;gap:8px}.ae-create-btn{flex:1;background:var(--accent);border-color:var(--accent);color:#fff;font-weight:500}.ae-create-btn:hover{background:var(--accent-light)}.ae-batch-label{font-size:11px;color:var(--text-dim)}.ae-batch-select{flex:0 0 auto!important;width:48px!important}.ae-toggle{position:relative;width:28px;height:16px;display:inline-block}.ae-toggle input{display:none}.ae-toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-lighter);border-radius:8px;cursor:pointer;transition:background .2s}.ae-toggle-slider:before{content:"";position:absolute;width:12px;height:12px;left:2px;top:2px;background:var(--text-dim);border-radius:50%;transition:transform .2s,background .2s}.ae-toggle input:checked+.ae-toggle-slider{background:var(--accent)}.ae-toggle input:checked+.ae-toggle-slider:before{transform:translate(12px);background:#fff}.adj-section{padding:8px 12px 10px;border-bottom:1px solid var(--border)}.adj-section-header{display:flex;align-items:center;gap:6px;cursor:pointer;padding:2px 0;margin-bottom:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.adj-section-header:hover .adj-section-title{color:var(--text-primary)}.adj-section.collapsed .adj-section-header{margin-bottom:0}.adj-section.collapsed .adj-section-body{display:none}.adj-chevron{flex-shrink:0;transition:transform var(--transition);color:var(--text-dim)}.adj-section.collapsed .adj-chevron{transform:rotate(-90deg)}.adj-section-title{flex:1;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);transition:color var(--transition)}.adj-reset-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:2px;border-radius:3px;display:flex;align-items:center;transition:all var(--transition);flex-shrink:0}.adj-reset-btn:hover{color:var(--text-primary)}.adj-section-body{overflow:hidden}.adj-control{margin-bottom:5px}.adj-control:last-child{margin-bottom:0}.adj-control>label{display:block;font-size:10px;color:var(--text-dim);margin-bottom:2px}.adj-xy-row>label{margin-bottom:4px}.adj-xy{display:flex;align-items:center;gap:6px;margin-bottom:2px}.adj-xy-label{font-size:9px;font-weight:600;color:var(--text-dim);min-width:10px;font-family:var(--font-mono)}.adj-xy .effect-slider{flex:1}.adj-link-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:all .15s ease;margin:0 auto;flex-shrink:0}.adj-link-btn:hover{border-color:var(--accent);color:var(--accent)}.adj-link-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg-darkest)}.adj-flip-row{display:flex;gap:4px;margin-top:2px}.adj-flip-btn{padding:4px 10px;background:var(--bg-lighter);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.adj-flip-btn:hover{border-color:var(--border-light);color:var(--text-primary)}.adj-flip-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-light)}.adj-slider.adj-red::-webkit-slider-thumb{background:#ff6b6b}.adj-slider.adj-green::-webkit-slider-thumb{background:#55efc4}.adj-slider.adj-blue::-webkit-slider-thumb{background:#4dabf7}.adj-presets-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}.adj-preset-btn{padding:5px 4px;background:var(--bg-lighter);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:9px;font-weight:500;font-family:var(--font);cursor:pointer;transition:all var(--transition);text-align:center}.adj-preset-btn:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--text-primary)}.adj-preset-btn.active{background:var(--accent-dim);border-color:var(--accent);color:#fff}.presets-bar{padding:8px 10px;border-bottom:1px solid var(--border);background:var(--bg-medium);display:flex;flex-direction:column;gap:5px;flex-shrink:0}.presets-row{display:flex;align-items:center;gap:6px}.presets-label{font-size:10px;color:var(--text-dim);min-width:38px;font-weight:500}.presets-select{flex:1;padding:4px 6px;background:var(--bg-darker);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font);outline:none;cursor:pointer;min-width:0}.presets-select:focus{border-color:var(--accent)}.presets-actions{display:flex;gap:2px;flex-shrink:0}.presets-icon-btn{background:none;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;padding:3px 5px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.presets-icon-btn:hover{color:var(--text-primary);border-color:var(--border-light);background:var(--bg-hover)}.fx-add-bar{display:flex;align-items:center;gap:6px;padding:6px 10px;border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}.fx-add-bar .fx-count{margin-left:auto}.fx-add-btn{display:flex;align-items:center;gap:6px;padding:5px 12px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;font-size:11px;font-weight:500;font-family:var(--font);transition:all var(--transition)}.fx-add-btn:hover{background:var(--accent-light);box-shadow:0 0 10px var(--accent-glow)}.fx-randomize-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;background:var(--bg-lighter);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-size:11px;font-weight:500;transition:all var(--transition)}.fx-randomize-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-dim)}.fx-count{font-size:10px;color:var(--text-dim);font-family:var(--font-mono)}.fx-picker{border-bottom:1px solid var(--border);background:var(--bg-medium);flex-shrink:0;max-height:300px;display:flex;flex-direction:column;animation:dropdownIn .15s ease-out}.fx-picker-search{padding:6px 8px;border-bottom:1px solid var(--border)}.fx-picker-search input{width:100%;padding:5px 8px;background:var(--bg-darker);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font);outline:none}.fx-picker-search input:focus{border-color:var(--accent)}.fx-picker-search input::-moz-placeholder{color:var(--text-dim)}.fx-picker-search input::placeholder{color:var(--text-dim)}.fx-picker-cats{display:flex;gap:2px;padding:4px 6px;border-bottom:1px solid var(--border);overflow-x:auto;flex-shrink:0}.fx-cat-btn{padding:3px 8px;background:none;border:none;color:var(--text-dim);font-size:10px;font-family:var(--font);cursor:pointer;border-radius:var(--radius-sm);white-space:nowrap;transition:all var(--transition)}.fx-cat-btn:hover{color:var(--text-secondary)}.fx-cat-btn.active{color:var(--text-primary);background:var(--bg-lighter)}.fx-picker-list{flex:1;overflow-y:auto;padding:4px;display:grid;grid-template-columns:1fr 1fr;gap:3px;align-content:start}.fx-pick-item{padding:6px 8px;background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);display:flex;align-items:center;gap:6px}.fx-pick-item:hover{background:var(--bg-hover);border-color:var(--accent)}.fx-pick-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.fx-pick-name{font-size:10px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fx-stack-scroll{flex:1;overflow-y:auto;padding:0}.fx-stack{display:flex;flex-direction:column}.fx-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;gap:8px}.fx-empty p{color:var(--text-secondary);font-size:12px;font-weight:500}.fx-empty span{color:var(--text-dim);font-size:10px}.fx-card{border-bottom:1px solid var(--border);transition:background var(--transition)}.fx-card.dragging{opacity:.4;background:var(--accent-glow);transform:scale(.97)}.fx-card.drag-over{border-top:3px solid var(--accent-light);box-shadow:0 -2px 8px var(--accent-glow)}.fx-card.disabled{opacity:.4}.fx-card-header{display:flex;align-items:center;gap:6px;padding:6px 8px;cursor:pointer;transition:background var(--transition)}.fx-card-header:hover{background:var(--bg-light)}.fx-drag-handle{cursor:grab;color:var(--text-dim);flex-shrink:0;display:flex;align-items:center;padding:2px}.fx-drag-handle:active{cursor:grabbing}.fx-card-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.fx-card-name{flex:1;font-size:11px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fx-card-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.fx-card-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:3px;border-radius:3px;display:flex;align-items:center;font-size:12px;transition:all var(--transition)}.fx-card-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.fx-card-btn.active{color:var(--accent-light)}.fx-toggle{width:24px;height:12px;border-radius:6px;border:none;background:var(--bg-lighter);cursor:pointer;position:relative;transition:all var(--transition);flex-shrink:0}.fx-toggle:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--text-dim);top:2px;left:2px;transition:all var(--transition)}.fx-toggle.on{background:var(--accent-dim)}.fx-toggle.on:after{left:14px;background:var(--accent-light)}.fx-card-body{padding:4px 10px 8px 28px}.fx-card.collapsed .fx-card-body{display:none}.fx-control{margin-bottom:6px}.fx-control:last-child{margin-bottom:0}.fx-control label{display:block;font-size:10px;color:var(--text-dim);margin-bottom:3px}.slider-row{display:flex;align-items:center;gap:8px}.effect-slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-lighter);border-radius:2px;outline:none}.effect-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--text-primary);cursor:pointer;border:2px solid var(--bg-dark);box-shadow:0 1px 3px #0000004d;-webkit-transition:background var(--transition);transition:background var(--transition)}.effect-slider::-webkit-slider-thumb:hover{background:var(--accent-light)}.effect-slider:active::-webkit-slider-thumb{background:var(--accent)}.effect-value{min-width:28px;text-align:right;font-size:10px;font-family:var(--font-mono);color:var(--text-secondary)}.effect-select{width:100%;padding:4px 6px;background:var(--bg-lighter);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:10px;font-family:var(--font);outline:none;cursor:pointer}.effect-select:focus{border-color:var(--accent)}.fx-auto-btn{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-lighter);border:1px solid var(--border);color:var(--text-dim);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:700;line-height:1;transition:all var(--transition);padding:0}.fx-auto-btn:hover{color:var(--text-primary);border-color:var(--border-light)}.fx-auto-btn.active{color:var(--accent);border-color:var(--accent);background:#6c5ce726;box-shadow:0 0 6px #6c5ce74d}.fx-auto-panel{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 8px;margin-top:4px}.fx-auto-row{display:flex;gap:6px;align-items:flex-end;flex-wrap:wrap}.fx-auto-row+.fx-auto-row{margin-top:6px;padding-top:6px;border-top:1px solid var(--border)}.fx-auto-field{display:flex;flex-direction:column;gap:2px}.fx-auto-field label{font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:0}.fx-auto-field select,.fx-auto-field input[type=number]{width:56px;height:22px;background:var(--bg-lighter);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:10px;font-family:var(--font-mono);padding:0 4px;outline:none}.fx-auto-field select:focus,.fx-auto-field input[type=number]:focus{border-color:var(--accent)}.fx-auto-field select{width:62px;cursor:pointer}.fx-auto-loop{align-items:center;justify-content:center}.fx-auto-loop input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent);cursor:pointer;margin:0}.fx-auto-audio-row .effect-slider{min-width:40px}.fx-auto-audio-row .effect-value{min-width:24px}.fx-seed-btn{padding:2px 6px;background:var(--bg-lighter);border:1px solid var(--border);color:var(--text-dim);border-radius:var(--radius-sm);cursor:pointer;font-size:9px;font-family:var(--font-mono);transition:all var(--transition)}.fx-seed-btn:hover{color:var(--text-primary);border-color:var(--border-light)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-dark);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:380px;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.modal-header span{font-weight:600;font-size:14px}.modal-close{font-size:18px;line-height:1}.modal-body{padding:16px;display:flex;flex-direction:column;gap:14px}.export-type-tabs{display:flex;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:4px}.export-type-tab{flex:1;padding:8px;background:var(--bg-lighter);border:none;color:var(--text-dim);font-size:12px;font-weight:500;font-family:var(--font);cursor:pointer}.export-type-tab:not(:last-child){border-right:1px solid var(--border)}.export-type-tab:hover{color:var(--text-secondary)}.export-type-tab.active{background:var(--accent);color:#fff}.export-option{display:flex;flex-direction:column;gap:6px}.export-option label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.export-option select,.export-option input[type=range]{width:100%}.export-option select{padding:6px 10px;background:var(--bg-lighter);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font);font-size:12px;outline:none}.export-option select option:disabled{color:var(--text-dim)}.export-location-row{display:flex;align-items:center;gap:8px}.export-location-path{font-size:12px;color:var(--text-dim);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-small{padding:4px 10px;font-size:11px;background:var(--bg-lighter);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;white-space:nowrap}.btn-small:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-small.active{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary{padding:8px 16px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);transition:all var(--transition);margin-top:4px}.btn-primary:hover{background:var(--accent-light)}.prefs-section{display:flex;flex-direction:column;gap:12px}.prefs-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);padding-bottom:4px;border-bottom:1px solid var(--border)}.prefs-collapse{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.prefs-collapse-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:var(--bg-lighter);border:none;color:var(--text-primary);font-size:12px;font-weight:500;font-family:var(--font);cursor:pointer;text-align:left}.prefs-collapse-btn:hover{background:var(--bg-hover)}.prefs-collapse-chevron{transition:transform .15s ease;flex-shrink:0}.prefs-collapse.open .prefs-collapse-chevron{transform:rotate(90deg)}.prefs-collapse-value{margin-left:auto;font-size:11px;color:var(--text-dim);font-weight:400}.prefs-collapse-body{padding:8px 10px}.prefs-accent-swatches{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.prefs-accent-swatch{width:22px;height:22px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:border-color .15s,transform .15s}.prefs-accent-swatch:hover{transform:scale(1.15);border-color:#fff6}.prefs-accent-swatch.active{border-color:#fff;box-shadow:0 0 8px #ffffff4d}.prefs-option{display:flex;flex-direction:column;gap:8px}.prefs-option>label{font-size:12px;color:var(--text-primary);font-weight:500}.prefs-radio-group{display:flex;flex-direction:column;gap:4px}.prefs-radio{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-lighter);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition)}.prefs-radio:hover{border-color:var(--border-light);background:var(--bg-hover)}.prefs-radio:has(input:checked){border-color:var(--accent);background:#6c5ce714}.prefs-radio input[type=radio]{display:none}.prefs-radio-mark{width:14px;height:14px;border-radius:50%;border:2px solid var(--border-light);flex-shrink:0;position:relative;transition:all var(--transition)}.prefs-radio input:checked+.prefs-radio-mark{border-color:var(--accent)}.prefs-radio input:checked+.prefs-radio-mark:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:var(--accent)}.prefs-radio-label{font-size:12px;font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.prefs-radio-desc{font-size:10px;color:var(--text-dim);margin-left:auto}.prefs-input-row{display:flex;align-items:center;gap:8px}.prefs-number-input{width:80px;padding:5px 8px;background:var(--bg-darker);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-mono);outline:none}.prefs-number-input:focus{border-color:var(--accent)}.prefs-input-unit{font-size:11px;color:var(--text-dim)}.export-progress{padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.export-progress .progress-bar{width:100%}.btn-cancel{padding:4px 12px;font-size:11px;background:transparent;border:1px solid var(--text-dim);color:var(--text-secondary);border-radius:4px;cursor:pointer;margin-top:4px}.btn-cancel:hover{border-color:var(--text-secondary);color:var(--text-primary)}.progress-bar{height:4px;background:var(--bg-lighter);border-radius:2px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:var(--accent);border-radius:2px;width:0%;transition:width .3s}#progressLabel{font-size:11px;color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.media-item{contain:layout style paint}.page-tab-bar{display:flex;justify-content:center;align-items:center;gap:2px;background:var(--bg-darkest);border-top:1px solid var(--border);padding:3px 8px;height:34px;flex-shrink:0}.page-tab{display:flex;align-items:center;gap:5px;padding:4px 18px;border-radius:var(--radius-sm);border:none;background:none;color:var(--text-dim);font-size:11px;font-family:var(--font);cursor:pointer;transition:var(--transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-tab:hover{color:var(--text-secondary);background:#ffffff0a}.page-tab.active{color:var(--text-primary);background:var(--accent-dim)}.page-tab svg{opacity:.7}.page-tab.active svg{opacity:1}.mixer-workspace{flex:1;display:flex;flex-direction:column;background:var(--bg-darkest);overflow:hidden}.mixer-ws-body{flex:1;display:flex;align-items:stretch;overflow:hidden;min-height:0}.mixer-ws-preview{flex:1;display:flex;flex-direction:column;background:#1e1e24;min-width:0;overflow:hidden}.mixer-ws-channels{width:280px;min-width:280px;flex-shrink:0;align-self:stretch;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid var(--border);background:var(--bg-darkest)}.mixer-ws-header{display:flex;align-items:center;justify-content:center;padding:3px 8px;border-bottom:1px solid var(--border);flex-shrink:0}.mixer-ws-title{font-size:11px;font-family:var(--font);color:var(--text-primary);background:var(--bg-lighter);padding:4px 8px;border-radius:var(--radius-sm);text-align:center}.mixer-ws-master-info{display:flex;align-items:center;gap:8px}.mixer-ws-master-vu{border-radius:3px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.mixer-ws-master-label{font-size:10px;color:var(--text-dim);font-family:var(--font-mono)}.mixer-ws-strips{flex:1;display:flex;gap:4px;padding:10px 8px;overflow-x:auto;overflow-y:hidden;align-items:stretch;min-height:0}.mixer-ws-strip{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius);padding:8px 4px;width:56px;min-width:56px;max-width:56px;flex-shrink:0}.mixer-ws-strip-master{border-color:var(--accent-dim);background:linear-gradient(180deg,var(--bg-medium),var(--bg-dark))}.mixer-ws-label{font-size:9px;font-weight:600;color:var(--text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52px}.mixer-ws-strip-master .mixer-ws-label{color:var(--accent-light)}.mixer-ws-fader-val{font-size:10px;color:var(--text-primary);font-family:var(--font-mono);white-space:nowrap;font-weight:600;padding:2px 0}.mixer-ws-fader-wrap{display:flex;flex-direction:row;align-items:stretch;flex:1;min-height:100px;position:relative;width:100%;padding:0 2px}.fader-scale{position:relative;width:20px;flex-shrink:0}.fader-mark{position:absolute;left:0;right:0;display:flex;align-items:center;transform:translateY(-50%)}.fader-tick{width:6px;height:1px;background:var(--text-dim);flex-shrink:0}.fader-mark-label{font-size:7px;color:var(--text-dim);font-family:var(--font-mono);margin-left:1px;line-height:1}.mixer-ws-fader{writing-mode:vertical-lr;direction:rtl;-moz-appearance:slider-vertical;appearance:slider-vertical;-webkit-appearance:slider-vertical;width:18px;flex:1;min-height:60px;cursor:pointer;accent-color:var(--accent)}.mixer-ws-meter{width:6px;flex-shrink:0;min-height:60px;border-radius:2px;background:#1a1a2e}.mixer-ws-pan-wrap{display:flex;align-items:center;gap:3px;min-height:18px}.mixer-ws-pan-label{font-size:8px;color:var(--text-dim);font-family:var(--font-mono)}.mixer-ws-pan{width:36px;height:14px;cursor:pointer;accent-color:var(--blue)}.mixer-ws-btns{display:flex;gap:4px;min-height:24px}.mixer-ws-btn{width:20px;height:18px;border:1px solid var(--border);border-radius:3px;background:var(--bg-lighter);color:var(--text-dim);font-size:8px;font-weight:700;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.mixer-ws-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.mixer-ws-btn-mute.active{background:var(--red);color:#fff;border-color:var(--red)}.mixer-ws-btn-solo.active{background:var(--yellow);color:#000;border-color:var(--yellow)}@media (max-width: 1100px){:root{--panel-width: 210px}.panel-right{width:240px;min-width:240px}}@media (max-width: 800px){.panel-left{display:none}.panel-right{width:220px;min-width:220px}}.feedback-btn{display:flex;align-items:center;gap:6px;padding:4px 11px;background:var(--bg-lighter);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-family:var(--font);cursor:pointer;transition:all .15s ease}.feedback-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.feedback-btn svg{color:var(--accent);flex:none}.welcome-modal{width:min(460px,92vw);text-align:center}.welcome-body{padding:28px 26px 22px;display:flex;flex-direction:column;gap:16px}.welcome-brand{display:flex;align-items:center;justify-content:center;gap:12px}.welcome-logo{height:32px;width:auto;display:block}.welcome-title{font-size:26px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary)}.welcome-desc{margin:0;color:var(--text-secondary);font-size:12.5px;line-height:1.7;text-align:left}.welcome-note{text-align:left;font-size:12px;line-height:1.6;color:var(--text-secondary);background:var(--bg-darker);border:1px solid var(--border);border-radius:var(--radius);padding:11px 13px}.welcome-note b{color:var(--text-primary);font-weight:600}.welcome-warn{border-color:#ffa94d66;background:#ffa94d12}.welcome-warn b{color:var(--orange)}.welcome-start{justify-content:center;padding:11px;font-size:12.5px;font-weight:600;letter-spacing:.04em}.welcome-footer{color:var(--text-dim);font-size:11px;line-height:1.7;padding-top:2px}.welcome-footer a{color:var(--accent-light);text-decoration:none;font-weight:600}.welcome-footer b{color:var(--text-secondary)}.welcome-copy{opacity:.7}.fb-field{display:flex;flex-direction:column;gap:6px}.fb-field label{font-size:11px;color:var(--text-secondary);font-weight:500}.fb-opt{color:var(--text-dim);font-weight:400}.fb-select,#fbEmail,#fbMessage{background:var(--bg-darker);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px;font-family:var(--font);padding:8px 10px;outline:none;transition:border-color .15s ease}.fb-select:focus,#fbEmail:focus,#fbMessage:focus{border-color:var(--accent)}#fbMessage{resize:vertical;min-height:90px;line-height:1.5}.fb-status{font-size:11.5px;min-height:14px;color:var(--text-dim)}.fb-status.ok{color:var(--green)}.fb-status.err{color:var(--red)}#btnSendFeedback{justify-content:center;padding:9px;font-size:12px;font-weight:600}