:root{--doc-tab-strip-bg: var(--bg-surface, #232323);--doc-tab-strip-border: var(--border-subtle, #1c1c1c);--doc-tab-bg: var(--bg-surface, #232323);--doc-tab-active-bg: var(--panel-surface, var(--bg-surface-solid, #2c2c2c));--doc-tab-hover-bg: var(--hover-bg, color-mix(in srgb, var(--accent, #0096ff) 14%, transparent));--doc-tab-fg: var(--text-primary, #d4d4d4);--doc-muted-fg: var(--text-secondary, #9a9a9a);--doc-window-bg: var(--bg-canvas, var(--background, #1e1e1e));--doc-window-border: var(--border-subtle, #1c1c1c);--doc-titlebar-bg: var(--bg-surface, #232323);--doc-accent: var(--accent, #0096ff);--doc-danger: var(--danger, #e5484d);--doc-danger-fg: var(--text-on-accent, #ffffff);--doc-radius: var(--radius, 6px);--doc-tab-strip-height: 36px;--doc-tab-pad-x: 12px;--doc-tab-label-gap: 8px;--doc-tab-font-size: .875rem;--doc-titlebar-height: 26px;--doc-titlebar-button-width: 30px;--doc-divider-hit: 3px;--doc-snap-threshold: 32;--doc-overlay-z-index: 50}[data-doc-shell]{position:relative;width:100%;height:100%;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;pointer-events:none}[data-doc-shell].doc-shell--overlay{position:absolute;inset:0;flex:none}.doc-empty{height:100%;display:flex;align-items:center;justify-content:center;color:var(--doc-muted-fg);font-size:1rem;padding:2rem;text-align:center;pointer-events:auto}.doc-group-pane{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow:hidden}[data-doc-tab-strip]{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;height:var(--doc-tab-strip-height);flex-shrink:0;overflow-x:auto;overflow-y:hidden;width:100%;background:var(--doc-tab-strip-bg);border-bottom:1px solid var(--doc-tab-strip-border);pointer-events:auto;cursor:default;scrollbar-width:thin;scrollbar-color:var(--doc-tab-hover-bg) transparent}[data-doc-tab-strip]::-webkit-scrollbar{height:4px}[data-doc-tab-strip]::-webkit-scrollbar-thumb{background-color:var(--doc-tab-hover-bg);border-radius:2px}[data-doc-tab-strip]::-webkit-scrollbar-track{background:transparent}[data-doc-tab]{display:flex;align-items:center;flex-shrink:0;white-space:nowrap;background:var(--doc-tab-bg);padding:0 var(--doc-tab-pad-x);border-right:1px solid var(--doc-tab-strip-border);cursor:pointer;height:100%;box-sizing:border-box}.doc-tab-active{background:var(--doc-tab-active-bg);border-bottom:1px solid transparent}[data-doc-tab]:not(.doc-tab-active):hover{background:var(--doc-tab-hover-bg)}.doc-tab-dragging{opacity:.5}.doc-tab-dock-preview{background:color-mix(in srgb,var(--doc-tab-hover-bg) 70%,transparent);opacity:.85;pointer-events:none}.doc-tab-label{color:var(--doc-tab-fg);font-size:var(--doc-tab-font-size);margin-right:var(--doc-tab-label-gap);white-space:nowrap}[data-doc-tab] button{background:none;border:none;color:var(--doc-muted-fg);font-size:1.1rem;cursor:pointer;padding:0 4px;margin-left:auto;line-height:1;border-radius:var(--doc-radius)}[data-doc-tab] button:hover{color:var(--doc-tab-fg);background-color:var(--doc-tab-hover-bg)}.doc-tab-dirty{width:7px;height:7px;border-radius:50%;background:var(--doc-accent);margin-right:6px;flex-shrink:0}.doc-tab-pin{color:var(--doc-muted-fg);margin-right:4px;flex-shrink:0}@media screen and (max-width:480px){.doc-tab-label{font-size:.8rem;margin-right:4px}[data-doc-tab] button{font-size:1rem;padding:0 2px}}.doc-drop-indicator{width:2px;height:100%;background-color:var(--doc-accent);flex-shrink:0;pointer-events:none;position:relative;z-index:10;margin:0 -1px}.doc-tabs-empty-hint{padding:0 12px;font-size:.75rem;color:var(--doc-muted-fg);align-self:center;white-space:nowrap}[data-doc-overflow-button]{position:sticky;right:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;background:var(--doc-tab-strip-bg);border:none;border-left:1px solid var(--doc-tab-strip-border);color:var(--doc-muted-fg);cursor:pointer}[data-doc-overflow-button]:hover{color:var(--doc-tab-fg);background:var(--doc-tab-hover-bg)}[data-doc-overflow-menu]{position:absolute;right:4px;top:100%;z-index:var(--doc-overlay-z-index);min-width:160px;max-height:240px;overflow-y:auto;background:var(--doc-window-bg);border:1px solid var(--doc-window-border);border-radius:var(--doc-radius);box-shadow:0 8px 24px #0006;padding:4px;display:flex;flex-direction:column}.doc-tab-overflow-item{text-align:left;padding:4px 8px;font-size:12px;color:var(--doc-tab-fg);background:none;border:none;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:4px}.doc-tab-overflow-item:hover,.doc-tab-overflow-item-active{background:var(--doc-tab-hover-bg)}[data-doc-windows-area]{position:relative;flex:1;min-height:0;pointer-events:auto}[data-doc-arrangement=tabs] .doc-window.doc-window-inactive{visibility:hidden;pointer-events:none}.doc-window{flex:1;background:var(--doc-window-bg);border:1px solid var(--doc-window-border);border-radius:var(--doc-radius);box-shadow:0 2px 8px #0000004d;display:flex;flex-direction:column;overflow:hidden;position:absolute;inset:0}[data-doc-arrangement=float] .doc-window{box-shadow:0 8px 24px #00000073}.doc-window-title-bar{display:flex;align-items:center;justify-content:space-between;height:var(--doc-titlebar-height);width:100%;flex-shrink:0;background:var(--doc-titlebar-bg);cursor:default}.doc-window-title{padding:0 10px;font-size:12px;font-weight:500;color:var(--doc-tab-fg);white-space:nowrap;user-select:none}.doc-window-title-controls{display:flex;align-items:center;flex-shrink:0;height:100%}.doc-window-title-button{display:flex;align-items:center;justify-content:center;width:var(--doc-titlebar-button-width);height:100%;padding:0;border:none;background:transparent;color:var(--doc-muted-fg);cursor:pointer}.doc-window-title-button:hover{background:var(--doc-tab-hover-bg);color:var(--doc-tab-fg)}.doc-window-title-button:last-child:hover{background:var(--doc-danger);color:var(--doc-danger-fg)}[data-doc-tab]:focus-visible{outline:2px solid var(--border-focus, var(--accent));outline-offset:-2px}.doc-resize-handle{position:absolute;z-index:30}.doc-resize-n{top:0;left:8px;right:8px;height:6px;cursor:n-resize}.doc-resize-s{bottom:0;left:8px;right:8px;height:6px;cursor:s-resize}.doc-resize-e{right:0;top:8px;bottom:8px;width:6px;cursor:e-resize}.doc-resize-w{left:0;top:8px;bottom:8px;width:6px;cursor:w-resize}.doc-resize-ne{top:0;right:0;width:12px;height:12px;cursor:ne-resize}.doc-resize-nw{top:0;left:0;width:12px;height:12px;cursor:nw-resize}.doc-resize-se{bottom:0;right:0;width:12px;height:12px;cursor:se-resize}.doc-resize-sw{bottom:0;left:0;width:12px;height:12px;cursor:sw-resize}[data-doc-split-container]{display:flex;flex:1;min-height:0;min-width:0;overflow:hidden}[data-doc-split-container=horizontal]{flex-direction:row}[data-doc-split-container=vertical]{flex-direction:column}[data-doc-split-divider]{flex-shrink:0;background:var(--doc-window-border);position:relative;z-index:10;pointer-events:auto}[data-doc-split-divider=horizontal]{width:1px;cursor:col-resize}[data-doc-split-divider=vertical]{height:1px;cursor:row-resize}[data-doc-split-divider]:hover,[data-doc-split-divider].doc-divider-dragging{background:var(--doc-accent)}[data-doc-split-divider=horizontal]:before{content:"";position:absolute;top:0;bottom:0;left:calc(-1 * var(--doc-divider-hit));right:calc(-1 * var(--doc-divider-hit))}[data-doc-split-divider=vertical]:before{content:"";position:absolute;left:0;right:0;top:calc(-1 * var(--doc-divider-hit));bottom:calc(-1 * var(--doc-divider-hit))}.doc-snap-preview{position:absolute;z-index:var(--doc-overlay-z-index);pointer-events:none;background:color-mix(in srgb,var(--doc-tab-hover-bg) 22%,transparent);border:1px dashed var(--doc-tab-hover-bg);border-radius:var(--doc-radius)}.doc-snap-left{top:0;left:0;width:50%;height:100%}.doc-snap-right{top:0;right:0;width:50%;height:100%}.doc-snap-top{top:0;left:0;width:100%;height:50%}.doc-snap-bottom{bottom:0;left:0;width:100%;height:50%}.doc-snap-fullscreen{top:0;left:0;width:100%;height:100%}.doc-snap-top-left{top:0;left:0;width:50%;height:50%}.doc-snap-top-right{top:0;right:0;width:50%;height:50%}.doc-snap-bottom-left{bottom:0;left:0;width:50%;height:50%}.doc-snap-bottom-right{bottom:0;right:0;width:50%;height:50%}:root{--panel-border-color: var(--border-subtle, #222222);--panel-content-bg: var(--panel-background);--panel-header-bg: var(--panel-rail, var(--bg-surface-solid, #2c2c2c));--panel-header-fg: var(--text-primary, #d4d4d4);--panel-input-bg: var(--bg-surface-solid, #1e1e1e);--panel-input-border: var(--border-subtle, #2626264a);--primary: var(--accent, #0096ff);--snap-overlay: rgba(80, 180, 255, .13);--panel-collapsed-width: 40px;--panel-collapsed-height: 40px;--panel-min-width: 90px;--panel-min-height: 90px;--panel-default-width: 280px;--panel-default-height: 200px;--panel-tab-min-width-threshold: 55px;--panel-float-window-min-width: 250px;--panel-float-window-min-height: 180px;--panel-tab-scroll-speed-ratio: .2;--minimized-panel-icon-size: 32px;--minimized-panel-drag-long-press-timeout: 300;--minimized-panel-drag-position-threshold: 10;--sidepanel-header-btn-size: 20px;--sidepanel-header-btn-color: var(--text-secondary, #a1a1a1);--sidepanel-header-btn-bg: transparent;--sidepanel-header-btn-hover-bg: var(--bg-elevated, #3c3c3c);--sidepanel-header-btn-hover-color: var(--primary);--total-header-height: var(--panel-group-header-height);--panel-group-header-height: 36px;--panel-padding: 4px 6px;--panel-gap: 2px;--panel-margin: 0px;--panel-border-radius: 0px;--panel-border-width: 1px;--panel-header-height: 24px;--panel-header-padding: 0 6px;--panel-header-font-size: 11px;--panel-header-font-weight: 600;--panel-header-icon-size: 12px;--panel-tab-height: 22px;--panel-row-height: 22px;--panel-row-padding: 1px 4px;--panel-row-gap: 4px;--panel-label-width: 38%;--panel-button-height: 26px;--panel-button-padding-x: 8px;--panel-button-gap: 4px;--panel-button-radius: 5px;--panel-font-size: 11px;--panel-line-height: 1.15;--panel-control-height: 20px;--panel-scrollbar-size: 6px;--panel-splitter-color: var(--panel-border-color);--toolbar-icon-size: 18px;--toolbar-item-size: 34px;--toolbar-gap: 6px;--toolbar-radius: 7px;--toolbar-spacing: var(--toolbar-gap);--toolbar-width: calc(var(--toolbar-item-size) + 20px);--optionsbar-height: 32px;--optionsbar-padding-x: 8px;--optionsbar-group-gap: 12px;--optionsbar-control-height: 22px;--panel-floating-z-index: 40;--panel-overlay-z-index: 50}.app-layout{display:flex;flex-direction:column;flex:1 1 0%;min-height:0;width:100%;overflow:hidden}.layout-header,.layout-footer{flex:0 0 auto;z-index:20}.layout-middle{display:flex;flex:1;overflow:hidden;position:relative}.layout-center{flex:1;background-color:var(--bg-dark);overflow:hidden;position:relative;min-width:0;display:flex;flex-direction:column}.layout-center-top{flex:0 1 auto;min-height:150px;display:flex;flex-direction:column;border-bottom:1px solid var(--border-color)}.layout-center-top.is-full{flex:1 1 0%;min-height:0;border-bottom:none}.layout-center-top-content{flex:1 1 0%;min-height:0;overflow:auto;display:flex;flex-direction:column}.layout-center-bottom{flex:1 1 0%;min-height:120px;display:flex;flex-direction:column;overflow:hidden;min-width:0}.layout-center-bottom.collapsed{flex:0 0 auto;min-height:0}.center-divider-resizer{background:var(--bg-dark);height:6px;position:relative;flex-shrink:0;cursor:row-resize;-webkit-user-select:none;user-select:none}.center-divider-resizer:after{content:"";position:absolute;left:50%;top:2px;bottom:2px;width:2px;transform:translate(-50%);border-radius:1px;background:var(--border-color);opacity:.7;transition:background var(--transition-fast),opacity var(--transition-fast)}.center-divider-resizer:hover{background:var(--bg-hover)}.center-divider-resizer:hover:after{background:var(--accent-primary);opacity:1}.layout-left,.layout-right{flex:0 0 auto;z-index:10}.layout-left{display:flex;flex-direction:column;min-height:0;background:var(--bg-dark)}.layout-left.is-compact{width:auto;min-width:0}.layout-left-top{flex:0 0 auto}.layout-left-row{display:flex;flex-direction:row;flex:1 1 0%;min-height:0}.layout-left-body{flex:0 0 auto;overflow:auto;min-height:0;display:flex;flex-direction:column}.layout-bottom{flex:0 0 auto;z-index:10;border-top:1px solid var(--border-color)}.layout-bottom{display:flex;flex-direction:column}.bottom-pane-resizer{background:transparent;height:8px;cursor:row-resize;touch-action:none;-webkit-user-select:none;user-select:none}.bottom-pane-resizer:hover{background:#ffffff08}.layout-bottom>div{flex:1 1 auto;min-height:0}.left-pane-resizer{background:transparent;width:8px;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none}.left-pane-resizer:hover{background:#ffffff08}.right-pane-resizer{background:transparent;width:8px;cursor:col-resize;-webkit-user-select:none;user-select:none}.right-pane-resizer:hover{background:#ffffff08}:root{--right-panel-icon-size: 20px;--icon-btn-padding: 8px;--icon-btn-bg-hover: rgba(255,255,255,.02);--icon-btn-active-border: var(--accent-primary)}.right-panel-controls{padding:10px;height:100%;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:flex-start}.icon-btn{background:transparent;border:none;padding:var(--icon-btn-padding);display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;width:calc(var(--right-panel-icon-size) + (var(--icon-btn-padding) * 2));height:calc(var(--right-panel-icon-size) + (var(--icon-btn-padding) * 2));min-width:calc(var(--right-panel-icon-size) + (var(--icon-btn-padding) * 2))}.icon-btn:hover{background:var(--icon-btn-bg-hover);color:var(--text-primary)}.icon-btn:active,.icon-btn.active{border-radius:6px;outline:2px solid transparent;box-shadow:0 0 0 2px var(--icon-btn-active-border, transparent) inset}.svg-icon{width:var(--right-panel-icon-size);height:var(--right-panel-icon-size)}._controlBar_1tkmm_1{width:100%;height:80px;background-color:#1e1e1e;border-top:1px solid #121212;display:flex;align-items:center;font-family:Segoe UI,system-ui,Arial,sans-serif;color:#ccc;overflow:hidden;position:relative;box-sizing:border-box;user-select:none;--cw-bg-panel: #1e1e1e;--cw-bg-dark: #1e1e1e;--cw-border-dark: #404040;--cw-bg-hover: #2d2d2d;--cw-bg-active: #404040;--cw-text-primary: #cccccc;--cw-text-secondary: #888888;--cw-text-inverse: #121212;--cw-font-family: "Segoe UI", system-ui, Arial, sans-serif;--bg-panel: #1e1e1e;--bg-dark: #1e1e1e;--border-color: #404040;--bg-hover: #2d2d2d;--text-primary: #cccccc;--text-secondary: #888888;--text-tertiary: #666666;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 14px}.big-time-display{width:184px!important;height:48px!important;background-color:var(--bg-darkest)!important;border-radius:4px!important;color:var(--accent-primary)!important;font-size:18pt!important;font-weight:700!important;--text-tertiary: #666666;--cw-text-inverse: #ffffff;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 14px}._moduleWrapper_1tkmm_43{height:100%;position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box}._moduleWrapper_1tkmm_43:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:60px;width:1px;background-color:#333;pointer-events:none}._moduleWrapper_1tkmm_43:last-of-type:after{display:none}._moduleInner_1tkmm_76{width:100%;height:100%;display:flex;align-items:center;justify-content:center}._moduleInner_1tkmm_76 .control-module{width:100%;height:100%;border:none!important;background:transparent!important;padding:0!important;justify-content:center!important}._moduleInner_1tkmm_76 .module-content{padding:0!important;justify-content:center!important;gap:4px!important}._collapsedModule_1tkmm_101{width:28px;height:80px;background-color:#1e1e1e;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background-color .1s;border-right:1px solid #333333;position:relative}._collapsedModule_1tkmm_101:hover{background-color:#2d2d2d}._collapsedModule_1tkmm_101:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:60px;width:1px;background-color:#333;pointer-events:none}._collapsedModule_1tkmm_101:last-of-type:after{display:none}._contextMenu_1tkmm_138{position:fixed;background-color:#1e1e1e;border:1px solid #404040;box-shadow:0 4px 12px #00000080;padding:4px 0;min-width:120px;z-index:10000;color:#ccc;font-size:13px}._contextMenuItem_1tkmm_150{padding:6px 16px;cursor:pointer;display:flex;align-items:center;gap:8px}._contextMenuItem_1tkmm_150:hover{background-color:#2d2d2d;color:#fff}._contextMenuOverlay_1tkmm_163{position:fixed;inset:0;z-index:9999}.punch-time-input,.loop-time-input,.snap-input,.input-field{background-color:#1e1e1e!important;border:1px solid #404040!important;color:#ccc!important;font-family:inherit;font-size:11pt!important;height:32px!important;width:96px!important;text-align:center;border-radius:0!important}.snap-input{width:72px!important}.control-module button{background-color:transparent;border:1px solid transparent;border-radius:2px;cursor:pointer;transition:background-color .1s}.control-module button:hover{background-color:#2d2d2d!important}.snap-btn{width:36px!important;height:36px!important;padding:4px!important}.loop-toggle svg,.punch-toggle svg{width:24px!important;height:24px!important}.big-time-display{width:184px!important;height:48px!important;background-color:var(--bg-darkest)!important;border-radius:4px!important;color:var(--accent-primary)!important;font-size:18pt!important;font-weight:700!important;display:flex;align-items:center;justify-content:center}.module-label{color:#888!important;font-size:11pt!important;margin-top:8px!important}.control-module button.active,.control-module button.selected{background-color:var(--accent-primary)!important;color:var(--cw-text-inverse)!important;border-color:var(--accent-primary)!important}.control-module button.active svg,.control-module button.selected svg{fill:currentColor!important;stroke:currentColor!important}._dropdownOverlay_1tkmm_649{position:fixed;inset:0;z-index:10000}._expandedDropdown_1tkmm_658{position:fixed;background-color:#1e1e1e;border:1px solid #404040;box-shadow:0 4px 12px #00000080;border-radius:4px;z-index:10001;overflow:hidden;display:flex;align-items:center;justify-content:center;animation:_dropdownFadeIn_1tkmm_1 .15s ease;margin-bottom:5px;bottom:var(--dropdown-bottom);left:var(--dropdown-left);width:var(--dropdown-width);height:var(--dropdown-height)}@keyframes _dropdownFadeIn_1tkmm_1{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}._expandedDropdownContent_1tkmm_690{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;margin:0}._expandedDropdownContent_1tkmm_690 .control-module{width:100%;height:100%;border:none!important;background:transparent!important;padding:0!important;margin:0!important;justify-content:center!important}._expandedDropdownContent_1tkmm_690 .module-content{padding:0!important;margin:0!important;justify-content:center!important;gap:4px!important}.control-module{display:flex;align-items:center;cursor:pointer}.control-module.collapsed:hover{background:var(--bg-hover)}.module-header{display:flex;align-items:center;gap:4px;padding:2px 4px;background:var(--bg-dark);border-bottom:1px solid var(--border-color);min-height:20px}.module-gripper{cursor:grab;color:var(--text-tertiary);font-size:10px;line-height:1;padding:0 2px;user-select:none}.module-gripper:active{cursor:grabbing}.module-gripper:hover{color:var(--text-secondary)}.module-name{flex:1;font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.module-name-vertical{writing-mode:vertical-rl;text-orientation:mixed;font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:4px 0}.module-close{background:transparent;border:none;color:var(--text-tertiary);font-size:16px;line-height:1;padding:0 4px;cursor:pointer;transition:color var(--transition-fast)}.module-close:hover{color:var(--error)}.module-content{padding:6px 8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1;align-content:center}.module-collapsed-header{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.module-small .module-content{padding:4px 6px;gap:4px}.module-medium .module-content{padding:6px 8px;gap:6px}.module-large .module-content{padding:8px 10px;gap:8px}.module-popup{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:10000;min-width:200px;animation:popupFadeIn .15s ease;position:fixed;bottom:var(--popup-bottom, 0px);left:var(--popup-left, 0px)}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.module-popup-header{padding:4px 8px;background:var(--bg-dark);border-bottom:1px solid var(--border-color);font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase}.module-popup-content{padding:8px}.module-context-menu-overlay{position:fixed;inset:0;z-index:9998}.module-context-menu{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:9999;min-width:150px;padding:4px;animation:moduleContextMenuFadeIn .1s ease;position:fixed;bottom:var(--context-bottom, 0px);left:var(--context-left, 0px)}@keyframes moduleContextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.module-context-menu-section{border-bottom:1px solid var(--border-color);padding-bottom:4px;margin-bottom:4px}.module-context-menu-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.module-context-menu-label{font-size:var(--font-size-xs);color:var(--text-tertiary);padding:4px 8px;text-transform:uppercase;letter-spacing:.5px}.module-context-menu-item{display:block;width:100%;padding:6px 12px;background:transparent;border:none;color:var(--text-primary);font-size:var(--font-size-sm);text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.module-context-menu-item:hover{background:var(--bg-hover)}.module-context-menu-item.active{color:var(--accent-primary);font-weight:600}.tools-module{width:100%;height:100%;overflow:hidden}.tools-container{display:flex;flex-direction:column;gap:0;padding:0;box-sizing:border-box;height:100%;width:100%}.tools-grid{display:grid;gap:0;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);height:100%;width:100%;align-items:stretch;align-content:stretch}.tools-grid.tools-compact{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);align-items:stretch;align-content:stretch;height:100%;width:100%}.tool-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;background:var(--bg-dark);border:1px solid rgba(255,255,255,.06);border-radius:0;color:#f3f2ec;cursor:pointer;transition:all var(--transition-fast);width:100%;height:100%;box-sizing:border-box;min-width:0;min-height:0}.tool-btn:hover{background:var(--bg-hover);border-color:var(--border-light)}.tool-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.tool-svg{width:100%;height:100%;display:block;pointer-events:none;max-width:24px;max-height:24px}.tool-svg path,.tool-svg rect,.tool-svg circle{stroke:currentColor;fill:none}.tools-module .module-content{padding:0!important;gap:0!important;align-items:stretch;height:100%;width:100%}.tool-label,.tools-options,.draw-duration-select,.tools-option-label{display:none}.snap-module{width:100%;height:100%;overflow:hidden}.snap-grid{display:flex;flex-direction:column;height:100%;padding:0;gap:0;background:var(--cw-bg-panel);width:100%}.snap-top,.snap-bottom{display:flex;align-items:center;justify-content:space-between;gap:1px;height:50%;width:100%}.snap-square{flex:1;height:100%;min-width:0;display:flex;align-items:center;justify-content:center;background:var(--cw-bg-dark);border:1px solid var(--cw-border-dark);border-radius:2px;color:var(--cw-text-secondary);cursor:pointer;padding:0}.snap-square:hover{background:var(--cw-bg-hover);color:var(--cw-text-primary)}.snap-square.active{background:var(--accent-primary);color:var(--cw-text-inverse);border-color:var(--accent-primary)}.snap-mode{display:flex;flex-direction:column;height:100%;flex:1;gap:0;min-width:0}.snap-mode-btn{flex:1;font-size:8px;background:var(--cw-bg-dark);border:1px solid var(--cw-border-dark);color:var(--cw-text-secondary);cursor:pointer;padding:0;line-height:1;min-width:0;display:flex;align-items:center;justify-content:center}.snap-mode-btn.active{background:var(--accent-primary);color:var(--cw-text-inverse)}.snap-res{flex:2;display:flex;align-items:center;gap:2px;background:var(--cw-bg-dark);border:1px solid var(--cw-border-dark);border-radius:2px;height:100%;padding:0 2px;cursor:pointer;color:var(--cw-text-primary);min-width:0;justify-content:center}.res-text{font-size:9px;font-family:var(--cw-font-family);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.snap-small-btn{flex:1;height:100%;min-width:0;display:flex;align-items:center;justify-content:center;background:var(--cw-bg-dark);border:1px solid var(--cw-border-dark);border-radius:2px;color:var(--cw-text-secondary);cursor:pointer;font-size:9px;padding:0}.snap-small-btn.active{background:var(--accent-primary);color:var(--cw-text-inverse)}.snap-square svg,.snap-small-btn svg,.snap-res svg{width:12px;height:12px;flex-shrink:0}.snap-module .module-content{padding:0!important;gap:0!important;align-items:stretch;height:100%}.now-time-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.markers-module{width:100%;height:100%;overflow:hidden}.markers-controls{display:flex;flex-direction:column;gap:2px;padding:2px;height:100%;width:100%;justify-content:space-between}.markers-top-row{display:flex;justify-content:space-between;gap:2px;flex:1;width:100%}.markers-bottom-row{display:flex;flex:1;width:100%}.marker-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:2px;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);height:100%;width:100%;flex:1;min-width:0}.marker-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-light)}.marker-btn:disabled{opacity:.5;cursor:not-allowed}.marker-icon{font-size:12px;line-height:1}.marker-flag{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid #7a7a7a;display:block}.marker-subicon{font-size:10px;color:#7a7a7a;line-height:1}.marker-label,.markers-small .marker-label{display:none}.marker-select{padding:0 4px;font-size:10px;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;width:100%;height:100%;box-sizing:border-box}.marker-select:hover:not(:disabled){border-color:var(--border-light)}.marker-select:focus{outline:none;border-color:var(--accent-primary)}.marker-select:disabled{opacity:.5;cursor:not-allowed}.marker-dialog-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.marker-dialog{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;min-width:300px;box-shadow:var(--shadow-lg)}.marker-dialog h3{margin:0 0 16px;color:var(--text-primary);font-size:var(--font-size-lg)}.marker-name-input{width:100%;padding:8px;margin-bottom:16px;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-md)}.marker-name-input:focus{outline:none;border-color:var(--accent-primary)}.marker-dialog-buttons{display:flex;gap:8px;justify-content:flex-end}.marker-dialog-buttons button{padding:8px 16px;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm)}.marker-dialog-buttons button:first-child{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-dark)}.marker-dialog-buttons button:hover{opacity:.9}.loop-module,.punch-module{width:100%;height:100%;overflow:hidden}.loop-controls,.punch-controls{display:flex;align-items:center;height:100%;padding:2px;gap:2px;background:var(--cw-bg-panel);width:100%;justify-content:center}.loop-toggle,.punch-toggle{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--cw-bg-dark);border:1px solid var(--cw-border-dark);border-radius:2px;color:var(--cw-text-secondary);cursor:pointer;padding:0;flex-shrink:0}.punch-module .punch-toggle{width:100%;height:100%;max-width:32px;max-height:32px}.loop-toggle:hover,.punch-toggle:hover{background:var(--cw-bg-hover);color:var(--cw-text-primary)}.loop-toggle.active{background:var(--cw-accent-yellow);color:var(--cw-text-inverse);border-color:#fbc02d}.punch-toggle.active{background:var(--cw-accent-red);color:var(--cw-text-inverse);border-color:var(--cw-accent-red)}.loop-details,.punch-details{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0;overflow:hidden}@container (max-width: 50px){.loop-details,.punch-details{display:none}}.punch-module[style*="width: 25px"] .punch-details{display:none}.loop-times,.punch-times{display:flex;flex-direction:column;gap:1px}.loop-time-input,.punch-time-input{width:100%;height:20px;font-size:10px;font-family:var(--cw-font-family);background:var(--cw-bg-dark);border:1px solid var(--cw-border-dark);color:var(--cw-text-primary);text-align:center;padding:0}.loop-set-btn,.punch-set-btn{height:20px;font-size:10px;background:var(--cw-bg-dark);border:1px solid var(--cw-border-dark);color:var(--cw-text-secondary);cursor:pointer;padding:0;width:100%}.loop-set-btn:hover,.punch-set-btn:hover{background:var(--cw-bg-hover);color:var(--cw-text-primary)}.punch-icons{display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;width:100%;height:100%}.punch-icons svg{width:80%;height:auto}.punch-behaviour,.loop-behaviour{display:flex;align-items:center;gap:2px;min-width:0}.punch-mode-select{height:20px;font-size:10px;font-family:var(--cw-font-family);background:var(--cw-bg-dark);border:1px solid var(--cw-border-dark);color:var(--cw-text-primary);padding:0 2px;flex-shrink:0}.punch-mini-btn{height:20px;min-width:18px;font-size:10px;font-family:var(--cw-font-family);background:var(--cw-bg-dark);border:1px solid var(--cw-border-dark);color:var(--cw-text-secondary);cursor:pointer;padding:0 3px;white-space:nowrap;flex-shrink:0}.punch-mini-btn:hover:not(:disabled){background:var(--cw-bg-hover);color:var(--cw-text-primary)}.punch-mini-btn:disabled,.loop-set-btn:disabled,.punch-set-btn:disabled{opacity:.4;cursor:not-allowed}.punch-mini-btn.active{background:var(--cw-accent-red);color:var(--cw-text-inverse);border-color:var(--cw-accent-red)}.punch-roll-field{display:flex;align-items:center;gap:2px;font-size:10px;color:var(--cw-text-secondary);white-space:nowrap}.punch-roll-input{width:28px;height:20px;font-size:10px;font-family:var(--cw-font-family);background:var(--cw-bg-dark);border:1px solid var(--cw-border-dark);color:var(--cw-text-primary);text-align:center;padding:0}.select-module{width:100%;height:100%;overflow:hidden}.select-controls{display:flex;flex-direction:column;gap:2px;height:100%;width:100%;padding:2px;justify-content:space-between}.select-controls.select-small{flex-direction:row;gap:4px}.select-controls.select-medium{flex-direction:row;align-items:stretch;gap:2px;padding:0}.select-col-left{display:flex;flex-direction:column;width:24px;gap:1px}.select-set-btn{flex:1;display:flex;align-items:center;justify-content:center;background:var(--cw-bg-dark);border:1px solid var(--cw-border-dark);border-radius:2px;color:var(--cw-text-secondary);cursor:pointer;padding:0;transition:all var(--transition-fast)}.select-set-btn:hover{background:var(--cw-bg-hover);color:var(--cw-text-primary);border-color:var(--cw-border-light)}.select-col-center{flex:1;display:flex;flex-direction:column;background:var(--bg-darkest);border:1px solid var(--cw-border-dark);border-radius:2px;padding:1px 4px;min-width:80px}.select-header{font-size:9px;font-weight:600;color:var(--cw-text-secondary);text-align:center;margin-bottom:1px;opacity:.8}.select-time-row{display:flex;align-items:center;gap:4px;flex:1}.select-marker-icon{color:var(--cw-text-secondary);opacity:.7}.select-time-input{background:transparent;border:none;color:var(--cw-accent-blue);font-family:var(--font-mono);font-size:11px;font-weight:600;width:100%;padding:0;text-align:right}.select-time-input:focus{outline:none;background:#ffffff1a}.select-time-row:last-child .select-time-input{color:var(--cw-accent-orange)}.select-divider{height:1px;background:var(--cw-border-dark);width:100%;margin:1px 0;opacity:.5}.select-col-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px;width:48px}.select-toggle-btn{display:flex;align-items:center;justify-content:center;background:var(--cw-accent-orange);border:1px solid var(--cw-border-dark);border-radius:2px;color:var(--bg-darkest);cursor:pointer;padding:0;transition:all var(--transition-fast);opacity:.8}.select-toggle-btn:not(.active){background:var(--cw-bg-dark);color:var(--cw-text-secondary);opacity:1}.select-toggle-btn:hover{opacity:1;filter:brightness(1.1)}.select-toggle-btn.active{background:var(--cw-accent-orange);color:var(--bg-darkest);border-color:var(--cw-accent-orange);box-shadow:inset 0 0 4px #0003}.select-btn{padding:0 4px;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:9px;transition:all var(--transition-fast);height:100%;display:flex;align-items:center;justify-content:center}.select-btn:hover{background:var(--bg-hover);border-color:var(--border-light)}.mix-module{min-width:fit-content;height:100%}.mix-controls{display:flex;align-items:center;height:100%;padding:2px;gap:4px;background:var(--cw-bg-panel)}.mix-column{display:flex;flex-direction:column;gap:1px}.mix-btn{height:14px;font-size:9px;padding:0 4px;background:var(--cw-bg-dark);border:1px solid var(--cw-border-dark);color:var(--cw-text-secondary);cursor:pointer;min-width:36px;text-align:center}.mix-btn:hover{background:var(--cw-bg-hover);color:var(--cw-text-primary)}.mix-btn.mute.active{background:var(--cw-accent-yellow);color:var(--cw-text-inverse)}.mix-btn.solo.active{background:var(--cw-accent-green);color:var(--cw-text-inverse)}.mix-btn.arm.active{background:var(--cw-accent-red);color:var(--cw-text-inverse)}.mix-divider{width:1px;height:28px;background:var(--cw-border-light);margin:0 2px}.mix-options{display:flex;gap:2px}.mix-options-column{display:flex;flex-direction:column;gap:1px}.mix-icon-btn{width:28px;height:14px;display:flex;align-items:center;justify-content:center;background:var(--cw-bg-dark);border:1px solid var(--cw-border-dark);color:var(--cw-text-secondary);cursor:pointer;padding:0;font-size:8px}.mix-icon-btn:hover{background:var(--cw-bg-hover);color:var(--cw-text-primary)}.mix-icon-btn.active{background:var(--cw-accent-blue);color:var(--cw-text-inverse);border-color:#005a9e}.mix-toggle{height:28px;padding:0 6px;background:var(--cw-bg-dark);border:1px solid var(--cw-border-dark);color:var(--cw-text-secondary);cursor:pointer;font-size:10px}.mix-toggle.active{background:var(--cw-accent-blue);color:var(--cw-text-inverse)}.mix-controls{display:flex;align-items:center;gap:6px}.mix-controls.mix-small{gap:4px}.mix-section{display:flex;gap:4px}.mix-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.mix-btn{padding:4px 8px;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-xs);transition:all var(--transition-fast);white-space:nowrap}.mix-btn:hover{background:var(--bg-hover);border-color:var(--border-light)}.mix-btn:active{transform:scale(.95)}.mix-toggle{padding:4px 8px;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-xs);transition:all var(--transition-fast)}.mix-toggle:hover{background:var(--bg-hover);border-color:var(--border-light)}.mix-toggle.active{background:var(--warning);border-color:var(--warning);color:var(--bg-dark)}.mix-divider{width:1px;height:28px;background:var(--border-color)}.mix-options{display:flex;flex-direction:row;gap:12px}.mix-options-column{display:flex;flex-direction:column;justify-content:space-between;gap:2px}.mix-checkbox{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--text-primary);cursor:pointer;user-select:none}.mix-checkbox input[type=checkbox]{cursor:pointer}.mix-checkbox:hover{color:var(--accent-primary)}.mix-btn-small{padding:2px 6px;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:10px;transition:all var(--transition-fast);white-space:nowrap;text-align:center}.mix-btn-small:hover{background:var(--bg-hover);color:var(--text-primary)}.mix-compact{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.mix-grid-compact{display:flex;align-items:center;gap:4px;height:100%}.mix-column-compact{display:flex;flex-direction:column;gap:2px;justify-content:center}.mix-row{display:flex;gap:2px}.mix-btn-icon{width:20px;height:20px;padding:0;border:1px solid var(--cw-border-dark, #404040);background-color:var(--cw-bg-dark, #1e1e1e);color:var(--cw-text-secondary, #888888);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;font-weight:700;border-radius:2px;transition:all .1s}.mix-btn-icon:hover{background-color:var(--cw-bg-hover, #2d2d2d);color:var(--cw-text-primary, #cccccc)}.mix-btn-icon.active{background-color:var(--cw-bg-active, #404040);color:var(--cw-text-inverse, #ffffff);border-color:var(--cw-text-secondary, #888888)}.mix-btn-icon.mute.active{background-color:#d9534f;color:#fff;border-color:#d43f3a}.mix-btn-icon.solo.active{background-color:#f0ad4e;color:#000;border-color:#eea236}.mix-btn-icon.arm.active{background-color:#d9534f;border-color:#d43f3a}.record-dot{width:8px;height:8px;background-color:#888;border-radius:50%}.mix-btn-icon.arm.active .record-dot{background-color:#fff}.mix-btn-icon.arm:hover .record-dot{background-color:#ccc}.mix-divider-compact{width:1px;height:40px;background-color:var(--cw-border-dark, #404040);margin:0 2px}.transport-module{min-width:fit-content;height:100%}.transport-root{display:flex;flex-direction:column;height:100%;padding:2px;gap:2px;background:var(--cw-bg-panel)}.transport-top-row{display:flex;align-items:center;justify-content:space-between;height:32px;gap:4px}.transport-left-controls{display:flex;gap:2px}.t-btn{width:32px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--cw-gradient-btn);border:1px solid var(--cw-border-dark);border-radius:2px;color:var(--cw-text-primary);cursor:pointer;transition:all .1s}.t-btn:hover{background:var(--cw-gradient-btn-hover);border-color:var(--cw-border-light)}.t-btn:active{background:var(--cw-gradient-btn-active);box-shadow:inset 0 1px 2px #0000004d}.t-btn.active{background:var(--cw-accent-green);color:var(--cw-text-inverse);border-color:#2e7d32;box-shadow:inset 0 0 5px #0000004d}.t-btn.recording{background:var(--cw-accent-red);color:var(--cw-text-primary);border-color:#b71c1c;animation:recordPulse 1s infinite}@keyframes recordPulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.transport-time-area{background:#000;border:1px solid var(--cw-border-light);border-radius:2px;padding:0 8px;height:28px;display:flex;align-items:center;justify-content:center;min-width:140px;box-shadow:inset 0 2px 4px #00000080}.transport-time-text{font-family:Consolas,Monaco,monospace;font-size:18px;font-weight:700;color:var(--cw-accent-orange);letter-spacing:1px;text-shadow:0 0 2px color-mix(in srgb,var(--accent-primary) 50%,transparent);cursor:pointer}.transport-time-input{font-family:Consolas,Monaco,monospace;font-size:18px;font-weight:700;color:var(--cw-accent-orange);background:transparent;border:none;text-align:center;width:100%;outline:none}.transport-bottom-row{display:flex;align-items:center;height:20px;gap:4px}.transport-progress-wrap{flex:1;height:6px;background:#111;border:1px solid var(--cw-border-dark);border-radius:3px;overflow:hidden}.transport-progress-fill{height:100%;background:var(--cw-accent-blue);width:var(--transport-progress, 0%)}.transport-compact-right{display:flex;align-items:center;gap:2px}.compact-chip{font-size:9px;color:var(--cw-text-secondary);background:var(--cw-bg-dark);padding:1px 3px;border-radius:2px;border:1px solid var(--cw-border-dark)}.compact-bpm{width:40px;height:16px;font-size:10px;background:var(--cw-bg-dark);border:1px solid var(--cw-border-dark);color:var(--cw-text-accent);text-align:center;border-radius:2px}.t-btn-28{width:24px;height:22px;padding:0}.t-btn-28 svg{width:14px;height:14px}.t-btn-metronome-label{font-size:10px;font-weight:700}.act-module{width:100%;height:100%;overflow:hidden}.act-controls{display:flex;align-items:center;height:100%;padding:0 2px;gap:2px;width:100%;justify-content:flex-start;flex-wrap:wrap}.act-small{justify-content:center}.act-medium,.act-large{gap:4px}.act-controller-select{background-color:#1a1a1a;border:1px solid #333;color:#e0e0e0;height:20px;font-size:9px;border-radius:2px;padding:1px 3px;outline:none;flex:0 1 auto;min-width:auto;width:auto;text-overflow:ellipsis}.act-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:3px;color:#b0b0b0;cursor:pointer;padding:1px 3px;height:20px;min-width:auto;font-size:9px;flex-shrink:0}.act-btn:hover{background-color:#333;color:#fff;border-color:#444}.act-btn.active{background-color:#0078d7;color:#fff;border-color:#005a9e}.act-wai-display{display:flex;align-items:center;justify-content:center;background-color:#2a2a2a;border:1px solid #444;border-radius:2px;height:16px;padding:1px 4px;font-size:8px;color:#4caf50;cursor:grab;user-select:none;flex-shrink:0}.act-wai-display:active{cursor:grabbing}.act-divider{width:1px;height:20px;background-color:#333;margin:0 2px;flex-shrink:0}.sync-module{width:100%;height:100%;overflow:hidden}.sync-controls{display:flex;align-items:center;gap:2px;height:100%;width:100%;padding:1px;justify-content:flex-start;flex-wrap:wrap}.sync-controls.sync-small{gap:1px}.sync-controls.sync-medium{flex-wrap:wrap}.sync-field{display:flex;align-items:center;gap:1px;flex:0 1 auto;min-width:auto}.sync-label{font-size:8px;color:var(--text-secondary);white-space:nowrap;min-width:auto;padding:0 1px}.sync-select{padding:1px 2px;font-size:9px;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;min-width:auto;width:auto;height:100%;flex:0 1 auto}.sync-select:hover{border-color:var(--border-light)}.sync-select:focus{outline:none;border-color:var(--accent-primary)}.sync-timecode-display{padding:1px 2px;font-family:var(--font-mono);font-size:8px;background:var(--bg-darkest);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--cw-accent-orange);min-width:auto;width:auto;text-align:center;height:100%;display:flex;align-items:center;justify-content:center;flex:0 1 auto}.sync-checkboxes{display:flex;gap:2px;height:100%;align-items:center}.sync-toggle-btn{padding:2px 6px;background:var(--cw-bg-dark);border:1px solid var(--cw-border-dark);border-radius:2px;color:var(--cw-text-secondary);cursor:pointer;font-size:9px;transition:all var(--transition-fast);white-space:nowrap;display:flex;align-items:center;justify-content:center;height:100%}.sync-toggle-btn:hover{background:var(--cw-bg-hover);color:var(--cw-text-primary)}.sync-toggle-btn.active{background:var(--accent-primary);color:var(--cw-text-inverse);border-color:var(--accent-primary)}.mix-recall-module{width:100%;height:100%;overflow:hidden}.mix-recall-controls{display:flex;align-items:center;justify-content:flex-start;gap:2px;height:100%;width:100%;padding:0 1px;flex-wrap:wrap}.mix-recall-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:1px 2px;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:10px;transition:all var(--transition-fast);flex:0 1 auto;height:100%;min-width:auto}.mix-recall-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-light)}.mix-recall-btn:disabled{opacity:.5;cursor:not-allowed}.mix-recall-icon{font-size:11px;line-height:1}.mix-recall-label{font-size:9px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mix-recall-menu-btn{padding:1px 3px;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:11px;transition:all var(--transition-fast);height:100%;display:flex;align-items:center;justify-content:center}.mix-recall-menu-btn:hover{background:var(--bg-hover);border-color:var(--border-light)}.mix-recall-menu{position:fixed;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;max-height:300px;overflow-y:auto;z-index:50}.mix-recall-menu-header{padding:8px 12px;background:var(--bg-dark);border-bottom:1px solid var(--border-color);font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase}.mix-recall-menu-empty{padding:16px;text-align:center;font-size:var(--font-size-xs);color:var(--text-tertiary);font-style:italic}.mix-recall-menu-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background var(--transition-fast)}.mix-recall-menu-item:last-child{border-bottom:none}.mix-recall-menu-item:hover{background:var(--bg-hover)}.mix-recall-menu-item.active{background:var(--bg-active);color:var(--accent-primary)}.mix-recall-menu-item span{flex:1;font-size:var(--font-size-sm)}.mix-recall-delete-btn{background:transparent;border:none;color:var(--text-tertiary);font-size:18px;line-height:1;padding:0 4px;cursor:pointer;transition:color var(--transition-fast)}.mix-recall-delete-btn:hover{color:var(--error)}.event-inspector-module{width:100%;height:100%;overflow:hidden}.event-inspector-controls{display:flex;flex-direction:column;gap:2px;height:100%;width:100%;padding:2px;justify-content:space-between}.event-inspector-controls.event-inspector-small{flex-direction:row;gap:4px}.event-inspector-empty{padding:0 4px;font-size:9px;color:var(--text-tertiary);font-style:italic;display:flex;align-items:center;justify-content:center;height:100%;width:100%}.event-row{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;width:100%;flex:1}.event-field-group{display:flex;align-items:center;gap:2px;flex:1;min-width:0}.event-label{font-size:9px;color:var(--text-secondary);min-width:20px;white-space:nowrap}.event-field{padding:0 4px;font-family:var(--font-mono);font-size:10px;background:var(--bg-darkest);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);text-align:center;min-width:0;width:100%;height:100%;flex:1}.event-field:hover{border-color:var(--border-light)}.event-field:focus{outline:none;border-color:var(--accent-primary)}.export-module{width:100%;height:100%;overflow:hidden}.export-module .module-content{padding:0!important;gap:0!important;width:100%;height:100%}.export-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:0 4px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--cw-text-secondary);cursor:pointer;font-size:11px;font-weight:600;transition:all var(--transition-fast);width:100%;height:100%;white-space:nowrap;min-width:0}.export-btn:hover{background:var(--cw-bg-hover);border-color:var(--cw-border-light);color:var(--cw-text-primary);transform:translateY(-1px)}.export-btn:active{transform:translateY(0)}.export-icon{font-size:14px;line-height:1;flex-shrink:0}.export-label{font-size:10px;overflow:hidden;text-overflow:ellipsis}.context-menu{position:fixed;min-width:200px;z-index:10000}.context-menu-item-wrapper{position:relative}.context-menu-item.has-submenu{padding-right:28px}.context-menu-arrow{position:absolute;right:8px;font-size:10px;opacity:.6;flex-shrink:0}.context-menu-submenu{position:absolute;left:100%;top:-4px;margin-left:4px;min-width:200px;pointer-events:auto}.context-menu-submenu:before{content:"";position:absolute;top:0;bottom:0;right:100%;width:8px}@media(max-width:640px){.context-menu{min-width:180px;max-width:90vw}.context-menu-submenu{left:auto;right:100%;margin-left:0;margin-right:4px}}.plugin-search{width:100%;padding:6px 8px;border:1px solid var(--border-subtle);border-radius:4px;background:var(--bg-inset);color:var(--text-primary);outline:none}.plugin-search-wrap{padding:6px 8px;min-width:260px}.context-menu-scroller{overflow-y:auto;max-height:400px}.context-menu-scroller::-webkit-scrollbar{display:none}.context-menu-scroller{-ms-overflow-style:none;scrollbar-width:none}.plugin-browser-scroll-wrap{width:100%;position:relative}.plugin-scroll-top-arrow,.plugin-scroll-bottom-arrow{position:absolute;left:0;right:0;height:20px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-app) 35%,transparent),transparent);cursor:default;user-select:none}.plugin-scroll-top-arrow{top:40px}.plugin-scroll-bottom-arrow{bottom:8px;transform:rotate(180deg)}.color-picker{position:relative;display:inline-block}.color-swatch{width:20px;height:20px;border-radius:3px;border:2px solid var(--border-color, #444);cursor:pointer;transition:all .15s ease}.color-swatch:hover{border-color:var(--accent-primary);transform:scale(1.1)}.color-picker-overlay{position:fixed;inset:0;z-index:998}.color-picker-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:var(--bg-panel, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:6px;padding:8px;z-index:999;box-shadow:0 4px 12px #00000080}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:8px}.color-option{width:28px;height:28px;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:all .15s ease}.color-option:hover{border-color:var(--accent-primary);transform:scale(1.1)}.color-option.selected{border-color:#fff;box-shadow:0 0 0 2px var(--accent-primary)}.custom-color-input{width:100%;height:32px;border:1px solid var(--border-color, #444);border-radius:4px;cursor:pointer}.instrument-picker-menu{position:fixed;z-index:40;display:flex;flex-direction:column;max-width:320px;max-height:320px;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:var(--font-size-sm)}.instrument-picker-header{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);background:var(--bg-header);border-bottom:1px solid var(--border-color)}.instrument-picker-scroll{overflow-y:auto;padding:var(--spacing-xs) 0}.instrument-picker-group+.instrument-picker-group{margin-top:var(--spacing-xs);border-top:1px solid var(--border-dark);padding-top:var(--spacing-xs)}.instrument-picker-group-label{padding:2px var(--spacing-md);font-size:var(--font-size-xs);color:var(--text-tertiary);white-space:nowrap}.instrument-picker-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);width:100%;padding:4px var(--spacing-md);font:inherit;text-align:left;color:var(--text-primary);background:transparent;border:none;cursor:pointer;white-space:nowrap}.instrument-picker-item:hover,.instrument-picker-item:focus-visible{background:var(--bg-hover);outline:none}.instrument-picker-item.current{color:var(--accent-secondary)}.instrument-picker-name{overflow:hidden;text-overflow:ellipsis}.instrument-picker-kind{flex-shrink:0;padding:1px 5px;font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.instrument-status-pip{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--text-tertiary)}.instrument-status-pip.status-ready{background:var(--success)}.instrument-status-pip.status-empty-sampler,.instrument-status-pip.status-bypassed{background:var(--warning)}.instrument-status-pip.status-external{background:var(--info)}.instrument-status-pip.status-none{background:transparent;box-shadow:inset 0 0 0 1px var(--border-light)}.instrument-status-tag{flex-shrink:0;max-width:90px;padding:0 4px;font-size:var(--cw-font-size-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--warning);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.instrument-btn,.synth-loaded{min-width:0}.track-fx-rack{box-sizing:border-box;background:#151515;border:1px inset #222;padding:2px;min-height:20px;display:flex;flex-direction:column;gap:1px}.track-fx-rack.drop-target{border-color:var(--cw-accent-orange);background:#1b1710}.fx-rack-title{font-size:9px;color:#555;padding-left:2px;background:#1a1a1a}.fx-rack-list{display:flex;flex-direction:column;gap:1px;max-height:110px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#444 transparent}.fx-rack-list::-webkit-scrollbar{width:4px}.fx-rack-list::-webkit-scrollbar-thumb{background:#444;border-radius:2px}.fx-rack-slot{box-sizing:border-box;position:relative;display:flex;align-items:center;gap:2px;background:linear-gradient(to bottom,#252525,#212020);border:1px solid #333;border-radius:2px;padding:1px 2px;cursor:grab;user-select:none;flex-shrink:0}.fx-rack-slot:hover{border-color:#4a4a4a}.fx-rack-slot.dragging{opacity:.35}.fx-rack-slot.bypassed .fx-rack-slot-name{color:#666;text-decoration:line-through}.fx-rack-slot.missing{background:#300;border-color:#600;color:#f66;font-size:9px;justify-content:center}.fx-rack-slot.drop-top:before,.fx-rack-slot.drop-bottom:after{content:"";position:absolute;left:2px;right:2px;height:2px;background:var(--cw-accent-orange);box-shadow:0 0 4px var(--cw-accent-orange);border-radius:1px;z-index:10}.fx-rack-slot.drop-top:before{top:-2px}.fx-rack-slot.drop-bottom:after{bottom:-2px}.fx-rack-slot-name{flex:1 1 auto;min-width:0;font-size:9px;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fx-rack-slot-btn{flex-shrink:0;width:12px;height:12px;line-height:1;padding:0;font-size:8px;color:#888;background:#2c2c2c;border:1px solid #3a3a3a;border-radius:2px;cursor:pointer}.fx-rack-slot-btn:hover{background:#3a3a3a;color:#ddd}.fx-rack-slot-btn.bypass.active{color:#ffd27a;border-color:var(--cw-accent-orange)}.fx-rack-add{background:#222;color:#555;font-size:9px;padding:2px;border:1px dashed #3a3a3a;border-radius:2px;cursor:pointer;text-align:center}.fx-rack-add:hover{background:#333;color:#888}.track-header{display:flex;flex-direction:column;width:100%;min-width:150px;background-color:#2b2b2b;border-bottom:1px solid #1a1a1a;border-right:1px solid #1a1a1a;border-left:4px solid transparent;color:#e0e0e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:11px;user-select:none;box-sizing:border-box;padding:4px;gap:4px;overflow:hidden;position:relative}.track-header-top{display:flex;gap:6px;margin-bottom:2px}.instrument-svg-icon{margin-right:6px}.track-number-box{display:flex;flex-direction:column;align-items:center;width:24px;gap:2px}.track-number{font-weight:700;color:#888}.track-icon-placeholder{width:24px;height:24px;background:#333;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#666}.track-info-col{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.track-name-row{display:flex;align-items:center;gap:4px}.track-name-input{flex:1;background:#1a1a1a;border:1px solid #333;color:#fff;padding:2px 4px;border-radius:2px;font-size:11px;min-width:0}.track-name-input:focus{border-color:#555;outline:none}.close-btn{background:none;border:none;color:#666;cursor:pointer;padding:0 4px;font-size:14px}.close-btn:hover{color:#f44}.track-io-row{display:flex;align-items:center;gap:2px}.io-select{width:100%!important;background:#222;border:none;color:#aaa;font-size:10px;padding:0 2px;cursor:pointer}.input-select,.output-select{width:100%!important}.io-arrow{font-size:8px;color:#555}.track-toolbar{display:flex;gap:2px;justify-content:space-between;padding:2px 0}.track-btn{flex:1;border:1px solid #333;background:#2a2a2a;color:#888;border-radius:2px;cursor:pointer;font-size:10px;font-weight:700;height:18px;display:flex;align-items:center;justify-content:center}.track-btn:hover{background:#333;color:#ccc}.track-btn.mute-btn.active{background:#fc0;color:#000;border-color:#ca0;box-shadow:0 0 4px #fc06}.track-btn.solo-btn.active{background:#0c4;color:#000;border-color:#0a3;box-shadow:0 0 4px #0c46}.track-btn.arm-btn.active{background:#f33;color:#fff;border-color:#c00;box-shadow:0 0 4px #f336}.track-btn.input-echo-btn.active{background:#48f;color:#fff}.track-controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#222;padding:4px;border-radius:2px}.control-cell{display:flex;flex-direction:column;gap:2px}.control-cell label{font-size:9px;color:#666;text-transform:uppercase}.fader-container{display:flex;align-items:center;gap:4px}.mini-fader{flex:1;height:4px;-webkit-appearance:none;background:#111;border-radius:2px;outline:none}.mini-fader::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:12px;background:#666;border:1px solid #888;border-radius:1px;cursor:pointer}.track-header .value-display{font-size:9px;color:var(--text-secondary, #aaa);min-width:24px;text-align:right;width:auto;background:transparent;padding:0;font-family:inherit;font-weight:400}.track-extra-controls{display:flex;justify-content:space-between;align-items:center}.track-resizer{position:absolute;left:0;right:0;bottom:0;height:8px;cursor:ns-resize;background:linear-gradient(90deg,#ffffff05,#0000000f);z-index:30}.automation-group,.phase-group{display:flex;gap:1px}.auto-btn,.phase-btn,.mono-btn{background:#222;border:1px solid #333;color:#666;font-size:9px;padding:1px 4px;cursor:pointer}.auto-btn.read-btn{color:#4f4}.auto-btn.write-btn{color:#f44}.track-fx-bin{background:#151515;border:1px inset #222;padding:2px;min-height:20px;display:flex;flex-direction:column;gap:1px}.fx-bin-header{font-size:9px;color:#555;padding-left:2px;background:#1a1a1a}.fx-slot{background:#222;color:#555;font-size:9px;padding:2px;cursor:pointer;text-align:center}.fx-slot:hover{background:#333;color:#888}.track-header.folder-track{background-color:#333}.folder-toggle-btn{width:24px;height:24px;background:#444;border:1px solid #555;border-radius:2px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;padding:0}.folder-toggle-btn:hover{background:#555}.track-header[draggable=true]{cursor:move}.track-header.drag-over-before{box-shadow:inset 0 2px 0 0 var(--accent-primary)}.track-header.drag-over-after{box-shadow:inset 0 -2px 0 0 var(--accent-primary)}.track-header.drag-over-into{background-color:#3a5a7a!important;box-shadow:inset 0 0 0 2px var(--accent-primary)}.track-header.selected{background-color:var(--bg-active);border-left-color:var(--accent-primary)}.track-header.folder-track.drag-over-into{background-color:#3a5a7a!important}.instrument-slot{flex:1;display:flex;min-width:0}.instrument-btn,.add-instrument-btn{flex:1;background:#2a2a2a;border:1px solid #444;color:#ccc;font-size:10px;padding:2px 4px;cursor:pointer;border-radius:2px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px;height:18px}.instrument-btn:hover,.add-instrument-btn:hover{background:#333;border-color:#555;color:#fff}.instrument-btn{background:#2d3a4a;border-color:#3a4a5a;color:#8ab}.instrument-btn:hover{background:#3a4a5a;border-color:#4a5a6a;color:#ace}.instrument-btn-group{flex:1;display:flex;align-items:stretch;min-width:0;gap:2px}.instrument-btn-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.instrument-kind-badge{flex-shrink:0;padding:0 4px;font-size:9px;line-height:14px;color:var(--text-secondary);background:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em}.instrument-menu-btn{flex-shrink:0;width:18px;height:18px;padding:0;font-size:12px;line-height:1;color:var(--text-secondary);background:var(--bg-header);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center}.instrument-btn.bypassed,.instrument-btn.bypassed:hover{color:#778;background:#232323;border-color:#3a3a3a}.instrument-slot.drop-target,.add-instrument-btn.drop-target{border-color:var(--accent-primary);box-shadow:inset 0 0 0 1px var(--accent-primary)}.instrument-menu-btn:hover{background:var(--bg-active);border-color:var(--border-light);color:var(--text-primary)}.track-btn.monitor-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--accent-text)}.track-record-safe{align-self:center;padding:1px 4px;border:1px solid var(--border-light);border-radius:3px;color:var(--text-tertiary);font-size:8px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.track-input-badge{align-self:center;padding:1px 4px;border:1px solid var(--accent-primary);border-radius:3px;color:var(--accent-primary);font-size:8px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.inline-piano-roll{position:relative;width:100%;background:var(--bg-darkest);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.inline-piano-roll-canvas{display:block;image-rendering:pixelated;width:100%;height:100%}.inline-piano-roll-info{position:absolute;right:8px;bottom:4px;font-size:10px;color:var(--text-tertiary);background:#0009;padding:2px 6px;border-radius:3px;pointer-events:none}.inline-piano-roll:hover{border-color:var(--border-light)}.inline-piano-roll-canvas:active{cursor:grabbing}.track-lane{position:relative;border-bottom:1px solid #333;background-color:#1e1e1e;overflow:hidden}.lane-grid-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,#333 1px,transparent 1px),linear-gradient(to bottom,#2a2a2a 1px,transparent 1px);background-size:100px 100%;opacity:.3;pointer-events:none}.lane-content{position:relative;width:100%;height:100%}.clip-container{position:absolute;top:5px;z-index:10;background-color:#4a90e2;border:1px solid #2a60a2;border-radius:4px;overflow:hidden;box-shadow:0 2px 4px #0000004d;transition:box-shadow .2s}.clip-container:hover{box-shadow:0 4px 8px #00000080;border-color:#5b9de6}.empty-lane-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#444;font-size:12px;pointer-events:none;user-select:none}.inline-piano-roll-container{position:absolute;inset:0;pointer-events:auto}.track-lane.clip-drop-target{box-shadow:inset 0 0 0 2px var(--accent-primary)}.track-lane.selected{background-color:var(--bg-panel);box-shadow:inset 3px 0 0 var(--accent-primary)}.waveform-render-canvas{display:block}.audiosnap-markers-container{position:absolute;inset:0;pointer-events:none;z-index:10}.audiosnap-marker{position:absolute;top:0;bottom:0;width:2px;pointer-events:all;cursor:pointer;transition:all .2s ease}.audiosnap-marker:before{content:"";position:absolute;top:0;left:-3px;width:8px;height:8px;border-radius:50%;transition:all .2s ease}.audiosnap-marker:after{content:"";position:absolute;top:0;left:0;width:2px;height:100%;transition:all .2s ease}.audiosnap-marker.detected:before{background:var(--accent-primary);box-shadow:0 0 8px #4a9eff99}.audiosnap-marker.detected:after{background:linear-gradient(180deg,var(--accent-primary) 0%,rgba(74,158,255,.3) 100%)}.audiosnap-marker.locked:before{background:#fbbf24;box-shadow:0 0 8px #fbbf2499}.audiosnap-marker.locked:after{background:linear-gradient(180deg,#fbbf24,#fbbf244d)}.audiosnap-marker.quantized:before{background:#4ade80;box-shadow:0 0 8px #4ade8099}.audiosnap-marker.quantized:after{background:linear-gradient(180deg,#4ade80,#4ade804d)}.audiosnap-marker.manual:before{background:#a78bfa;box-shadow:0 0 8px #a78bfa99}.audiosnap-marker.manual:after{background:linear-gradient(180deg,#a78bfa,#a78bfa4d)}.audiosnap-marker:hover:before{transform:scale(1.5)}.audiosnap-marker:hover:after{width:3px;left:-.5px}.audiosnap-target-line{position:absolute;top:0;bottom:0;width:1px;background:#4ade8066;border-left:1px dashed #4ade80;pointer-events:none;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.audiosnap-marker-strength{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:2px 6px;background:#000c;color:#fff;font-size:10px;border-radius:3px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;margin-bottom:4px}.audiosnap-marker:hover .audiosnap-marker-strength{opacity:1}.audiosnap-marker-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px;margin-top:4px;box-shadow:0 4px 12px #0006;z-index:1000;min-width:120px}.audiosnap-marker-menu-item{padding:8px 12px;color:#e0e0e0;font-size:12px;cursor:pointer;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;gap:8px}.audiosnap-marker-menu-item:hover{background:#4a9eff33;color:var(--accent-primary)}.audiosnap-marker-menu-item.danger:hover{background:#ff4a4a33;color:#ff4a4a}.audiosnap-overlay{position:absolute;inset:0;background:#0000004d;pointer-events:none}.audiosnap-overlay.active{background:#4a9eff1a}.audiosnap-grid-line{position:absolute;top:0;bottom:0;width:1px;background:#ffffff0d;pointer-events:none}.audiosnap-grid-line.beat{background:#ffffff1a}.audiosnap-grid-line.bar{background:#ffffff26;width:2px}.take-lanes{position:relative;display:flex;flex-direction:column;gap:4px;padding:8px 0;background:var(--bg-darker, #1a1a1a);border-top:1px solid var(--border-color, #333)}.take-lane-container{display:flex;align-items:center;gap:8px}.take-lane-header{display:flex;align-items:center;gap:6px;min-width:120px;padding:0 8px;font-size:11px;color:var(--text-secondary, #999)}.take-number{font-weight:600;color:var(--text-primary, #fff);background:var(--bg-dark, #2a2a2a);padding:2px 6px;border-radius:3px;font-size:10px}.take-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-indicator{color:var(--accent-primary);font-size:14px;animation:pulse 2s infinite}.comp-indicator{color:#4caf50;font-size:10px;font-weight:600;background:#4caf5033;padding:2px 4px;border-radius:2px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.take-lane{position:relative;cursor:pointer;border:1px solid var(--border-color, #333);border-radius:4px;overflow:hidden;background:var(--bg-dark, #2a2a2a);transition:all .2s ease}.take-lane:hover{border-color:var(--accent-primary);box-shadow:0 0 8px color-mix(in srgb,var(--accent-primary) 30%,transparent)}.take-lane.active{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 5%,transparent)}.take-lane.used-in-comp{border-color:#4caf50}.take-waveform{display:block;width:100%;height:100%}.comp-regions-overlay{position:absolute;inset:0;pointer-events:none}.comp-regions-overlay>*{pointer-events:all}.comp-region{position:absolute;top:0;bottom:0;background:#4caf5026;border:2px solid #4CAF50;border-radius:4px;cursor:pointer;transition:all .2s ease;z-index:10}.comp-region:hover{background:#4caf5040;box-shadow:0 0 12px #4caf5066}.comp-region-content{position:absolute;top:4px;left:4px;right:4px;display:flex;align-items:center;justify-content:center;pointer-events:none}.comp-region-take-name{font-size:10px;font-weight:600;color:#4caf50;background:#0009;padding:2px 6px;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comp-region-border-left,.comp-region-border-right{position:absolute;top:0;bottom:0;width:4px;background:#4caf50;cursor:ew-resize}.comp-region-border-left{left:-2px}.comp-region-border-right{right:-2px}.comp-region-border-left:hover,.comp-region-border-right:hover{background:#66bb6a;width:6px}.comp-region.selected{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 20%,transparent)}.comp-region.selected .comp-region-take-name{color:var(--accent-primary)}.comp-region.selected .comp-region-border-left,.comp-region.selected .comp-region-border-right{background:var(--accent-primary)}.clip-editor-wrapper{position:relative;width:100%;height:100%}.clip-editor{position:relative;height:100%;background-color:#3a3a3a;border-radius:4px;border:1px solid #555;overflow:hidden;box-shadow:0 2px 4px #0003;user-select:none;transition:border-color .1s;display:flex;flex-direction:column}.clip-editor.selected{border-color:#0af;background-color:#444}.clip-header{height:18px;background:#0000004d;display:flex;justify-content:space-between;align-items:center;padding:0 4px;gap:6px;font-size:10px;color:#ccc;border-bottom:1px solid rgba(255,255,255,.1)}.clip-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gain-envelope{position:absolute;top:0;left:0;pointer-events:none;z-index:5}.waveform-container{position:relative}.loop-region{position:absolute;height:100%;background:#ffffff1a;border-left:1px dashed rgba(255,255,255,.5);border-right:1px dashed rgba(255,255,255,.5);pointer-events:none}.fade-in-svg,.fade-out-svg{position:absolute;top:0;pointer-events:none;z-index:5}.fade-in-svg{left:0}.fade-out-svg{right:0}.take-lanes-toggle{padding:2px 6px;font-size:9px;background:var(--bg-dark, #2a2a2a);border:1px solid var(--border-color, #555);border-radius:3px;color:var(--text-secondary, #999);cursor:pointer;transition:all .2s;white-space:nowrap}.take-lanes-toggle:hover{background:var(--bg-hover, #3a3a3a);border-color:var(--accent-primary);color:var(--text-primary, #fff)}.take-lanes-toggle.active{background:color-mix(in srgb,var(--accent-primary) 20%,transparent);border-color:var(--accent-primary);color:var(--accent-primary)}.clip-gain{font-family:monospace;opacity:.7;white-space:nowrap}.slip-mode-indicator{padding:2px 8px;font-size:9px;font-weight:700;background:linear-gradient(135deg,#ff6b35,#f7931e);border:1px solid var(--accent-primary);border-radius:3px;color:#fff;white-space:nowrap;animation:pulse-slip 1s ease-in-out infinite;box-shadow:0 0 8px color-mix(in srgb,var(--accent-primary) 50%,transparent)}@keyframes pulse-slip{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}.waveform-container{position:relative;flex:1;opacity:.85;display:flex;align-items:stretch;min-height:0}.waveform-container canvas[style*="pointerEvents: none"]{flex:1;image-rendering:crisp-edges;image-rendering:pixelated}.fade-handle{position:absolute;top:0;bottom:0;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent);cursor:e-resize;z-index:10;transition:background .2s}.fade-in{left:0;border-right:1px dashed rgba(255,255,255,.4)}.fade-out{right:0;border-left:1px dashed rgba(255,255,255,.4)}.fade-handle:hover{background:#ffffff4d}.resize-handle-right{position:absolute;top:0;right:0;bottom:0;width:8px;cursor:col-resize;background:#0003;z-index:20}.resize-handle-right:hover{background:var(--accent-primary)}.resize-handle-left{position:absolute;top:0;left:0;bottom:0;width:8px;cursor:col-resize;background:#0003;z-index:20}.resize-handle-left:hover{background:var(--accent-primary)}.clip-editor.locked{border-color:#f44;background-color:#2a2a2a}.clip-editor.locked .resize-handle-left,.clip-editor.locked .resize-handle-right,.clip-editor.locked .fade-handle{display:none}.clip-editor.looped{border-style:solid}.loop-region{pointer-events:none;z-index:4}.clip-editor.muted{opacity:.5;filter:grayscale(100%);background-color:#222;border-color:#444}.clip-editor{cursor:pointer;transition:all .15s ease}.clip-editor:hover{box-shadow:0 4px 12px #6496ff40;filter:brightness(1.08);z-index:2}.clip-editor.selected{border-color:#0af;background-color:#444;box-shadow:0 0 12px #6496ff66}.clip-editor.selected:hover{box-shadow:0 0 16px #6496ff99;filter:brightness(1.12)}.fade-handle{position:absolute;top:0;height:100%;width:20px;cursor:col-resize;opacity:.4;transition:all .2s ease;z-index:15}.fade-handle:hover{opacity:1;background:#6496ff4d}.fade-in-handle{left:0}.fade-out-handle{right:0}.range-selection-indicator{position:absolute;z-index:10;background:linear-gradient(90deg,#6496ff1a,#6496ff0d);border-left:2px solid rgba(100,150,255,.5);border-right:2px solid rgba(100,150,255,.5);transition:background-color .2s ease;pointer-events:none}.range-selection-indicator:hover{background:linear-gradient(90deg,#6496ff26,#6496ff1a)}.range-info{position:absolute;top:-20px;left:5px;font-size:11px;color:#6496ff;background:#000000b3;padding:2px 6px;border-radius:3px;white-space:nowrap;z-index:11}.clip-editor:focus-visible{outline:2px solid rgba(100,150,255,.6);outline-offset:-2px;border-radius:4px}.clip-editor.dragging{z-index:50;box-shadow:0 8px 24px #6496ff66;filter:brightness(1.15)}.resize-handle-left:active,.resize-handle-right:active,.fade-handle:active{background:#6496ff99;z-index:99}.clip-header{cursor:grab;user-select:none}.clip-header:active{cursor:grabbing}.clip-drag-ghost{position:fixed;z-index:40;pointer-events:none;display:flex;flex-direction:column;background:var(--bg-hover, #3a3a3a);border:1px solid var(--accent-primary);border-radius:4px;overflow:hidden;box-shadow:0 8px 20px #00000080;opacity:.95}.clip-ghost-header{flex-shrink:0;height:18px;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 4px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1);font-size:10px;color:var(--text-primary, #fff)}.clip-ghost-header .clip-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-ghost-body{position:relative;flex:1;min-height:0;overflow:hidden}.clip-drag-ghost-target{flex-shrink:0;white-space:nowrap;color:var(--accent-primary)}.clip-editor.drag-source{opacity:.35}.audiosnap-panel{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;color:#e0e0e0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-shadow:0 4px 12px #0000004d}.audiosnap-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.audiosnap-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#fff}.audiosnap-icon{width:20px;height:20px;color:var(--accent-primary)}.audiosnap-toggle{display:flex;align-items:center;gap:8px}.audiosnap-toggle label{font-size:13px;color:#b0b0b0;cursor:pointer;user-select:none}.audiosnap-toggle input[type=checkbox]{width:40px;height:20px;appearance:none;background:#ffffff1a;border-radius:10px;position:relative;cursor:pointer;transition:all .3s ease}.audiosnap-toggle input[type=checkbox]:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:2px;left:2px;transition:all .3s ease;box-shadow:0 2px 4px #0003}.audiosnap-toggle input[type=checkbox]:checked{background:linear-gradient(135deg,var(--accent-primary) 0%,#3b7dd6 100%)}.audiosnap-toggle input[type=checkbox]:checked:before{left:22px}.audiosnap-section{margin-bottom:16px}.audiosnap-section-title{font-size:12px;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.audiosnap-controls{display:flex;flex-direction:column;gap:12px}.audiosnap-control{display:flex;flex-direction:column;gap:6px}.audiosnap-control-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#b0b0b0}.audiosnap-control-value{font-weight:600;color:#fff}.audiosnap-slider{width:100%;height:4px;appearance:none;background:#ffffff1a;border-radius:2px;outline:none;cursor:pointer}.audiosnap-slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary) 0%,#3b7dd6 100%);cursor:pointer;box-shadow:0 2px 4px #0000004d;transition:all .2s ease}.audiosnap-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 8px #4a9eff99}.audiosnap-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary) 0%,#3b7dd6 100%);cursor:pointer;border:none;box-shadow:0 2px 4px #0000004d;transition:all .2s ease}.audiosnap-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 8px #4a9eff99}.audiosnap-grid-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.audiosnap-grid-button{padding:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#b0b0b0;font-size:12px;cursor:pointer;transition:all .2s ease;text-align:center}.audiosnap-grid-button:hover{background:#ffffff1a;border-color:#4a9eff80}.audiosnap-grid-button.active{background:linear-gradient(135deg,var(--accent-primary) 0%,#3b7dd6 100%);border-color:var(--accent-primary);color:#fff;font-weight:600}.audiosnap-actions{display:flex;flex-direction:column;gap:8px}.audiosnap-button{padding:10px 16px;background:linear-gradient(135deg,#4a9eff33,#3b7dd633);border:1px solid rgba(74,158,255,.3);border-radius:6px;color:var(--accent-primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.audiosnap-button:hover{background:linear-gradient(135deg,#4a9eff4d,#3b7dd64d);border-color:#4a9eff80;transform:translateY(-1px);box-shadow:0 4px 8px #4a9eff33}.audiosnap-button:active{transform:translateY(0)}.audiosnap-button.primary{background:linear-gradient(135deg,var(--accent-primary) 0%,#3b7dd6 100%);border-color:var(--accent-primary);color:#fff}.audiosnap-button.primary:hover{background:linear-gradient(135deg,#5ba9ff,#4c8ee7);box-shadow:0 4px 12px #4a9eff66}.audiosnap-button.danger{background:linear-gradient(135deg,#ff4a4a33,#d63b3b33);border-color:#ff4a4a4d;color:#ff4a4a}.audiosnap-button.danger:hover{background:linear-gradient(135deg,#ff4a4a4d,#d63b3b4d);border-color:#ff4a4a80;box-shadow:0 4px 8px #ff4a4a33}.audiosnap-button:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.audiosnap-stats{display:flex;justify-content:space-between;padding:12px;background:#0003;border-radius:6px;font-size:12px}.audiosnap-stat{display:flex;flex-direction:column;gap:4px}.audiosnap-stat-label{color:gray;font-size:11px}.audiosnap-stat-value{color:#fff;font-weight:600;font-size:14px}.audiosnap-checkbox{display:flex;align-items:center;gap:8px;padding:8px;background:#ffffff08;border-radius:4px;cursor:pointer;transition:all .2s ease}.audiosnap-checkbox:hover{background:#ffffff0f}.audiosnap-checkbox input[type=checkbox]{width:16px;height:16px;appearance:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:3px;cursor:pointer;position:relative;transition:all .2s ease}.audiosnap-checkbox input[type=checkbox]:checked{background:linear-gradient(135deg,var(--accent-primary) 0%,#3b7dd6 100%);border-color:var(--accent-primary)}.audiosnap-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.audiosnap-checkbox label{font-size:12px;color:#b0b0b0;cursor:pointer;user-select:none}.bounce-to-clip-dialog-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.bounce-to-clip-dialog{background:#2a2a2a;border-radius:8px;width:500px;max-width:90vw;max-height:90vh;overflow:auto;box-shadow:0 4px 20px #00000080}.bounce-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #444}.bounce-dialog-header h2{margin:0;font-size:18px;color:#fff}.close-btn{background:none;border:none;color:#aaa;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{background:#444;color:#fff}.bounce-dialog-content{padding:20px}.bounce-section{margin-bottom:24px}.bounce-section h3{margin:0 0 12px;font-size:14px;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.bounce-checkbox,.bounce-radio{display:flex;align-items:center;padding:8px 0;cursor:pointer;user-select:none}.bounce-checkbox input,.bounce-radio input{margin-right:10px;cursor:pointer}.bounce-checkbox span,.bounce-radio span{color:#ddd;font-size:14px}.bounce-checkbox:hover span,.bounce-radio:hover span{color:#fff}.bounce-checkbox input:disabled,.bounce-radio input:disabled{cursor:not-allowed;opacity:.5}.bounce-progress-section{margin-top:20px;padding:16px;background:#333;border-radius:4px}.progress-label{color:#fff;font-size:14px;margin-bottom:8px}.progress-bar{width:100%;height:8px;background:#444;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a);transition:width .3s ease}.bounce-error{margin-top:16px;padding:12px;background:#5a1a1a;border-left:3px solid #f44336;border-radius:4px;color:#ffcdd2;font-size:14px}.bounce-error strong{color:#f44336}.bounce-dialog-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #444}.btn-primary,.btn-secondary{padding:8px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s}.btn-primary{background:#4caf50;color:#fff}.btn-primary:hover:not(:disabled){background:#66bb6a}.btn-primary:disabled{background:#555;color:#888;cursor:not-allowed}.btn-secondary{background:#555;color:#ddd}.btn-secondary:hover:not(:disabled){background:#666}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.bounce-note{margin:8px 0 0;font-size:12px;color:var(--text-tertiary)}.bounce-warnings{margin-top:16px;padding:12px;background:var(--bg-hover);border-left:3px solid var(--warning);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px}.bounce-warnings strong{color:var(--warning)}.bounce-warnings ul{margin:6px 0 0;padding-left:18px}.bounce-warnings li{margin-top:3px}.clip-properties-dialog{width:400px;background-color:#2a2a2a;border:1px solid #444;border-radius:6px;box-shadow:0 4px 12px #00000080;color:#eee;font-size:12px}.dialog-body{padding:16px;display:flex;flex-direction:column;gap:16px}.form-group label{font-weight:700;color:#aaa}.form-group input[type=text],.form-group input[type=number]{background-color:#1a1a1a;border:1px solid #444;border-radius:3px;padding:6px;color:#fff;font-family:inherit}.form-group input:disabled{opacity:.5;cursor:not-allowed}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.form-section{border-top:1px solid #444;padding-top:12px;margin-top:4px}.form-section h3{margin:0 0 12px;font-size:11px;text-transform:uppercase;color:#888;letter-spacing:.5px}.form-group.checkbox label{display:flex;align-items:center;gap:8px;font-weight:400;color:#eee;cursor:pointer}.form-group.checkbox input[type=checkbox]{width:14px;height:14px}.dialog-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease-in-out}.dialog-content{background-color:var(--cw-bg-secondary, #2a2a2a);border-radius:8px;box-shadow:0 10px 40px #000000b3;max-width:500px;width:90%;max-height:90vh;display:flex;flex-direction:column;border:1px solid var(--cw-bg-highlight, #404040);animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--cw-bg-highlight, #404040)}.dialog-header h2{margin:0;font-size:16px;color:var(--cw-text-primary, #ffffff);font-weight:600}.dialog-close{background:none;border:none;color:var(--cw-text-secondary, #aaaaaa);font-size:20px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease-in-out}.dialog-close:hover{background-color:var(--cw-bg-hover, #3a3a3a);color:var(--cw-text-primary, #ffffff)}.dialog-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.dialog-body::-webkit-scrollbar{width:8px}.dialog-body::-webkit-scrollbar-track{background:var(--cw-bg-secondary, #2a2a2a)}.dialog-body::-webkit-scrollbar-thumb{background:var(--cw-bg-highlight, #404040);border-radius:4px}.dialog-body::-webkit-scrollbar-thumb:hover{background:var(--cw-text-secondary, #aaaaaa)}.dialog-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 20px;border-top:1px solid var(--cw-bg-highlight, #404040)}.dialog-field{display:flex;flex-direction:column;gap:8px}.dialog-field label{font-size:13px;color:var(--cw-text-primary, #ffffff);font-weight:500}.dialog-field input[type=text],.dialog-field input[type=number],.dialog-field input[type=password],.dialog-field select,.dialog-field textarea{padding:8px 12px;background-color:var(--cw-bg-input, #1a1a1a);border:1px solid var(--cw-bg-highlight, #404040);border-radius:4px;color:var(--cw-text-primary, #ffffff);font-size:13px;font-family:inherit;transition:all .15s ease-in-out}.dialog-field input[type=text]:focus,.dialog-field input[type=number]:focus,.dialog-field input[type=password]:focus,.dialog-field select:focus,.dialog-field textarea:focus{outline:none;border-color:var(--cw-accent);background-color:var(--cw-bg-secondary, #2a2a2a);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-primary) 20%,transparent)}.dialog-field textarea{resize:vertical;min-height:80px}.color-palette{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.color-option{width:40px;height:40px;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all .15s ease-in-out}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:var(--cw-text-primary, #ffffff);box-shadow:0 0 0 2px var(--cw-bg-secondary, #2a2a2a),0 0 8px color-mix(in srgb,var(--accent-primary) 50%,transparent)}.slider-group{display:flex;gap:12px;align-items:center}.slider-group input[type=range]{flex:1;height:6px;border-radius:3px;background:var(--cw-bg-highlight, #404040);outline:none;-webkit-appearance:none}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--cw-accent);cursor:pointer;transition:all .15s ease-in-out}.slider-group input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 8px color-mix(in srgb,var(--accent-primary) 60%,transparent);transform:scale(1.1)}.slider-group input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--cw-accent);cursor:pointer;border:none;transition:all .15s ease-in-out}.slider-group input[type=range]::-moz-range-thumb:hover{box-shadow:0 0 8px color-mix(in srgb,var(--accent-primary) 60%,transparent);transform:scale(1.1)}.slider-value{min-width:60px;text-align:right;color:var(--cw-text-secondary, #aaaaaa);font-size:12px;font-family:Courier New,monospace}.checkbox-label,.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:400;color:var(--cw-text-primary, #ffffff)}.checkbox-label input[type=checkbox],.radio-label input[type=radio],.dialog-field input[type=checkbox],.dialog-field input[type=radio]{width:16px;height:16px;cursor:pointer}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400;color:var(--cw-text-primary, #ffffff)}.btn-primary,.btn-cancel,.btn-secondary{padding:8px 24px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease-in-out;font-family:inherit}.btn-primary{background-color:var(--cw-accent);color:var(--cw-bg-primary, #1a1a1a)}.btn-primary:hover:not(:disabled){background-color:#fa2;box-shadow:0 0 12px color-mix(in srgb,var(--accent-primary) 40%,transparent)}.btn-primary:active:not(:disabled){background-color:#f80}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-cancel{background-color:var(--cw-bg-highlight, #404040);color:var(--cw-text-primary, #ffffff)}.btn-cancel:hover:not(:disabled){background-color:var(--cw-bg-hover, #3a3a3a)}.btn-cancel:active:not(:disabled){background-color:var(--cw-bg-secondary, #2a2a2a)}.btn-secondary{background-color:transparent;color:var(--cw-accent);border:1px solid var(--cw-accent)}.btn-secondary:hover:not(:disabled){background-color:color-mix(in srgb,var(--accent-primary) 10%,transparent)}.dialog-field select{cursor:pointer}.dialog-field select option{background-color:var(--cw-bg-secondary, #2a2a2a);color:var(--cw-text-primary, #ffffff)}@media(max-width:600px){.dialog-content{max-width:95%;max-height:95vh}.dialog-body{padding:16px}.color-palette{grid-template-columns:repeat(6,1fr)}.dialog-footer{flex-direction:column-reverse}.btn-primary,.btn-cancel{width:100%}}.corefx-dialog-content{max-width:90vw;max-height:90vh;width:auto}.corefx-dialog-body{overflow-x:auto;overflow-y:auto;padding:20px}.corefx-dialog-body .pro-channel{display:flex;flex-direction:column;gap:0}.corefx-dialog-body .pro-channel .pc-modules{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.corefx-dialog-body .pc-module{flex:0 1 auto;min-width:200px}.corefx-dialog-body .pc-module--wide{min-width:300px}.pc-module-empty{padding:20px;color:#666;text-align:center;font-size:12px}.pc-module-body{padding:10px}.pc-mode-group{margin-top:10px}.pc-mode-label{font-size:10px;display:block;margin-bottom:5px}.pc-mode-select{width:100%;padding:4px;background:#333;color:#eee;border:1px solid #555}.field-hint{display:block;width:100%;font-size:11px;line-height:1.4;color:var(--cw-text-muted, #9a9a9a)}.field-value{font-size:13px;color:var(--cw-text-primary, #e6e6e6);padding:4px 8px;border-radius:4px;background-color:var(--cw-bg-primary, #1e1e1e);border:1px solid var(--cw-bg-highlight, #404040)}.dialog-notice{margin-top:12px;padding:10px 12px;border-radius:6px;font-size:12px;line-height:1.45;color:var(--cw-text-primary, #e6e6e6);background-color:var(--cw-bg-primary, #1e1e1e);border:1px solid var(--cw-bg-highlight, #404040)}.dialog-section-title{margin:16px 0 8px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--cw-text-muted, #9a9a9a)}.dialog-list{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto;padding-right:4px}.dialog-list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:6px;border:1px solid transparent;background-color:var(--cw-bg-primary, #1e1e1e);color:var(--cw-text-primary, #e6e6e6);font-size:12px;cursor:pointer;text-align:left}.dialog-list-item:hover{border-color:var(--cw-bg-highlight, #404040)}.dialog-list-item.selected{border-color:var(--cw-accent);background-color:var(--cw-bg-highlight, #404040)}.dialog-list-item .item-meta{color:var(--cw-text-muted, #9a9a9a);font-size:11px;white-space:nowrap}.dialog-content.template-panel-content{max-width:760px;width:92%;padding:0;overflow:hidden}.dialog-content.plugin-browser-dialog{max-width:820px;width:92%;height:min(70vh,620px);overflow:hidden}.plugin-browser-host{flex:1;min-height:0;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.plugin-browser-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.plugin-browser-spacer{flex:1}.checkbox-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.checkbox-row .checkbox-label{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-primary);cursor:pointer}.live-waveform-overlay{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;overflow:hidden;z-index:10}.live-waveform-canvas{width:100%;height:100%;display:block;image-rendering:auto}@keyframes recording-pulse{0%,to{opacity:.6}50%{opacity:.9}}.live-waveform-overlay{animation:recording-pulse 1s infinite}.bus-separator{grid-area:bus-separator;display:flex;align-items:stretch;background:var(--bg-header, #2a2a2a);border-top:1px solid var(--border-color, #3a3a3a);border-bottom:1px solid var(--bg-darkest, #0f0f0f);cursor:ns-resize;user-select:none;overflow:hidden}.bus-separator-label{display:flex;align-items:center;gap:6px;padding:0 8px;min-width:0;border-right:2px solid var(--bg-darkest, #0f0f0f);background:var(--bg-panel, #252525);cursor:default;flex-shrink:0}.bus-separator-label span{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary, #999);white-space:nowrap}.bus-add-btn{width:18px;height:14px;line-height:1;padding:0;font-size:12px;font-weight:700;color:var(--text-secondary, #999);background:var(--bg-hover, #303030);border:1px solid var(--border-color, #3a3a3a);border-radius:var(--radius-sm, 2px);cursor:pointer;flex-shrink:0}.bus-add-btn:hover{background:var(--bg-active, #353535);color:var(--text-primary, #e0e0e0)}.bus-headers-pane{grid-area:bus-headers;background:var(--bg-panel, #252525);border-right:2px solid var(--bg-darkest, #0f0f0f);overflow:hidden;display:flex;flex-direction:column;min-height:0}.bus-headers-content{flex:0 0 auto;display:flex;flex-direction:column;min-height:0;width:100%}.bus-header{position:relative;display:flex;flex-direction:column;gap:4px;width:100%;min-width:0;padding:4px;box-sizing:border-box;background:var(--bg-header, #2a2a2a);border-bottom:1px solid var(--bg-dark, #1a1a1a);border-left:4px solid var(--info, #2196f3);color:var(--text-primary, #e0e0e0);font-size:11px;user-select:none;overflow:hidden}.bus-header.selected{background:var(--bg-active, #353535);border-left-color:var(--accent-primary)}.bus-header-top{display:flex;align-items:center;gap:6px;min-width:0}.bus-badge{flex-shrink:0;padding:1px 4px;font-size:8px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary, #999);background:var(--bg-dark, #1a1a1a);border:1px solid var(--border-color, #3a3a3a);border-radius:var(--radius-sm, 2px)}.bus-name-input{flex:1;min-width:0;background:var(--bg-dark, #1a1a1a);border:1px solid var(--border-color, #3a3a3a);color:var(--text-primary, #e0e0e0);padding:2px 4px;border-radius:var(--radius-sm, 2px);font-size:11px}.bus-name-input:focus{border-color:var(--border-light, #4a4a4a);outline:none}.bus-toolbar{display:flex;gap:2px}.bus-btn{flex:1;height:18px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color, #3a3a3a);background:var(--bg-dark, #1a1a1a);color:var(--text-secondary, #999);border-radius:var(--radius-sm, 2px);cursor:pointer;font-size:10px;font-weight:700}.bus-btn:hover{background:var(--bg-hover, #303030);color:var(--text-primary, #e0e0e0)}.bus-btn.bus-mute-btn.active{background:var(--warning, #ffcc00);color:var(--accent-text, #1a1a1a);border-color:var(--warning, #ffcc00)}.bus-btn.bus-solo-btn.active{background:var(--success, #4caf50);color:var(--accent-text, #1a1a1a);border-color:var(--success, #4caf50)}.bus-controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--bg-dark, #1a1a1a);padding:4px;border-radius:var(--radius-sm, 2px)}.bus-control-cell{display:flex;flex-direction:column;gap:2px;min-width:0}.bus-control-cell label{font-size:9px;color:var(--text-tertiary, #666);text-transform:uppercase}.bus-fader-container{display:flex;align-items:center;gap:4px;min-width:0}.bus-mini-fader{flex:1;min-width:0;height:4px;-webkit-appearance:none;appearance:none;background:var(--bg-darkest, #0f0f0f);border-radius:var(--radius-sm, 2px);outline:none}.bus-mini-fader::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:12px;background:var(--border-light, #4a4a4a);border:1px solid var(--text-secondary, #999);border-radius:1px;cursor:pointer}.bus-value-display{font-size:9px;color:var(--text-secondary, #999);min-width:28px;text-align:right;white-space:nowrap}.bus-context-menu{position:fixed;z-index:50;top:auto;left:auto}.bus-lanes-cell{grid-area:bus-lanes;position:relative;background:var(--bg-dark, #1a1a1a);overflow-x:auto;overflow-y:auto;min-height:0;scrollbar-width:none}.bus-lanes-cell::-webkit-scrollbar{width:0;height:0}.bus-lanes-content{position:relative;display:flex;flex-direction:column;flex:0 0 auto;min-height:0}.bus-lane{position:relative;width:100%;background:var(--bg-dark, #1a1a1a);border-bottom:1px solid var(--bg-darkest, #0f0f0f);overflow:hidden}.bus-lane-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,var(--border-color, #3a3a3a) 1px,transparent 1px),linear-gradient(to bottom,var(--bg-panel, #252525) 1px,transparent 1px);opacity:.3;pointer-events:none}.bus-lane-meter{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:auto}.bus-lane.muted .bus-lane-grid{opacity:.12}.bus-lane.muted .bus-lane-name{opacity:.3}.bus-lane-name{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--text-tertiary, #666);white-space:nowrap;pointer-events:none;user-select:none}.meter-component{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%}.meter-canvas{display:block;border:1px solid var(--cw-border-light);border-radius:3px;background:linear-gradient(to right,var(--bg-dark),var(--bg-darkest),var(--bg-dark));box-shadow:inset 0 2px 4px #00000080}.ruler-container{height:30px;background-color:#2b2b2b;overflow:visible;position:relative;cursor:pointer;border-bottom:1px solid #111;user-select:none;display:flex}.ruler-canvas{display:block;flex:1 1 auto;min-width:0;height:100%}.tempo-lane{display:flex;background:#1a1a1a;border-bottom:1px solid #333;user-select:none;overflow:visible;width:100%}.tempo-lane-header{width:100%;display:flex;align-items:center;justify-content:flex-end;padding:6px 8px;background:#252525;border-right:1px solid #333;font-size:11px;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.5px;gap:4px;flex-wrap:nowrap;min-width:0}.tempo-tap-btn{background:#333;color:#fff;border:1px solid #444;padding:4px 6px;border-radius:2px;cursor:pointer;font-weight:700}.tempo-small-btn{background:#2a2a2a;color:#ddd;border:1px solid #3a3a3a;padding:2px 6px;border-radius:2px;cursor:pointer}.tempo-bpm-input{background:#111;color:#fff;border:1px solid #333;padding:2px 4px;border-radius:2px}.tempo-lane-canvas{display:block;background:#1a1a1a;flex:1 1 auto;min-width:0}.tempo-lane-canvas:hover{background:#1e1e1e}.tempo-point-tooltip{position:absolute;background:#000000e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;pointer-events:none;z-index:1000;white-space:nowrap}.tempo-header-left{display:flex;flex-direction:row;align-items:center;gap:4px;min-width:0;flex-shrink:1}.tempo-title{font-weight:800;color:#f3a200;font-size:12px;display:none}.tempo-sub{font-size:10px;color:#aaa;margin-left:4px}.tempo-header-right{display:flex;gap:4px;align-items:center;flex-shrink:0;min-width:0}.tempo-tap-btn{background:#333;border:1px solid #444;color:#fff;padding:3px 6px;border-radius:2px;cursor:pointer;font-size:9px;font-weight:700;white-space:nowrap;flex-shrink:0}.tempo-small-btn{background:#2b2b2b;border:1px solid #3a3a3a;color:#ddd;padding:3px 4px;border-radius:2px;font-size:10px;cursor:pointer;flex-shrink:0}.tempo-bpm-input{width:50px;text-align:center;padding:3px 4px;border-radius:2px;border:1px solid #333;background:#1b1b1b;color:#fff;font-size:10px;flex-shrink:0}.tempo-auto-btn{background:#2b2b2b;border:1px solid #444;color:#ddd;padding:4px 6px;border-radius:2px}.tempo-resizer{position:absolute;left:0;right:0;bottom:0;height:8px;cursor:ns-resize;background:linear-gradient(90deg,#ffffff05,#0000000f);z-index:40}.selection-overlay{position:absolute;top:0;background-color:#ffffff1a;border-left:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(255,255,255,.3);pointer-events:none;z-index:5}.punch-range-overlay{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none;z-index:4}.punch-region{position:absolute;top:0;height:100%;opacity:.3;transition:opacity .2s ease}.punch-region:hover{opacity:.5}.punch-region.pre-roll{background:linear-gradient(90deg,#3b82f633,#3b82f64d);border-left:2px dashed rgba(59,130,246,.5)}.punch-region.recording{background:linear-gradient(90deg,#ef44444d,#ef444466,#ef44444d);position:relative;overflow:hidden}.recording-pattern{position:absolute;top:0;left:0;right:0;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.05) 10px,rgba(255,255,255,.05) 20px);animation:recordingPulse 2s ease-in-out infinite}@keyframes recordingPulse{0%,to{opacity:.5}50%{opacity:1}}.punch-region.post-roll{background:linear-gradient(90deg,#22c55e4d,#22c55e33);border-right:2px dashed rgba(34,197,94,.5)}.region-label{position:absolute;top:8px;left:8px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.5);opacity:.8}.punch-marker{position:absolute;top:0;height:100%;pointer-events:auto;cursor:pointer;z-index:10}.marker-line{position:absolute;top:0;left:0;width:3px;height:100%;transition:all .2s ease}.punch-in .marker-line,.punch-out .marker-line{background:linear-gradient(180deg,#ef4444,#ef444499,#ef444433);box-shadow:0 0 10px #ef4444cc}.punch-marker:hover .marker-line{width:4px;box-shadow:0 0 16px #ef4444}.marker-label{position:absolute;top:4px;left:8px;display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ef4444f2,#dc2626f2);padding:6px 12px;border-radius:6px;font-size:11px;font-weight:600;color:#fff;white-space:nowrap;box-shadow:0 2px 8px #0000004d;border:1px solid rgba(255,255,255,.2);opacity:0;transform:translateY(-4px);transition:all .2s ease;pointer-events:none}.punch-marker:hover .marker-label{opacity:1;transform:translateY(0)}.marker-icon{font-size:10px;animation:markerBlink 1.5s ease-in-out infinite}@keyframes markerBlink{0%,to{opacity:1}50%{opacity:.5}}@keyframes markerSlideIn{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.marker-line{animation:markerSlideIn .3s ease-out;transform-origin:center}.punch-region.loop-window{height:18px;opacity:1;pointer-events:none;background:linear-gradient(180deg,#38bdf838,#38bdf814);border-left:1px solid rgba(56,189,248,.7);border-right:1px solid rgba(56,189,248,.7)}.punch-region.loop-window .region-label{color:var(--cw-text-primary)}.automation-smoothing-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#1e1e2e,#252535);border:1px solid #3a3a4a;border-radius:12px;box-shadow:0 10px 40px #00000080;width:420px;max-height:80vh;overflow-y:auto;z-index:45;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.smoothing-panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #3a3a4a;background:linear-gradient(to bottom,rgba(255,255,255,.03),transparent)}.smoothing-panel-header h3{margin:0;font-size:18px;font-weight:600;color:#e0e0e0;letter-spacing:-.3px}.close-button{background:none;border:none;color:#888;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.close-button:hover{background:#ffffff0d;color:#e0e0e0}.smoothing-panel-content{padding:24px}.info-section{display:flex;gap:20px;padding:16px;background:#0003;border-radius:8px;margin-bottom:24px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#888;font-weight:500}.info-value{font-size:16px;font-weight:600;color:var(--accent-primary)}.section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:silver;text-transform:uppercase;letter-spacing:.5px}.section-description{margin:0 0 16px;font-size:13px;line-height:1.6;color:#999}.algorithm-selector{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.algorithm-option{display:flex;align-items:center;gap:10px;padding:12px;background:#ffffff08;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.algorithm-option:hover{background:#ffffff0d;border-color:#4a9eff4d}.algorithm-option input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary)}.algorithm-option input[type=radio]:checked+.algorithm-name{color:var(--accent-primary);font-weight:600}.algorithm-name{font-size:14px;color:silver;transition:all .2s ease}.algorithm-description{margin:0;padding:12px;background:#4a9eff1a;border-left:3px solid var(--accent-primary);border-radius:4px;font-size:12px;line-height:1.5;color:#b0b0b0}.slider-container{display:flex;align-items:center;gap:12px;margin-bottom:8px}.slider-container label{font-size:13px;color:#999;min-width:80px}.slider-container input[type=range]{flex:1;height:6px;border-radius:3px;background:#ffffff1a;outline:none;-webkit-appearance:none}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-primary);cursor:pointer;box-shadow:0 2px 6px #4a9eff66;transition:all .2s ease}.slider-container input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #4a9eff99}.slider-container input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:none;box-shadow:0 2px 6px #4a9eff66;transition:all .2s ease}.slider-container input[type=range]::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #4a9eff99}.slider-value{min-width:50px;text-align:right;font-size:13px;font-weight:600;color:var(--accent-primary)}.slider-hint{margin:0;font-size:12px;color:#777;font-style:italic}.checkbox-option{display:flex;align-items:center;gap:10px;padding:12px;background:#ffffff08;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:8px}.checkbox-option:hover{background:#ffffff0d}.checkbox-option input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary)}.checkbox-option span{font-size:14px;color:silver}.option-hint{margin:0;padding-left:28px;font-size:12px;color:#777}.smooth-button,.reduce-button{width:100%;padding:14px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.smooth-button.primary{background:linear-gradient(135deg,var(--accent-primary) 0%,#357abd 100%);color:#fff;box-shadow:0 4px 12px #4a9eff4d}.smooth-button.primary:hover{background:linear-gradient(135deg,#5aaeff,#4589cd);box-shadow:0 6px 16px #4a9eff66;transform:translateY(-1px)}.smooth-button.primary:active{transform:translateY(0);box-shadow:0 2px 8px #4a9eff4d}.reduce-button.secondary{background:#ffffff0d;color:silver;border:1px solid rgba(255,255,255,.1)}.reduce-button.secondary:hover{background:#ffffff14;border-color:#fff3;color:#e0e0e0}.reduce-button.secondary:active{background:#ffffff08}.divider{height:1px;background:linear-gradient(to right,transparent,#3a3a4a,transparent);margin:24px 0}.automation-smoothing-panel::-webkit-scrollbar{width:8px}.automation-smoothing-panel::-webkit-scrollbar-track{background:#0003;border-radius:0 12px 12px 0}.automation-smoothing-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.automation-smoothing-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.automation-offset-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid var(--accent-primary);border-radius:12px;box-shadow:0 8px 32px #4a9eff4d;width:480px;max-width:90vw;max-height:80vh;overflow-y:auto;z-index:45;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.automation-offset-panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(74,158,255,.2);background:#4a9eff0d}.automation-offset-panel-header h3{margin:0;font-size:18px;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.5px}.automation-offset-panel-close{background:transparent;border:none;color:#888;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.automation-offset-panel-close:hover{background:#ffffff1a;color:#fff}.automation-offset-panel-content{padding:24px}.automation-offset-section{margin-bottom:24px}.automation-offset-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.automation-offset-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;color:#ddd;font-size:14px;margin-bottom:12px}.automation-offset-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary)}.automation-offset-time-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.automation-offset-input-group{display:flex;flex-direction:column;gap:6px}.automation-offset-input-group label{font-size:12px;color:#888;font-weight:500}.automation-offset-input-group input[type=number]{background:#ffffff0d;border:1px solid rgba(74,158,255,.3);border-radius:6px;padding:8px 12px;color:#fff;font-size:14px;font-family:Courier New,monospace;transition:all .2s ease}.automation-offset-input-group input[type=number]:focus{outline:none;border-color:var(--accent-primary);background:#4a9eff1a}.automation-offset-slider-container{display:flex;flex-direction:column;gap:12px}.automation-offset-slider-container label{font-size:14px;color:#ddd;display:flex;justify-content:space-between;align-items:center}.automation-offset-slider-container label strong{color:var(--accent-primary);font-family:Courier New,monospace;font-size:16px}.automation-offset-slider{width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,#f44,#888,#4f4);outline:none;-webkit-appearance:none;appearance:none}.automation-offset-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-primary);cursor:pointer;box-shadow:0 2px 8px #4a9eff80;transition:all .2s ease}.automation-offset-slider::-webkit-slider-thumb:hover{background:#6bb3ff;transform:scale(1.1)}.automation-offset-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:none;box-shadow:0 2px 8px #4a9eff80;transition:all .2s ease}.automation-offset-slider::-moz-range-thumb:hover{background:#6bb3ff;transform:scale(1.1)}.automation-offset-slider-labels{display:flex;justify-content:space-between;font-size:11px;color:#666;font-family:Courier New,monospace}.automation-offset-button{width:100%;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.automation-offset-button-primary{background:linear-gradient(135deg,var(--accent-primary) 0%,#357abd 100%);color:#fff;box-shadow:0 4px 12px #4a9eff4d}.automation-offset-button-primary:hover{background:linear-gradient(135deg,#6bb3ff 0%,var(--accent-primary) 100%);box-shadow:0 6px 16px #4a9eff66;transform:translateY(-1px)}.automation-offset-button-secondary{background:#ffffff1a;color:#ddd;border:1px solid rgba(255,255,255,.2)}.automation-offset-button-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.automation-offset-button-success{background:linear-gradient(135deg,#4f4,#2ecc2e);color:#0a3d0a;box-shadow:0 4px 12px #44ff444d}.automation-offset-button-success:hover{background:linear-gradient(135deg,#6f6,#4f4);box-shadow:0 6px 16px #4f46;transform:translateY(-1px)}.automation-offset-button-danger{background:linear-gradient(135deg,#f44,#cc2e2e);color:#fff;box-shadow:0 4px 12px #ff44444d}.automation-offset-button-danger:hover{background:linear-gradient(135deg,#f66,#f44);box-shadow:0 6px 16px #f446;transform:translateY(-1px)}.automation-offset-status{background:#4a9eff1a;border:1px solid rgba(74,158,255,.2);border-radius:8px;padding:16px;margin-bottom:20px}.automation-offset-status-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.automation-offset-status-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.automation-offset-status-label{font-size:12px;color:#888;font-weight:500}.automation-offset-status-value{font-size:13px;color:#ddd;font-family:Courier New,monospace}.automation-offset-status-active{color:#4f4;font-weight:600;text-transform:uppercase}.automation-offset-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.automation-offset-info{background:#4a9eff0d;border-left:3px solid var(--accent-primary);border-radius:4px;padding:12px 16px}.automation-offset-info p{margin:0;font-size:13px;line-height:1.6;color:#aaa}.automation-offset-info strong{color:var(--accent-primary)}.automation-offset-panel::-webkit-scrollbar{width:8px}.automation-offset-panel::-webkit-scrollbar-track{background:#0003;border-radius:4px}.automation-offset-panel::-webkit-scrollbar-thumb{background:#4a9eff4d;border-radius:4px}.automation-offset-panel::-webkit-scrollbar-thumb:hover{background:#4a9eff80}.automation-offset-panel{animation:slideIn .3s ease-out}.automation-trim-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid var(--accent-primary);border-radius:12px;padding:0;min-width:400px;max-width:500px;box-shadow:0 8px 32px #0009,0 0 20px #4a9eff4d;z-index:45;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;backdrop-filter:blur(10px)}.trim-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(90deg,var(--accent-primary) 0%,#6b5eff 100%);border-radius:12px 12px 0 0;border-bottom:1px solid rgba(255,255,255,.1)}.trim-panel-header h3{margin:0;font-size:16px;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.trim-panel-header .close-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:28px;height:28px;border-radius:6px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;line-height:1}.trim-panel-header .close-button:hover{background:#fff3;transform:scale(1.1)}.trim-panel-content{padding:20px}.trim-control-group{margin-bottom:24px}.trim-control-group label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:500;color:#e0e0e0}.value-display{font-family:Consolas,Courier New,monospace;color:var(--accent-primary);font-weight:600;font-size:12px;background:#4a9eff1a;padding:2px 8px;border-radius:4px}.trim-slider,.reference-slider{width:100%;height:6px;border-radius:3px;background:linear-gradient(90deg,#2a2a3e,#3a3a4e);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;position:relative}.trim-slider::-webkit-slider-thumb,.reference-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary) 0%,#6b5eff 100%);cursor:pointer;box-shadow:0 2px 8px #4a9eff80;transition:all .2s ease}.trim-slider::-webkit-slider-thumb:hover,.reference-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #4a9effb3}.trim-slider::-moz-range-thumb,.reference-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary) 0%,#6b5eff 100%);cursor:pointer;border:none;box-shadow:0 2px 8px #4a9eff80;transition:all .2s ease}.trim-slider::-moz-range-thumb:hover,.reference-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #4a9effb3}.reference-slider::-webkit-slider-thumb{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-hover) 100%);box-shadow:0 2px 8px color-mix(in srgb,var(--accent-primary) 50%,transparent)}.reference-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--accent-primary) 70%,transparent)}.reference-slider::-moz-range-thumb{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-hover) 100%);box-shadow:0 2px 8px color-mix(in srgb,var(--accent-primary) 50%,transparent)}.reference-slider::-moz-range-thumb:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--accent-primary) 70%,transparent)}.slider-markers{display:flex;justify-content:space-between;margin-top:4px;font-size:10px;color:#888}.trim-info{background:#4a9eff0d;border:1px solid rgba(74,158,255,.2);border-radius:8px;padding:12px;margin-bottom:20px}.trim-info p{margin:0;font-size:12px;color:#b0b0b0;line-height:1.5}.trim-presets{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.trim-presets button{flex:1;min-width:60px;padding:8px 12px;background:linear-gradient(135deg,#2a2a3e,#3a3a4e);border:1px solid rgba(74,158,255,.3);border-radius:6px;color:#e0e0e0;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.trim-presets button:hover{background:linear-gradient(135deg,#3a3a4e,#4a4a5e);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 2px 8px #4a9eff4d}.trim-presets button:active{transform:translateY(0)}.trim-actions{display:flex;gap:10px;margin-top:20px}.trim-actions button{flex:1;padding:10px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;text-transform:uppercase;letter-spacing:.5px}.reset-button{background:linear-gradient(135deg,#555,#666);color:#fff}.reset-button:hover{background:linear-gradient(135deg,#666,#777);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.cancel-button{background:linear-gradient(135deg,#ff5e5e,#ff3a3a);color:#fff}.cancel-button:hover{background:linear-gradient(135deg,#ff6f6f,#ff4a4a);transform:translateY(-1px);box-shadow:0 4px 12px #ff5e5e66}.apply-button{background:linear-gradient(135deg,var(--accent-primary) 0%,#6b5eff 100%);color:#fff}.apply-button:hover{background:linear-gradient(135deg,#5aaaff,#7b6eff);transform:translateY(-1px);box-shadow:0 4px 12px #4a9eff66}.trim-actions button:active{transform:translateY(0)}.envelope-follower-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #3a4a6b;border-radius:12px;box-shadow:0 10px 40px #00000080;width:420px;max-height:85vh;overflow-y:auto;z-index:45;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.envelope-follower-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#2a3a5e,#1f2d4d);border-bottom:1px solid #3a4a6b;border-radius:12px 12px 0 0}.envelope-follower-header h3{margin:0;font-size:18px;font-weight:600;color:#e0e6ed;letter-spacing:.5px}.envelope-follower-header .close-button{background:transparent;border:none;color:#8892a6;font-size:28px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.envelope-follower-header .close-button:hover{background:#ffffff1a;color:#fff}.envelope-follower-content{padding:20px}.section{margin-bottom:24px}.section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#a0aec0;text-transform:uppercase;letter-spacing:1px}.control-group{margin-bottom:16px}.control-group label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;color:#cbd5e0;font-weight:500}.control-group label .value{color:#60a5fa;font-weight:600;font-size:12px;background:#60a5fa1a;padding:2px 8px;border-radius:4px}.control-group select{width:100%;padding:10px 12px;background:#0f1729;border:1px solid #2d3748;border-radius:6px;color:#e0e6ed;font-size:13px;cursor:pointer;transition:all .2s ease}.control-group select:hover{border-color:#4a5568}.control-group select:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.control-group select:disabled{opacity:.5;cursor:not-allowed}.control-group input[type=range]{width:100%;height:6px;background:linear-gradient(90deg,#2d3748,#4a5568);border-radius:3px;outline:none;-webkit-appearance:none}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #60a5fa66;transition:all .2s ease}.control-group input[type=range]::-webkit-slider-thumb:hover{background:linear-gradient(135deg,#93c5fd,#60a5fa);box-shadow:0 3px 8px #60a5fa99;transform:scale(1.1)}.control-group input[type=range]::-moz-range-thumb{width:16px;height:16px;background:linear-gradient(135deg,#60a5fa,#3b82f6);border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #60a5fa66;transition:all .2s ease}.control-group input[type=range]::-moz-range-thumb:hover{background:linear-gradient(135deg,#93c5fd,#60a5fa);box-shadow:0 3px 8px #60a5fa99;transform:scale(1.1)}.preset-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.preset-buttons button{padding:10px 16px;background:linear-gradient(135deg,#2d3748,#1a202c);border:1px solid #4a5568;border-radius:6px;color:#cbd5e0;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.preset-buttons button:hover{background:linear-gradient(135deg,#4a5568,#2d3748);border-color:#60a5fa;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #60a5fa33}.preset-buttons button:active{transform:translateY(0)}.actions{display:flex;gap:12px}.actions button{flex:1;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.extract-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.extract-button:hover:not(:disabled){background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.extract-button:active:not(:disabled){transform:translateY(0)}.extract-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.reset-button{background:linear-gradient(135deg,#4a5568,#2d3748);color:#cbd5e0;border:1px solid #4a5568}.reset-button:hover{background:linear-gradient(135deg,#6b7280,#4a5568);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.reset-button:active{transform:translateY(0)}.info-section{margin-top:20px;padding:12px 16px;background:#60a5fa0d;border:1px solid rgba(96,165,250,.2);border-radius:8px}.info-section p{margin:0;font-size:12px;line-height:1.6;color:#a0aec0}.info-section strong{color:#60a5fa;font-weight:600}.envelope-follower-panel::-webkit-scrollbar{width:8px}.envelope-follower-panel::-webkit-scrollbar-track{background:#0f1729;border-radius:0 12px 12px 0}.envelope-follower-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4a5568,#2d3748);border-radius:4px}.envelope-follower-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6b7280,#4a5568)}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.envelope-follower-panel{animation:slideIn .3s ease-out}.automation-lane{position:relative;width:100%;background-color:#1e1e1e;border-bottom:1px solid #333;overflow:hidden}.automation-lane.recording{background-color:#ff4a4a0d;border-bottom:1px solid rgba(255,74,74,.3)}.automation-lane.touching{background-color:#4a9eff0d}.automation-lane-canvas{display:block;width:100%;height:100%}.automation-lane-header{display:flex;align-items:center;padding:0 10px;background-color:#252525;border-bottom:1px solid #333;border-right:1px solid #333;box-sizing:border-box;color:#ccc;font-size:12px}.automation-lane-header.recording{background-color:#ff4a4a1a;border-bottom:1px solid rgba(255,74,74,.3)}.automation-lane-header .param-select{flex:1;background:#333;border:1px solid #444;color:#fff;padding:2px 5px;border-radius:3px;margin-right:5px;font-size:11px}.automation-indicator{margin-right:8px;color:var(--accent-primary)}.param-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.automation-lane-header .remove-btn{background:transparent;border:none;color:#666;cursor:pointer;font-size:14px;padding:0 5px}.automation-lane-header .remove-btn:hover{color:#ff6b6b}.automation-lane-header .visibility-btn{background:transparent;border:none;color:#666;cursor:pointer;margin-right:5px}.automation-lane-header .visibility-btn.active{color:var(--accent-primary)}.automation-recording-indicator{position:absolute;top:4px;right:4px;display:flex;align-items:center;gap:4px;padding:2px 6px;background:#ff4a4a33;border:1px solid rgba(255,74,74,.4);border-radius:3px;font-size:10px;font-weight:600;color:#ff4a4a;pointer-events:none}.automation-recording-dot{width:6px;height:6px;background:#ff4a4a;border-radius:50%;animation:pulse-dot 1.5s ease-in-out infinite}.automation-touch-indicator{position:absolute;top:4px;right:4px;display:flex;align-items:center;gap:4px;padding:2px 6px;background:#4a9eff33;border:1px solid rgba(74,158,255,.4);border-radius:3px;font-size:10px;font-weight:600;color:var(--accent-primary);pointer-events:none}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.automation-point{position:absolute;width:12px;height:12px;border-radius:6px;background:#4a9eff;border:2px solid #fff;cursor:move;transition:all .1s ease;z-index:5}.automation-point:hover{width:16px;height:16px;background:#6aafff;box-shadow:0 0 8px #6496ff99;transform:translate(-2px,-2px)}.automation-point.dragging{background:var(--accent-primary);z-index:50;box-shadow:0 0 12px color-mix(in srgb,var(--accent-primary) 80%,transparent)}.automation-point:focus-visible{outline:2px solid rgba(100,150,255,.6);outline-offset:2px}.automation-line{stroke:#4a9eff;stroke-width:1.5;fill:none;transition:all .2s ease}.automation-line:hover{stroke:#6aafff;stroke-width:2;filter:drop-shadow(0 0 2px rgba(100,150,255,.4))}.automation-line.recording{stroke:#ff4a4a;filter:drop-shadow(0 0 2px rgba(255,74,74,.3))}.automation-lane.active{background-color:#4a9eff14;border-bottom:1px solid rgba(74,158,255,.4)}.arranger-track{height:32px;background-color:var(--cw-bg-dark);border-bottom:1px solid var(--cw-border-dark);position:relative;display:flex;overflow:hidden;user-select:none}.arranger-header{width:200px;background-color:var(--cw-bg-panel);border-right:1px solid var(--cw-border-dark);display:flex;align-items:center;padding-left:10px;font-size:11px;font-weight:600;color:var(--cw-accent-orange);text-transform:uppercase;z-index:10;flex-shrink:0}.arranger-timeline{flex:1;position:relative;height:100%}.arranger-section{position:absolute;top:2px;bottom:2px;border-radius:2px;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;cursor:grab;opacity:.8;transition:opacity .1s}.arranger-section:hover{opacity:1;z-index:5}.arranger-section:active{cursor:grabbing}.section-name{font-size:10px;color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}.section-resize-handle{position:absolute;right:0;top:0;bottom:0;width:6px;cursor:col-resize;background:#0000001a}.section-resize-handle:hover{background:#fff3}.track-view-menu{height:24px;background-color:var(--cw-bg-panel);border-bottom:1px solid var(--cw-border-dark);display:flex;align-items:center;padding:0 8px;gap:12px;font-family:var(--cw-font-family);flex-shrink:0;position:relative;z-index:100}.menu-item{font-size:11px;color:var(--cw-text-primary);cursor:pointer;padding:2px 8px;border-radius:2px;user-select:none;transition:background-color .15s ease,color .15s ease;border:1px solid transparent}.menu-item:hover{background-color:var(--cw-bg-hover);color:var(--cw-text-accent)}.menu-item.active{background-color:var(--accent-primary);color:#fff;border:1px solid #e68a00;font-weight:500}.menu-item:focus{outline:2px solid var(--accent-primary);outline-offset:-2px}.menu-spacer{flex:1}.menu-tool{display:flex;align-items:center;gap:4px;position:relative;z-index:999}.menu-label{font-size:10px;color:var(--cw-text-secondary)}.menu-select{background:var(--cw-bg-dark);border:1px solid var(--cw-border-light);color:var(--cw-text-primary);font-size:10px;padding:2px 6px;border-radius:2px;outline:none;cursor:pointer;z-index:1000;position:relative;min-width:120px}.menu-select:hover{border-color:var(--accent-primary)}.menu-select:focus{border-color:var(--accent-primary);box-shadow:0 0 4px #e68a004d}.workspace-manager-btn{background:#333;border:1px solid var(--border-color, #444);color:var(--text-primary, #e0e0e0);cursor:pointer;padding:2px 6px;border-radius:2px;font-size:12px;transition:all .15s ease;display:flex;align-items:center;justify-content:center;min-width:24px;height:20px}.workspace-manager-btn:hover{background:#3a3a3a;border-color:var(--accent-primary);color:var(--accent-primary)}.workspace-manager-btn:active{transform:scale(.95)}.step-sequencer-dialog{width:600px;background-color:#2d2d2d;color:#e0e0e0}.sequencer-controls{margin-bottom:20px}.sequencer-controls input{background-color:#1a1a1a;border:1px solid #444;color:#fff;padding:5px;margin-left:10px;border-radius:4px}.sequencer-grid{display:flex;flex-direction:column;gap:8px;background-color:#222;padding:15px;border-radius:6px}.sequencer-row{display:flex;align-items:center;gap:10px}.row-label{width:100px;font-size:12px;color:#aaa;text-align:right}.steps{display:flex;gap:4px;flex:1}.step{flex:1;height:30px;background-color:#333;border-radius:2px;cursor:pointer;transition:background-color .1s}.step:hover{background-color:#444}.step.active{background-color:var(--accent-color);box-shadow:0 0 5px var(--accent-color)}.step.beat{border-left:1px solid #555}.track-view{display:flex;flex-direction:column;height:100%;flex-shrink:0;background-color:#1e1e1e;color:#e0e0e0;overflow:hidden;position:relative}.track-view-toolbar{height:32px;background-color:#2b2b2b;border-bottom:1px solid #111;display:flex;align-items:center;padding:0 8px;gap:16px;flex-shrink:0}.toolbar-section{display:flex;gap:4px;align-items:center;padding-right:16px;border-right:1px solid #444}.toolbar-section:last-child{border-right:none}.add-track-buttons{position:relative;display:flex;align-items:center}.add-track-btn-plus{background:#444;border:1px solid #555;color:#ddd;padding:4px 10px;border-radius:2px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease}.add-track-btn-plus:hover{background:#555;color:#fff}.add-track-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:#2a2a2a;border:1px solid #444;border-radius:4px;box-shadow:0 4px 12px #00000080;z-index:1000;min-width:140px;overflow:hidden}.dropdown-item{display:block;width:100%;padding:8px 12px;background:transparent;border:none;color:#ddd;text-align:left;cursor:pointer;font-size:12px;transition:all .15s ease;white-space:nowrap}.dropdown-item:hover{background:#3a3a3a;color:#fff}.tool-btn{background:transparent;border:1px solid transparent;color:#aaa;padding:2px 6px;cursor:pointer;font-size:11px;border-radius:2px}.tool-btn:hover{background:#3a3a3a;color:#fff}.tool-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.zoom-controls{align-items:center;gap:8px}.zoom-slider{width:160px}.zoom-label{font-size:12px;color:#cfcfcf;padding-left:6px}.track-view-grid{display:grid;grid-template-rows:36px 28px 60px 1fr 18px 150px 12px;grid-template-areas:"corner ruler" "arranger-corner arranger" "tempo-lane-corner tempo-cell" "headers lanes" "bus-separator bus-separator" "bus-headers bus-lanes" "headers-footer lanes-footer";flex:1;overflow:hidden;position:relative;align-content:end;background-color:#1e1e1e}.track-view.debug-grid .corner-cell{outline:2px dashed rgba(255,255,255,.06)}.track-view.debug-grid .ruler-cell{outline:2px dashed rgba(255,0,0,.1)}.track-view.debug-grid .tempo-lane-corner{outline:2px dashed rgba(0,255,0,.08)}.track-view.debug-grid .tempo-lane-cell{outline:2px dashed rgba(0,255,255,.06)}.track-view.debug-grid .track-headers-pane{outline:2px dashed rgba(255,128,0,.06)}.track-view.debug-grid .track-lanes-pane{outline:2px dashed rgba(128,0,255,.06)}.arranger-track-row{grid-area:arranger;border-bottom:1px solid #111;background:#232323;display:flex;align-items:center;padding:4px 8px;height:28px}.arranger-corner{grid-area:arranger-corner;background-color:#2b2b2b;border-bottom:1px solid #111;border-right:2px solid #111;display:flex;align-items:center;padding:4px 8px}.corner-cell{background-color:#2b2b2b;border-bottom:1px solid #111;border-right:2px solid #111;grid-area:corner}.ruler-cell{background-color:#2b2b2b;border-bottom:1px solid #111;position:relative;overflow-x:auto;overflow-y:hidden;grid-area:ruler;height:36px;scrollbar-width:none}.ruler-cell::-webkit-scrollbar{height:0}.ruler-cell::-webkit-scrollbar-track{background:transparent}.ruler-cell::-webkit-scrollbar-thumb{background:transparent}.tempo-lane-corner{background-color:#252525;border-bottom:1px solid #333;border-right:2px solid #111;grid-area:tempo-lane-corner;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;position:relative}.tempo-lane-cell{background-color:#1a1a1a;border-bottom:1px solid #333;overflow-x:auto;overflow-y:hidden;grid-area:tempo-cell;height:60px;scrollbar-width:none;position:relative}.tempo-resizer{position:absolute;bottom:0;left:0;right:0;height:6px;background:transparent;border-top:1px solid transparent;border-bottom:1px solid transparent;cursor:ns-resize;user-select:none}.tempo-lane-cell::-webkit-scrollbar{height:0}.tempo-lane-cell::-webkit-scrollbar-track{background:transparent}.tempo-lane-cell::-webkit-scrollbar-thumb{background:transparent}.track-headers-pane{background-color:#252525;border-right:2px solid #111;overflow-x:hidden;overflow-y:scroll;display:flex;flex-direction:column;grid-area:headers;scrollbar-width:none}.track-headers-pane::-webkit-scrollbar{display:none;width:0;height:0}.track-headers-footer{background-color:#252525;border-right:2px solid #111;border-top:1px solid #333;height:12px;flex-shrink:0;grid-area:headers-footer}.track-lanes-footer{background-color:#1e1e1e;overflow-x:auto;overflow-y:hidden;grid-area:lanes-footer;height:12px;scrollbar-width:thin;scrollbar-color:#555 #2a2a2a}.track-lanes-footer-content{width:100%;height:1px}.track-lanes-footer::-webkit-scrollbar{height:12px;width:12px}.track-lanes-footer::-webkit-scrollbar-track{background:#2a2a2a}.track-lanes-footer::-webkit-scrollbar-thumb{background:#555;border-radius:4px;border:2px solid #2a2a2a}.track-lanes-footer::-webkit-scrollbar-thumb:hover{background:#666}.track-lanes-footer::-webkit-scrollbar-thumb:active{background:#777}.track-lanes-pane{background-color:#1e1e1e;overflow-x:hidden;overflow-y:auto;position:relative;display:flex;flex-direction:column;grid-area:lanes;scrollbar-width:thin;scrollbar-color:#555 #2a2a2a}.track-lanes-pane::-webkit-scrollbar{height:12px;width:12px}.track-lanes-pane::-webkit-scrollbar-track{background:#2a2a2a;border-top:1px solid #333}.track-lanes-pane::-webkit-scrollbar-thumb{background:#555;border-radius:4px;border:2px solid #2a2a2a}.track-lanes-pane::-webkit-scrollbar-thumb:hover{background:#666}.track-lanes-pane::-webkit-scrollbar-thumb:active{background:#777}.track-lanes-pane::-webkit-scrollbar-corner{background:#2a2a2a}.track-view-grid,.track-headers-pane,.track-lanes-pane{min-height:0}.track-headers-content,.track-lanes-content{flex:0 0 auto;min-height:0}.now-time-overlay{grid-column:2;grid-row:1 / -1;pointer-events:none;z-index:100;position:relative}.track-headers-content,.track-lanes-content{display:flex;flex-direction:column;flex:0 0 auto;min-height:0;width:100%}.empty-project-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#666;pointer-events:none;z-index:10}.track-height-resizer{height:6px;background:linear-gradient(90deg,#ffffff08,#ffffff03);border-top:1px solid rgba(255,255,255,.02);border-bottom:1px solid rgba(0,0,0,.4);cursor:ns-resize;user-select:none}.header-pane-resizer{position:absolute;width:6px;cursor:ew-resize;user-select:none;background:transparent;border-right:1px solid transparent;border-left:1px solid transparent;z-index:40;top:32px;bottom:0}.lasso-selection-box{position:absolute;background-color:#0078d733;border:1px solid rgba(0,120,215,.6);pointer-events:none;z-index:1000}.track-lanes-content{position:relative}.language-switcher-trigger{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.6px;cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.language-switcher-trigger:hover{background:var(--bg-hover);color:var(--text-primary)}.language-switcher-trigger.is-open{background:var(--bg-active);border-color:var(--border-light);color:var(--text-primary)}.language-switcher-trigger:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.language-switcher-code{line-height:1}.language-switcher-chevron{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-1px);transition:transform .14s ease}.language-switcher-trigger.is-open .language-switcher-chevron{transform:rotate(225deg) translateY(-1px)}.language-switcher-menu{position:fixed;z-index:9500;display:flex;flex-direction:column;width:max-content;min-width:148px;padding:4px 0;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md),0 12px 32px #00000080;animation:language-switcher-in .12s ease-out}@keyframes language-switcher-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.language-switcher-option{display:flex;align-items:center;gap:10px;width:100%;min-height:28px;padding:5px 12px;background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:13px;text-align:left;white-space:nowrap;cursor:pointer;transition:background-color .1s ease}.language-switcher-option:hover{background:var(--bg-hover)}.language-switcher-option.is-active{background:var(--bg-active)}.language-switcher-option-label{flex:1 1 auto}.language-switcher-check{flex:0 0 auto;color:var(--accent-primary);font-size:12px}.file-menu-bar{flex:0 0 auto;display:flex;align-items:center;gap:var(--spacing-sm);height:38px;padding:0 var(--spacing-sm) 0 var(--spacing-xs);background:var(--bg-header);border-bottom:1px solid var(--border-color)}.file-menu-trigger{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:6px 10px;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-family:inherit;cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.file-menu-trigger:hover{background:var(--bg-hover);color:var(--text-primary)}.file-menu-trigger.is-open{background:var(--bg-active);border-color:var(--border-light);color:var(--text-primary)}.file-menu-trigger:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.file-menu-bars{display:inline-flex;flex-direction:column;justify-content:space-between;width:16px;height:11px}.file-menu-bar-line{display:block;width:100%;height:2px;border-radius:1px;background:currentColor;transition:width .14s ease}.file-menu-bars .file-menu-bar-line:nth-child(2){width:75%}.file-menu-trigger:hover .file-menu-bars .file-menu-bar-line:nth-child(2),.file-menu-trigger.is-open .file-menu-bars .file-menu-bar-line:nth-child(2){width:100%}.file-menu-trigger-label{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.file-menu-project{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:6px}.file-menu-project-name{min-width:0;font-size:12px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-menu-project-dirty{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 16%,transparent)}.file-menu-panel-toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:background-color .12s ease,color .12s ease}.file-menu-panel-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.file-menu-panel-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.file-menu-panel-chevron{width:8px;height:8px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .14s ease}.file-menu-bar.is-compact{gap:2px;justify-content:center;padding:0 4px}.file-menu-bar.is-compact .file-menu-project,.file-menu-bar.is-compact .file-menu-trigger-label{display:none}.file-menu-panel{position:fixed;z-index:9500;display:flex;flex-direction:column;width:max-content;min-width:252px;max-width:340px;padding:6px 0 8px;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md),0 12px 32px #00000080;color:var(--text-primary);font-size:13px;animation:file-menu-panel-in .12s ease-out}@keyframes file-menu-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.file-menu-panel-header{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-bottom:4px;padding:2px 14px 8px;border-bottom:1px solid var(--border-dark)}.file-menu-panel-title{flex:0 0 auto;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--text-secondary)}.file-menu-panel-project{min-width:0;font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-menu-list{display:flex;flex-direction:column;max-height:70vh;padding:2px 0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}.file-menu-list::-webkit-scrollbar{width:8px}.file-menu-list::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}.file-menu-list::-webkit-scrollbar-track{background:transparent}.file-menu-sub{position:relative;display:block}.file-menu-item{display:flex;align-items:center;gap:14px;width:100%;min-height:28px;padding:5px 14px;background:transparent;border:none;color:var(--text-primary);font:inherit;text-align:left;white-space:nowrap;cursor:pointer;transition:background-color .1s ease,color .1s ease}.file-menu-item:hover:not(:disabled){background:var(--bg-hover)}.file-menu-item:focus-visible{outline:none;background:var(--bg-hover);box-shadow:inset 2px 0 0 var(--accent-primary)}.file-menu-item.is-active{background:var(--bg-active)}.file-menu-item:disabled{color:var(--text-disabled);cursor:default}.file-menu-item-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.file-menu-item-hint{flex:0 0 auto;font-size:11px;letter-spacing:.3px;color:var(--text-tertiary)}.file-menu-item:disabled .file-menu-item-hint{color:var(--text-disabled)}.file-menu-item--danger .file-menu-item-label{color:var(--error)}.file-menu-item--danger:hover:not(:disabled){background:#f4433624}.file-menu-item-arrow{flex:0 0 auto;font-size:15px;line-height:1;color:var(--text-secondary)}.file-menu-separator{height:1px;margin:5px 0;background:var(--border-color)}.file-menu-flyout{position:absolute;top:-7px;left:calc(100% - 6px);display:flex;flex-direction:column;width:max-content;min-width:228px;max-width:320px;padding:4px 0;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md),0 12px 32px #00000080;animation:file-menu-panel-in .1s ease-out}@media(max-width:720px){.file-menu-trigger-label,.file-menu-project{display:none}}.value-box{font-size:var(--value-box-font-size);color:var(--value-box-color);font-family:var(--value-box-font-family);text-align:center;font-weight:var(--value-box-font-weight);background:var(--value-box-bg);padding:var(--value-box-padding-vertical) var(--value-box-padding-horizontal);border:1px solid var(--value-box-border);border-radius:var(--value-box-border-radius);cursor:text;display:inline-flex;align-items:center;justify-content:center;width:var(--value-box-width);min-width:var(--value-box-min-width);height:var(--value-box-height);box-sizing:border-box}.value-box-input{width:var(--value-box-width);height:var(--value-box-input-height);font-size:var(--value-box-font-size);color:var(--value-box-color);font-family:var(--value-box-font-family);text-align:center;font-weight:var(--value-box-font-weight);background:var(--value-box-input-bg);padding:var(--value-box-input-padding-vertical) var(--value-box-input-padding-horizontal);border:2px solid var(--value-box-input-border);border-radius:var(--value-box-border-radius);outline:none;box-sizing:border-box;margin:0}.value-box-input:focus{border-color:var(--value-box-input-border-focus);box-shadow:var(--value-box-input-box-shadow-focus)}.fader-component .value-box,.knob-component .value-box,.pan-slider-component .value-box{margin-top:10px;margin-left:auto;margin-right:auto}.value-box.value-box-reveal{opacity:0;transition:opacity .12s ease}.value-box.value-box-reveal:hover,.value-box.value-box-reveal:focus-within,.fader-component:hover .value-box.value-box-reveal,.knob-component:hover .value-box.value-box-reveal,.pan-slider-component:hover .value-box.value-box-reveal{opacity:1}.fader-component{display:flex;flex-direction:column;align-items:center;gap:2px;height:100%;justify-content:center;width:100%;min-width:0;box-sizing:border-box}.fader-label{font-size:9px;color:var(--cw-text-secondary);text-transform:uppercase;margin-bottom:2px;text-align:center}.fader-track{position:relative;width:16px;height:100%;min-height:0;background:var(--bg-dark);border:1px solid var(--cw-border-dark);border-radius:2px;cursor:ns-resize;box-shadow:inset 0 0 4px #000c;box-sizing:border-box}.fader-body{display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:3px;width:100%;min-height:0}.fader-scale{position:relative;width:24px;flex-shrink:0}.fader-scale-label{position:absolute;right:0;transform:translateY(50%);font-size:8px;line-height:1;color:var(--text-secondary);white-space:nowrap;font-family:var(--cw-font-mono);pointer-events:none}.fader-scale-label.zero{color:var(--accent-primary);font-weight:700}.fader-track:focus{outline:none;border-color:var(--cw-focus-border)}.fader-track:before{content:"";position:absolute;top:6px;bottom:6px;left:50%;width:2px;margin-left:-1px;background:var(--bg-darkest);box-shadow:1px 0 0 var(--cw-border-light);opacity:.5}.fader-marker{position:absolute;left:1px;right:1px;height:1px;background:var(--cw-border-light);pointer-events:none}.fader-marker.zero{left:0;right:0;height:2px;background:var(--accent-primary);opacity:.9;z-index:1}.fader-fill{position:absolute;left:3px;right:3px;bottom:0;background:var(--accent-primary);opacity:.28;border-radius:1px;pointer-events:none}.fader-thumb{position:absolute;left:50%;transform:translate(-50%);width:28px;height:37px;background:linear-gradient(to bottom,var(--cw-bg-selected) 0%,var(--cw-bg-dark) 50%,var(--bg-darkest) 100%);border:1px solid var(--bg-darkest);border-radius:2px;box-shadow:0 4px 8px #0009,inset 0 1px #ffffff26;cursor:grab;z-index:10}.fader-thumb:after{content:"";position:absolute;top:50%;left:2px;right:2px;height:2px;background:var(--bg-darkest);margin-top:-1px;box-shadow:0 1px 0 var(--cw-border-focus)}.fader-thumb:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,#ffffff0d,#fff0);border-radius:1px 1px 0 0}.fader-thumb:hover{background:linear-gradient(to bottom,var(--cw-bg-hover) 0%,var(--cw-bg-light) 50%,var(--cw-bg-dark) 100%)}.fader-thumb:active{cursor:grabbing;background:linear-gradient(to bottom,var(--cw-bg-selected) 0%,var(--cw-bg-hover) 50%,var(--cw-bg-light) 100%)}.fader-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:8px;padding:2px 4px;background:var(--cw-bg-tooltip);color:var(--cw-text-primary);font-size:10px;border-radius:2px;white-space:nowrap;pointer-events:none;border:1px solid var(--cw-border-light);box-shadow:0 2px 4px #00000080;font-family:var(--cw-font-mono);z-index:20}.fader-value{font-size:10px;color:var(--cw-accent-cyan);font-family:var(--cw-font-mono);min-width:40px;text-align:center;font-weight:600;background:var(--bg-darkest);padding:1px 2px;border:1px solid var(--cw-border-light);border-radius:2px;margin-top:19px}.fader-component .value-box{margin-top:19px}.fader-track:focus .fader-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 18%,transparent),0 4px 8px #0009,inset 0 1px #ffffff26}.pan-slider-component{display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:4px;justify-content:center;width:100%;min-width:0;box-sizing:border-box}.pan-slider-component .pan-slider-label{font-size:8px;color:var(--cw-text-secondary);text-transform:uppercase;margin-bottom:15px;text-align:center;margin-top:1px}.pan-slider-track{position:relative;flex:1;min-width:0;height:16px;background:#1a1a1a;border:1px solid var(--cw-border-dark);border-radius:2px;cursor:ew-resize;box-shadow:inset 0 0 4px #000c}.pan-slider-track:focus{outline:none;border-color:var(--cw-focus-border)}.pan-slider-center{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:#000;box-shadow:-1px 0 #333,1px 0 #333;opacity:.5;pointer-events:none}.pan-slider-thumb{position:relative;top:-10px;left:-12.5px;transform:translateY(-50%) rotate(180deg);width:20px;height:15px;background:linear-gradient(to bottom,#555,#444,#333);border:1px solid #2a2a2a;border-radius:2px;box-shadow:0 4px 8px #0009,inset 0 1px #ffffff26;cursor:grab;z-index:10}.pan-slider-thumb:after{content:"";position:absolute;top:50%;left:2px;right:2px;height:1px;background:#1c1c1c;margin-top:-.5px;box-shadow:0 1px #555}.pan-slider-thumb:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,#ffffff0d,#fff0);border-radius:1px 1px 0 0}.pan-slider-thumb:hover{background:linear-gradient(to bottom,#666,#444,#333)}.pan-slider-thumb:active{cursor:grabbing;background:linear-gradient(to bottom,#777,#555,#444)}.pan-slider-tooltip{position:absolute;left:50%;top:100%;transform:translate(-50%);margin-top:8px;padding:2px 4px;background:var(--cw-bg-tooltip);color:var(--cw-text-primary);font-size:10px;border-radius:2px;white-space:nowrap;pointer-events:none;border:1px solid var(--cw-border-light);box-shadow:0 2px 4px #00000080;font-family:var(--cw-font-mono);z-index:20}.pan-slider-fill{position:absolute;top:50%;height:2px;margin-top:-1px;opacity:.6;pointer-events:none}.pan-slider-fill.left{right:50%;background:linear-gradient(to right,transparent,var(--cw-accent-cyan))}.pan-slider-fill.right{left:50%;background:linear-gradient(to right,var(--cw-accent-cyan),transparent)}.knob-component{display:flex;flex-direction:column;align-items:stretch;gap:2px;width:100%;min-width:0;padding:4px;box-sizing:border-box}.knob-label{font-size:9px;color:var(--cw-text-secondary);text-transform:uppercase;font-weight:600;margin-bottom:2px;text-align:center}.knob-container{position:relative;display:flex;justify-content:center;align-items:center;cursor:ns-resize;margin:0 auto}.knob-container:focus{outline:none}.knob-container:focus .knob-body{box-shadow:0 0 0 2px var(--cw-focus-border),0 2px 4px #00000080}.knob-ring-bg,.knob-ring-value{position:absolute;top:0;left:0;pointer-events:none}.knob-body{border-radius:50%;background:linear-gradient(135deg,var(--cw-bg-selected) 0%,var(--cw-bg-dark) 100%);border:1px solid var(--cw-border-dark);box-shadow:0 2px 4px #00000080,inset 0 1px #ffffff26;position:relative;z-index:2}.knob-container:hover .knob-body{background:linear-gradient(135deg,var(--cw-bg-hover) 0%,var(--cw-bg-light) 100%)}.knob-container:active .knob-body{background:linear-gradient(135deg,var(--cw-bg-light) 0%,var(--cw-border-dark) 100%)}.knob-indicator{position:absolute;top:10%;left:50%;width:2px;height:35%;background:var(--text-primary);transform:translate(-50%);border-radius:1px;box-shadow:0 0 2px #ffffff80}.knob-tooltip{position:absolute;top:-20px;left:50%;transform:translate(-50%);background:var(--cw-bg-tooltip);color:var(--cw-text-primary);padding:2px 4px;border-radius:2px;font-size:10px;white-space:nowrap;border:1px solid var(--cw-border-light);z-index:10;pointer-events:none;font-family:var(--cw-font-mono);box-shadow:0 2px 4px #00000080}.knob-container-wrapper{display:flex;justify-content:center;align-items:center;width:100%}.knob-ring-value circle{opacity:.8}.insert-pin-backdrop{position:fixed;inset:0;z-index:1000}.insert-pin-editor{position:fixed;width:292px;max-width:calc(100vw - 24px);display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:var(--radius-lg);background:linear-gradient(to bottom,var(--bg-panel),var(--bg-dark));border:1px solid var(--border-light);box-shadow:var(--shadow-lg);color:var(--text-primary)}.insert-pin-editor-header{display:flex;align-items:center;gap:6px}.insert-pin-title{flex:1;min-width:0;font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insert-pin-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer}.insert-pin-close:hover{background:var(--bg-hover);color:var(--text-primary)}.insert-pin-subtitle{font-size:var(--font-size-xs);color:var(--text-secondary)}.insert-pin-row{display:flex;align-items:center;gap:6px;min-width:0}.insert-pin-label{flex-shrink:0;width:64px;font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insert-pin-dest{flex:1;min-width:0;padding:2px 4px;font-size:var(--font-size-xs);color:var(--text-primary);background:var(--bg-darkest);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.insert-pin-dest.steered{border-color:var(--cw-accent-blue)}.insert-pin-note{font-size:var(--font-size-xs);color:var(--text-secondary)}.insert-pin-note.warning{color:var(--cw-accent-yellow)}.insert-pin-actions{display:flex;align-items:center;gap:6px}.insert-pin-reset{flex:1;padding:3px 6px;font-size:var(--font-size-xs);color:var(--text-primary);background:var(--bg-darkest);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer}.insert-pin-reset:hover{background:var(--bg-hover)}.insert-slot{box-sizing:border-box;display:flex;flex-direction:column;width:100%;flex-shrink:0;transition:opacity .2s;position:relative;user-select:none}.insert-slot.dragging{opacity:.1!important;cursor:grabbing!important;z-index:45!important}.insert-slot.dragging *{pointer-events:none!important}.insert-slot:hover{cursor:pointer}.insert-slot:active{cursor:grabbing}.insert-slot.drop-top:before{content:"";position:absolute;top:-2px;left:4px;right:4px;height:3px;background:var(--cw-accent-orange);box-shadow:0 0 6px var(--cw-accent-orange);border-radius:2px;z-index:10}.insert-slot.drop-bottom:after{content:"";position:absolute;bottom:-2px;left:4px;right:4px;height:3px;background:var(--cw-accent-orange);box-shadow:0 0 6px var(--cw-accent-orange);border-radius:2px;z-index:10}.insert-loaded{background:linear-gradient(to bottom,#252525,#212020);border:none;border-radius:2px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;box-shadow:0 1px 2px #0006;flex-shrink:0;min-height:20px;margin:0;transition:all .12s ease;cursor:pointer}.insert-loaded:hover{background:linear-gradient(to bottom,#333,#2f2f2f);border-color:#777;box-shadow:0 2px 4px #00000080}.insert-loaded.bypassed{opacity:.45;filter:grayscale(.8)}.insert-name{font-size:10px;color:#eee;flex:1;padding-right:0;transition:padding-right .12s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;letter-spacing:.1px;margin-left:2px;line-height:16px}.insert-controls{display:flex;gap:0px;align-items:center;flex-shrink:0;padding:0;position:absolute;right:4px;top:0;bottom:0;height:100%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,visibility .12s ease,transform .12s ease;transform:translateY(0);z-index:6}.insert-btn{width:12px;max-width:25px;height:100%;min-height:16px;padding:0 6px!important;background:transparent;border:none!important;outline:none!important;border-radius:0;color:#888;font-size:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:none!important;margin:0;flex-shrink:0;overflow:hidden}.insert-btn:hover{color:#fff;background:transparent}.insert-btn.bypass-btn.active{background:var(--cw-accent-orange);color:#000;font-weight:700}.insert-btn.remove-btn{background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important;width:auto!important;font-size:10px;line-height:16px;padding:0 4px!important;font-weight:500;display:inline-flex;align-items:center;justify-content:center}.insert-btn.remove-btn:hover{color:#f44336;background:transparent!important;border:none!important}.insert-loaded:hover .insert-controls,.insert-slot:hover .insert-controls{opacity:1;visibility:visible}.insert-controls .insert-btn{pointer-events:auto}.insert-slot.loading .insert-loaded{background:linear-gradient(to bottom,#2a2a2a,#202020);border:1px dashed #444;opacity:.7}.insert-slot.loading .insert-name{color:#666;font-style:italic}.insert-empty{display:flex;align-items:center;justify-content:center;padding:6px 8px;border-radius:4px;background:var(--cw-bg-dark, #161616);border:1px dashed var(--cw-border-dim, #333);cursor:pointer;transition:all .12s ease;min-height:28px;box-sizing:border-box;width:100%;margin-bottom:2px}.insert-empty:hover{background:var(--cw-bg-hover, #222);border-color:var(--cw-border-light, #555)}.insert-placeholder{font-size:10px;color:#666;font-weight:500;text-transform:uppercase}.plugin-browser{background:linear-gradient(to bottom,var(--bg-panel),var(--bg-dark));border:1px solid var(--border-light);border-radius:6px;width:400px;max-height:500px;display:flex;flex-direction:column;box-shadow:0 8px 32px #0009}.browser-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color);background:linear-gradient(to bottom,#2a2a2a,#252525)}.browser-header h3{margin:0;font-size:14px;color:var(--text-primary);font-weight:600;letter-spacing:.3px}.browser-header button{background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;transition:all .2s}.browser-header button:hover{color:var(--accent-primary);transform:scale(1.1)}.browser-list{flex:1;overflow-y:auto;padding:8px}.plugin-item{padding:8px 12px;border-radius:4px;cursor:pointer;transition:all .2s;border:1px solid transparent}.plugin-item:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.plugin-name{font-size:12px;color:var(--text-primary);font-weight:500}.plugin-vendor{font-size:10px;color:var(--text-secondary);margin-top:2px}.no-plugins{text-align:center;padding:32px;color:var(--text-secondary);font-size:12px}.browser-section{margin-bottom:16px}.section-header{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;padding:4px 12px;margin-bottom:4px;border-bottom:1px solid var(--border-dim)}.plugin-info{flex:1}.favorite-btn{background:none;border:none;color:#444;font-size:16px;cursor:pointer;padding:4px;transition:all .2s;opacity:0}.plugin-item:hover .favorite-btn{opacity:1}.favorite-btn.active{color:#ffc107;opacity:1}.favorite-btn:hover{transform:scale(1.2)}.insert-loaded:hover .insert-name,.insert-slot:hover .insert-name{padding-right:25px}.insert-btn,.insert-btn.remove-btn,.insert-btn.bypass-btn{background:transparent!important}.insert-btn.bypass-btn.active{background:transparent!important;color:var(--cw-accent-orange);font-weight:600}.insert-btn.pins-btn{color:var(--cw-text-secondary)}.insert-btn.pins-btn.active{color:var(--cw-accent-blue);font-weight:600}.insert-slot.missing .insert-loaded{background:#300;border:1px solid #600}.insert-slot.missing .insert-name{color:#f66}.external-fx-slot{position:relative;display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:20px;flex-shrink:0;padding:0 4px 0 6px;border-radius:2px;background:linear-gradient(to bottom,var(--cw-bg-control),var(--cw-bg-dark));border-left:2px solid var(--cw-accent-blue);box-shadow:0 1px 2px #0006;cursor:pointer;transition:background var(--transition-fast)}.external-fx-slot:hover{background:linear-gradient(to bottom,var(--cw-bg-hover),var(--cw-bg-panel))}.external-fx-slot.bypassed{opacity:.5;filter:grayscale(.7)}.external-fx-name{display:flex;align-items:center;gap:4px;min-width:0;flex:1}.external-fx-icon{flex-shrink:0;color:var(--cw-text-secondary)}.external-fx-label{font-size:var(--font-size-xs);font-weight:500;color:var(--cw-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.external-fx-state{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--cw-text-disabled)}.external-fx-slot.state-running .external-fx-state,.external-fx-status.dot-running .external-fx-state-dot{background:var(--cw-accent-green);box-shadow:0 0 4px var(--cw-accent-green)}.external-fx-slot.state-silent .external-fx-state,.external-fx-status.dot-silent .external-fx-state-dot{background:var(--cw-accent-yellow)}.external-fx-slot.state-opening .external-fx-state,.external-fx-status.dot-opening .external-fx-state-dot{background:var(--cw-accent-blue)}.external-fx-slot.state-failed .external-fx-state,.external-fx-slot.state-no-sink .external-fx-state,.external-fx-status.dot-failed .external-fx-state-dot,.external-fx-status.dot-no-sink .external-fx-state-dot{background:var(--cw-accent-red)}.external-fx-controls{display:flex;align-items:center;flex-shrink:0;opacity:0;transition:opacity var(--transition-fast)}.external-fx-slot:hover .external-fx-controls{opacity:1}.external-fx-btn{width:14px;height:16px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent;border:none;border-radius:2px;color:var(--cw-text-secondary);font-size:var(--font-size-xs);cursor:pointer}.external-fx-btn:hover{background:var(--cw-bg-selected);color:var(--cw-text-primary)}.external-fx-btn.bypass-off{background:var(--cw-accent-orange);color:var(--cw-text-inverse)}.external-fx-backdrop{position:fixed;inset:0;z-index:40}.external-fx-editor{position:fixed;width:268px;max-width:calc(100vw - 24px);display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:var(--radius-lg);background:linear-gradient(to bottom,var(--bg-panel),var(--bg-dark));border:1px solid var(--border-light);box-shadow:var(--shadow-lg);color:var(--text-primary)}.external-fx-editor-header{display:flex;align-items:center;gap:6px}.external-fx-name-input{flex:1;min-width:0;padding:3px 6px;font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-darkest);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.external-fx-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;padding:0;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer}.external-fx-close:hover{color:var(--text-primary);background:var(--bg-hover)}.external-fx-status{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--text-secondary)}.external-fx-state-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--text-tertiary)}.external-fx-field{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--font-size-sm);color:var(--text-secondary)}.external-fx-field>span{flex-shrink:0}.external-fx-field select,.external-fx-field input[type=number]{min-width:0;max-width:140px;padding:2px 4px;font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-darkest);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.external-fx-field input[type=range]{flex:1;min-width:0;accent-color:var(--accent-primary)}.external-fx-pins{display:flex;flex-wrap:nowrap;gap:2px}.external-fx-pin{width:18px;height:18px;padding:0;font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-darkest);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer}.external-fx-pin:hover{border-color:var(--border-light)}.external-fx-pin.active{color:var(--accent-text);background:var(--accent-primary);border-color:var(--accent-primary)}.external-fx-grant{align-self:flex-start;padding:2px 8px;font-size:var(--font-size-xs);color:var(--text-primary);background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer}.external-fx-hint{margin:0;font-size:var(--font-size-xs);line-height:1.4;color:var(--text-tertiary)}.synth-module{display:flex;flex-direction:column;gap:var(--spacing-xs)}.synth-loaded{display:flex;align-items:center;gap:var(--spacing-xs);min-height:22px;padding:0 var(--spacing-xs);background:var(--cw-bg-control);border:1px solid var(--cw-border-light);border-radius:var(--radius-sm);cursor:pointer}.synth-loaded:hover{background:var(--cw-bg-hover);border-color:var(--cw-accent-blue)}.synth-loaded.bypassed{opacity:.5}.synth-name{flex:1;min-width:0;font-size:var(--cw-font-size-sm);color:var(--cw-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.synth-kind-badge{flex-shrink:0;padding:0 4px;font-size:var(--cw-font-size-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--cw-text-secondary);background:var(--cw-bg-dark);border:1px solid var(--cw-border-dark);border-radius:var(--radius-sm)}.synth-controls{display:flex;align-items:center;gap:2px;flex-shrink:0}.synth-empty{width:100%;min-height:22px;font:inherit;font-size:var(--cw-font-size-sm);text-align:left;color:var(--cw-text-secondary);background:transparent;border:1px dashed var(--cw-border-light);border-radius:var(--radius-sm);cursor:pointer;padding:0 var(--spacing-xs)}.synth-empty:hover{color:var(--cw-text-primary);border-color:var(--cw-accent-blue);background:var(--cw-bg-hover)}.channel-strip{width:110px;height:100%;background-color:var(--cw-bg-panel);border-right:1px solid var(--cw-border-dark);display:flex;flex-direction:column;flex-shrink:1;position:relative;user-select:none;font-family:var(--cw-font-family);min-width:0;overflow:hidden}.channel-strip>*{flex-shrink:0}.channel-strip.bus-strip{background-color:var(--cw-bg-dark);border-right:1px solid var(--cw-border-light)}.input-section{background:linear-gradient(to bottom,var(--cw-bg-panel),var(--cw-bg-dark));display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:4px;min-width:0}.control-label{font-size:9px;color:var(--cw-text-secondary);text-transform:uppercase;font-weight:600}.phase-interleave-row{display:flex;gap:4px;margin:0 auto}.mini-btn:hover{background:var(--cw-bg-hover);color:var(--text-primary)}.mini-btn{min-width:18px;height:16px;font-size:10px;padding:0 3px;display:flex;align-items:center;justify-content:center;background:var(--cw-bg-light);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;border-radius:2px}.mini-btn:disabled{opacity:.4;cursor:default}.mini-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--accent-text)}.strip-module{background-color:var(--cw-bg-dark);margin:2px;padding:2px;border:1px solid var(--cw-border-light);border-radius:2px}.module-header-small{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--cw-text-secondary);background:var(--cw-bg-panel);padding:2px 4px;margin-bottom:2px;font-weight:700;text-transform:uppercase;border-bottom:1px solid var(--cw-border-light);position:sticky;top:0;z-index:5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-btn.add-fx-btn,.mini-btn.add-send-btn{width:14px;height:14px;min-width:14px;line-height:12px;font-size:12px;background:transparent;border:none;color:var(--text-secondary);padding:0;cursor:pointer;transition:color .2s}.mini-btn.add-fx-btn:hover,.mini-btn.add-send-btn:hover{color:var(--cw-accent-orange)}.inserts-module{height:100px;min-height:100px;max-height:100px;overflow:hidden;display:flex;flex-direction:column}.pro-channel.expanded{display:flex;flex-direction:column;gap:0;overflow-y:auto;overflow-x:hidden}.pro-channel::-webkit-scrollbar{width:4px}.pro-channel::-webkit-scrollbar-thumb{background:var(--cw-border-light);border-radius:2px}.inserts-list{flex:1;min-height:0;transition:background-color .2s ease}.inserts-list.drop-target{background-color:color-mix(in srgb,var(--accent-primary) 15%,transparent);outline:1px dashed var(--cw-accent-orange);border-radius:2px}.sends-module{height:140px;min-height:140px;max-height:140px;overflow:hidden;display:flex;flex-direction:column}.sends-list{display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1;min-height:0}.send-control{background:var(--cw-bg-panel);padding:2px;border-radius:var(--cw-radius-sm);border:1px solid var(--cw-border-dim);transition:opacity .2s}.send-control.dragging{opacity:.4;cursor:grabbing}.send-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.send-label{font-size:9px;color:var(--cw-text-secondary)}.send-power{width:16px;height:16px;font-size:8px;border-radius:50%;background:var(--cw-bg-dark);border:1px solid var(--cw-border-dim);color:var(--cw-text-muted);cursor:pointer;flex-shrink:0}.send-power:hover{color:var(--cw-accent-green)}.send-knob{width:100%;height:14px;-webkit-appearance:none;appearance:none;background:transparent;border-radius:2px;cursor:pointer}.send-knob::-webkit-slider-runnable-track{height:4px;background:var(--cw-bg-dark);border-radius:2px}.send-knob::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;background:var(--cw-accent-cyan);border-radius:50%;cursor:pointer;border:1px solid var(--cw-bg-dark)}.pan-section{padding:4px;background:var(--cw-bg-dark);display:flex;flex-direction:row;align-items:center;gap:2px;border-top:1px solid var(--cw-border-light);min-width:0}.pan-section .pan-slider-component{flex:1;min-width:0}.mute-solo-row{display:flex;justify-content:space-between;padding:4px 6px;background:var(--cw-bg-panel);gap:2px;flex-wrap:wrap}.strip-btn{flex:1;min-width:20px;height:24px;border:1px solid var(--border-light);font-size:10px;font-weight:700;cursor:pointer;background:var(--cw-gradient-btn);color:var(--cw-text-secondary);border-radius:2px;white-space:nowrap}.mute-btn.active{background:var(--cw-accent-yellow);color:var(--accent-text);box-shadow:0 0 5px var(--cw-accent-yellow);border-color:var(--cw-accent-yellow)}.meter-container{width:22px;display:flex;justify-content:center;align-items:center;height:100%;flex-shrink:0}.io-select{width:100%!important;background:var(--cw-bg-dark);color:var(--cw-text-secondary);border:1px solid var(--cw-border-dark);font-size:9px;padding:2px;border-radius:var(--cw-radius-sm);outline:none}.in-select,.out-select{width:100%!important}.io-select.out-select:only-of-type{margin-top:3px}.strip-section{padding:4px;background:var(--bg-header);border-bottom:1px solid var(--cw-border-dark);display:flex;flex-direction:column;align-items:center;gap:4px}.solo-btn.active{background:var(--cw-accent-green);color:var(--cw-text-primary);box-shadow:0 0 5px var(--cw-accent-green);border-color:var(--cw-accent-green)}.arm-btn.active{background:var(--cw-accent-red);color:var(--cw-text-primary);box-shadow:0 0 5px var(--cw-accent-red);border-color:var(--cw-accent-red)}.meter-fader-section{flex:1;display:flex;flex-direction:row;padding:18px 4px 8px;background:var(--bg-dark);gap:4px;justify-content:center;align-items:stretch;border-top:1px solid var(--cw-border-light);position:relative;min-height:100px}.meter-fader-resize-handle{position:absolute;top:0;left:0;right:0;height:6px;cursor:ns-resize;background:transparent;transition:background .2s ease;z-index:10}.meter-fader-resize-handle:hover{background:var(--cw-accent-orange)}.fader-container{flex:1;min-width:0;display:flex;justify-content:center;align-items:center}.strip-footer{background:var(--cw-bg-dark);border-top:1px solid var(--cw-border-light);display:flex;flex-direction:column}.io-section{padding:5px;display:flex;flex-direction:column;gap:2px}.io-select:hover{border-color:var(--cw-border-focus);color:var(--text-primary)}.track-identity{padding:4px;background:var(--bg-dark);display:flex;flex-direction:column;align-items:center;gap:2px}.track-number{font-size:14px;font-weight:700;color:var(--text-secondary)}.track-name-input{width:100%;padding:0;margin:0}.name-input{width:100%;background:transparent;border:none;color:var(--text-primary);font-size:11px;text-align:center;font-weight:600;outline:none}.name-input:focus{background:var(--cw-bg-hover)}.track-icon{font-size:16px;opacity:.5}.channel-strip.selected{outline:1px solid var(--accent-primary);z-index:6}.channel-strip.selected .name-input{background:var(--accent-primary);color:var(--accent-text);font-weight:700;border-radius:0;padding:0;margin:0;width:100%}.strip-btn.monitor-btn{transition:background-color .12s ease,color .12s ease}.strip-btn.monitor-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--accent-text)}.strip-record-safe{align-self:center;padding:1px 4px;border:1px solid var(--border-light);border-radius:3px;color:var(--text-tertiary);font-size:8px;letter-spacing:.04em;white-space:nowrap}.strip-input-badge{align-self:center;padding:1px 4px;border:1px solid var(--accent-primary);border-radius:3px;color:var(--accent-primary);font-size:8px;letter-spacing:.04em;white-space:nowrap}.strip-link-badge{align-self:center;padding:1px 5px;border:1px solid var(--accent-primary);border-radius:3px;color:var(--accent-primary);font-size:9px;font-weight:700;letter-spacing:.04em;white-space:nowrap;cursor:help}.automation-mode-row{display:flex;justify-content:center;padding:0 2px}.strip-select.automation-select{width:100%;padding:2px 3px;border:1px solid var(--border-color);border-radius:3px;background:var(--bg-dark);color:var(--text-secondary);font-size:9px;cursor:pointer}.strip-select.automation-select.per-strip{border-color:var(--accent-primary);color:var(--accent-primary)}.strip-select.automation-select:hover{border-color:var(--accent-primary)}.strip-auto-badge{margin-left:4px;padding:1px 4px;border:1px solid var(--accent-primary);border-radius:3px;color:var(--accent-primary);font-size:8px;letter-spacing:.03em;white-space:nowrap;cursor:help}.strip-btn.compare-btn{transition:background-color .12s ease,color .12s ease,border-color .12s ease}.strip-btn.compare-btn.active{background:var(--info);border-color:var(--info);color:var(--cw-text-primary)}.channel-io-label{font-size:8px;color:var(--cw-text-secondary);text-align:center;padding:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip-group-accent{position:absolute;top:0;left:0;right:0;height:4px;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none}.channel-strip{position:relative}.strip-group-letter{font-size:8px;line-height:4px;color:var(--cw-text-primary);text-shadow:0 1px 1px rgba(0,0,0,.6);pointer-events:auto}.strip-latency-badge{font-size:8px;padding:1px 3px;border-radius:2px;color:var(--text-secondary);background:var(--bg-dark);border:1px solid var(--border-color);white-space:nowrap}.strip-automation-lock{display:inline-flex;align-items:center;color:var(--text-tertiary);cursor:help}.strip-automation-lock.locked{color:var(--accent-primary)}.channel-strip.focused{outline:1px solid var(--cw-focus-border);outline-offset:-1px;z-index:5}.channel-strip.multi-selected{box-shadow:inset 0 0 0 1px var(--cw-accent-blue)}.channel-strip.drop-left{box-shadow:inset 2px 0 0 var(--accent-primary)}.channel-strip.drop-right{box-shadow:inset -2px 0 0 var(--accent-primary)}.channel-strip .track-number{cursor:grab}.channel-strip .track-number:active{cursor:grabbing}.input-section .pan-width-control,.input-section .strip-reserve--width{height:48px;display:flex;align-items:center;justify-content:center}.pan-width-control .knob-label{font-size:8px}.send-control{display:flex;flex-direction:column;gap:2px}.send-control .send-fader{padding:0 2px}.send-control.disabled .send-fader,.send-control.disabled .send-label{opacity:.4}.send-power.off{opacity:.6}.insert-stage-meter{display:flex;justify-content:center;padding:1px 2px 2px}.channel-strip button:focus-visible,.channel-strip select:focus-visible,.channel-strip input:focus-visible,.channel-strip .fader-track:focus-visible,.channel-strip .knob-container:focus-visible,.channel-strip .pan-slider-track:focus-visible,.console-toolbar button:focus-visible,.console-toolbar select:focus-visible,.console-toolbar input:focus-visible{outline:2px solid var(--cw-focus-border);outline-offset:1px}.take-preview-meter{display:flex;justify-content:center;padding-top:2px}.corefx-trigger-wrapper{position:relative;width:100%}.prochannel-popup{position:fixed;z-index:10000;min-width:220px;max-height:80vh;overflow-y:auto;background:var(--cw-bg-dark);border:1px solid var(--border-light);border-radius:4px;box-shadow:0 10px 30px #000c;animation:popupAppear .15s ease-out}@keyframes popupAppear{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.pro-channel{background-color:var(--cw-bg-dark);border:1px solid var(--cw-border-light);border-radius:4px;margin:4px;overflow:hidden;display:flex;flex-direction:column}.pc-header{background:linear-gradient(to bottom,var(--cw-bg-control),var(--cw-bg-dark));padding:4px 6px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-bottom:1px solid var(--bg-darkest)}.pc-header:hover{background:linear-gradient(to bottom,var(--cw-bg-hover),var(--cw-bg-control))}.pc-title{font-size:10px;font-weight:700;color:var(--cw-text-primary);text-transform:uppercase;letter-spacing:.5px}.pc-toggle{font-size:8px;color:var(--cw-text-secondary)}.pc-modules{padding:4px;display:flex;flex-direction:column;gap:4px;background-color:var(--bg-dark)}.pc-module{background-color:var(--cw-bg-panel);border:1px solid var(--cw-border-light);border-radius:3px;padding:4px;box-shadow:inset 0 0 10px #0003}.module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:2px;border-bottom:1px solid var(--cw-border-light)}.module-header span{font-size:9px;color:var(--cw-text-secondary);font-weight:600}.led-indicator{width:6px;height:6px;border-radius:50%;background-color:var(--cw-bg-selected);box-shadow:inset 0 1px 2px #00000080}.led-indicator.active{background-color:var(--cw-accent-red);box-shadow:0 0 4px var(--cw-accent-red),inset 0 1px 2px #0003}.compressor .led-indicator.active{background-color:var(--cw-accent-orange);box-shadow:0 0 4px var(--cw-accent-orange),inset 0 1px 2px #0003}.knob-row{display:flex;justify-content:space-around;margin-bottom:4px}.pc-control{display:flex;flex-direction:column;align-items:center;gap:2px}.knob-label{font-size:8px;color:var(--text-secondary)}.pc-knob{-webkit-appearance:none;width:30px;height:30px;background:transparent;border-radius:50%;border:2px solid var(--border-light);position:relative;cursor:pointer;overflow:hidden}.pc-knob::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:var(--text-secondary);border-radius:50%;cursor:pointer;box-shadow:0 0 2px #00000080}.pc-knob{width:30px;height:30px;background:radial-gradient(circle,var(--cw-bg-light) 30%,var(--bg-darkest) 70%);border:1px solid var(--cw-border-focus);box-shadow:0 2px 4px #0000004d}.gain-reduction-meter{height:4px;background:var(--bg-darkest);border-radius:2px;overflow:hidden;margin-top:4px}.gr-bar{height:100%;background:var(--cw-accent-red);float:right}.eq-plot-container{background:var(--bg-darkest);border:1px solid var(--cw-border-light);border-radius:2px;margin-bottom:6px;display:flex;justify-content:center}.eq-canvas{width:100%;height:50px}.eq-controls{display:flex;justify-content:space-between;gap:2px}.power-btn{font-size:8px;padding:1px 4px;background:var(--cw-bg-light);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;border-radius:2px}.power-btn.active{background:var(--cw-accent-green);color:var(--accent-text);box-shadow:0 0 4px var(--cw-accent-green);border-color:var(--cw-accent-green)}.tube .pc-control.large{margin:0 auto}.large-knob{width:40px;height:40px}.pro-module-body{padding:8px}.pro-module-knob-pair{display:flex;gap:8px;justify-content:center}.pro-module-centered{padding:8px;display:flex;justify-content:center}.pro-module-mode-select{width:100%;margin-top:6px;font-size:9px;background:var(--cw-bg-light);color:var(--cw-text-primary);border:1px solid var(--cw-border-focus)}.knob-row.compact{gap:4px;padding:4px;justify-content:center}.eq-plot-container.compact{padding:4px}.eq-canvas.compact{background:var(--bg-darkest);border-radius:2px}.gain-reduction-meter.compact{margin:2px 8px}.popup-header{padding:8px;border-bottom:1px solid var(--cw-border-light);font-size:11px;color:var(--cw-text-secondary);font-weight:700}.popup-content{padding:4px}.processing-block{position:relative;display:flex;flex-direction:column;width:100%;margin-bottom:2px;transition:all .2s ease}.processing-block.dragging{opacity:.2}.processing-block.drop-target{border-top:2px solid var(--cw-accent-orange)}.block-drag-handle{position:absolute;left:2px;top:2px;width:12px;height:12px;display:flex;align-items:center;justify-content:center;font-size:8px;color:#444;cursor:grab;z-index:10;background:#0003;border-radius:2px;opacity:0;transition:opacity .2s}.processing-block:hover .block-drag-handle{opacity:1}.block-drag-handle:hover{color:#aaa;background:#0006}.block-content{width:100%}.strip-lane{display:flex;flex-direction:column;gap:1px;padding:1px 2px;min-width:0}.strip-lane.locked .strip-lane-canvas{opacity:.55;cursor:not-allowed}.strip-lane-tools{display:flex;align-items:center;gap:2px;min-width:0}.strip-lane-name{flex:1;font-size:8px;letter-spacing:.4px;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip-lane-canvas-wrap{position:relative;min-height:0}.strip-lane-canvas{display:block;width:100%;height:100%;cursor:crosshair;background:var(--bg-darkest);border-radius:2px}.strip-lane-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--text-tertiary);pointer-events:none;white-space:nowrap;overflow:hidden}.strip-lane-tools .mini-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:1px}.mini-eq-display{--eq-grid: rgba(255, 255, 255, .045);--eq-grid-strong: rgba(255, 255, 255, .1);--eq-zero-line: rgba(255, 255, 255, .22);--eq-label: rgba(255, 255, 255, .35);--eq-curve: var(--accent-primary);--eq-curve-fill: color-mix(in srgb, var(--accent-primary) 8%, transparent);--eq-band-curve: rgba(255, 255, 255, .25);--eq-handle: var(--accent-primary);--eq-handle-stroke: rgba(0, 0, 0, .55);--eq-handle-disabled: rgba(255, 255, 255, .25);--eq-active-band: #ffffff;--eq-spectrum: rgba(110, 165, 255, .45);--eq-collision: var(--error, #ff453a);--eq-background: var(--bg-darkest, #101010);position:relative;width:100%;height:48px;min-height:48px;margin:2px 0;border:1px solid var(--border-color, #333);border-radius:var(--radius-sm, 4px);background:var(--eq-background);overflow:hidden;cursor:pointer;transition:border-color var(--transition-fast, .15s) ease}.mini-eq-display:hover{border-color:var(--accent-primary)}.mini-eq-display[data-eq-active=false]{opacity:.65}.mini-eq-display__canvas{display:block;width:100%;height:100%}.spectrum-display{display:block;background:#0a0a0a;border:1px solid #333;border-radius:4px;cursor:crosshair;image-rendering:pixelated;image-rendering:crisp-edges}.spectrum-display:hover{border-color:#555}.spectrum-panel{display:flex;flex-direction:column;background:#1a1a1a;border-radius:8px;padding:16px;gap:16px;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-panel-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #333}.spectrum-panel-header h3{margin:0;font-size:16px;font-weight:600;color:#fff}.spectrum-close-btn{background:none;border:none;color:#999;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.spectrum-close-btn:hover{background:#333;color:#fff}.spectrum-panel-controls{display:flex;flex-direction:column;gap:12px}.spectrum-control-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.spectrum-control-group{display:flex;flex-direction:column;gap:6px;min-width:150px}.spectrum-control-group label{font-size:12px;color:#999;font-weight:500;display:flex;align-items:center;gap:6px}.spectrum-control-group label input[type=checkbox]{margin:0;cursor:pointer}.spectrum-control-group label span{cursor:pointer;user-select:none}.spectrum-select{background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#e0e0e0;padding:6px 10px;font-size:13px;cursor:pointer;transition:all .2s}.spectrum-select:hover{border-color:#666;background:#333}.spectrum-select:focus{outline:none;border-color:#08f;box-shadow:0 0 0 2px #08f3}.spectrum-control-slider{flex:1;min-width:200px}.spectrum-slider{width:100%;height:4px;background:#333;border-radius:2px;outline:none;-webkit-appearance:none;appearance:none}.spectrum-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#08f;border-radius:50%;cursor:pointer;transition:all .2s}.spectrum-slider::-webkit-slider-thumb:hover{background:#0af;transform:scale(1.1)}.spectrum-slider::-moz-range-thumb{width:14px;height:14px;background:#08f;border:none;border-radius:50%;cursor:pointer;transition:all .2s}.spectrum-slider::-moz-range-thumb:hover{background:#0af;transform:scale(1.1)}.spectrum-panel-display{display:flex;justify-content:center;align-items:center;padding:16px;background:#0a0a0a;border-radius:6px;border:1px solid #333}.spectrum-panel-info{display:flex;gap:24px;padding:12px;background:#0a0a0a;border-radius:6px;border:1px solid #333;font-size:12px}.spectrum-info-item{display:flex;gap:8px;align-items:center}.spectrum-info-label{color:#999;font-weight:500}.spectrum-info-value{color:#08f;font-weight:600;font-family:Courier New,monospace}.spectrum-panel input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary)}.spectrum-panel-display canvas{max-width:100%;height:auto}@media(max-width:900px){.spectrum-control-row{flex-direction:column;align-items:stretch}.spectrum-control-group{min-width:100%}.spectrum-panel-info{flex-direction:column;gap:8px}}.insp-instr-section{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);min-width:0;background:var(--bg-header);border:1px solid var(--border-light);border-radius:var(--radius-md)}.insp-instr-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs)}.insp-instr-title{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.insp-instr-row{display:flex;align-items:center;gap:var(--spacing-xs);min-width:0}.insp-instr-name{flex:1;min-width:0;font-size:var(--font-size-md);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insp-instr-kind{flex-shrink:0;padding:1px 5px;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);background:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.insp-instr-status-row{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insp-instr-route{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--border-color);font-size:var(--font-size-sm)}.insp-instr-route-label{flex-shrink:0;color:var(--text-secondary)}.insp-instr-route-value{min-width:0;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insp-instr-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.insp-instr-btn{flex:1 1 auto;min-width:64px;padding:3px var(--spacing-sm);font:inherit;font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-active);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap}.insp-instr-btn:hover:not(:disabled){border-color:var(--accent-primary);background:var(--bg-hover)}.insp-instr-btn:disabled{opacity:.45;cursor:not-allowed}.insp-instr-btn.primary{color:var(--accent-primary)}.insp-instr-btn.danger:hover:not(:disabled){border-color:var(--error);color:var(--error)}.insp-instr-echo{display:flex;align-items:center;gap:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--border-color);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer}.insp-instr-echo input{accent-color:var(--accent-primary)}.insp-instr-input{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--border-color)}.insp-instr-input-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs);min-width:0}.insp-instr-input-label{flex-shrink:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.insp-instr-select{flex:1 1 auto;min-width:0;max-width:100%;padding:2px var(--spacing-xs);font:inherit;font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-sm);text-overflow:ellipsis;cursor:pointer}.insp-instr-select:hover{border-color:var(--border-light)}.insp-instr-select:focus{outline:none;border-color:var(--accent-primary)}.inspector-container{display:flex;flex-direction:column;height:100%;background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-family);overflow:hidden;border-right:1px solid var(--bg-darkest)}.inspector-content-wrapper{display:flex;flex:1;min-height:0}.inspector-sidebar{display:flex;flex-direction:column;width:50px;background-color:var(--bg-dark);border-right:1px solid var(--border-dark);padding:6px 0;gap:2px;overflow-y:auto;scrollbar-width:none;flex-shrink:0;min-height:0}.inspector-sidebar::-webkit-scrollbar{display:none}.sidebar-icon-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:44px;background:transparent;border:none;border-radius:0;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-normal),background-color var(--transition-normal);border-left:2px solid transparent;flex-shrink:0}.sidebar-icon-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar-icon-btn.active{background-color:var(--accent-color-dim);color:var(--accent-primary);border-left-color:var(--accent-primary)}.sidebar-icon{font-size:18px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;line-height:1}.sidebar-icon svg{width:100%;height:100%;fill:currentColor;stroke:currentColor}.sidebar-label{display:none}.sidebar-separator{width:calc(100% - 4px);height:1px;background-color:var(--border-color);margin:2px;flex-shrink:0}.sidebar-actions{display:flex;flex-direction:column;gap:2px;margin-top:auto;flex-shrink:0;padding:0}.inspector-panel-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;background-color:var(--bg-dark);min-width:0}.inspector-panel-content::-webkit-scrollbar{width:8px}.inspector-panel-content::-webkit-scrollbar-track{background:transparent}.inspector-panel-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;border:2px solid var(--bg-dark)}.inspector-panel-content::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.panel-wrapper{display:flex;flex-direction:column;height:100%;width:100%}.panel-header{background:var(--bg-panel);padding:7px 12px;border-bottom:1px solid var(--border-dark);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);flex-shrink:0}.panel-body{flex:1;overflow-y:auto;padding:12px;background-color:var(--bg-dark)}.properties-tabs{display:flex;gap:2px;padding:2px;margin-bottom:12px;background:var(--bg-darkest);border:1px solid var(--border-dark);border-radius:7px}.prop-tab{flex:1;background:transparent;border:none;color:var(--text-secondary);padding:4px 10px;font-size:11px;cursor:pointer;border-radius:5px;transition:background-color var(--transition-fast),color var(--transition-fast);font-weight:500;letter-spacing:.1px;white-space:nowrap}.prop-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.prop-tab.active{background:var(--bg-hover);color:var(--text-primary);font-weight:600;box-shadow:var(--shadow-sm)}.properties-form{display:flex;flex-direction:column;gap:10px}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{font-size:11px;color:var(--text-secondary);letter-spacing:.2px;font-weight:500}.form-input{background-color:var(--bg-darkest);border:1px solid var(--border-color);color:var(--text-primary);padding:5px 8px;font-size:11px;border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:hover{border-color:var(--border-light)}.form-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px var(--accent-color-dim)}.form-input option{background-color:var(--bg-panel);color:var(--text-primary)}textarea.form-input{resize:vertical;min-height:60px;font-family:inherit}.track-inspector-wrapper{padding:0;display:flex;justify-content:center;align-items:flex-start;background:var(--bg-dark);flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;gap:0;width:100%;min-width:0}.track-inspector-wrapper .channel-strip{width:100%;max-width:none;border-right:none;height:auto;flex:1 1 auto;min-height:0;min-width:0}.inspector-strip-container{flex:1 1 0;min-width:0;max-width:280px;min-height:100%;display:flex;flex-direction:column;border-right:1px solid var(--border-dark);overflow:hidden}.inspector-strip-container:last-child{border-right:none}.strip-label{font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;padding:6px 10px;border-bottom:1px solid var(--border-dark);background:var(--bg-panel);flex-shrink:0}.strip-reserve{flex-shrink:0}.inspector-strip-container .strip-reserve--synth,.inspector-strip-container .synth-module{height:52px;overflow:hidden}.inspector-strip-container .strip-reserve--synth{margin:2px}.inspector-strip-container .strip-reserve--auto-row,.inspector-strip-container .automation-mode-row{height:24px}.inspector-strip-container .strip-reserve--lane,.inspector-strip-container .strip-lane{height:56px;overflow:hidden}.inspector-strip-container .pan-section{min-height:48px}.inspector-strip-container .automation-mode-row{align-items:center}.inspector-strip-container .mute-solo-row{flex-wrap:nowrap;height:32px;overflow:hidden}.inspector-strip-container .mute-solo-row .strip-btn{min-width:0}.inspector-strip-container .io-section{min-height:50px}.inspector-strip-container .io-select.out-select:only-of-type{margin-top:0}.inspector-strip-container .meter-fader-section{flex:1 1 auto;padding-top:8px}.inspector-strip-container .fader-container,.inspector-strip-container .meter-container{align-items:flex-end}.shortcuts-list{display:flex;flex-direction:column;gap:16px}.shortcut-group{display:flex;flex-direction:column;gap:8px}.shortcut-group-title{font-size:10px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding-bottom:6px;border-bottom:1px solid var(--border-color)}.shortcut-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:11px}.shortcut-key{background-color:var(--bg-panel);border:1px solid var(--border-color);color:var(--text-primary);padding:4px 8px;border-radius:var(--radius-md);font-weight:500;min-width:fit-content;white-space:nowrap}.shortcut-desc{color:var(--text-secondary);flex:1}.panel-body.disabled-content{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.disabled-placeholder{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;opacity:.6}.placeholder-icon{font-size:48px;opacity:.4}.placeholder-title{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.placeholder-text{font-size:11px;color:var(--text-tertiary);max-width:220px;line-height:1.45}.properties-empty-hint,.properties-empty-note{color:var(--text-tertiary);font-size:11px;text-align:center;padding:20px 10px;line-height:1.45}.properties-divider{height:1px;background:var(--border-color);margin:10px 0}.properties-section-label{font-size:11px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.properties-slider-row{display:flex;gap:5px;align-items:center}.properties-slider-row input[type=range]{flex:1}.properties-number-box{width:50px;text-align:center}.form-input--disabled{opacity:.55;cursor:not-allowed;color:var(--text-secondary)}.form-input--color{height:30px;padding:2px;cursor:pointer}.form-label--check{display:flex;align-items:center;gap:5px;cursor:pointer}.recovery-dialog-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.recovery-dialog{background:var(--bg-panel, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:8px;width:600px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.recovery-dialog-header{padding:20px;border-bottom:1px solid var(--border-color, #444)}.recovery-dialog-header h2{margin:0 0 10px;color:var(--text-primary, #fff);font-size:20px}.recovery-dialog-header p{margin:0;color:var(--text-secondary, #aaa);font-size:14px}.recovery-dialog-content{flex:1;overflow-y:auto;padding:20px;min-height:200px}.no-backups{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary, #aaa)}.backup-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.backup-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-dark, #1a1a1a);border:1px solid var(--border-color, #444);border-radius:4px;cursor:pointer;transition:all .2s}.backup-item:hover{background:var(--bg-hover, #333);border-color:var(--accent-primary)}.backup-item.selected{background:var(--bg-hover, #333);border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.backup-info{flex:1}.backup-name{color:var(--text-primary, #fff);font-weight:500;margin-bottom:4px}.backup-date{color:var(--text-secondary, #aaa);font-size:12px}.backup-size{color:var(--text-secondary, #aaa);font-size:12px;font-family:monospace}.backup-details{padding:16px;background:var(--bg-dark, #1a1a1a);border:1px solid var(--border-color, #444);border-radius:4px}.backup-details h3{margin:0 0 12px;color:var(--text-primary, #fff);font-size:14px;font-weight:600}.backup-details table{width:100%;border-collapse:collapse}.backup-details td{padding:6px 0;color:var(--text-secondary, #aaa);font-size:13px}.backup-details td:first-child{width:80px;font-weight:500}.backup-details td:last-child{color:var(--text-primary, #fff)}.recovery-dialog-footer{padding:16px 20px;border-top:1px solid var(--border-color, #444);display:flex;gap:8px;justify-content:flex-end}.recovery-dialog-footer .btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.recovery-dialog-footer .btn:disabled{opacity:.5;cursor:not-allowed}.recovery-dialog-footer .btn-primary{background:var(--accent-primary);color:#fff}.recovery-dialog-footer .btn-primary:hover:not(:disabled){background:var(--accent-hover)}.recovery-dialog-footer .btn-secondary{background:var(--bg-hover, #444);color:var(--text-primary, #fff)}.recovery-dialog-footer .btn-secondary:hover:not(:disabled){background:var(--bg-active, #555)}.recovery-dialog-footer .btn-danger{background:#d32f2f;color:#fff}.recovery-dialog-footer .btn-danger:hover:not(:disabled){background:#b71c1c}.recovery-dialog-footer .btn-default{background:transparent;color:var(--text-secondary, #aaa);border:1px solid var(--border-color, #444)}.recovery-dialog-footer .btn-default:hover:not(:disabled){background:var(--bg-hover, #333);color:var(--text-primary, #fff)}.app-dialog-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10050;animation:app-dialog-fade-in .15s ease-out}.app-dialog-card{width:min(320px,calc(100vw - 48px));display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 20px 0;background-color:var(--cw-bg-panel, #252525);border:1px solid var(--cw-border-light, #333333);border-radius:var(--radius-lg, 6px);box-shadow:0 20px 60px #0009;font-family:var(--cw-font-family, "Segoe UI", "Roboto", sans-serif);animation:app-dialog-pop-in .18s cubic-bezier(.2,.9,.3,1.1)}.app-dialog-badge{width:40px;height:40px;margin-bottom:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:19px;font-weight:600;line-height:1;color:var(--cw-text-inverse, #121212)}.app-dialog-badge--info{background-color:var(--cw-accent-blue, #007acc)}.app-dialog-badge--success{background-color:var(--cw-accent-green, #4caf50)}.app-dialog-badge--warning{background-color:var(--cw-accent-yellow, #ffc107)}.app-dialog-badge--error{background-color:var(--cw-accent-red, #f44336)}.app-dialog-title{margin:0 0 6px;font-size:var(--font-size-xl, 16px);font-weight:600;color:var(--cw-text-primary, #e0e0e0)}.app-dialog-message{margin:0;font-size:var(--cw-font-size-lg, 14px);line-height:1.45;color:var(--cw-text-secondary, #aaaaaa);overflow-wrap:break-word;white-space:pre-line}.app-dialog-field{width:100%;margin-top:16px}.app-dialog-input{width:100%;padding:8px 12px;background-color:var(--cw-bg-dark, #1e1e1e);border:1px solid var(--cw-border-light, #333333);border-radius:var(--radius-md, 4px);color:var(--cw-text-primary, #e0e0e0);font-size:var(--cw-font-size-lg, 14px);font-family:inherit;transition:border-color var(--transition-fast, .1s ease),box-shadow var(--transition-fast, .1s ease)}.app-dialog-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 20%,transparent)}.app-dialog-actions{display:flex;flex-direction:column;width:100%}.app-dialog-btn{flex:1;padding:14px 12px;background:none;border:none;font-size:var(--cw-font-size-lg, 14px);font-weight:500;font-family:inherit;cursor:pointer;transition:background-color var(--transition-fast, .1s ease)}.app-dialog-btn--primary{color:var(--accent-primary);font-weight:600}.app-dialog-btn--cancel{color:var(--cw-text-primary, #e0e0e0)}.app-dialog-btn--destructive{color:var(--cw-accent-red, #f44336);font-weight:600}.app-dialog-btn+.app-dialog-btn{border-left:1px solid var(--cw-border-light, #333333)}.app-dialog-buttons{display:flex;flex-direction:row;align-items:stretch;width:calc(100% + 40px);margin-top:20px;border-top:1px solid var(--cw-border-light, #333333)}.app-dialog-field+.app-dialog-buttons{margin-top:0;width:calc(100% + 40px)}.app-dialog-btn:hover{background-color:var(--cw-bg-hover, #3a3a3a)}.app-dialog-btn:active{background-color:var(--cw-bg-selected, #444444)}@keyframes app-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes app-dialog-pop-in{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.suite-tour-root{position:fixed;inset:0;z-index:var(--suite-tour-z, 50);pointer-events:none;font-family:var(--font-system, inherit)}.suite-tour-spotlight{border-radius:var(--suite-tour-spot-radius, var(--radius-lg, 12px));box-shadow:0 0 0 100vmax rgba(0,0,0,var(--suite-tour-scrim, .5));outline:1px solid rgba(255,255,255,.16);transition:all var(--duration-normal, .2s) var(--ease-apple, ease)}.suite-tour-centerwrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--suite-tour-margin, 16px)}.suite-tour-centerwrap:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,var(--suite-tour-center-scrim, .3))}.suite-tour-card{position:relative;pointer-events:auto;width:min(360px,100%);max-height:min(60vh,480px);overflow:auto;background:var(--bg-elevated, var(--bg-popover, var(--panel-background, var(--bg-panel, #f5f5f7))));color:var(--text-primary, var(--panel-header-fg, #1d1d1f));border:1px solid var(--border-subtle, var(--panel-border-color, rgba(0, 0, 0, .08)));border-radius:var(--suite-tour-card-radius, var(--radius-xl, 14px));box-shadow:var(--shadow-apple, 0 18px 50px rgba(0, 0, 0, .28));padding:12px 16px;outline:none;transition:box-shadow var(--duration-normal, .2s) var(--ease-apple, ease)}.suite-tour-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.suite-tour-count{font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--text-tertiary, var(--text-secondary, inherit))}.suite-tour-skip{border:0;background:transparent;padding:4px 8px;margin-right:-8px;border-radius:var(--radius-md, 8px);font-size:12px;font-weight:600;color:var(--text-tertiary, var(--text-secondary, inherit));cursor:pointer}.suite-tour-skip:hover{background:var(--bg-hover, var(--panel-control-height, transparent));color:var(--text-primary, inherit)}.suite-tour-title{margin:0 0 4px;font-size:15px;font-weight:700;line-height:1.3;color:var(--text-primary, inherit)}.suite-tour-body{margin:0;font-size:13px;line-height:1.5;color:var(--text-secondary, var(--text-primary, inherit))}.suite-tour-actions{display:flex;align-items:center;gap:8px;margin-top:12px}.suite-tour-btn{border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));background:var(--bg-inset, var(--bg-hover, transparent));color:var(--text-primary, inherit);border-radius:var(--radius-md, 8px);padding:6px 12px;font-size:12.5px;font-weight:600;cursor:pointer}.suite-tour-btn:hover{background:var(--bg-active, var(--bg-hover, transparent))}.suite-tour-btn-primary{border-color:transparent;background:var(--color-primary, var(--accent, #0a84ff));color:var(--text-on-accent, #ffffff)}.suite-tour-btn-primary:hover{background:var(--color-primary-hover, var(--accent, #0a84ff))}.suite-tour-dots{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;min-width:0}.suite-tour-dot{width:6px;height:6px;border-radius:999px;background:var(--border-strong, var(--border-subtle, rgba(0, 0, 0, .15)));transition:background var(--duration-fast, .12s) var(--ease-apple, ease)}.suite-tour-dot.active{background:var(--color-primary, var(--accent, #0a84ff))}@media(prefers-reduced-motion:reduce){.suite-tour-spotlight,.suite-tour-card,.suite-tour-dot{transition:none}}.hg-boot{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--bg-main, #09090b);color:var(--text-secondary, #a1a1aa);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;font-size:13px}.hg-boot-ring{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-subtle, #2e2e33);border-top-color:var(--color-primary, #0a84ff);animation:hg-spin .8s linear infinite}@keyframes hg-spin{to{transform:rotate(360deg)}}.hg-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-main, #09090b);color:var(--text-primary, #f4f4f5);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.hg-card{width:100%;max-width:360px;padding:28px 24px;border-radius:12px;border:1px solid var(--border-subtle, #2e2e33);background:var(--bg-panel, #18181b);box-shadow:var(--shadow-apple, 0 18px 50px rgba(0, 0, 0, .55))}.hg-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;text-align:center}.hg-badge{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:var(--color-primary, #0a84ff);color:#fff;font-size:24px;font-weight:700}.hg-title{margin:0;font-size:17px;font-weight:600;letter-spacing:-.2px;color:var(--text-primary, #f4f4f5)}.hg-subtitle{margin:4px 0 0;font-size:12px;line-height:1.5;color:var(--text-secondary, #a1a1aa)}.hg-form{display:flex;flex-direction:column;gap:12px}.hg-submit{width:100%;padding:10px;border:none;border-radius:8px;font-size:13.5px;font-weight:600;color:#fff;background:var(--color-primary, #0a84ff);cursor:pointer;transition:opacity .15s ease}.hg-submit:disabled{opacity:.4;cursor:default}@media(prefers-color-scheme:light){.hg-boot{background:var(--bg-main, #f5f5f7);color:var(--text-secondary, #6e6e73)}.hg-boot-ring{border-color:var(--border-subtle, #e2e2e7)}.hg-screen{background:var(--bg-main, #f5f5f7);color:var(--text-primary, #1d1d1f)}.hg-card{border-color:var(--border-subtle, #e2e2e7);background:var(--bg-panel, #ffffff);box-shadow:var(--shadow-apple, 0 18px 50px rgba(0, 0, 0, .12))}.hg-title{color:var(--text-primary, #1d1d1f)}.hg-subtitle{color:var(--text-secondary, #6e6e73)}}:root{--bg-darkest: #0f0f0f;--bg-dark: var(--background, #1a1a1a);--bg-panel: var(--panel-background, #252525);--bg-header: var(--secondary, #2a2a2a);--border-color: var(--border-subtle, #3a3a3a);--border-light: var(--border-strong, #4a4a4a);--border-dark: #2a2a2a;--accent-primary: var(--accent, #00c7be);--accent-secondary: color-mix(in srgb, var(--accent) 72%, white);--accent-hover: color-mix(in srgb, var(--accent, #00c7be) 84%, black);--accent-text: var(--accent-contrast, #1a1a1a);--text-disabled: #4a4a4a;--error: #f44336;--info: #2196f3;--record-region: rgba(244, 67, 54, .1);--record-region-border: rgba(244, 67, 54, .55);--record-note: rgba(244, 67, 54, .85);--record-note-border: rgba(0, 0, 0, .45);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-md: 13px;--font-size-lg: 14px;--font-size-xl: 16px;--transition-fast: .1s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--cw-bg-dark: #1e1e1e;--cw-bg-panel: #252525;--cw-bg-control: #2d2d2d;--cw-bg-light: #383838;--cw-bg-selected: #444444;--cw-bg-hover: #3a3a3a;--cw-accent-orange: var(--accent-primary);--cw-accent-blue: #007acc;--cw-accent-green: #4caf50;--cw-accent-red: #f44336;--cw-accent-yellow: #ffc107;--cw-text-primary: #e0e0e0;--cw-text-secondary: #aaaaaa;--cw-text-disabled: #666666;--cw-text-inverse: #121212;--cw-border-dark: #121212;--cw-border-light: #333333;--cw-border-focus: #555555;--cw-header-height: 32px;--cw-control-height: 24px;--cw-module-spacing: 2px;--cw-panel-spacing: 4px;--cw-shadow-panel: 0 2px 4px rgba(0, 0, 0, .3);--cw-shadow-control: inset 0 1px 2px rgba(0, 0, 0, .2);--cw-shadow-depth: 0 4px 8px rgba(0, 0, 0, .5);--cw-gradient-header: linear-gradient(to bottom, #333, #252525);--cw-gradient-btn: linear-gradient(to bottom, #3a3a3a, #2d2d2d);--cw-gradient-btn-hover: linear-gradient(to bottom, #444, #383838);--cw-gradient-btn-active: linear-gradient(to bottom, #252525, #2d2d2d);--cw-font-family: "Segoe UI", "Roboto", sans-serif;--cw-font-size-xs: 10px;--cw-font-size-sm: 11px;--cw-font-size-md: 12px;--cw-font-size-lg: 14px;--bg-primary: var(--bg-dark);--bg-secondary: var(--bg-panel);--bg-tertiary: var(--bg-hover);--background-secondary: var(--bg-panel);--background-tertiary: var(--bg-hover);--button-bg: var(--bg-hover);--button-hover-bg: var(--bg-active);--button-secondary-bg: var(--bg-hover);--button-secondary-hover: var(--bg-active);--accent-color: var(--accent-primary);--panel-bg: var(--bg-panel);--border-dim: var(--border-dark);--danger-color: var(--error);--accent-light: var(--accent-secondary);--scrollbar-thumb: var(--bg-hover);--cw-focus-border: var(--accent-primary);--cw-accent-cyan: var(--info);--cw-bg-app: var(--bg-dark);--meter-bg: #1a1a1a;--meter-low: #00ffcc;--meter-mid: var(--success);--meter-high: var(--warning);--meter-peak: var(--error);--meter-tick: #666666;--meter-clip: var(--error);--meter-hold: #ffffff;--knob-ring-track: #333333;--knob-ring-value: var(--accent-primary);--cw-bg-tooltip: var(--bg-darkest);--cw-bg-button: var(--cw-gradient-btn);--cw-border-button: var(--cw-border-dark);--cw-font-mono: var(--font-mono);--cw-radius-sm: var(--radius-sm);--cw-border-dim: var(--border-dark);--cw-bg-input: var(--bg-darkest);--cw-bg-menu: var(--bg-panel);--cw-text-muted: var(--text-tertiary);--cw-text-accent: var(--accent-primary);--cw-shadow-sm: var(--shadow-sm);--cw-shadow-lg: var(--shadow-lg);--cw-accent: var(--accent-primary);--cw-bg-primary: var(--bg-dark);--cw-bg-secondary: var(--bg-header);--cw-bg-highlight: var(--bg-active);--accent-color-hover: var(--accent-hover);--accent-color-dim: color-mix(in srgb, var(--accent-primary) 12%, transparent);--bg-darker: var(--bg-darkest)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--text-primary);background-color:var(--bg-dark);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh;overflow:hidden;display:flex;flex-direction:column}suite-topbar{display:block;flex:0 0 auto;min-height:0}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:var(--radius-sm);border:2px solid var(--bg-dark)}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}::selection{background:var(--accent-primary);color:var(--bg-dark)}*:not(.allow-native-selection){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea,select,.allow-native-selection{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}button{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--text-primary);background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:4px 10px;cursor:pointer;transition:all var(--transition-normal)}button:hover:not(:disabled){background:var(--bg-active);border-color:var(--border-light)}button:active:not(:disabled){background:var(--bg-panel)}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--text-primary);background:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:3px 8px;transition:all var(--transition-normal)}input[type=range],input[type=checkbox],input[type=radio]{padding:0;accent-color:var(--accent-primary)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-primary) 20%,transparent)}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-track{background:var(--bg-hover);height:4px;border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent-primary);height:14px;width:14px;border-radius:50%;margin-top:-5px}input[type=range]::-webkit-slider-thumb:hover{background:var(--accent-hover)}input[type=range]::-moz-range-track{background:var(--bg-hover);height:4px;border-radius:2px}input[type=range]::-moz-range-thumb{background:var(--accent-primary);height:14px;width:14px;border-radius:50%;border:none}input[type=range]::-moz-range-thumb:hover{background:var(--accent-hover)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent-primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.bg-dark{background:var(--bg-dark)}.bg-panel{background:var(--bg-panel)}.bg-hover{background:var(--bg-hover)}.border{border:1px solid var(--border-color)}.border-accent{border-color:var(--accent-primary)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.cw-panel{background-color:var(--cw-bg-panel);border:1px solid var(--cw-border-dark);box-shadow:var(--cw-shadow-panel)}.cw-header{height:var(--cw-header-height);background:var(--cw-gradient-header);border-bottom:1px solid var(--cw-border-dark);display:flex;align-items:center;padding:0 8px;font-weight:600;font-size:var(--cw-font-size-sm);color:var(--cw-text-secondary);text-transform:uppercase;letter-spacing:.5px}.cw-btn{height:var(--cw-control-height);background:var(--cw-gradient-btn);border:1px solid var(--cw-border-dark);color:var(--cw-text-primary);font-size:var(--cw-font-size-sm);padding:0 8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:2px;transition:all .1s ease}.cw-btn:hover{background:var(--cw-gradient-btn-hover);border-color:var(--cw-border-light)}.cw-btn:active{background:var(--cw-gradient-btn-active);box-shadow:var(--cw-shadow-control)}.cw-btn.active{background:var(--cw-accent-orange);color:var(--cw-text-inverse);border-color:color-mix(in srgb,var(--accent-primary) 72%,black)}.cw-input{height:var(--cw-control-height);background:var(--cw-bg-dark);border:1px solid var(--cw-border-light);color:var(--cw-text-primary);font-size:var(--cw-font-size-sm);padding:0 4px;border-radius:2px}.cw-input:focus{border-color:var(--cw-accent-blue);outline:none}.dock-tab{background:transparent;border:none;border-top:2px solid transparent;color:var(--text-secondary);font-weight:700;cursor:pointer;padding:4px 8px;white-space:nowrap}.dock-tab:hover{color:var(--text-primary, #e0e0e0)}.dock-tab.active{background:var(--bg-dark);border-top:2px solid var(--accent-primary);color:var(--accent-primary)}.dock-tab:disabled{cursor:default;opacity:.5}.dock-tabs{display:flex;align-items:center;gap:8px;height:30px;padding:0 8px;background:var(--bg-panel);border-bottom:1px solid var(--border-color);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.dock-tabs::-webkit-scrollbar{display:none}.dock-tabs>button{flex-shrink:0;white-space:nowrap}.dock-panel-body{flex:1 1 0%;min-height:0;overflow:auto}.lucide{vertical-align:-.125em;flex-shrink:0}.ses-doc-paused{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;text-align:center}.ses-doc-paused__title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.ses-doc-paused__hint{font-size:.85rem;opacity:.7;max-width:32rem}