@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Share+Tech+Mono&display=swap";.app-shell{background:var(--app-bg);-webkit-user-select:none;user-select:none;flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.app-shell input,.app-shell textarea,.app-shell select,.app-shell [contenteditable=true]{-webkit-user-select:text;user-select:text}.app-shell :where(button,input,select,textarea,[role=button],[tabindex]):focus,.app-shell :where(button,input,select,textarea,[role=button],[tabindex]):focus-visible{box-shadow:none;outline:none!important}.browser-tree,.rack-scroll-area,.playlist-body,.piano-grid-wrap,.pattern-list-body,.mixer-left,.sample-settings-panel,.load-project-window-table-body{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-bg) var(--scrollbar-track-bg)}.browser-tree::-webkit-scrollbar{width:10px;height:10px}.rack-scroll-area::-webkit-scrollbar{width:10px;height:10px}.playlist-body::-webkit-scrollbar{width:10px;height:10px}.piano-grid-wrap::-webkit-scrollbar{width:10px;height:10px}.pattern-list-body::-webkit-scrollbar{width:10px;height:10px}.mixer-left::-webkit-scrollbar{width:10px;height:10px}.sample-settings-panel::-webkit-scrollbar{width:10px;height:10px}.load-project-window-table-body::-webkit-scrollbar{width:10px;height:10px}.browser-tree::-webkit-scrollbar-track{background:var(--scrollbar-track-bg);border:1px solid var(--scrollbar-track-border);box-shadow:none;border-radius:999px}.rack-scroll-area::-webkit-scrollbar-track{background:var(--scrollbar-track-bg);border:1px solid var(--scrollbar-track-border);box-shadow:none;border-radius:999px}.playlist-body::-webkit-scrollbar-track{background:var(--scrollbar-track-bg);border:1px solid var(--scrollbar-track-border);box-shadow:none;border-radius:999px}.piano-grid-wrap::-webkit-scrollbar-track{background:var(--scrollbar-track-bg);border:1px solid var(--scrollbar-track-border);box-shadow:none;border-radius:999px}.pattern-list-body::-webkit-scrollbar-track{background:var(--scrollbar-track-bg);border:1px solid var(--scrollbar-track-border);box-shadow:none;border-radius:999px}.mixer-left::-webkit-scrollbar-track{background:var(--scrollbar-track-bg);border:1px solid var(--scrollbar-track-border);box-shadow:none;border-radius:999px}.sample-settings-panel::-webkit-scrollbar-track{background:var(--scrollbar-track-bg);border:1px solid var(--scrollbar-track-border);box-shadow:none;border-radius:999px}.load-project-window-table-body::-webkit-scrollbar-track{background:var(--scrollbar-track-bg);border:1px solid var(--scrollbar-track-border);box-shadow:none;border-radius:999px}.browser-tree::-webkit-scrollbar-thumb{border:2px solid var(--scrollbar-thumb-border);background:var(--scrollbar-thumb-bg);box-shadow:none;border-radius:999px}.rack-scroll-area::-webkit-scrollbar-thumb{border:2px solid var(--scrollbar-thumb-border);background:var(--scrollbar-thumb-bg);box-shadow:none;border-radius:999px}.playlist-body::-webkit-scrollbar-thumb{border:2px solid var(--scrollbar-thumb-border);background:var(--scrollbar-thumb-bg);box-shadow:none;border-radius:999px}.piano-grid-wrap::-webkit-scrollbar-thumb{border:2px solid var(--scrollbar-thumb-border);background:var(--scrollbar-thumb-bg);box-shadow:none;border-radius:999px}.pattern-list-body::-webkit-scrollbar-thumb{border:2px solid var(--scrollbar-thumb-border);background:var(--scrollbar-thumb-bg);box-shadow:none;border-radius:999px}.mixer-left::-webkit-scrollbar-thumb{border:2px solid var(--scrollbar-thumb-border);background:var(--scrollbar-thumb-bg);box-shadow:none;border-radius:999px}.sample-settings-panel::-webkit-scrollbar-thumb{border:2px solid var(--scrollbar-thumb-border);background:var(--scrollbar-thumb-bg);box-shadow:none;border-radius:999px}.load-project-window-table-body::-webkit-scrollbar-thumb{border:2px solid var(--scrollbar-thumb-border);background:var(--scrollbar-thumb-bg);box-shadow:none;border-radius:999px}.browser-tree::-webkit-scrollbar-thumb:hover{filter:brightness(1.08)}.rack-scroll-area::-webkit-scrollbar-thumb:hover{filter:brightness(1.08)}.playlist-body::-webkit-scrollbar-thumb:hover{filter:brightness(1.08)}.piano-grid-wrap::-webkit-scrollbar-thumb:hover{filter:brightness(1.08)}.pattern-list-body::-webkit-scrollbar-thumb:hover{filter:brightness(1.08)}.mixer-left::-webkit-scrollbar-thumb:hover{filter:brightness(1.08)}.sample-settings-panel::-webkit-scrollbar-thumb:hover{filter:brightness(1.08)}.load-project-window-table-body::-webkit-scrollbar-thumb:hover{filter:brightness(1.08)}.sample-settings-panel::-webkit-scrollbar-corner{background:var(--scrollbar-track-bg)}.load-project-window-table-body::-webkit-scrollbar-corner{background:var(--scrollbar-track-bg)}.app-titlebar{z-index:11000;border-bottom:1px solid var(--titlebar-border);background:var(--titlebar-bg);height:32px;box-shadow:none;-webkit-app-region:drag;justify-content:space-between;align-items:center;padding:0 8px;display:flex;position:relative}.app-titlebar-brand{align-items:center;gap:8px;min-width:0;display:inline-flex}.app-titlebar-logo{object-fit:contain;border-radius:4px;width:16px;height:16px}.app-titlebar-name{color:var(--titlebar-text);letter-spacing:.3px;white-space:nowrap;font-size:13px;font-weight:700}.app-titlebar-caption{letter-spacing:.9px;text-transform:uppercase;color:var(--titlebar-text-faint);pointer-events:none;justify-self:center;font-size:11px}.app-titlebar-controls{-webkit-app-region:no-drag;align-items:center;gap:6px;display:inline-flex}.app-titlebar-control{border:1px solid var(--titlebar-btn-border);border-radius:var(--titlebar-btn-radius);background:var(--titlebar-btn-bg);width:24px;height:24px;color:var(--titlebar-btn-text);cursor:pointer;justify-content:center;align-items:center;transition:transform .12s,filter .12s,border-color .12s,box-shadow .12s;display:inline-flex}.app-titlebar-control.close{border-color:var(--titlebar-close-border);color:var(--titlebar-close-text);background:var(--titlebar-close-bg)}.app-titlebar-control:hover{filter:none;border-color:var(--titlebar-btn-hover-border);background:var(--titlebar-btn-hover-bg);color:var(--titlebar-btn-hover-text);transform:none}.app-titlebar-control.close:hover{border-color:var(--titlebar-close-hover-border);color:var(--titlebar-close-hover-text);background:var(--titlebar-close-hover-bg)}.transport-shell{z-index:10000;border-bottom:1px solid var(--transport-border);background:var(--transport-bg);height:62px;box-shadow:var(--transport-shadow);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex;position:relative;overflow:visible}.transport-main{z-index:2;flex:1;justify-content:center;align-items:center;gap:8px;display:flex;position:relative;overflow:visible}.transport-left,.transport-center,.transport-right{align-items:center;gap:8px;display:flex}.transport-left{flex:1;justify-content:flex-start}.transport-center{background:0 0;border:0;flex:none;justify-content:center;padding:0}.transport-right{flex:1;justify-content:flex-end}.theme-picker{border:1px solid var(--app-border);border-radius:var(--app-radius-md);width:140px;height:36px;color:var(--app-text);background:var(--transport-bpm-bg);box-shadow:var(--transport-input-shadow);align-items:center;gap:0;padding:0;display:inline-flex}.theme-picker .rack-modern-select-trigger{width:100%;height:100%;color:inherit;gap:6px;padding:0 8px;font-size:13px}.theme-picker .rack-modern-select-caret{margin-left:auto}.theme-picker .rack-modern-select-dropdown{z-index:10020;width:100%;min-width:140px;left:auto;right:0}.rack-modern-select-dropdown,.snap-dropdown,.playlist-snap-dropdown{transform-origin:top;animation:.14s dropdown-expand}@keyframes dropdown-expand{0%{opacity:0;transform:translateY(-5px)scaleY(.95)}to{opacity:1;transform:translateY(0)scaleY(1)}}@media (prefers-reduced-motion:reduce){.rack-modern-select-dropdown,.snap-dropdown,.playlist-snap-dropdown{animation:none}}.transport-btn{border:1px solid var(--transport-btn-border);border-radius:var(--app-radius-md);min-width:40px;height:36px;color:var(--transport-btn-text);background:var(--transport-btn-bg);box-shadow:none;text-shadow:none;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 12px;transition:transform .12s,filter .12s,border-color .12s,box-shadow .12s;display:inline-flex}.transport-btn:hover{filter:none;border-color:var(--app-border-strong);background:var(--transport-btn-hover-bg);transform:none}.transport-btn:active{transform:translateY(0)}.transport-btn.small{min-width:104px;font-size:13px}.transport-btn.is-rec{color:var(--transport-rec-text);border-color:var(--transport-rec-border);box-shadow:var(--transport-rec-shadow)}.transport-bpm{border-radius:var(--app-radius-md);border:1px solid var(--transport-bpm-border);min-width:102px;height:36px;color:var(--transport-bpm-text);font-family:var(--font-mono);letter-spacing:.4px;background:var(--transport-bpm-bg);box-shadow:var(--transport-input-shadow);cursor:ns-resize}.mode-toggle{border-radius:var(--toggle-border-radius);border:1px solid var(--toggle-border);background:var(--toggle-bg);gap:0;padding:0;display:inline-flex;overflow:hidden}.mode-toggle button{min-width:72px;height:32px;color:var(--toggle-btn-text);background:var(--toggle-btn-bg);cursor:pointer;border:0;border-radius:0}.mode-toggle button+button{border-left:1px solid var(--toggle-border)}.mode-toggle button:hover{background:var(--toggle-btn-hover-bg)}.mode-toggle button.is-active{color:var(--toggle-btn-active-text);background:var(--toggle-btn-active-bg);box-shadow:none;text-shadow:none}.transport-window-toggles{align-items:center;gap:6px;display:flex}.app-body{flex:1;gap:8px;min-height:0;padding:8px;display:flex}.workspace-surface{border-radius:var(--app-radius-lg);box-shadow:inset 0 0 0 1px var(--app-border), inset 0 1px 0 var(--workspace-highlight);background:var(--workspace-bg);border:0;flex:1;position:relative;overflow:hidden}.workspace-surface:before{content:"";pointer-events:none;background:var(--workspace-overlay-bg);position:absolute;inset:0}.window-frame{border:1px solid var(--window-border);border-radius:var(--app-radius-lg);background:var(--window-bg);box-shadow:var(--window-shadow);overflow:hidden}.window-frame.is-maximized{box-shadow:none;border:0}.window-title{-webkit-user-select:none;user-select:none;cursor:grab;height:40px;color:var(--window-title-text);letter-spacing:.4px;border-bottom:1px solid var(--window-title-border);background:var(--window-title-bg);justify-content:space-between;align-items:center;padding:0 12px;font-weight:600;display:flex}.window-title-text{min-width:0;font-size:14px}.window-controls{align-items:center;gap:6px;display:flex}.window-control-btn{border-radius:var(--window-control-btn-radius);border:1px solid var(--titlebar-btn-border);width:22px;height:22px;color:var(--titlebar-btn-text);background:var(--titlebar-btn-bg);box-shadow:none;cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.window-control-btn:hover{border-color:var(--titlebar-btn-hover-border);background:var(--titlebar-btn-hover-bg);color:var(--titlebar-btn-hover-text)}.window-control-btn.close{border-color:var(--titlebar-close-border);color:var(--titlebar-close-text);background:var(--titlebar-close-bg)}.window-control-btn.close:hover{border-color:var(--titlebar-close-hover-border);color:var(--titlebar-close-hover-text);background:var(--titlebar-close-hover-bg)}.window-content{height:calc(100% - 40px);padding:10px}.window-fx-plugin .window-content{background:var(--fx-empty-slot-bg);padding:0}.window-modal-backdrop{background:var(--window-backdrop);-webkit-backdrop-filter:blur(8px);position:fixed;inset:0}.project-menu{display:inline-block;position:relative}.project-menu-trigger{border:1px solid var(--transport-btn-border);border-radius:var(--app-radius-md);min-width:116px;height:36px;color:var(--transport-btn-text);background:var(--transport-btn-bg);box-shadow:none;text-shadow:none;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 13px;font-size:13px;font-weight:500;transition:transform .12s,filter .12s,border-color .12s,box-shadow .12s;display:inline-flex}.project-menu-trigger:hover{filter:none;border-color:var(--app-border-strong);background:var(--transport-btn-hover-bg);transform:none}.project-menu-trigger:active{transform:translateY(0)}.project-dropdown{z-index:10020;border:1px solid var(--app-border-strong);border-radius:var(--app-radius-lg);background:var(--project-dropdown-bg);width:max-content;min-width:0;box-shadow:var(--project-dropdown-shadow);flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);left:0}.project-dropdown-item{border-radius:var(--app-radius-sm);color:var(--app-text-muted);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.project-dropdown-item:hover{color:var(--project-dropdown-item-hover-text);background:var(--project-dropdown-item-hover-bg)}.project-dropdown-item:active{background:var(--project-dropdown-item-active-bg)}.theme-dialog .auth-dialog-form{gap:0}.theme-dialog{width:min(620px,100vw - 32px)}.theme-dialog-body{grid-template-columns:minmax(0,1fr) 240px;gap:14px;padding:12px;display:grid}.theme-dialog-preview-panel,.theme-dialog-options{border:1px solid var(--theme-dialog-panel-border);border-radius:var(--app-radius-lg);background:var(--theme-dialog-panel-bg);box-shadow:var(--theme-dialog-shadow);flex-direction:column;display:flex}.theme-dialog-preview-panel{gap:12px;padding:12px}.theme-dialog-preview-label{color:var(--theme-dialog-panel-label-text);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:700}.theme-dialog-stage{border-radius:var(--app-radius-md);place-items:center;min-height:150px;padding:18px;display:grid;overflow:hidden}.theme-dialog-stage-window{border:1px solid var(--theme-dialog-stage-window-border);border-radius:var(--app-radius-md);background:var(--theme-dialog-stage-window-bg);width:min(220px,100%);box-shadow:var(--theme-dialog-shadow);overflow:hidden}.theme-dialog-stage-titlebar{background:var(--theme-dialog-stage-titlebar-bg);align-items:center;gap:5px;height:24px;padding:0 8px;display:flex}.theme-dialog-stage-titlebar span{background:var(--theme-dialog-stage-line-bg);border-radius:50%;width:7px;height:7px}.theme-dialog-stage-content{gap:8px;padding:14px;display:grid}.theme-dialog-stage-content span{border-radius:var(--app-radius-sm);background:var(--theme-dialog-stage-line-bg);height:10px}.theme-dialog-stage-content span:nth-child(2){width:74%}.theme-dialog-stage-content span:nth-child(3){width:52%}.theme-dialog-preview-copy{gap:4px;display:grid}.theme-dialog-preview-copy strong{color:var(--theme-dialog-preview-text);font-size:15px}.theme-dialog-preview-copy span{color:var(--theme-dialog-preview-description-text);font-size:12px}.theme-dialog-options{gap:8px;padding:8px}.theme-dialog-option{border:1px solid var(--theme-dialog-option-border);border-radius:var(--app-radius-md);min-height:58px;color:var(--theme-dialog-option-label-text);background:var(--theme-dialog-option-bg);cursor:pointer;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;transition:border-color .12s,background .12s;display:grid}.theme-dialog-option:hover{border-color:var(--theme-dialog-option-hover-border);background:var(--theme-dialog-option-hover-bg)}.theme-dialog-option.is-active{border-color:var(--theme-dialog-option-active-border);background:var(--theme-dialog-option-active-bg)}.theme-dialog-option-swatch{border-radius:var(--app-radius-sm);width:34px;height:34px;box-shadow:inset 0 0 0 1px var(--theme-dialog-option-border)}.theme-dialog-option-copy{text-align:left;gap:3px;min-width:0;display:grid}.theme-dialog-option-label{color:var(--theme-dialog-option-label-text);font-size:13px;font-weight:700}.theme-dialog-option-description{color:var(--theme-dialog-option-description-text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.theme-dialog-option-status{color:var(--theme-dialog-option-check);justify-content:center;align-items:center;display:flex}@media (width<=1280px){.transport-window-toggles{max-width:52vw;overflow-x:auto}.transport-window-toggles .transport-btn.small{white-space:nowrap}.transport-btn.small{min-width:94px}}@media (width<=680px){.theme-dialog-body{grid-template-columns:1fr}.theme-dialog-stage{min-height:120px}}.browser-shell{border:1px solid var(--browser-border);border-radius:var(--app-radius-lg);background:var(--browser-bg);width:268px;min-width:240px;box-shadow:none;grid-template-rows:auto auto 1fr;display:grid;overflow:hidden}.browser-tabs{border-bottom:1px solid var(--browser-border);background:var(--browser-tabs-bg);flex-direction:row;gap:0;padding:8px 8px 0;display:flex}.browser-tabs button{min-width:0;height:38px;box-shadow:none;color:var(--browser-tab-text);cursor:pointer;text-shadow:none;background:0 0;border:0;border-bottom:1px solid #0000;border-radius:8px 8px 0 0;flex:1 1 0;justify-content:center;align-items:center;gap:6px;font-weight:700;display:inline-flex}.browser-tabs button:hover{border-color:var(--browser-tab-hover-border);background:var(--browser-tab-hover-bg);color:var(--browser-tab-hover-text);filter:none;transform:none}.browser-tabs button.is-active{color:var(--browser-tab-active-text);border-bottom-color:var(--browser-tab-active-border);background:var(--browser-tab-active-bg);box-shadow:none;margin-bottom:-1px}.browser-tree{scrollbar-color:var(--scrollbar-thumb-bg) var(--scrollbar-track-bg);padding:8px 12px 14px;overflow:auto}.browser-tree::-webkit-scrollbar{width:10px;height:10px}.browser-tree::-webkit-scrollbar-track{border:1px solid var(--scrollbar-track-border);background:var(--scrollbar-track-bg);box-shadow:none;border-radius:999px}.browser-tree::-webkit-scrollbar-thumb{border:2px solid var(--scrollbar-thumb-border);background:var(--scrollbar-thumb-bg);box-shadow:none;border-radius:999px}.browser-actions{padding:0 8px 6px}.browser-rescan{border-radius:var(--app-radius-md);border:1px solid var(--browser-rescan-border);width:100%;height:28px;color:var(--browser-rescan-text);background:var(--browser-rescan-bg);box-shadow:none;text-shadow:none;cursor:pointer;font-size:12px}.browser-rescan:hover{border-color:var(--app-border-strong);filter:none;background:#172029;transform:none}.browser-hint{border:1px dashed var(--browser-hint-border);border-radius:var(--app-radius-lg);color:var(--browser-hint-text);background:var(--browser-hint-bg);margin:8px 0 10px;padding:8px;font-size:12px;line-height:1.4}.tree-group{margin-bottom:3px}.tree-folder{border-radius:var(--app-radius-sm);text-align:left;width:100%;height:28px;color:var(--browser-tree-text);cursor:pointer;letter-spacing:.2px;background:0 0;border:0;align-items:center;gap:5px;font-weight:600;display:flex}.tree-folder:hover{color:var(--browser-tree-folder-hover-text);background:var(--browser-tree-hover-bg)}.plugin-folder{cursor:pointer}.plugin-folder:hover{color:var(--browser-tree-folder-hover-text);background:var(--browser-tree-hover-bg)}.tree-folder:hover .tree-folder-icon,.plugin-folder:hover .tree-folder-icon,.tree-folder:hover .caret,.plugin-folder:hover .caret{color:var(--browser-tree-folder-hover-icon)}.caret{width:16px;color:var(--browser-tree-icon);display:inline-block}.tree-children{margin-top:1px}.tree-collapse{opacity:0;pointer-events:none;grid-template-rows:0fr;transition:grid-template-rows .18s,opacity .15s,transform .18s;display:grid;transform:translateY(-3px)}.tree-collapse.is-open{opacity:1;pointer-events:auto;grid-template-rows:1fr;transform:translateY(0)}.tree-collapse-inner{min-height:0;overflow:hidden}.tree-list{margin:0;padding:0;list-style:none}.tree-item{border-radius:var(--app-radius-sm);color:var(--browser-tree-text);cursor:pointer;font-family:var(--font-mono);margin-left:16px;padding:4px 7px;font-size:12px;list-style:none}.tree-item:active{cursor:grabbing}.plugin-item,.pack-item{cursor:grab}.plugin-item:active,.pack-item:active{cursor:grabbing}.tree-item:hover{color:var(--browser-tree-hover-text);background:var(--browser-tree-hover-bg)}.tree-folder-icon{color:var(--browser-tree-icon);flex:none}.plugin-folder .tree-folder-icon{color:var(--browser-plugin-icon)}@media (width<=1280px){.browser-shell{width:246px;min-width:226px}}@media (width<=920px){.browser-shell{width:100%;min-height:220px}}.rack-shell{--rack-playhead-ratio:0;flex-direction:column;gap:8px;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.rack-scroll-area{flex:1;min-height:0;overflow:auto}.rack-rows{flex-direction:column;gap:8px;width:max-content;min-width:100%;display:flex}.rack-topbar{border:1px solid var(--rack-topbar-border);border-radius:var(--rack-row-radius);background:var(--rack-topbar-bg);box-shadow:none;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.rack-pattern-picker-wrap{align-items:center;gap:6px;min-width:0;display:inline-flex}.rack-pattern-picker{border:1px solid var(--rack-pattern-picker-border);border-radius:var(--rack-control-radius);background:var(--rack-pattern-picker-bg);align-items:center;gap:6px;width:138px;min-width:0;height:30px;padding:0 6px;display:inline-flex}.rack-pattern-picker .rack-modern-select-trigger{color:var(--rack-pattern-picker-text);font-size:13px;font-weight:600}.rack-modern-select{position:relative}.rack-modern-select-trigger{border-radius:inherit;width:100%;height:100%;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:0 10px 0 8px;display:inline-flex}.rack-modern-select-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rack-modern-select-caret{color:var(--app-text-muted);flex:none;font-size:11px;line-height:1}.rack-modern-select.is-open{border-color:var(--app-border-strong);box-shadow:0 0 0 1px #7f8fae59}.rack-modern-select-dropdown{border:1px solid var(--rack-context-menu-border);border-radius:var(--rack-menu-radius);background:var(--rack-context-menu-bg);width:100%;min-width:132px;max-width:220px;max-height:260px;color:var(--rack-context-menu-text);box-shadow:var(--app-shadow-soft);z-index:35;padding:6px;position:absolute;top:calc(100% + 4px);left:0;right:auto;overflow:auto}.rack-modern-select-option{box-sizing:border-box;border-radius:var(--rack-menu-item-radius);width:100%;min-width:116px;color:var(--app-text-muted);text-align:left;cursor:pointer;background:0 0;border:0;padding:7px 8px;font-size:12px}.rack-modern-select-option:hover{background:var(--rack-context-menu-item-hover-bg);color:var(--rack-context-menu-item-hover-text)}.rack-modern-select-option.is-active{background:var(--app-accent);color:var(--app-accent-text);box-shadow:none}.rack-pattern-picker-prefix{color:var(--app-text-muted);letter-spacing:.4px;text-transform:uppercase;font-size:11px}.rack-pattern-picker select{color:var(--rack-pattern-picker-text);text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;width:auto;min-width:92px;max-width:124px;font-size:13px;font-weight:600}.rack-pattern-picker select:focus{outline:none}.rack-pattern-picker option{color:var(--app-text);background:var(--rack-context-menu-bg)}.rack-pattern-add{border:1px solid var(--rack-add-btn-border);border-radius:var(--rack-control-radius);width:30px;height:30px;color:var(--rack-add-btn-text);background:var(--rack-add-btn-bg);cursor:pointer;box-shadow:none;font-size:19px;line-height:1}.rack-pattern-add:hover{color:var(--rack-add-btn-hover-text);background:var(--rack-add-btn-hover-bg)}.rack-topbar-controls{align-items:center;gap:10px;display:flex}.rack-mode-toggle{border:1px solid var(--toggle-border);border-radius:var(--toggle-border-radius);display:inline-flex;overflow:hidden}.rack-mode-toggle button{min-width:104px;height:28px;color:var(--toggle-btn-text);background:var(--toggle-btn-bg);cursor:pointer;letter-spacing:.3px;border:0;font-size:12px}.rack-mode-toggle button+button{border-left:1px solid var(--toggle-border)}.rack-mode-toggle button:hover{background:var(--toggle-btn-hover-bg)}.rack-mode-toggle button.is-active{color:var(--toggle-btn-active-text);background:var(--toggle-btn-active-bg);text-shadow:none}.pattern-length-control{color:var(--rack-pattern-length-text);align-items:center;gap:6px;font-size:12px;display:flex}.pattern-length-control button{border-radius:var(--rack-control-radius-sm);border:1px solid var(--rack-pattern-length-btn-border);width:26px;height:26px;color:var(--rack-pattern-length-btn-text);background:var(--rack-pattern-length-btn-bg);cursor:pointer;transition:color .12s,border-color .12s,background-color .12s}.pattern-length-control button:hover{color:var(--rack-pattern-length-btn-hover-text);border-color:var(--rack-pattern-length-btn-hover-border);background:var(--rack-pattern-length-btn-hover-bg)}.pattern-length-control input{border-radius:var(--rack-control-radius-sm);border:1px solid var(--rack-pattern-length-input-border);width:68px;height:26px;color:var(--rack-pattern-length-input-text);background:var(--rack-pattern-length-input-bg);text-align:center;font-family:var(--font-mono);appearance:textfield;-webkit-appearance:none;-moz-appearance:textfield}.pattern-length-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pattern-length-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pattern-length-control small{color:var(--rack-pattern-length-unit-text)}.rack-channel-add{border:1px solid var(--rack-add-btn-border);border-radius:var(--rack-control-radius);height:28px;color:var(--rack-add-btn-text);background:var(--rack-add-btn-bg);cursor:pointer;box-shadow:none;padding:0 10px;font-size:12px;font-weight:600}.rack-channel-add:hover{color:var(--rack-add-btn-hover-text);background:var(--rack-add-btn-hover-bg)}.rack-row{z-index:0;border:1px solid var(--rack-row-border);border-radius:var(--rack-row-radius);background:var(--rack-row-bg);box-shadow:none;grid-template-columns:max-content auto;gap:10px;width:max-content;min-width:100%;padding:8px;display:grid;position:relative}.rack-row.is-menu-open{z-index:50}.rack-controls{align-items:center;gap:8px;display:flex}.rack-channel-context-menu{z-index:12000;border:1px solid var(--rack-context-menu-border);border-radius:var(--rack-menu-radius);background:var(--rack-context-menu-bg);min-width:156px;box-shadow:var(--app-shadow-soft);flex-direction:column;gap:4px;padding:6px;display:flex;position:absolute}.rack-channel-context-menu button{border-radius:var(--rack-menu-item-radius);width:100%;color:var(--rack-context-menu-text);text-align:left;cursor:pointer;background:0 0;border:0;padding:7px 8px;font-size:12px}.rack-channel-context-menu button:hover:not(:disabled){background:var(--rack-context-menu-item-hover-bg);color:var(--rack-context-menu-item-hover-text)}.rack-channel-context-menu button:disabled{opacity:.45;cursor:not-allowed}.rack-channel-rename-panel{z-index:12100;border:1px solid var(--rack-context-menu-border);border-radius:var(--rack-menu-radius);background:var(--rack-context-menu-bg);min-width:196px;box-shadow:var(--app-shadow-soft);gap:6px;padding:8px;display:grid;position:absolute}.rack-channel-rename-panel input{border:1px solid var(--rack-context-menu-border);border-radius:var(--rack-control-radius);height:30px;color:var(--app-text);background:var(--rack-pattern-picker-bg);padding:0 8px}.rack-channel-rename-actions{gap:6px;display:flex}.rack-channel-rename-actions button{border:1px solid var(--rack-context-menu-border);border-radius:var(--rack-control-radius);height:26px;color:var(--rack-rename-action-text);background:var(--rack-rename-action-bg);cursor:pointer;flex:1}.rack-channel-rename-actions button:hover{filter:brightness(1.05)}.small-toggle{border-radius:var(--rack-control-radius-sm);border:1px solid var(--toggle-border);width:30px;height:30px;color:var(--toggle-btn-text);background:var(--toggle-btn-bg);box-shadow:none;cursor:pointer}.small-toggle.is-on{color:var(--toggle-btn-active-text);background:var(--toggle-btn-active-bg);box-shadow:none}.knob-label{width:50px;color:var(--app-text-muted);letter-spacing:.4px;justify-items:center;gap:2px;font-size:11px;display:grid}.horizontal-slider{cursor:pointer;touch-action:none;width:100%;height:18px;position:relative}.horizontal-slider.rack-knob{width:46px}.horizontal-slider-track{border:1px solid var(--slider-track-border);background:var(--slider-track-bg);border-radius:999px;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.horizontal-slider-fill{background:var(--slider-thumb-indicator);pointer-events:none;border-radius:999px;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.horizontal-slider-thumb{border:1px solid var(--slider-thumb-border);background:var(--slider-thumb-bg);width:13px;height:13px;box-shadow:inset 0 0 0 4px var(--slider-thumb-indicator);pointer-events:none;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.horizontal-slider:hover .horizontal-slider-thumb{border-color:var(--slider-thumb-hover-border);background:var(--slider-thumb-hover-bg)}.horizontal-slider:active .horizontal-slider-thumb{border-color:var(--slider-thumb-hover-border);background:var(--slider-thumb-active-bg)}.rack-value-readout{border:1px solid var(--mixer-value-readout-border);border-radius:var(--app-radius-sm);background:var(--mixer-value-readout-bg);width:fit-content;max-width:calc(100% - 20px);min-height:20px;color:var(--mixer-value-readout-text);letter-spacing:.3px;opacity:0;pointer-events:none;z-index:100;padding:2px 7px;font-size:11px;transition:opacity .12s,transform .12s;position:absolute;bottom:8px;left:10px;transform:translateY(2px)}.rack-value-readout.is-visible{opacity:1;transform:translateY(0)}.channel-name{border:1px solid var(--rack-channel-name-border);border-radius:var(--rack-channel-name-radius);text-overflow:ellipsis;white-space:nowrap;width:100px;min-width:100px;max-width:100px;height:34px;color:var(--rack-channel-name-text);background:var(--rack-channel-name-bg);box-shadow:none;cursor:pointer;font-weight:400;overflow:hidden}.channel-insert{align-items:center;display:flex}.channel-insert-select{border-radius:var(--rack-insert-radius);border:1px solid var(--rack-insert-border);width:100px;min-width:100px;max-width:100px;height:34px;color:var(--rack-insert-text);background:var(--rack-insert-bg);padding:0;font-size:12px;transition:border-color .12s,box-shadow .12s,filter .12s}.channel-insert-select .rack-modern-select-trigger{justify-content:center;padding:0 8px}.channel-insert-select .rack-modern-select-dropdown{width:100%;min-width:100%;max-width:100%;padding:6px}.channel-insert-select .rack-modern-select-option{width:100%;min-width:0}.channel-insert-select:hover{filter:brightness(1.05)}.channel-insert-select:focus{border-color:var(--app-border-strong);box-shadow:0 0 0 2px var(--app-accent-soft);outline:none}.channel-insert-select option{color:var(--app-text);background-color:var(--rack-context-menu-bg)}.channel-insert-select option:checked{background-color:var(--app-accent-soft);color:var(--app-text)}.channel-insert-select option:hover{color:var(--app-text);background-color:#ffffff0a}.mode-toggle.compact button{min-width:54px;height:26px}.rack-input{align-items:center;min-width:0;margin-left:0;display:flex}.rack-input-steps,.rack-input-piano{width:max-content}.step-grid{--step-cell-width:18px;gap:4px;width:max-content;margin-top:1px;display:grid}.step{border-radius:var(--rack-step-radius);border:1px solid var(--rack-step-border);background:var(--rack-step-bg);height:27px;box-shadow:none;cursor:pointer}.step.group-a{border-color:var(--rack-step-group-a-border);background:var(--rack-step-group-a-bg)}.step.group-b{border-color:var(--rack-step-group-b-border);background:var(--rack-step-group-b-bg)}.step.is-on{border-color:var(--rack-step-on-border);background:var(--rack-step-on-bg);box-shadow:none}.step.group-b.is-on{border-color:var(--rack-step-on-border);background:var(--rack-step-on-bg)}.step.is-playhead{outline:1px solid var(--rack-step-playhead-outline);outline-offset:1px}.piano-preview{border:1px solid var(--rack-preview-border);border-radius:var(--rack-preview-radius);background:repeating-linear-gradient(to right, #a3b2be14 0, #a3b2be14 1px, transparent 1px, transparent 14px), var(--rack-preview-bg);width:100%;height:58px;box-shadow:none;cursor:pointer;position:relative;overflow:hidden}.piano-preview-playhead{top:0;bottom:0;left:calc(var(--rack-playhead-ratio,0) * 100%);background:var(--app-accent);width:2px;box-shadow:none;pointer-events:none;z-index:3;will-change:transform;position:absolute;transform:translate(-1px)}.mini-note{border-radius:var(--rack-mini-note-radius);background:var(--rack-mini-note-bg);height:4px;box-shadow:none;z-index:2;position:absolute;transform:translateY(-50%)}.piano-hint{color:var(--app-text-muted);letter-spacing:.4px;font-size:10px;position:absolute;bottom:4px;right:7px}.sample-settings-panel{border:1px solid var(--sample-settings-border);background:var(--sample-settings-bg);height:100%;box-shadow:none;border-radius:10px;align-content:start;gap:12px;padding:12px;display:grid;overflow:auto}.sample-settings-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.sample-settings-header h3{color:var(--sample-settings-header-text);letter-spacing:.3px;margin:0;font-size:14px}.sample-waveform-card{border:1px solid var(--sample-waveform-border);background:var(--sample-waveform-bg);border-radius:8px;gap:8px;padding:8px;display:grid}.sample-waveform-title{color:var(--sample-waveform-title-text);letter-spacing:.4px;text-transform:none;font-size:11px}.sample-waveform-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.sample-preview-btn{border:1px solid var(--sample-preview-btn-border);background:var(--sample-preview-btn-bg);min-width:60px;height:24px;color:var(--sample-preview-btn-text);letter-spacing:.3px;cursor:pointer;border-radius:6px;padding:0 8px;font-size:11px}.sample-preview-btn:disabled{cursor:not-allowed;opacity:.45}.sample-preview-btn.is-playing{border-color:var(--sample-preview-btn-playing-border,var(--app-accent));background:var(--sample-preview-btn-playing-bg);color:var(--sample-preview-btn-playing-text)}.sample-waveform-view{border:1px solid var(--sample-waveform-view-border);background:var(--sample-waveform-view-bg);border-radius:6px;height:96px;position:relative;overflow:hidden}.sample-waveform-view.is-drop-target{border-color:var(--app-accent);box-shadow:inset 0 0 0 1px var(--app-accent-soft), 0 0 18px var(--app-accent-soft)}.sample-waveform-svg{width:100%;height:100%;display:block}.sample-waveform-svg line{stroke:var(--sample-waveform-line);stroke-width:.7px;opacity:.9}.sample-waveform-active-length{background:var(--sample-waveform-active-length);pointer-events:none;position:absolute;inset:0 auto 0 0}.sample-waveform-trimmed{background:var(--sample-waveform-trimmed-bg);pointer-events:none;position:absolute;inset:0 0 0 auto}.sample-waveform-fade{pointer-events:none;position:absolute;top:0;bottom:0}.sample-waveform-fade.fade-in{background:linear-gradient(90deg, var(--sample-waveform-fade) 0%, transparent 100%);left:0}.sample-waveform-fade.fade-out{background:linear-gradient(90deg, transparent 0%, var(--sample-waveform-fade) 100%)}.sample-waveform-empty{height:100%;color:var(--sample-empty-text);place-items:center;font-size:12px;display:grid}.sample-settings-grid{gap:8px;display:grid}.sample-settings-tabs{border:1px solid var(--sample-settings-tab-border);box-sizing:border-box;background:var(--rack-pattern-picker-bg);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;height:33px;min-height:33px;padding:2px;display:grid}.sample-settings-tab{white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;width:100%;height:27px;min-height:27px;color:var(--sample-settings-tab-text);background:var(--sample-settings-tab-bg);letter-spacing:.25px;cursor:pointer;text-shadow:none;border:0;border-radius:0;justify-content:center;align-items:center;padding:0 10px;font-size:11px;line-height:1;display:inline-flex;overflow:hidden}.sample-settings-tab+.sample-settings-tab{border-left:1px solid var(--app-border)}.sample-settings-tab:first-child{border-radius:6px 0 0 6px}.sample-settings-tab:last-child{border-radius:0 6px 6px 0}.sample-settings-tab.is-active{color:var(--sample-settings-tab-active-text);border-color:var(--sample-settings-tab-active-border);background:var(--sample-settings-tab-active-bg);text-shadow:none}.sample-envelope-panel{border:1px solid var(--sample-envelope-border);background:var(--sample-envelope-bg);border-radius:8px;gap:6px;padding:8px;display:grid}.sample-time-stretch-panel{border:1px solid var(--sample-envelope-border);background:var(--sample-envelope-bg);border-radius:8px;gap:8px;padding:8px;display:grid}.sample-time-stretch-header{color:var(--app-text-muted);letter-spacing:.3px;justify-content:space-between;align-items:center;font-size:12px;display:flex}.sample-time-stretch-knobs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.sample-time-knob-row{border:1px solid var(--sample-time-knob-border);background:var(--sample-time-knob-bg);border-radius:7px;gap:5px;padding:6px;display:grid}.sample-time-knob-row span{color:var(--sample-time-knob-label);letter-spacing:.35px;font-size:10px;font-weight:700}.sample-time-stretch-selects{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sample-time-select-row{gap:4px;display:grid;position:relative}.sample-time-select-row span{color:var(--app-text-muted);font-size:11px}.sample-time-select-control{border:1px solid var(--sample-time-select-border);background:var(--sample-time-select-bg);height:27px;color:var(--sample-time-select-text);box-shadow:none;border-radius:6px;font-size:11px;font-weight:600}.sample-time-select-control .rack-modern-select-trigger{padding:0 8px}.sample-time-select-control .rack-modern-select-caret{color:var(--sample-time-select-caret);filter:none}.sample-time-select-control .rack-modern-select-dropdown{transform-origin:bottom;width:100%;min-width:100%;max-width:100%;animation:.14s dropdown-expand-up;top:auto;bottom:calc(100% + 4px)}@keyframes dropdown-expand-up{0%{opacity:0;transform:translateY(5px)scaleY(.95)}to{opacity:1;transform:translateY(0)scaleY(1)}}.sample-time-select-control:hover{border-color:var(--app-border-strong);filter:brightness(1.03)}.sample-time-select-control.is-open{border-color:var(--sample-time-select-open-border);box-shadow:0 0 0 2px var(--app-accent-soft)}.sample-envelope-header{color:var(--app-text-muted);letter-spacing:.3px;justify-content:flex-start;align-items:center;gap:6px;font-size:12px;display:flex}.sample-envelope-enable{justify-content:center;align-items:center;display:inline-flex}.sample-envelope-enable input[type=checkbox]{border:1px solid var(--sample-checkbox-border);background:var(--sample-checkbox-bg);appearance:none;cursor:pointer;width:14px;height:14px;box-shadow:none;border-radius:3px;flex-shrink:0;place-content:center;margin:0;display:grid}.sample-envelope-enable input[type=checkbox]:before{content:"";clip-path:polygon(14% 44%,0 59%,42% 100%,100% 18%,84% 3%,41% 70%);background:var(--sample-checkbox-check);transform-origin:50%;width:8px;height:8px;transition:transform .11s ease-out;transform:scale(0)}.sample-envelope-enable input[type=checkbox]:checked{border-color:var(--app-accent-strong);background:var(--sample-checkbox-checked-bg)}.sample-envelope-enable input[type=checkbox]:checked:before{transform:scale(1)}.sample-envelope-enable input[type=checkbox]:focus-visible{box-shadow:0 0 0 2px var(--app-accent-soft);outline:none}.sample-envelope-graph{border:1px solid var(--sample-envelope-border);background:var(--sample-envelope-bg);border-radius:6px;height:92px;overflow:hidden}.sample-envelope-graph svg{width:100%;height:100%;display:block}.sample-envelope-graph path{fill:none;stroke:var(--sample-envelope-path);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:none}.sample-setting-row{min-height:24px;color:var(--sample-setting-row-text);grid-template-columns:56px 1fr 44px;align-items:center;gap:8px;font-size:12px;display:grid}.sample-setting-row strong{color:var(--sample-setting-row-value);font-size:11px;font-family:var(--font-mono);justify-self:end}.sample-setting-value{cursor:text;-webkit-user-select:none;user-select:none;justify-content:flex-end;justify-self:end;align-items:center;min-width:2.35rem;height:24px;display:inline-flex}.sample-setting-inline-input{width:calc(var(--digits,3) * .58ch + .95rem);border:1px solid var(--sample-setting-input-border);background:var(--sample-setting-input-bg);min-width:2.35rem;max-width:100%;height:24px;color:var(--sample-setting-input-text);-webkit-text-fill-color:var(--sample-setting-input-text);caret-color:var(--sample-setting-input-text);text-align:right;font-size:11px;font-family:var(--font-mono);box-sizing:border-box;appearance:textfield;-webkit-appearance:none;-moz-appearance:textfield;box-shadow:none;background-image:none;border-radius:5px;justify-self:end;padding:0 6px}.sample-setting-inline-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sample-setting-inline-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sample-setting-inline-input:focus{border-color:var(--sample-setting-input-focus-border);background:var(--sample-setting-input-bg);box-shadow:0 0 0 2px var(--app-accent-soft);background-image:none;outline:none}.sample-setting-inline-input::selection{background:var(--app-accent-soft);color:var(--app-text)}.sample-setting-row.cut-toggle{grid-template-columns:56px auto;justify-content:start}.sample-setting-toggle-row{align-items:center;gap:16px;display:flex}.sample-setting-toggle-row .sample-setting-row.cut-toggle{grid-template-columns:auto auto;gap:6px;min-height:24px;display:inline-grid}.sample-setting-toggle-row .sample-setting-row.cut-toggle span{white-space:nowrap}.sample-setting-row.cut-toggle input[type=checkbox]{flex-shrink:0}.sample-settings-panel input[type=checkbox]{border:1px solid var(--sample-checkbox-border);background:var(--sample-checkbox-bg);appearance:none;cursor:pointer;width:14px;height:14px;box-shadow:none;border-radius:3px;place-content:center;margin:0;display:grid}.sample-settings-panel input[type=checkbox]:before{content:"";clip-path:polygon(14% 44%,0 59%,42% 100%,100% 18%,84% 3%,41% 70%);background:var(--sample-checkbox-check);transform-origin:50%;width:8px;height:8px;transition:transform .11s ease-out;transform:scale(0)}.sample-settings-panel input[type=checkbox]:checked{border-color:var(--app-accent-strong);background:var(--sample-checkbox-checked-bg)}.sample-settings-panel input[type=checkbox]:checked:before{transform:scale(1)}.sample-settings-panel input[type=checkbox]:focus-visible{box-shadow:0 0 0 2px var(--app-accent-soft);outline:none}.sample-window-empty{height:100%;color:var(--sample-empty-text);letter-spacing:.3px;border:1px dashed var(--sample-empty-border);background:var(--rack-row-bg);border-radius:8px;place-items:center;font-size:12px;display:grid}@media (width<=1200px){.rack-topbar{flex-wrap:wrap}.rack-topbar-controls{flex-wrap:wrap;justify-content:flex-end;width:100%}.rack-row{grid-template-columns:430px auto}.sample-waveform-view{height:86px}}.piano-roll-shell{border:1px solid var(--piano-border);border-radius:var(--app-radius-lg);background:var(--piano-bg);width:100%;height:100%;box-shadow:none;-webkit-user-select:none;user-select:none;grid-template-rows:auto 1fr;display:grid;overflow:hidden}.piano-roll-toolbar{border-bottom:1px solid var(--piano-toolbar-border);background:var(--piano-toolbar-bg);min-height:38px;color:var(--piano-toolbar-text);-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;padding:4px 10px;font-size:12px;display:flex}.piano-roll-toolbar select{border-radius:var(--app-radius-sm);border:1px solid var(--app-border);height:24px;color:var(--app-text);min-width:0;box-shadow:none;background:#090d12;padding:0 8px}.piano-roll-toolbar select option{color:var(--app-text);background:var(--app-bg)}.snap-menu{position:relative}.channel-menu .snap-trigger,.scale-menu .snap-trigger{min-width:fit-content}.edit-mode-toggle{border:1px solid var(--toggle-border);border-radius:var(--toggle-border-radius);background:var(--toggle-bg);gap:0;padding:0;display:inline-flex;overflow:hidden}.edit-mode-toggle button{background:var(--toggle-btn-bg);min-width:74px;height:24px;color:var(--toggle-btn-text);cursor:pointer;border:0;border-radius:0;padding:0 8px;font-size:11px}.edit-mode-toggle button+button{border-left:1px solid var(--toggle-border)}.edit-mode-toggle button:hover{background:var(--toggle-btn-hover-bg)}.edit-mode-toggle button.is-active{color:var(--toggle-btn-active-text);background:var(--toggle-btn-active-bg);box-shadow:none}.scale-controls{color:var(--app-text-muted);align-items:center;gap:4px;min-width:0;display:inline-flex}.scale-controls span{letter-spacing:.2px;font-size:11px}.scale-select{border-radius:var(--app-radius-md);border:1px solid var(--app-border);height:24px;color:var(--app-text);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;min-width:58px;max-width:150px;box-shadow:none;background:#090d12;padding:0 9px;font-size:11px;overflow:hidden}.scale-select:hover{border-color:var(--app-border-strong);background:#172029}.snap-trigger{border-radius:var(--app-radius-md);border:1px solid var(--app-border);background:var(--piano-snap-trigger-bg);height:24px;color:var(--app-text);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;box-shadow:none;padding:0 9px;font-size:11px;overflow:hidden}.snap-trigger:hover{border-color:var(--app-border-strong);background:var(--piano-snap-trigger-hover-bg)}.snap-dropdown{border:1px solid var(--app-border-strong);border-radius:var(--app-radius-lg);background:var(--piano-snap-dropdown-bg);width:max-content;max-height:300px;color:var(--app-text);box-shadow:var(--app-shadow-soft);z-index:10;padding:6px;position:absolute;top:calc(100% + 4px);left:0;overflow:auto}.snap-option{cursor:pointer;color:var(--app-text-muted);white-space:nowrap;border-radius:var(--app-radius-sm);align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:flex}.snap-option:hover{color:var(--app-text);background:#ffffff0a}.snap-option input[type=radio]{appearance:none;border:1px solid var(--piano-radio-border);background:var(--piano-radio-bg);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;margin:0;transition:border-color .12s,background .12s;display:flex}.snap-option input[type=radio]:hover{border-color:var(--app-border-strong)}.snap-option input[type=radio]:checked{border-color:var(--app-accent-strong);background:var(--piano-radio-bg)}.snap-option input[type=radio]:checked:after{content:"";background:var(--app-accent);border-radius:50%;width:6px;height:6px;display:block}.piano-roll-toolbar small{min-width:0;color:var(--app-text-muted);white-space:nowrap;text-overflow:ellipsis;flex:100%;margin-left:0;overflow:hidden}.piano-roll-body{grid-template-rows:1fr 8px auto;min-height:0;display:grid;overflow:hidden}.piano-main-grid{grid-template-columns:70px 1fr;min-height:0;display:grid;overflow:hidden}.piano-velocity-grid-shell{border-top:1px solid var(--piano-velocity-shell-border);background:var(--piano-velocity-shell-bg);grid-template-columns:70px 1fr;min-height:0;display:grid;overflow:hidden}.piano-velocity-label{border-right:1px solid var(--piano-velocity-shell-border);background:var(--piano-velocity-label-bg);color:var(--piano-velocity-label-text);font-size:10px;font-family:var(--font-mono);flex-direction:column;justify-content:center;align-items:flex-end;gap:2px;padding-right:6px;display:flex}.piano-velocity-label strong{color:var(--piano-velocity-label-strong);font-size:11px}.piano-velocity-label em{color:var(--piano-velocity-label-em);font-size:10px;font-style:normal}.piano-velocity-resize{border:0;border-top:1px solid var(--piano-velocity-resize-border);border-bottom:1px solid var(--piano-velocity-resize-border);background:var(--piano-velocity-resize-bg);cursor:row-resize;padding:0}.piano-velocity-resize:hover{filter:var(--piano-velocity-resize-hover-filter)}.piano-velocity-wrap{scrollbar-width:none;background:var(--piano-velocity-grid-bg);overflow:auto hidden}.piano-velocity-wrap::-webkit-scrollbar{width:0;height:0}.piano-velocity-grid{--step-width:24px;--bar-width:96px;--snap-width:24px;--snap-opacity:0;--grid-line-width:1.5px;background:repeating-linear-gradient(to right, rgba(0, 0, 0, var(--snap-opacity)) 0, rgba(0, 0, 0, var(--snap-opacity)) var(--grid-line-width), transparent var(--grid-line-width), transparent var(--snap-width)), var(--piano-velocity-grid-bg);height:100%;position:relative}.piano-velocity-grid:before{display:none}.piano-velocity-bar{cursor:ns-resize;box-sizing:content-box;z-index:2;background:0 0;border:0;position:absolute;bottom:0}.piano-velocity-bar:before{content:"";background:var(--piano-velocity-bar-bg);width:3px;height:100%;box-shadow:none;border-radius:999px;position:absolute;top:0;left:0}.piano-velocity-bar:after{content:"";background:var(--piano-velocity-bar-cap);border-radius:999px;width:100%;min-width:4px;height:2px;position:absolute;top:0;left:0}.piano-velocity-bar.from-step,.piano-velocity-bar.from-piano,.piano-velocity-bar.is-selected{background:0 0}.piano-velocity-bar.is-selected:before,.piano-velocity-bar.is-selected:after{background:var(--piano-velocity-bar-selected-bg);box-shadow:none}.piano-keys{border-right:1px solid var(--piano-velocity-shell-border);background:var(--piano-keys-bg);scrollbar-width:none;-webkit-user-select:none;user-select:none;overflow:hidden auto}.piano-keys::-webkit-scrollbar{width:0;height:0}.piano-keys-header{border-bottom:1px solid var(--piano-grid-header-border);background:var(--piano-keys-header-bg);height:28px}.piano-key-row{border-bottom:1px solid var(--piano-key-row-border);background:var(--piano-key-white-bg);color:var(--piano-key-white-text);font-family:var(--font-mono);justify-content:flex-end;align-items:center;padding-right:5px;font-size:11px;display:flex}.piano-key-row.sharp{background:var(--piano-key-black-bg);color:var(--piano-key-black-text)}.piano-key-row.marker{box-shadow:none;font-weight:inherit}.piano-grid-wrap{background:var(--piano-grid-bg);-webkit-user-select:none;user-select:none;scrollbar-color:var(--scrollbar-thumb-bg) var(--scrollbar-track-bg);overflow:auto}.piano-grid-wrap::-webkit-scrollbar{width:10px;height:10px}.piano-grid-wrap::-webkit-scrollbar-track{border:1px solid var(--scrollbar-track-border);background:var(--scrollbar-track-bg);box-shadow:none;border-radius:999px}.piano-grid-wrap::-webkit-scrollbar-thumb{border:2px solid var(--scrollbar-thumb-border);background:var(--scrollbar-thumb-bg);box-shadow:none;border-radius:999px}.piano-grid-header{z-index:3;border-bottom:1px solid var(--piano-grid-header-border);background:var(--piano-grid-header-bg);align-items:center;height:28px;display:flex;position:sticky;top:0}.piano-bar-cell{border-right:1px solid var(--piano-grid-header-border);color:var(--piano-grid-header-text);font-family:var(--font-mono);box-sizing:border-box;justify-content:flex-start;align-items:center;padding-left:4px;font-size:11px;display:flex}.piano-grid{--step-width:24px;--bar-width:96px;--row-height:20px;--snap-width:24px;--snap-opacity:0;--grid-line-width:1px;background:repeating-linear-gradient(to right, rgba(0, 0, 0, var(--snap-opacity)) 0, rgba(0, 0, 0, var(--snap-opacity)) var(--grid-line-width), transparent var(--grid-line-width), transparent var(--snap-width)), repeating-linear-gradient(to bottom, var(--piano-grid-row-line) 0, var(--piano-grid-row-line) var(--grid-line-width), transparent var(--grid-line-width), transparent var(--row-height)), var(--piano-grid-bg);position:relative}.piano-grid:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(to right, rgba(0, 0, 0, var(--snap-opacity)) 0, rgba(0, 0, 0, var(--snap-opacity)) var(--grid-line-width), transparent var(--grid-line-width), transparent var(--snap-width)), repeating-linear-gradient(to bottom, var(--piano-grid-row-line) 0, var(--piano-grid-row-line) var(--grid-line-width), transparent var(--grid-line-width), transparent var(--row-height));position:absolute;inset:0}.piano-major-line{background:var(--piano-grid-line);pointer-events:none;z-index:1;width:2px;position:absolute;top:0;bottom:0}.piano-selection-box{border:1px solid var(--piano-selection-border);background:var(--piano-selection-bg);pointer-events:none;z-index:5;position:absolute}.piano-playhead-line{background:var(--piano-playhead-bg);width:2px;box-shadow:none;pointer-events:none;z-index:4;will-change:transform;position:absolute;top:0;bottom:0;left:0}.piano-scale-row{pointer-events:none;background:var(--piano-out-of-scale-row-bg);opacity:var(--piano-out-of-scale-row-opacity,1);z-index:0;position:absolute;left:0;right:0}.piano-note{border-radius:var(--piano-note-radius);border:1px solid var(--piano-note-border);cursor:grab;box-sizing:border-box;z-index:2;background:var(--piano-note-bg);box-shadow:none;position:absolute}.piano-note.is-selected{border-color:var(--piano-note-selected-border);background:var(--piano-note-selected-bg);box-shadow:none}.piano-note.is-selected .piano-note-label{color:var(--piano-note-selected-text);text-shadow:none}.piano-note:active{cursor:grabbing}.piano-note:after{content:"";border-radius:var(--piano-note-resize-handle-radius);background:var(--piano-note-resize-handle-bg);cursor:ew-resize;width:6px;position:absolute;top:2px;bottom:2px;right:2px}.piano-note-label{color:var(--piano-note-text);font-family:var(--font-mono);pointer-events:none;-webkit-user-select:none;user-select:none;text-transform:uppercase;text-shadow:none;font-size:10px;font-weight:700;line-height:1;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.piano-note.from-step,.piano-note.from-piano{background:var(--piano-note-bg);border-color:var(--piano-note-border);box-shadow:none}.piano-note.from-step.is-selected,.piano-note.from-piano.is-selected,.piano-note.is-selected{background:var(--piano-note-selected-bg);border-color:var(--piano-note-selected-border);box-shadow:none}.playlist-shell{border:1px solid var(--playlist-border);border-radius:var(--app-radius-lg);background:var(--playlist-bg);--playlist-side-inset:8px;--playlist-bar-width:84px;grid-template-rows:38px 34px 1fr;width:100%;height:100%;display:grid;overflow:hidden}.playlist-toolbar{border-bottom:1px solid var(--playlist-toolbar-border);background:var(--playlist-toolbar-bg);align-items:center;gap:6px;min-height:38px;padding:0 7px;display:flex}.playlist-add-track-btn{border-radius:var(--app-radius-sm);border:1px solid var(--playlist-btn-border);background:var(--playlist-btn-bg);height:28px;color:var(--playlist-btn-text);cursor:pointer;box-shadow:none;text-shadow:none;padding:0 8px;font-size:11px}.playlist-add-track-btn:hover{border-color:var(--app-border-strong);background:var(--playlist-btn-hover-bg);filter:none;transform:none}.playlist-toolbar .snap-trigger{border-radius:var(--app-radius-sm);height:28px}.playlist-length-control,.playlist-loop-toggle{color:var(--app-text-muted);align-items:center;gap:5px;margin-left:0;font-size:11px;display:inline-flex}.playlist-loop-toggle-inner{border-radius:var(--toggle-border-radius);border:1px solid var(--toggle-border);background:var(--toggle-bg);display:inline-flex;overflow:hidden}.playlist-loop-toggle-inner button{min-width:40px;height:24px;color:var(--toggle-btn-text);background:var(--toggle-btn-bg);cursor:pointer;border:0;border-radius:0;padding:0 10px;font-size:11px}.playlist-loop-toggle-inner button+button{border-left:1px solid var(--toggle-border)}.playlist-loop-toggle-inner button:hover{background:var(--toggle-btn-hover-bg)}.playlist-loop-toggle-inner button.is-active{color:var(--toggle-btn-active-text);background:var(--toggle-btn-active-bg);box-shadow:none}.playlist-length-input{border-radius:var(--app-radius-sm);border:1px solid var(--app-border);background:var(--playlist-length-input-bg);width:52px;height:28px;color:var(--app-text);text-align:center;appearance:textfield;box-shadow:none;padding:0 4px;font-size:11px}.playlist-length-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.playlist-length-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.playlist-length-input:focus{border-color:var(--app-accent);box-shadow:0 0 0 2px var(--app-accent-soft);outline:none}.playlist-header{border-bottom:1px solid var(--playlist-toolbar-border);width:max-content;padding-left:var(--playlist-side-inset);will-change:transform;background:var(--playlist-header-bg);display:grid}.playlist-header-shell{background:var(--playlist-header-bg);box-shadow:none;overflow:hidden}.bar-label.empty{background:var(--playlist-header-bg);box-shadow:none;border:0;border-radius:0}.bar-cell{height:34px;color:var(--playlist-bar-text);font-family:var(--font-mono);background:var(--playlist-bar-bg);border-top:1px solid var(--playlist-bar-border);border-bottom:1px solid var(--playlist-bar-border);text-shadow:none;justify-content:center;align-items:center;font-size:12px;display:flex}.bar-label.empty+.bar-cell{border-left:2px solid var(--playlist-bar-border)}.bar-cell+.bar-cell{box-shadow:inset 1px 0 0 var(--playlist-bar-border)}.bar-cell:last-child{border-right:1px solid var(--playlist-bar-border);border-radius:0 5px 0 0}.playlist-body{padding:0 var(--playlist-side-inset) 8px;background:var(--playlist-header-bg);scrollbar-color:var(--scrollbar-thumb-bg) var(--scrollbar-track-bg);position:relative;overflow:auto}.playlist-body::-webkit-scrollbar{width:10px;height:10px}.playlist-body::-webkit-scrollbar-track{border:1px solid var(--scrollbar-track-border);background:var(--scrollbar-track-bg);box-shadow:none;border-radius:999px}.playlist-body::-webkit-scrollbar-thumb{border:2px solid var(--scrollbar-thumb-border);background:var(--scrollbar-thumb-bg);box-shadow:none;border-radius:999px}.playlist-tracks-shell{flex-direction:column;gap:0;width:max-content;display:flex;position:relative}.playlist-playhead-layer{pointer-events:none;z-index:6;position:absolute;top:0;bottom:0;left:92px}.playlist-playhead-line{background:var(--playlist-playhead);width:2px;box-shadow:none;pointer-events:none;z-index:6;will-change:transform;position:absolute;top:1px;bottom:1px;left:0}.playlist-track{min-height:52px;display:grid}.playlist-track+.playlist-track .track-name,.playlist-track+.playlist-track .track-grid{border-top:1px solid var(--playlist-track-divider-border)}.track-name{color:var(--playlist-track-name-text);border:1px solid var(--playlist-track-name-border);background:var(--playlist-track-name-bg);border-right:0;border-radius:0;align-items:center;padding-left:8px;font-size:13px;font-weight:500;display:flex}.playlist-track:first-of-type .track-name{border-top-left-radius:var(--app-radius-md)}.playlist-track:last-of-type .track-name{border-bottom-left-radius:var(--app-radius-md)}.track-grid{isolation:isolate;border:1px solid var(--playlist-track-grid-border);background:var(--playlist-track-grid-bg);cursor:cell;border-radius:0;min-height:52px;position:relative}.track-grid:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;opacity:var(--playlist-snap-visible,0);background:repeating-linear-gradient(to right, var(--playlist-snap-line) 0, var(--playlist-snap-line) 1px, transparent 0px, transparent var(--playlist-snap-width));position:absolute;inset:0}.track-grid:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:repeating-linear-gradient(to right, var(--playlist-grid-major-line) 0, var(--playlist-grid-major-line) 1px, transparent 1px, transparent var(--playlist-bar-width));position:absolute;inset:0}.track-drop-preview{border:1px dashed var(--playlist-preview-border);pointer-events:none;z-index:2;border-radius:4px;position:absolute;top:4px;bottom:4px}.clip{border-radius:var(--app-radius-sm);border:1px solid var(--playlist-clip-border);color:var(--playlist-clip-text);background:var(--playlist-clip-bg);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;padding:0 14px 0 6px;font-size:12px;display:flex;position:absolute;top:1px;bottom:1px;overflow:hidden}.clip-note-preview{border-radius:var(--app-radius-sm);pointer-events:none;position:absolute;inset:0;overflow:hidden}.clip-audio-preview{border-radius:var(--app-radius-sm);pointer-events:none;opacity:.96;background:linear-gradient(180deg, var(--playlist-audio-preview-top) 0%, var(--playlist-audio-preview-bottom) 100%);position:absolute;inset:0;overflow:hidden}.clip-wave-svg{width:100%;height:100%;display:block}.clip-wave-fill{fill:var(--playlist-wave-fill);stroke:var(--playlist-wave-stroke);stroke-width:.35px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px var(--playlist-wave-shadow))}.clip-mini-note{background:linear-gradient(180deg, var(--playlist-mini-note-top) 0%, var(--playlist-mini-note-bottom) 100%);height:4px;box-shadow:0 0 5px var(--playlist-mini-note-glow), inset 0 1px 0 var(--playlist-mini-note-highlight);opacity:.82;pointer-events:none;border-radius:2px;position:absolute;transform:translateY(-50%)}.clip-label{z-index:1;background:var(--playlist-clip-label-bg);border-radius:3px;padding:0 2px;position:relative}.clip-resize-handle{cursor:ew-resize;background:0 0;border:0;border-radius:2px;width:10px;position:absolute;top:2px;bottom:2px;right:2px}.clip-resize-handle-start{cursor:ew-resize;background:0 0;border:0;border-radius:2px;width:10px;position:absolute;top:2px;bottom:2px;left:2px}.clip-resize-handle:hover,.clip-resize-handle-start:hover{filter:brightness(1.08)}.clip.is-active{transform:translateY(-.5px)}.clip.is-audio{background:linear-gradient(180deg, var(--playlist-audio-clip-top) 0%, var(--playlist-audio-clip-bottom) 100%)}.mixer-root{background:var(--mixer-bg);width:100%;height:100%;box-shadow:none;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:8px;padding:8px;display:grid;position:relative}.mixer-left{border:1px solid var(--mixer-border);border-radius:var(--app-radius-lg);background:var(--mixer-track-area-bg);scrollbar-color:var(--scrollbar-thumb-bg) var(--scrollbar-track-bg);align-self:start;align-items:flex-start;gap:0;padding-bottom:0;display:flex;overflow:auto hidden}.mixer-left::-webkit-scrollbar{width:10px;height:10px}.mixer-left::-webkit-scrollbar-track{border:1px solid var(--scrollbar-track-border);background:var(--scrollbar-track-bg);box-shadow:none;border-radius:999px}.mixer-left::-webkit-scrollbar-thumb{border:2px solid var(--scrollbar-thumb-border);background:var(--scrollbar-thumb-bg);box-shadow:none;border-radius:999px}.mixer-track{border:0;border-right:1px solid var(--mixer-track-border);background:var(--mixer-track-bg);min-width:64px;max-width:64px;box-shadow:none;cursor:pointer;border-radius:0;grid-template-rows:auto auto auto;padding:8px 5px;display:grid}.mixer-track:first-child{border-radius:var(--app-radius-lg) 0 0 var(--app-radius-lg)}.mixer-track:last-child{border-radius:0 var(--app-radius-lg) var(--app-radius-lg) 0;border-right:0}.mixer-track.is-selected{border-color:var(--mixer-track-border);background:var(--mixer-track-selected-bg);box-shadow:inset 0 0 0 1px var(--mixer-track-selected-border)}.track-header{grid-template-columns:12px 1fr;align-items:center;gap:4px;margin-bottom:8px;display:grid}.track-led{appearance:none;border:1px solid var(--mixer-led-off-border);background:var(--mixer-led-off-bg);width:8px;min-width:0;height:8px;box-shadow:none;border-radius:50%;place-self:center;padding:0;display:block}.track-led.is-on{border-color:var(--mixer-led-on-border);background:var(--mixer-led-on-bg);box-shadow:inset 0 0 0 1px #3dd97614}.track-title{writing-mode:vertical-rl;letter-spacing:.45px;height:64px;color:var(--mixer-track-title-text);text-shadow:none;font-size:10px;font-weight:var(--mixer-track-title-font-weight);justify-self:end;transform:rotate(180deg)}.knob-group{grid-template-columns:1fr;gap:6px;margin-bottom:9px;display:grid}.knob-wrap{justify-items:center;gap:2px;display:grid;position:relative}.knob-wrap span{color:var(--mixer-knob-label-text);letter-spacing:.5px;font-size:8px}.knob-wrap>span:first-child{color:var(--mixer-knob-label-muted-text)}.mixer-knob{cursor:ns-resize;-webkit-user-select:none;user-select:none;appearance:none;outline:none;width:35px;height:35px}.mixer-knob::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid var(--mixer-knob-pointer);background:var(--mixer-knob-face-bg);border-radius:2px;width:6px;height:14px}.mixer-knob::-moz-range-thumb{border:1px solid var(--mixer-knob-pointer);background:var(--mixer-knob-face-bg);border-radius:2px;width:6px;height:14px}.fader-block{grid-template-columns:minmax(0,1fr) 7px;align-items:end;gap:4px;display:grid}.fader-groove{border:1px solid var(--fader-groove-border);background:var(--fader-groove-bg);width:28px;height:194px;box-shadow:var(--fader-groove-shadow);border-radius:12px;justify-content:center;justify-self:center;align-items:center;display:flex}.fader-slider{cursor:ns-resize;touch-action:none;width:24px;height:176px;position:relative}.fader-track{background:var(--fader-track-bg);width:4px;box-shadow:var(--fader-track-shadow);border-radius:999px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.fader-fill{background:var(--fader-fill-bg);pointer-events:none;border-radius:999px;width:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.fader-thumb{border:1px solid var(--fader-thumb-border);background:var(--fader-thumb-bg);width:22px;height:14px;box-shadow:none;pointer-events:none;border-radius:5px;position:absolute;left:50%;transform:translate(-50%)}.fader-thumb:after{content:"";background:var(--fader-fill-bg);border-radius:999px;height:2px;position:absolute;top:50%;left:6px;right:6px;transform:translateY(-50%)}.fader-slider:hover .fader-thumb{background:var(--fader-thumb-hover-bg);border-color:var(--fader-thumb-hover-border)}.fader-slider:active .fader-thumb{background:var(--fader-thumb-active-bg);border-color:var(--fader-thumb-active-border)}.meter-column{border:1px solid var(--mixer-meter-border);background:var(--mixer-meter-bg);width:7px;height:194px;box-shadow:none;border-radius:999px;grid-template-rows:repeat(14,1fr);gap:1px;padding:1px;display:grid}.meter-seg{background:var(--mixer-meter-seg-bg);border-radius:999px}.meter-seg.is-on{background:var(--mixer-meter-seg-on-bg);box-shadow:none}.meter-seg.is-on:nth-child(-n+3){background:var(--mixer-meter-seg-warning-bg)}.meter-seg.is-on:nth-child(-n+1){background:var(--mixer-meter-seg-danger-bg)}.mixer-right{border:1px solid var(--mixer-right-border);border-radius:var(--app-radius-lg);background:var(--mixer-right-bg);box-shadow:none;grid-template-rows:auto 1fr auto;align-self:start;gap:8px;padding:8px;display:grid}.mixer-right-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.mixer-value-readout{border:1px solid var(--mixer-value-readout-border);border-radius:var(--app-radius-sm);background:var(--mixer-value-readout-bg);width:fit-content;max-width:calc(100% - 20px);min-height:20px;color:var(--mixer-value-readout-text);letter-spacing:.3px;box-shadow:none;opacity:0;pointer-events:none;padding:2px 7px;font-size:11px;transition:opacity .12s,transform .12s;position:absolute;bottom:8px;left:10px;transform:translateY(2px)}.mixer-value-readout.is-visible{opacity:1;transform:translateY(0)}.fx-header{color:var(--app-accent);letter-spacing:.5px;font-size:12px}.mixer-track-add{border:1px solid var(--mixer-add-insert-btn-border);border-radius:var(--app-radius-sm);height:24px;color:var(--mixer-add-insert-btn-text);background:var(--mixer-add-insert-btn-bg);cursor:pointer;box-shadow:none;text-shadow:none;padding:0 8px;font-size:11px;font-weight:600}.mixer-track-add:hover{filter:none;border-color:var(--mixer-add-insert-btn-hover-border);background:var(--mixer-add-insert-btn-hover-bg);transform:none}.fx-list{grid-template-rows:repeat(10,minmax(0,1fr));gap:5px;display:grid}.fx-row{border:1px solid var(--mixer-fx-row-border);border-radius:var(--app-radius-sm);background:var(--mixer-fx-row-bg);height:30px;box-shadow:none;cursor:pointer;grid-template-columns:26px 1fr 18px;align-items:center;gap:7px;padding:0 6px;display:grid}.fx-row.is-selected{border-color:var(--mixer-fx-row-selected-border);background:var(--mixer-fx-row-selected-bg);box-shadow:none}.fx-row.is-drop-target{border-color:var(--app-info);background:#5ac8ff14;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #5ac8ff59,0 0 14px #5ac8ff3d}.fx-power{border:1px solid var(--mixer-fx-power-off-border);width:20px;height:20px;color:var(--mixer-fx-power-off-text);background:var(--mixer-fx-power-off-bg);box-shadow:none;border-radius:50%;justify-content:center;align-items:center;transition:filter .12s,box-shadow .12s,border-color .12s;display:inline-flex}.fx-power:hover{filter:brightness(1.12)}.fx-power.is-on{color:var(--mixer-fx-power-on-text);border-color:var(--mixer-fx-power-on-border);background:var(--mixer-fx-power-on-bg);box-shadow:none}.fx-power:not(.is-on):not(.is-disabled){border-color:var(--mixer-fx-power-off-border);color:var(--mixer-fx-power-off-text);background:var(--mixer-fx-power-off-bg);box-shadow:none}.fx-power.is-disabled{opacity:.5;border-color:var(--mixer-fx-power-off-border);color:var(--mixer-fx-power-off-text);background:var(--mixer-fx-power-off-bg);box-shadow:none}.fx-name{color:var(--mixer-fx-name-text);font-size:11px}.fx-arrow{color:var(--mixer-fx-arrow-text)}.fx-clear{width:18px;height:18px;color:var(--mixer-fx-clear-text);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;transition:color .12s,background-color .12s,box-shadow .12s;display:inline-flex;transform:translate(-2px)}.fx-clear-glyph{letter-spacing:-.2px;font-size:14px;font-weight:700;line-height:1}.fx-clear:hover{color:var(--mixer-fx-clear-hover-text);background:var(--mixer-fx-clear-hover-bg)}.fx-clear.is-armed{color:var(--mixer-fx-clear-armed-text);background:var(--mixer-fx-clear-armed-bg);box-shadow:0 0 0 1px var(--mixer-fx-clear-armed-outline), 0 0 10px var(--mixer-fx-clear-armed-glow)}@media (width<=1100px){.mixer-root{grid-template-columns:1fr}.mixer-right{min-height:260px}}.fx-plugin-panel{border:1px solid var(--fx-panel-border);border-radius:var(--fx-radius-lg);background:var(--fx-panel-bg);box-shadow:none;gap:8px;padding:8px;display:grid}.fx-window-panel{box-sizing:border-box;height:100%;min-height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.fx-plugin-fit-host{width:100%;height:100%}.fx-plugin-header-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.fx-plugin-title{color:var(--fx-title-text);letter-spacing:.4px;font-size:12px;font-weight:600}.fx-plugin-action{border:1px solid var(--fx-action-border);border-radius:var(--fx-radius-sm);background:var(--fx-action-bg);color:var(--fx-action-text);cursor:pointer;height:24px;box-shadow:none;text-shadow:none;padding:0 8px;font-size:10px;font-weight:600}.fx-plugin-action:hover{filter:none;border-color:var(--app-border-strong);background:#172029;transform:none}.fx-plugin-actions-row{align-items:center;gap:6px;display:inline-flex}.fx-empty-slot{border:var(--fx-empty-slot-border-width) var(--fx-empty-slot-border-style) var(--fx-empty-slot-border);border-radius:var(--fx-empty-slot-radius);background:var(--fx-empty-slot-bg);height:100%;min-height:128px;color:var(--fx-empty-slot-text);place-content:center;justify-items:center;gap:10px;font-size:11px;display:grid}.fx-empty-slot.is-drop-target{border-style:solid;border-width:1px;border-color:var(--fx-empty-slot-drop-target-border);background:var(--fx-empty-slot-drop-target-bg);box-shadow:var(--fx-empty-slot-drop-target-shadow)}.fx-empty-slot p{text-align:center;margin:0}.fx-proq-shell{box-sizing:border-box;height:100%;padding:var(--fx-window-padding);gap:var(--fx-proq-readouts-gap);background:var(--fx-window-bg);display:grid}.fx-proq-graph-wrap{border:1px solid var(--app-border);border-radius:var(--fx-radius-lg);background:var(--fx-proq-graph-bg);height:206px;overflow:hidden;box-shadow:inset 0 0 18px #000000b3,inset 0 1px #ffffff0f}.fx-proq-graph{width:100%;height:100%}.fx-proq-grid-line{stroke:var(--fx-proq-grid-line);stroke-width:1px}.fx-proq-frequency-label{fill:var(--fx-proq-freq-label);letter-spacing:.2px;pointer-events:none;font-size:8px}.fx-proq-spectrum-fill{fill:var(--fx-proq-spectrum-fill)}.fx-proq-spectrum-line{fill:none;stroke:var(--fx-proq-spectrum-line);stroke-width:1.15px;filter:drop-shadow(0 0 3px #4ba8ff59)}.fx-proq-curve{fill:none;stroke:var(--fx-proq-curve);stroke-width:2.1px;filter:drop-shadow(0 0 6px #f9b73973)}.fx-proq-point{cursor:grab}.fx-proq-point:active{cursor:grabbing}.fx-proq-point-core{fill:var(--fx-proq-point-core);stroke:var(--fx-proq-point-core-stroke);stroke-width:1.4px;filter:drop-shadow(0 0 6px #83a6de66)}.fx-proq-point-ring{fill:none;stroke:var(--fx-proq-point-ring);stroke-width:1px}.fx-proq-point-index{fill:var(--fx-proq-point-index);letter-spacing:.2px;pointer-events:none;font-size:10px;font-weight:700}.fx-proq-point.is-active .fx-proq-point-core{fill:var(--fx-proq-point-active-core);stroke:var(--fx-proq-point-active-stroke);filter:drop-shadow(0 0 8px #f9b73985)}.fx-proq-point.is-active .fx-proq-point-ring{stroke:#fac15c8f}.fx-proq-readouts{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;display:grid}.fx-proq-readout{border:1px solid var(--fx-proq-readout-border);border-radius:var(--fx-radius-sm);background:var(--fx-proq-readout-bg);align-content:start;justify-items:center;gap:4px;padding:4px 3px;display:grid}.fx-proq-readout span,.fx-proq-readout strong,.fx-proq-readout em,.fx-proq-readout small{justify-content:center;align-items:center;height:14px;line-height:14px;display:flex}.fx-proq-readout span{color:var(--fx-proq-readout-label);font-size:10px}.fx-proq-readout strong{color:var(--fx-proq-readout-value);font-size:10px;font-weight:700}.fx-proq-readout em{color:var(--fx-proq-readout-accent);font-size:10px;font-style:normal;font-weight:600}.fx-proq-shape{color:var(--fx-proq-readout-shape);font-size:10px;font-weight:700;line-height:1}.fx-proq-readout strong,.fx-proq-readout em,.fx-proq-shape{box-sizing:border-box;border-radius:var(--fx-radius-sm);border:1px solid #0000;justify-content:center;align-items:center;width:100%;min-height:18px;margin:0;display:flex}.fx-proq-editable{cursor:text;-webkit-user-select:none;user-select:none}.fx-proq-inline-input{box-sizing:border-box;border:1px solid var(--fx-proq-input-border);border-radius:var(--fx-radius-sm);background:var(--fx-proq-input-bg);width:100%;height:18px;color:var(--fx-proq-input-text);text-align:center;outline:none;margin:0;padding:0 4px;font-size:10px;font-weight:600}.fx-proq-inline-input:focus{border-color:var(--fx-proq-input-focus-border);box-shadow:0 0 0 2px var(--app-accent-soft)}.fx-proq-band-type-wrap{width:100%;position:relative}.fx-proq-band-type-wrap .rack-modern-select-trigger{border:1px solid var(--fx-proq-band-border);border-radius:var(--fx-radius-sm);background:var(--fx-proq-band-bg);width:100%;height:19px;color:var(--fx-proq-band-text);cursor:pointer;outline:none;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:600;transition:border-color .12s,background-color .12s;display:flex}.fx-proq-band-type-wrap .rack-modern-select-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fx-proq-band-type-wrap .rack-modern-select-trigger:hover{border-color:var(--fx-proq-band-hover-border);background:var(--fx-proq-band-hover-bg)}.fx-proq-band-type-wrap .rack-modern-select-trigger:focus-visible{box-shadow:var(--fx-proq-band-focus-shadow);outline:none}.fx-proq-band-type-dropdown{border:1px solid var(--fx-proq-band-dropdown-border);border-radius:var(--fx-radius-md);background:var(--fx-proq-band-dropdown-bg);color:var(--fx-proq-band-option-text);box-shadow:var(--fx-proq-band-dropdown-shadow);flex-direction:column;gap:2px;padding:4px;display:flex;width:auto!important;min-width:0!important;max-width:none!important}.fx-proq-band-type-dropdown .rack-modern-select-option{border-radius:var(--fx-radius-sm);width:100%;min-width:0;color:var(--fx-proq-band-option-text);white-space:nowrap;text-align:left;cursor:pointer;background:0 0;border:0;padding:3px 8px;font-size:12px}.fx-proq-band-type-dropdown .rack-modern-select-option:hover{color:var(--fx-proq-band-option-hover-text);background:var(--fx-proq-band-option-hover-bg)}.fx-proq-band-type-dropdown .rack-modern-select-option.is-active{color:var(--fx-proq-band-option-active-text);background:var(--fx-proq-band-option-active-bg);box-shadow:none}.fx-proq-readout.is-active{border-color:var(--app-accent);box-shadow:inset 0 1px #ffffff14,0 0 0 1px #3dd9765c,0 0 10px #3dd9763d}.eq-mini-panel{grid-template-columns:1fr 56px;align-items:end;gap:6px;display:grid}.eq-screen{border:1px solid var(--fx-eq-screen-border);border-radius:var(--fx-radius-md);background:var(--fx-eq-screen-bg);height:74px;position:relative;overflow:hidden;box-shadow:inset 0 0 12px #000000d9,inset 0 1px #ffffff14}.eq-line{border-top:1px solid var(--fx-eq-line);position:absolute;top:50%;left:6px;right:6px}.eq-curve{border:2px solid var(--fx-eq-curve);filter:drop-shadow(0 0 4px #40beff8f);border-top-color:#0000;border-left-color:#0000;border-radius:999px;height:38px;position:absolute;top:18px;left:8px;right:8px;transform:rotate(-7deg)}.eq-tiny-faders{border:1px solid var(--fx-eq-screen-border);border-radius:var(--fx-radius-md);background:linear-gradient(#101825 0%,#0a111c 100%);grid-template-columns:repeat(3,1fr);align-items:end;gap:3px;height:74px;padding:4px 3px;display:grid}.eq-tiny-faders input{writing-mode:bt-lr;appearance:slider-vertical;width:10px;height:62px}.eq-tiny-faders input::-webkit-slider-thumb{-webkit-appearance:none;border-radius:var(--fx-radius-xs);background:linear-gradient(#f7f8fa 0%,#9ea7b5 100%);border:1px solid #9ea5b0;width:10px;height:8px}.fx-reverb-shell{box-sizing:border-box;height:100%;padding:var(--fx-window-padding);background:var(--fx-window-bg);gap:10px;display:grid}.fx-reverb-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.fx-reverb-control{border:1px solid var(--fx-reverb-control-border);border-radius:var(--fx-radius-lg);background:var(--fx-reverb-control-bg);justify-items:center;gap:6px;padding:8px;display:grid}.fx-reverb-control span{color:var(--fx-reverb-control-text);font-size:10px;font-weight:600}.fx-reverb-control.is-active{border-color:var(--fx-reverb-control-active-border);box-shadow:inset 0 1px #ffffff14,0 0 0 1px #f9b7395c,0 0 10px #f9b7393d}.fx-reverb-control strong{color:var(--fx-reverb-control-value);font-size:10px;font-weight:700}.fx-reverb-knob{cursor:ns-resize;background:0 0;border:0;border-radius:50%;width:58px;height:58px;padding:0;position:relative}.fx-reverb-knob-meter{width:58px;height:58px;position:absolute;inset:0;overflow:visible;transform:rotate(135deg)}.fx-reverb-knob-track,.fx-reverb-knob-fill{fill:none;stroke-width:6px}.fx-reverb-knob-track{stroke:var(--fx-reverb-knob-track)}.fx-reverb-knob-fill{stroke:var(--fx-reverb-knob-fill);stroke-linecap:butt}.fx-reverb-knob-face{border:2px solid var(--fx-reverb-knob-border);pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 2px 8px #000000a6,0 1px #ffffff14}.fx-reverb-knob-face:after{content:"";background:var(--fx-reverb-knob-face);border-radius:50%;position:absolute;inset:9px}.fx-reverb-value{border-radius:var(--fx-radius-sm);-webkit-user-select:none;user-select:none;cursor:text;border:1px solid #0000;justify-content:center;align-items:center;width:100%;min-height:20px;display:flex}.fx-reverb-inline-input{box-sizing:border-box;border:1px solid var(--app-border);border-radius:var(--fx-radius-sm);width:100%;height:20px;color:var(--app-text);text-align:center;background:#090d12;outline:none;padding:0 4px;font-size:10px;font-weight:600}.fx-maximizer-shell{box-sizing:border-box;height:100%;padding:var(--fx-window-padding);background:var(--fx-window-bg);gap:10px;display:grid}.fx-maximizer-graph-wrap{border:1px solid var(--app-border);border-radius:var(--fx-radius-lg);background:var(--fx-maximizer-graph-bg);overflow:hidden;box-shadow:inset 0 0 16px #000000b3,inset 0 1px #ffffff0f}.fx-maximizer-graph-header{color:var(--fx-maximizer-header-text);justify-content:space-between;align-items:center;padding:8px 10px 6px;font-size:11px;display:flex}.fx-maximizer-graph{width:100%;height:152px;display:block}.fx-max-center{stroke:var(--fx-maximizer-center-line);stroke-width:1px}.fx-max-wave-input{fill:none;stroke:var(--fx-maximizer-wave-input);stroke-width:1.6px;filter:drop-shadow(0 0 4px #38b2ff59)}.fx-max-wave-reduction{fill:none;stroke:var(--fx-maximizer-wave-reduction);stroke-width:2.2px;stroke-linecap:round;filter:drop-shadow(0 0 6px #61d2ff73)}.fx-max-transfer-line{fill:none;stroke:var(--fx-maximizer-transfer);stroke-width:1.8px;opacity:.9}.fx-maximizer-controls{grid-template-columns:1fr 150px;gap:10px;display:grid}.fx-max-mode-panel,.fx-max-limiter-panel,.fx-max-character-panel{border:1px solid var(--fx-maximizer-panel-border);border-radius:var(--fx-radius-lg);background:var(--fx-maximizer-panel-bg);gap:8px;padding:8px;display:grid}.fx-max-mode-panel h4,.fx-max-limiter-panel h4,.fx-max-character-panel h4{color:var(--fx-maximizer-panel-title);margin:0;font-size:11px;font-weight:700}.fx-max-character-panel h4{text-align:center}.fx-max-mode-list{gap:6px;display:grid}.fx-max-mode-btn{border:1px solid var(--fx-maximizer-mode-btn-border);border-radius:var(--fx-radius-sm);background:var(--fx-maximizer-mode-btn-bg);height:28px;color:var(--fx-maximizer-mode-btn-text);cursor:pointer;box-shadow:none;text-shadow:none;font-size:11px}.fx-max-mode-btn.is-active{border-color:var(--fx-maximizer-mode-btn-active-border);color:var(--fx-maximizer-mode-btn-active-text);box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #3dd97647,0 0 10px #3dd97638}.fx-max-true-peak{color:var(--fx-maximizer-true-peak-text);align-items:center;gap:8px;font-size:11px;display:inline-flex}.fx-max-limiter-meter{grid-template-columns:1fr 92px;align-items:end;gap:10px;display:grid}.fx-max-limiter-combined{border:1px solid var(--fx-maximizer-meter-border);border-radius:var(--fx-radius-sm);background:var(--fx-maximizer-meter-bg);grid-template-columns:repeat(4,1fr);align-items:end;gap:0;height:154px;padding:0;display:grid;position:relative;overflow:hidden}.fx-max-combined-cell{background:0 0;height:100%;position:relative;overflow:hidden}.fx-max-combined-cell+.fx-max-combined-cell{border-left:1px solid var(--fx-maximizer-meter-separator)}.fx-max-combined-fill{border-radius:0;min-height:0;position:absolute;bottom:0;left:0;right:0}.fx-max-combined-fill.is-volume{background:linear-gradient(180deg, var(--fx-maximizer-volume-fill), #18d6ff94)}.fx-max-combined-fill.is-reduction{background:linear-gradient(180deg, var(--fx-maximizer-reduction-fill), #ff4444b3);border-radius:0;min-height:0;top:0;bottom:auto}.fx-max-threshold-line,.fx-max-ceiling-line{z-index:5;pointer-events:none;border-radius:2px;height:3px;position:absolute;left:0;right:0}.fx-max-threshold-line{background:var(--fx-maximizer-threshold);box-shadow:0 0 5px #ff75758c}.fx-max-ceiling-line{background:var(--fx-maximizer-ceiling);box-shadow:0 0 5px #92d7ff8c}.fx-max-limiter-sliders{grid-template-columns:1fr 1fr;align-items:end;gap:6px;display:grid}.fx-max-vertical{appearance:slider-vertical;width:28px;height:154px;accent-color:var(--fx-maximizer-accent);margin:0 auto}.fx-max-limiter-readouts{color:var(--fx-maximizer-readout-text);gap:4px;font-size:11px;display:grid}.fx-max-character-vertical{appearance:slider-vertical;width:30px;height:176px;accent-color:var(--fx-maximizer-accent);margin:0 auto}.fx-max-character-scale{color:var(--fx-maximizer-readout-text);place-items:center;gap:8px;font-size:11px;display:grid}.fx-max-character-scale strong{color:var(--fx-maximizer-readout-value);text-align:center;min-width:52px;font-size:14px}.fx-max-character-slider{justify-items:center;display:grid}@media (width<=1100px){.fx-proq-readouts,.fx-reverb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-maximizer-controls{grid-template-columns:1fr}}.pattern-list-shell{border:1px solid var(--pattern-list-border);border-radius:var(--app-radius-lg);background:var(--pattern-list-bg);width:100%;height:100%;box-shadow:none;grid-template-rows:44px 1fr;display:grid;overflow:hidden}.pattern-list-header{border-bottom:1px solid var(--pattern-list-header-border);color:var(--pattern-list-header-text);background:var(--pattern-list-header-bg);letter-spacing:.4px;justify-content:space-between;align-items:center;padding:0 10px;font-size:13px;display:flex}.pattern-list-header button{border-radius:var(--app-radius-md);border:1px solid var(--pattern-list-add-btn-border);min-width:68px;height:26px;color:var(--pattern-list-add-btn-text);background:var(--pattern-list-add-btn-bg);box-shadow:none;text-shadow:none;cursor:pointer;font-size:12px;font-weight:600}.pattern-list-header button:hover{border-color:var(--pattern-list-add-btn-hover-border);background:var(--pattern-list-add-btn-hover-bg);filter:none;transform:none}.pattern-list-body{scrollbar-color:var(--scrollbar-thumb-bg) var(--scrollbar-track-bg);flex-direction:column;gap:8px;padding:8px;display:flex;overflow:auto}.pattern-list-body::-webkit-scrollbar{width:10px;height:10px}.pattern-list-body::-webkit-scrollbar-track{border:1px solid var(--scrollbar-track-border);background:var(--scrollbar-track-bg);box-shadow:none;border-radius:999px}.pattern-list-body::-webkit-scrollbar-thumb{border:2px solid var(--scrollbar-thumb-border);background:var(--scrollbar-thumb-bg);box-shadow:none;border-radius:999px}.pattern-list-row{border:1px solid var(--pattern-list-row-border);border-radius:var(--app-radius-sm);background:var(--pattern-list-row-bg);box-shadow:none;cursor:grab;gap:8px;padding:8px;display:grid}.pattern-list-row:active{cursor:grabbing}.pattern-list-row.is-active,.pattern-list-row.is-selected{border-color:var(--pattern-list-row-active-border);background:var(--pattern-list-row-active-bg);box-shadow:none}.pattern-list-row.is-dragging{opacity:.66;box-shadow:0 0 0 1px #7dcaff59}.pattern-list-row-top{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.pattern-list-color-label{appearance:none;border-radius:var(--app-radius-sm);background:var(--pattern-list-color-bg);cursor:pointer;border:0;justify-content:center;align-items:center;width:32px;height:28px;padding:0;display:inline-flex;position:relative;overflow:hidden}.pattern-list-color-chip{border:1px solid var(--pattern-list-color-chip-border);width:18px;height:18px;box-shadow:none;border-radius:5px}.pattern-list-color-wrap{justify-self:end;align-items:center;display:inline-flex;position:relative}.pattern-list-color-popover{border:1px solid var(--pattern-list-popover-border);border-radius:var(--app-radius-lg);background:var(--pattern-list-popover-bg);width:168px;color:var(--app-text);box-shadow:var(--app-shadow-soft);z-index:80;gap:8px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.pattern-list-sv{border-radius:var(--app-radius-sm);cursor:crosshair;background-image:linear-gradient(90deg,#fff,#fff0),linear-gradient(#0000,#000);border:1px solid #e8f2ff59;height:98px;position:relative}.pattern-list-sv-cursor{pointer-events:none;border:2px solid #f4f7ff;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000075}.pattern-list-hue{cursor:ew-resize;background:linear-gradient(90deg,#ff2c2c 0%,#ffd52d 17%,#4fff57 33%,#2dffe4 50%,#2d5eff 66%,#b52dff 83%,#ff2c2c 100%);border:1px solid #e8f2ff59;border-radius:999px;height:12px;position:relative}.pattern-list-hue-cursor{pointer-events:none;background:#0f1621db;border:2px solid #f4f7ff;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000085}.pattern-list-color-reset{border-radius:var(--app-radius-sm);border:1px solid var(--app-border);height:24px;color:var(--app-text-muted);box-shadow:none;text-shadow:none;cursor:pointer;background:#121820;font-size:11px}.pattern-list-color-reset:hover{border-color:var(--app-border-strong);filter:none;background:#172029;transform:none}.pattern-list-select{border-radius:var(--app-radius-md);border:1px solid var(--pattern-list-select-border);height:28px;color:var(--pattern-list-select-text);background:var(--pattern-list-select-bg);box-shadow:none;cursor:pointer;font-size:12px}.pattern-list-row.is-active .pattern-list-select{color:#0d1a12;background:var(--app-accent);box-shadow:none;border-color:#3dd9766b}.pattern-list-name{border-radius:var(--app-radius-md);border:1px solid var(--pattern-list-name-border);height:28px;color:var(--pattern-list-name-text);background:var(--pattern-list-name-bg);box-shadow:none;padding:0 8px;font-size:12px}.pattern-list-name:focus{border-color:var(--app-accent);box-shadow:0 0 0 2px var(--app-accent-soft);outline:none}.pattern-list-meta{color:var(--pattern-list-meta-text);justify-content:space-between;align-items:center;font-size:11px;display:flex}.render-window-shell{border-radius:var(--app-radius-lg);background:var(--render-bg);height:100%;box-shadow:none;border:0;flex-direction:column;gap:10px;padding:8px;display:flex}.render-window-row{flex-direction:column;gap:6px;display:flex}.render-window-label{color:var(--render-label-text);letter-spacing:.25px;text-transform:uppercase;font-size:11px}.render-window-input{border-radius:var(--app-radius-md);border:1px solid var(--render-input-border);background:var(--render-input-bg);height:34px;color:var(--render-input-text);box-shadow:none;padding:0 10px}.render-window-input:hover{border-color:var(--render-input-hover-border)}.render-window-input:focus{border-color:var(--render-input-focus-border);outline:none;box-shadow:0 0 0 1px #3dd97659}.render-select-menu{position:relative}.render-select-trigger{border-radius:var(--app-radius-md);border:1px solid var(--render-input-border);background:var(--render-input-bg);width:100%;height:34px;color:var(--render-input-text);cursor:pointer;justify-content:space-between;align-items:center;padding:0 10px;display:flex}.render-select-trigger:hover{border-color:var(--render-input-hover-border)}.render-select-trigger.is-open{border-color:var(--render-input-focus-border);box-shadow:0 0 0 1px #3dd97659}.render-select-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.render-select-caret{border-right:2px solid var(--app-accent);border-bottom:2px solid var(--app-accent);flex:none;width:10px;height:10px;transform:rotate(45deg)translateY(-1px)}.render-select-dropdown{z-index:40;border:1px solid var(--app-border-strong);border-radius:var(--app-radius-md);box-shadow:var(--app-shadow-soft);background:#0d1319;gap:2px;max-height:200px;padding:4px;display:grid;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.render-select-dropdown.is-upward{top:auto;bottom:calc(100% + 4px)}.render-select-option{border-radius:var(--app-radius-sm);height:28px;color:var(--render-select-option-text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;padding:0 8px}.render-select-option:hover{background:var(--render-select-option-hover-bg);color:var(--app-text)}.render-select-option.is-active{background:var(--render-select-option-checked-bg);color:var(--render-select-option-checked-text)}.render-window-actions{margin-top:6px}.render-window-button{border:1px solid var(--render-btn-border);border-radius:var(--app-radius-md);width:100%;height:36px;color:var(--render-btn-text);letter-spacing:.25px;background:var(--render-btn-bg);box-shadow:none;text-shadow:none;cursor:pointer}.render-window-button:hover{filter:none;background:#7cffad;border-color:#3dd9769e;transform:none}.render-window-button:disabled{opacity:.55;cursor:not-allowed}.render-window-status,.render-window-error{margin:2px 0 0;font-size:12px}.render-window-status{color:var(--render-status-text)}.render-window-error{color:var(--render-error-text)}.auth-dialog-overlay{background:var(--window-backdrop);-webkit-backdrop-filter:blur(8px);z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-dialog{border:1px solid var(--auth-dialog-border);border-radius:var(--app-radius-lg);width:360px;max-width:90vw;color:var(--auth-dialog-text);background:var(--auth-dialog-bg);box-shadow:var(--app-shadow);padding:0;font-family:Rajdhani,Segoe UI,sans-serif;overflow:hidden}.auth-dialog-header{border-bottom:1px solid var(--auth-header-border);background:var(--auth-header-bg);justify-content:space-between;align-items:center;height:40px;padding:0 16px;font-weight:700;display:flex}.auth-dialog-header h3{color:var(--auth-header-text);letter-spacing:.4px;margin:0;font-size:15px;font-weight:700}.auth-dialog-close{border-radius:var(--auth-close-radius);border:1px solid var(--auth-close-border);width:22px;height:22px;color:var(--auth-close-text);background:var(--auth-close-bg);box-shadow:none;cursor:pointer;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;transition:color .12s,border-color .12s,background-color .12s;display:inline-flex}.auth-dialog-close:hover{color:var(--auth-close-hover-text);border-color:var(--auth-close-hover-border);background:var(--auth-close-hover-bg)}.auth-dialog-form{flex-direction:column;gap:12px;padding:16px;display:flex}.auth-dialog-error{color:var(--auth-error-text);border-radius:var(--app-radius-sm);background:var(--auth-error-bg);border:1px solid var(--auth-error-border);letter-spacing:.2px;padding:8px 10px;font-size:12px}.auth-dialog-field{flex-direction:column;gap:5px;display:flex}.auth-dialog-field span{color:var(--app-text-muted);letter-spacing:.25px;font-size:12px;font-weight:500}.auth-dialog-field input{border-radius:var(--app-radius-md);border:1px solid var(--auth-input-border);background:var(--auth-input-bg);height:36px;color:var(--auth-input-text);box-shadow:none;outline:none;padding:0 12px;font-family:Rajdhani,Segoe UI,sans-serif;font-size:13px;transition:border-color .12s,box-shadow .12s}.auth-dialog-field input::placeholder{color:var(--auth-input-placeholder)}.auth-dialog-field input:hover{border-color:var(--auth-input-hover-border)}.auth-dialog-field input:focus{border-color:var(--auth-input-focus-border);box-shadow:0 0 0 2px var(--app-accent-soft)}.auth-dialog-field input:-webkit-autofill{-webkit-text-fill-color:var(--auth-input-text);-webkit-box-shadow:0 0 0 1000px var(--auth-input-bg) inset;box-shadow:0 0 0 1000px var(--auth-input-bg) inset;transition:background-color 5000s ease-in-out}.auth-dialog-field input:-webkit-autofill:hover{-webkit-text-fill-color:var(--auth-input-text);-webkit-box-shadow:0 0 0 1000px var(--auth-input-bg) inset;box-shadow:0 0 0 1000px var(--auth-input-bg) inset;transition:background-color 5000s ease-in-out}.auth-dialog-field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--auth-input-text);-webkit-box-shadow:0 0 0 1000px var(--auth-input-bg) inset;box-shadow:0 0 0 1000px var(--auth-input-bg) inset;transition:background-color 5000s ease-in-out}.auth-dialog-submit{border:1px solid var(--auth-submit-border);border-radius:var(--app-radius-md);width:100%;height:36px;color:var(--auth-submit-text);letter-spacing:.25px;background:var(--auth-submit-bg);cursor:pointer;box-shadow:none;margin-top:4px;font-family:Rajdhani,Segoe UI,sans-serif;font-size:13px;font-weight:600;transition:transform .12s,filter .12s,border-color .12s}.auth-dialog-submit:hover{filter:brightness(1.05);transform:translateY(-1px)}.auth-dialog-submit:active{transform:translateY(0)}.auth-dialog-submit:disabled{opacity:.55;cursor:not-allowed;filter:none;transform:none}.auth-dialog-remember{cursor:pointer;align-items:center;gap:8px;margin-top:-4px;display:flex}.auth-dialog-remember input[type=checkbox]{appearance:none;border:1px solid var(--auth-checkbox-border);background:var(--auth-checkbox-bg);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:border-color .12s,box-shadow .12s;display:flex}.auth-dialog-remember input[type=checkbox]:hover{border-color:var(--app-border-strong)}.auth-dialog-remember input[type=checkbox]:checked{border-color:var(--app-accent-strong);background:var(--auth-checkbox-checked-bg)}.auth-dialog-remember input[type=checkbox]:checked:after{content:"";border-left:2px solid var(--auth-submit-text);border-bottom:2px solid var(--auth-submit-text);width:8px;height:5px;display:block;transform:rotate(-55deg)translateY(-1px)}.auth-dialog-remember span{color:var(--app-text-muted);letter-spacing:.25px;-webkit-user-select:none;user-select:none;font-size:12px}.auth-dialog-toggle{cursor:pointer;align-items:center;gap:10px;margin-top:-2px;display:flex}.auth-dialog-toggle input[type=checkbox]{appearance:none;border:1px solid var(--auth-checkbox-border);background:var(--auth-checkbox-bg);cursor:pointer;width:30px;height:18px;box-shadow:none;border-radius:999px;flex-shrink:0;transition:border-color .12s,background .12s,box-shadow .12s;position:relative}.auth-dialog-toggle input[type=checkbox]:after{content:"";background:var(--app-text-muted);width:11px;height:11px;box-shadow:none;border-radius:50%;transition:transform .12s,background .12s;position:absolute;top:2px;left:2px}.auth-dialog-toggle input[type=checkbox]:hover{border-color:var(--app-border-strong)}.auth-dialog-toggle input[type=checkbox]:checked{border-color:var(--app-accent-strong);background:var(--app-accent)}.auth-dialog-toggle input[type=checkbox]:checked:after{background:var(--app-text);transform:translate(13px)}.auth-dialog-toggle input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.auth-dialog-toggle span{color:var(--app-text-muted);letter-spacing:.25px;-webkit-user-select:none;user-select:none;font-size:12px}.auth-dialog-footer{text-align:center;color:var(--auth-footer-text);letter-spacing:.2px;padding:0 16px 16px;font-size:12px}.auth-confirm-overlay{background:var(--window-backdrop);-webkit-backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.auth-confirm-dialog{border:1px solid var(--auth-dialog-border);border-radius:var(--app-radius-lg);background:var(--auth-dialog-bg);width:100%;max-width:320px;box-shadow:var(--app-shadow);padding:16px}.auth-confirm-dialog h4{color:var(--auth-dialog-text);letter-spacing:.3px;margin:0 0 8px;font-size:15px;font-weight:600}.auth-confirm-dialog p{color:var(--app-text-muted);margin:0;font-size:13px;line-height:1.4}.auth-confirm-actions{gap:10px;margin-top:14px;display:flex}.auth-confirm-btn{margin-top:0}.auth-confirm-secondary{border:1px solid var(--app-border);border-radius:var(--app-radius-sm);height:36px;color:var(--app-text);letter-spacing:.25px;background:var(--app-bg);cursor:pointer;flex:1;font-family:Rajdhani,Segoe UI,sans-serif;font-size:13px;font-weight:600;transition:transform .12s,filter .12s,border-color .12s}.auth-confirm-secondary:hover{border-color:var(--app-border-strong);filter:brightness(1.04);transform:translateY(-1px)}.auth-confirm-secondary:active{transform:translateY(0)}.auth-confirm-secondary:disabled{opacity:.55;cursor:not-allowed;filter:none;transform:none}.auth-dialog-link{color:var(--auth-link-text);cursor:pointer;letter-spacing:.2px;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:Rajdhani,Segoe UI,sans-serif;font-size:12px;font-weight:600;text-decoration:underline;transition:color .12s}.auth-dialog-link:hover{color:var(--auth-link-hover-text)}.user-menu{position:relative}.load-project-window-overlay{background:var(--window-backdrop);-webkit-backdrop-filter:blur(8px);z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.load-project-window-shell{border:1px solid var(--load-project-window-border);border-radius:var(--app-radius-lg);width:520px;max-width:90vw;height:560px;max-height:90vh;color:var(--load-project-window-header-text);background:var(--load-project-window-bg);box-shadow:var(--app-shadow);flex-direction:column;padding:0;font-family:Rajdhani,Segoe UI,sans-serif;display:flex;overflow:hidden}.load-project-window-header{border-bottom:1px solid var(--load-project-window-header-border);background:var(--load-project-window-header-bg);flex-shrink:0;justify-content:space-between;align-items:center;height:40px;padding:0 16px;display:flex}.load-project-window-header h3{color:var(--load-project-window-header-text);letter-spacing:.4px;margin:0;font-size:15px;font-weight:700}.load-project-window-body{flex:1;min-height:0;display:flex;overflow:hidden}.load-project-window-sidebar{border-right:1px solid var(--load-project-window-sidebar-border);background:var(--load-project-window-sidebar-bg);flex-direction:column;flex-shrink:0;gap:4px;width:130px;padding:12px;display:flex}.load-project-window-sidebar-item{border-radius:var(--load-project-window-sidebar-item-radius);color:var(--load-project-window-sidebar-item-text);cursor:pointer;text-align:left;letter-spacing:.2px;background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:flex}.load-project-window-sidebar-item:hover{border-radius:var(--load-project-window-sidebar-item-radius);background:var(--load-project-window-sidebar-item-hover-bg);color:var(--load-project-window-sidebar-item-hover-text)}.load-project-window-sidebar-item.is-active{background:var(--load-project-window-sidebar-item-active-bg);border-color:var(--load-project-window-sidebar-item-active-border);color:var(--load-project-window-sidebar-item-active-text)}.load-project-window-center{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.load-project-window-search-bar{border:1px solid var(--load-project-window-search-border);border-radius:var(--load-project-window-search-radius);background:var(--load-project-window-search-bg);height:32px;box-shadow:none;color:var(--load-project-window-search-text);align-items:center;gap:8px;margin:12px 12px 8px;padding:0 10px;display:flex}.load-project-window-search-bar input{color:var(--load-project-window-search-input-text);background:0 0;border:0;outline:none;flex:1;font-family:inherit;font-size:12px}.load-project-window-search-bar input::placeholder{color:var(--load-project-window-search-placeholder)}.load-project-window-table-wrapper{border:1px solid var(--load-project-window-table-wrapper-border);border-radius:var(--load-project-window-table-wrapper-radius);flex-direction:column;flex:1;min-height:0;margin:0 12px;display:flex;overflow:hidden}.load-project-window-table-header{border-bottom:1px solid var(--load-project-window-table-header-border);background:var(--load-project-window-table-header-bg);flex-shrink:0;align-items:center;gap:8px;height:30px;padding:0 10px;display:flex}.load-project-window-table-header-cell{color:var(--load-project-window-table-header-text);letter-spacing:.3px;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-family:inherit;font-size:11px;font-weight:600;transition:color .12s;display:flex}.load-project-window-table-header-cell:hover{color:var(--app-text)}.load-project-window-table-header-cell.is-active{color:var(--load-project-window-table-header-active-text)}.load-project-window-table-header-cell:first-child{flex:1}.load-project-window-table-header-cell:nth-child(2){justify-content:center;width:80px}.load-project-window-table-header-cell:nth-child(3){justify-content:flex-end;width:150px}.load-project-window-sort-icon{opacity:.5;transition:opacity .12s,transform .12s}.load-project-window-table-header-cell.is-active .load-project-window-sort-icon{opacity:1}.load-project-window-table-body{flex:1;height:400px;min-height:0;overflow-y:auto}.load-project-window-empty{text-align:center;color:var(--load-project-window-empty-text);padding:24px;font-size:13px}.load-project-window-table-row{cursor:pointer;border-bottom:1px solid var(--load-project-window-table-wrapper-border);align-items:center;gap:8px;height:36px;padding:0 10px;transition:background .12s;display:flex}.load-project-window-table-row:last-child{border-bottom:0}.load-project-window-table-row:hover{background:var(--load-project-window-table-row-hover-bg)}.load-project-window-table-row.is-selected{background:var(--load-project-window-table-row-selected-bg)}.load-project-window-table-cell{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.load-project-window-table-cell.name{color:var(--load-project-window-table-cell-name-text);flex:1;font-weight:500}.load-project-window-table-cell.bpm{width:80px;color:var(--load-project-window-table-cell-bpm-text);justify-content:center;align-items:center;padding-left:6px;display:flex}.load-project-window-table-cell.date{text-align:right;width:150px;color:var(--load-project-window-table-cell-date-text)}.load-project-window-table-footer{border-top:1px solid var(--load-project-window-table-footer-border);background:var(--load-project-window-table-footer-bg);flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.load-project-window-count{color:var(--load-project-window-count-text);font-size:11px;font-weight:500}.load-project-window-actions-bar{border-top:1px solid var(--load-project-window-action-bar-border);background:var(--load-project-window-action-bar-bg);flex-shrink:0;gap:10px;padding:12px 16px;display:flex}.load-project-window-action-btn{border:1px solid var(--load-project-window-action-btn-border);border-radius:var(--app-radius-sm);height:34px;color:var(--load-project-window-action-btn-text);letter-spacing:.25px;cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;font-family:Rajdhani,Segoe UI,sans-serif;font-size:13px;font-weight:600;transition:transform .12s,filter .12s;display:flex}.load-project-window-action-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.load-project-window-action-btn:active{transform:translateY(0)}.load-project-window-action-btn:disabled{opacity:.55;cursor:not-allowed;filter:none;transform:none}.load-project-window-action-btn.primary{background:var(--load-project-window-action-btn-bg)}.load-project-window-action-btn.danger{color:var(--load-project-window-action-btn-danger-text);background:var(--load-project-window-action-btn-danger-bg);border-color:var(--load-project-window-action-btn-danger-border)}:root{--app-bg:#07090c;--app-surface:#11171d;--app-text:#edf2ee;--app-text-muted:#9aa5ad;--app-text-faint:#606b73;--app-border:#a3b2be0d;--app-border-strong:#a3b2be13;--app-accent:#30ff7cbf;--app-accent-strong:#30ff7cbf;--app-accent-mid:#30ff7c80;--app-accent-soft:#3dd9761f;--app-accent-text:#061208;--slider-accent:var(--app-accent);--slider-track-bg:#0a0f14;--slider-track-border:#a3b2be17;--slider-thumb-bg:#131b22;--slider-thumb-border:#a3b2be38;--slider-thumb-hover-bg:#172029;--slider-thumb-active-bg:#1b2630;--slider-thumb-hover-border:#30ff7c6b;--slider-thumb-indicator:var(--slider-accent);--app-danger:#f26d78;--app-danger-text:#ffe1e5;--app-danger-bg:#521c23db;--app-warning:#d7a94b;--app-info:#5ac8ff;--font-main:"Rajdhani", "Segoe UI", sans-serif;--font-mono:"Share Tech Mono", Consolas, monospace;--digits:3;--app-radius-lg:8px;--app-radius-md:6px;--app-radius-sm:4px;--app-shadow:0 10px 28px #00000052;--app-shadow-soft:0 4px 14px #00000038;--toggle-bg:var(--app-border);--toggle-border:var(--app-border);--toggle-border-radius:6px;--piano-snap-trigger-bg:#111820;--toggle-btn-bg:#0f151b;--toggle-btn-text:var(--app-text);--toggle-btn-hover-bg:#172029;--toggle-btn-active-bg:var(--app-accent);--toggle-btn-active-text:#061208;--titlebar-bg:#080b0f;--titlebar-border:var(--app-border);--titlebar-text:#edf2ee;--titlebar-text-faint:#606b73;--titlebar-btn-bg:#11171d;--titlebar-btn-border:var(--app-border);--titlebar-btn-text:#9aa5ad;--titlebar-btn-radius:5px;--titlebar-btn-hover-bg:#172029;--titlebar-btn-hover-border:var(--app-border-strong);--titlebar-btn-hover-text:var(--app-text);--titlebar-close-bg:var(--app-surface);--titlebar-close-border:var(--app-border);--titlebar-close-text:var(--app-text-muted);--titlebar-close-hover-text:#ffdfe2;--titlebar-close-hover-border:var(--app-border-strong);--titlebar-close-hover-bg:#172029;--transport-bg:#0b0f14;--transport-border:var(--app-border);--transport-btn-bg:#121820;--transport-btn-border:var(--app-border);--transport-btn-text:#edf2ee;--transport-btn-hover-bg:#172029;--transport-btn-hover-border:var(--app-border-strong);--transport-btn-active-bg:var(--app-accent);--transport-btn-active-border:#3dd9766b;--transport-btn-active-text:#061208;--transport-bpm-bg:#090d12;--transport-bpm-border:var(--app-border);--transport-bpm-text:#edf2ee;--transport-rec-text:#ff9aa3;--transport-rec-border:#f26d786b;--transport-shadow:0 8px 18px #0000003d;--transport-input-shadow:inset 0 0 0 1px #ffffff0f, inset 0 -2px 5px #0000008c;--transport-rec-shadow:inset 0 0 10px #ff5b5b52, inset 0 1px 0 #ffffff29, 0 0 12px #ff414138;--workspace-bg:#0a0f14;--workspace-border:var(--app-border);--workspace-grid:#96a6b207;--workspace-highlight:#ffffff06;--workspace-overlay-bg:repeating-linear-gradient(to right, #ffffff06 0, #ffffff06 1px, transparent 1px, transparent 48px), repeating-linear-gradient(to bottom, #ffffff06 0, #ffffff06 1px, transparent 1px, transparent 48px), radial-gradient(ellipse 80% 50% at 50% 100%, #00e6761a 0%, transparent 70%), #0b0f14;--window-bg:#0c1116;--window-border:var(--app-border-strong);--window-title-bg:#10161c;--window-title-border:var(--app-border);--window-title-text:#edf2ee;--window-backdrop:#00000094;--window-shadow:0 18px 35px #00000085, inset 0 1px 0 #ffffff14;--window-control-btn-radius:var(--titlebar-btn-radius);--browser-bg:#0c1116;--browser-border:var(--app-border);--browser-tabs-bg:#0d1218;--browser-tabs-border:var(--app-border);--browser-tab-text:#9aa5ad;--browser-tab-hover-border:var(--app-accent-mid);--browser-tab-hover-text:var(--app-accent-mid);--browser-tab-active-text:var(--app-accent);--browser-tab-active-border:var(--app-accent);--browser-tree-text:var(--app-text);--browser-tree-icon:var(--app-accent);--browser-tree-hover-bg:#ffffff0a;--browser-tree-folder-hover-text:var(--app-text);--browser-tree-folder-hover-icon:var(--browser-tree-icon);--browser-tree-hover-text:white;--browser-plugin-icon:var(--app-accent);--browser-rescan-bg:#121820;--browser-rescan-border:var(--app-border);--browser-rescan-text:#edf2ee;--browser-hint-border:var(--app-border-strong);--browser-hint-text:#9aa5ad;--browser-hint-bg:#0b1015;--playlist-bg:#0c1116;--playlist-border:var(--app-border);--playlist-toolbar-bg:#11171d;--playlist-toolbar-border:var(--app-border);--playlist-btn-bg:#121820;--playlist-btn-border:#479de40f;--playlist-btn-text:#edf2ee;--playlist-btn-hover-bg:#172029;--playlist-btn-active-bg:var(--app-accent);--playlist-btn-active-text:#061208;--playlist-header-bg:#0b1015;--playlist-bar-text:#b5c4dd;--playlist-bar-bg:#10161c;--playlist-bar-border:var(--app-border);--playlist-track-name-bg:#11171d;--playlist-track-name-border:var(--app-border);--playlist-track-name-text:#edf2ee;--playlist-track-divider-border:#a3b2be14;--playlist-track-grid-bg:#090e13;--playlist-track-grid-border:var(--app-border);--playlist-length-input-bg:#090d12;--playlist-snap-line:#9acfff0d;--playlist-snap-width:1px;--playlist-grid-major-line:#7e94b31a;--playlist-clip-border:#3dd97661;--playlist-clip-bg:#3dd9761f;--playlist-clip-text:#edf2ee;--playlist-clip-active-border:#3dd976b3;--playlist-clip-active-bg:#3dd9762e;--playlist-clip-label-bg:#07090c80;--playlist-audio-preview-top:#4a7eb657;--playlist-audio-preview-bottom:#2247742e;--playlist-audio-clip-top:#a9cdf238;--playlist-audio-clip-bottom:#6292c929;--playlist-mini-note-top:#7effbf;--playlist-mini-note-bottom:#2ad877;--playlist-mini-note-glow:#41eb915c;--playlist-mini-note-highlight:#e5fff373;--playlist-wave-fill:#3dd97657;--playlist-wave-stroke:#a4dcaca8;--playlist-wave-shadow:#7dc2ff42;--playlist-playhead:var(--app-accent);--playlist-drop-border:#65a4d77a;--playlist-preview-border:#86e2ffdb;--rack-bg:#0c1116;--rack-border:var(--app-border);--rack-topbar-bg:#11171d;--rack-topbar-border:var(--app-border);--rack-row-bg:#10161c;--rack-row-border:var(--app-border);--rack-row-radius:var(--app-radius-lg);--rack-control-radius:var(--app-radius-md);--rack-control-radius-sm:5px;--rack-menu-radius:var(--app-radius-lg);--rack-menu-item-radius:var(--app-radius-md);--rack-pattern-picker-bg:#090d12;--rack-pattern-picker-border:var(--app-border);--rack-pattern-picker-text:var(--app-accent);--rack-channel-name-bg:#090d12;--rack-channel-name-border:var(--app-border);--rack-channel-name-radius:var(--app-radius-md);--rack-channel-name-text:#edf2ee;--rack-insert-bg:#090d12;--rack-insert-border:var(--app-border);--rack-insert-radius:var(--app-radius-md);--rack-insert-text:#edf2ee;--rack-step-bg:#171d24;--rack-step-border:#a3b2be14;--rack-step-radius:4px;--rack-step-group-a-bg:#192028;--rack-step-group-a-border:var(--app-border-strong);--rack-step-group-b-bg:#121920;--rack-step-group-b-border:#a3b2be12;--rack-step-on-bg:var(--app-accent);--rack-step-on-border:var(--app-accent);--rack-step-playhead-outline:#e9bd61cc;--rack-mini-note-bg:var(--app-accent);--rack-mini-note-radius:2px;--rack-preview-bg:#121920;--rack-preview-border:var(--app-border);--rack-preview-radius:var(--app-radius-md);--rack-add-btn-bg:#11171d;--rack-add-btn-border:var(--app-border-strong);--rack-add-btn-text:var(--app-text-muted);--rack-add-btn-hover-bg:#172029;--rack-add-btn-hover-text:var(--app-text);--rack-pattern-length-text:#9aa5ad;--rack-pattern-length-btn-bg:#111820;--rack-pattern-length-btn-border:#a3b2be29;--rack-pattern-length-btn-text:#9aa5ad;--rack-pattern-length-btn-hover-bg:#151d25;--rack-pattern-length-btn-hover-border:#3dd9765c;--rack-pattern-length-btn-hover-text:var(--app-text);--rack-pattern-length-input-bg:var(--rack-pattern-picker-bg);--rack-pattern-length-input-border:var(--rack-pattern-picker-border);--rack-pattern-length-input-text:var(--app-text);--rack-pattern-length-unit-text:var(--app-text-faint);--rack-context-menu-bg:#0d1319;--rack-context-menu-border:var(--app-border-strong);--rack-context-menu-text:#edf2ee;--rack-context-menu-item-hover-bg:#ffffff0a;--rack-context-menu-item-hover-text:var(--app-text);--rack-rename-action-bg:#0f151b;--rack-rename-action-text:var(--app-text-muted);--mixer-bg:transparent;--mixer-border:var(--app-border);--mixer-track-area-bg:#0b1015;--mixer-track-bg:#0f151b;--mixer-track-border:#a3b2be17;--mixer-track-selected-bg:#111820;--mixer-track-selected-border:#a3b2be17;--mixer-track-title-text:var(--app-text-muted);--mixer-track-title-font-weight:700;--mixer-add-insert-btn-bg:#121820;--mixer-add-insert-btn-border:var(--app-border);--mixer-add-insert-btn-text:var(--app-text);--mixer-add-insert-btn-hover-bg:#172029;--mixer-add-insert-btn-hover-border:var(--app-border-strong);--mixer-led-off-bg:#1b2229;--mixer-led-off-border:#a3b2be29;--mixer-led-on-bg:var(--app-accent);--mixer-led-on-border:#3dd9766b;--mixer-knob-label-text:#a6b2c5;--mixer-knob-label-muted-text:var(--app-text-faint);--mixer-knob-track:#232b33;--mixer-knob-arc-positive:#1d9e75;--mixer-knob-arc-negative:#d85a30;--mixer-knob-face-bg:#11171d;--mixer-knob-pointer:#d3d8d7;--mixer-knob-center-bg:#07090c;--mixer-knob-marker-muted:#2a3038;--fader-groove-bg:#0c1218;--fader-groove-border:#a3b2be14;--fader-groove-shadow:inset 0 0 0 1px #00000038, inset 0 10px 18px #ffffff04;--fader-track-bg:#111920;--fader-track-shadow:inset 0 0 0 1px #a3b2be12;--fader-fill-bg:var(--app-accent);--fader-thumb-bg:#151e26;--fader-thumb-border:#a3b2be2e;--fader-thumb-hover-bg:#18232c;--fader-thumb-active-bg:#1b2731;--fader-thumb-hover-border:#30ff7c57;--fader-thumb-active-border:#30ff7c7a;--mixer-meter-bg:#080c11;--mixer-meter-border:#a3b2be1a;--mixer-meter-seg-bg:#a3b2be1f;--mixer-meter-seg-on-bg:var(--app-accent);--mixer-meter-seg-warning-bg:#d7a94b;--mixer-meter-seg-danger-bg:var(--app-danger);--mixer-right-bg:#11171d;--mixer-right-border:var(--app-border);--mixer-fx-row-bg:#0e141a;--mixer-fx-row-border:var(--app-border);--mixer-fx-row-selected-bg:#3dd9761a;--mixer-fx-row-selected-border:#3dd97661;--mixer-fx-power-off-bg:#161e26;--mixer-fx-power-off-border:#a3b2be2e;--mixer-fx-power-off-text:var(--app-text-faint);--mixer-fx-power-on-bg:#3dd9761f;--mixer-fx-power-on-border:#3dd9766b;--mixer-fx-power-on-text:#8ecf99;--mixer-fx-name-text:#a6b2c5;--mixer-fx-arrow-text:#74839a;--mixer-fx-clear-text:#ff8aa2;--mixer-fx-clear-hover-text:#ffc0cc;--mixer-fx-clear-hover-bg:#a03d5d38;--mixer-fx-clear-armed-text:#ffd8de;--mixer-fx-clear-armed-bg:#c74a6b80;--mixer-fx-clear-armed-outline:#ff76979e;--mixer-fx-clear-armed-glow:#ff648873;--mixer-value-readout-bg:#11171d;--mixer-value-readout-border:var(--app-border);--mixer-value-readout-text:var(--app-text);--piano-bg:#0b0c0d;--piano-border:var(--app-border);--piano-toolbar-bg:#11171d;--piano-toolbar-border:var(--app-border);--piano-toolbar-text:var(--app-text);--piano-snap-trigger-hover-bg:#172029;--piano-snap-dropdown-bg:#0d1319;--piano-velocity-resize-bg:#0f1011;--piano-velocity-resize-border:#000000d1;--piano-velocity-resize-hover-filter:brightness(1.08);--piano-keys-bg:linear-gradient(180deg, #1b2533 0%, #121a25 100%);--piano-keys-header-bg:linear-gradient(180deg, #314052 0%, #273548 100%);--piano-key-row-border:#182230a6;--piano-key-white-bg:#c9ced8;--piano-key-white-text:#3d4452;--piano-key-black-bg:#0f151b;--piano-key-black-text:var(--app-text-muted);--piano-grid-bg:#191a1b;--piano-out-of-scale-row-bg:#0f1011;--piano-out-of-scale-row-opacity:1;--piano-grid-header-bg:#10161c;--piano-grid-header-border:var(--app-border);--piano-grid-header-text:var(--app-text-muted);--piano-grid-line:#00000080;--piano-grid-row-line:#0000001f;--piano-note-bg:var(--app-accent);--piano-note-border:#3dd97661;--piano-note-text:#07140b;--piano-note-radius:3px;--piano-note-resize-handle-bg:#ffffff59;--piano-note-resize-handle-radius:2px;--piano-note-selected-bg:var(--app-danger);--piano-note-selected-border:var(--app-danger);--piano-note-selected-text:#fff0f0;--piano-velocity-shell-bg:#191a1b;--piano-velocity-shell-border:#000000b8;--piano-velocity-label-bg:#0c1116;--piano-velocity-label-text:var(--app-text-muted);--piano-velocity-label-strong:var(--app-text);--piano-velocity-label-em:var(--app-accent);--piano-velocity-grid-bg:#191a1b;--piano-velocity-bar-bg:var(--app-accent);--piano-velocity-bar-cap:#9bd1a2;--piano-velocity-bar-selected-bg:var(--app-danger);--piano-playhead-bg:var(--app-accent);--piano-selection-border:#3dd97673;--piano-selection-bg:#3dd9761a;--piano-radio-bg:#090d12;--piano-radio-border:var(--app-border);--pattern-list-bg:#0c1116;--pattern-list-border:var(--app-border);--pattern-list-header-bg:#11171d;--pattern-list-header-border:var(--app-border);--pattern-list-header-text:var(--app-text);--pattern-list-add-btn-bg:#121820;--pattern-list-add-btn-border:var(--app-border);--pattern-list-add-btn-text:var(--app-text);--pattern-list-add-btn-hover-bg:#172029;--pattern-list-add-btn-hover-border:var(--app-border-strong);--pattern-list-row-bg:#10161c;--pattern-list-row-border:var(--app-border);--pattern-list-row-active-border:#3dd97661;--pattern-list-row-active-bg:#3dd9761a;--pattern-list-name-bg:#090d12;--pattern-list-name-border:var(--app-border);--pattern-list-name-text:var(--app-text);--pattern-list-select-bg:#090d12;--pattern-list-select-border:var(--app-border);--pattern-list-select-text:var(--app-text);--pattern-list-meta-text:var(--app-text-muted);--pattern-list-color-bg:#090d12;--pattern-list-color-chip-border:var(--app-border-strong);--pattern-list-popover-bg:#0d1319;--pattern-list-popover-border:var(--app-border-strong);--auth-overlay-bg:#070a1061;--auth-dialog-bg:#0c1116;--auth-dialog-border:var(--app-border-strong);--auth-dialog-text:var(--app-text);--auth-header-bg:#10161c;--auth-header-border:var(--app-border);--auth-header-text:var(--app-text);--auth-close-bg:#11171d;--auth-close-border:var(--app-border);--auth-close-text:var(--app-text-muted);--auth-close-radius:var(--app-radius-sm);--auth-close-hover-bg:#172029;--auth-close-hover-border:var(--app-border-strong);--auth-close-hover-text:var(--app-text);--auth-input-bg:#090d12;--auth-input-border:var(--app-border);--auth-input-text:var(--app-text);--auth-input-placeholder:var(--app-text-faint);--auth-input-hover-border:var(--app-border-strong);--auth-input-focus-border:var(--app-accent);--auth-submit-bg:var(--app-accent);--auth-submit-border:var(--app-accent-strong);--auth-submit-text:var(--app-accent-text);--auth-error-text:var(--app-danger);--auth-error-bg:#f26d7814;--auth-error-border:#f26d7833;--auth-link-text:var(--app-info);--auth-link-hover-text:#8ddbff;--auth-checkbox-bg:#090d12;--auth-checkbox-border:var(--app-border);--auth-checkbox-checked-bg:var(--app-accent);--auth-footer-text:var(--app-text-muted);--load-project-window-bg:#0c1116;--load-project-window-border:var(--app-border-strong);--load-project-window-header-bg:#10161c;--load-project-window-header-border:var(--app-border);--load-project-window-header-text:var(--app-text);--load-project-window-empty-text:var(--app-text-muted);--load-project-window-sidebar-bg:#0c1116;--load-project-window-sidebar-border:var(--app-border);--load-project-window-sidebar-item-text:var(--app-text-muted);--load-project-window-sidebar-item-radius:var(--app-radius-md);--load-project-window-sidebar-item-hover-bg:#ffffff0d;--load-project-window-sidebar-item-hover-text:var(--app-text);--load-project-window-sidebar-item-active-bg:var(--app-accent);--load-project-window-sidebar-item-active-border:#3dd97661;--load-project-window-sidebar-item-active-text:var(--app-accent-text);--load-project-window-search-bg:#090d12;--load-project-window-search-border:var(--app-border);--load-project-window-search-radius:var(--app-radius-md);--load-project-window-search-text:var(--app-text-muted);--load-project-window-search-input-text:var(--app-text);--load-project-window-search-placeholder:var(--app-text-faint);--load-project-window-table-wrapper-border:var(--app-border);--load-project-window-table-wrapper-radius:var(--app-radius-md);--load-project-window-table-header-bg:#0c1116;--load-project-window-table-header-border:var(--app-border);--load-project-window-table-header-text:var(--app-text-muted);--load-project-window-table-header-active-text:var(--app-info);--load-project-window-table-row-hover-bg:#ffffff0a;--load-project-window-table-row-selected-bg:#5ac8ff1a;--load-project-window-table-cell-name-text:var(--app-text);--load-project-window-table-cell-bpm-text:var(--app-text-muted);--load-project-window-table-cell-date-text:var(--app-text-faint);--load-project-window-table-footer-bg:#0c1116;--load-project-window-table-footer-border:var(--app-border);--load-project-window-count-text:var(--app-text-faint);--load-project-window-action-bar-bg:#0c1116;--load-project-window-action-bar-border:var(--app-border);--load-project-window-action-btn-bg:var(--app-accent);--load-project-window-action-btn-border:var(--app-accent-strong);--load-project-window-action-btn-text:var(--app-accent-text);--load-project-window-action-btn-danger-bg:#521c23db;--load-project-window-action-btn-danger-border:#f26d786b;--load-project-window-action-btn-danger-text:#ffe1e5;--theme-dialog-panel-bg:#0c1116;--theme-dialog-panel-border:var(--app-border);--theme-dialog-panel-label-text:var(--app-text-faint);--theme-dialog-preview-text:var(--app-text);--theme-dialog-preview-description-text:var(--app-text-muted);--theme-dialog-stage-window-bg:#0c1116e0;--theme-dialog-stage-window-border:#ffffff24;--theme-dialog-stage-titlebar-bg:#ffffff14;--theme-dialog-stage-line-bg:#48f59857;--theme-dialog-option-bg:#111820;--theme-dialog-option-border:#353b46;--theme-dialog-option-hover-bg:#151d25;--theme-dialog-option-hover-border:#48f598;--theme-dialog-option-active-bg:#48f5981a;--theme-dialog-option-active-border:#48f598;--theme-dialog-option-label-text:#dbe3ef;--theme-dialog-option-description-text:var(--app-text-muted);--theme-dialog-option-check:#48f598;--theme-dialog-shadow:0 14px 28px #00000059;--project-dropdown-bg:var(--app-bg);--project-dropdown-shadow:var(--app-shadow-soft);--project-dropdown-item-hover-bg:#ffffff0a;--project-dropdown-item-hover-text:var(--app-text);--project-dropdown-item-active-bg:#ffffff14;--fx-empty-slot-bg:#0d141d;--fx-empty-slot-border:transparent;--fx-empty-slot-border-style:solid;--fx-empty-slot-border-width:0px;--fx-empty-slot-radius:0px;--fx-empty-slot-text:#ad9e9a;--fx-empty-slot-drop-target-bg:#101923;--fx-empty-slot-drop-target-border:#3dd9767a;--fx-empty-slot-drop-target-shadow:inset 0 0 0 2px #3dd97633, inset 0 0 36px #3dd9760e, 0 0 22px #3dd9761f;--render-bg:#0c1116;--render-border:var(--app-border);--render-label-text:var(--app-text-muted);--render-input-bg:#090d12;--render-input-border:var(--app-border);--render-input-text:var(--app-text);--render-input-hover-border:var(--app-border-strong);--render-input-focus-border:var(--app-accent);--render-select-option-text:var(--app-text);--render-select-option-bg:#11171d;--render-select-option-checked-text:#061208;--render-select-option-checked-bg:var(--app-accent);--render-select-option-hover-bg:#172029;--render-btn-bg:var(--app-accent);--render-btn-border:#3dd9766b;--render-btn-text:#061208;--render-status-text:#a7e7b8;--render-error-text:#ff9aa5;--scrollbar-track-bg:#0a0e13;--scrollbar-track-border:var(--app-border);--scrollbar-thumb-bg:#56616b;--scrollbar-thumb-border:#0a0e13;--sample-settings-bg:#0c1116;--sample-settings-border:var(--app-border);--sample-settings-header-text:var(--app-text);--sample-settings-tab-bg:transparent;--sample-settings-tab-border:transparent;--sample-settings-tab-text:var(--app-text-muted);--sample-settings-tab-active-bg:var(--app-accent);--sample-settings-tab-active-border:#3dd9766b;--sample-settings-tab-active-text:#07120a;--sample-waveform-bg:#11171d;--sample-waveform-border:var(--app-border);--sample-waveform-title-text:var(--app-text-muted);--sample-preview-btn-bg:#0b1015;--sample-preview-btn-border:var(--app-border);--sample-preview-btn-text:var(--app-text-muted);--sample-preview-btn-playing-bg:var(--app-accent);--sample-preview-btn-playing-border:#3dd9766b;--sample-preview-btn-playing-text:#07120a;--sample-waveform-view-bg:#090e13;--sample-waveform-view-border:var(--app-border);--sample-waveform-line:#84be92bd;--sample-waveform-active-length:#3dd9761f;--sample-waveform-trimmed-bg:#05080ea6;--sample-waveform-fade:#c09e5847;--sample-envelope-bg:#090e13;--sample-envelope-border:var(--app-border);--sample-envelope-path:var(--app-accent);--sample-time-knob-bg:#0b1015;--sample-time-knob-border:var(--app-border);--sample-time-knob-label:var(--app-text-muted);--sample-time-select-bg:#090d12;--sample-time-select-border:var(--app-border);--sample-time-select-text:var(--app-text);--sample-time-select-caret:var(--app-accent);--sample-time-select-open-border:#3dd97680;--sample-setting-row-text:var(--app-text-muted);--sample-setting-row-value:var(--app-text);--sample-setting-input-bg:#090d12;--sample-setting-input-border:var(--app-border);--sample-setting-input-text:var(--app-text);--sample-setting-input-focus-border:var(--app-accent);--sample-checkbox-bg:#0b1015;--sample-checkbox-border:var(--app-border);--sample-checkbox-checked-bg:var(--app-accent);--sample-checkbox-check:#07120a;--sample-empty-border:var(--app-border-strong);--sample-empty-text:var(--app-text-muted);--fx-window-bg:#101725;--fx-window-padding:10px;--fx-radius-lg:10px;--fx-radius-md:7px;--fx-radius-sm:4px;--fx-radius-xs:2px;--fx-panel-bg:linear-gradient(180deg, #111826 0%, #0b1019 100%);--fx-panel-border:var(--app-border);--fx-title-text:#ffd16c;--fx-action-bg:#121820;--fx-action-border:var(--app-border);--fx-action-text:#edf2ee;--fx-proq-graph-bg:radial-gradient(circle at 25% 0%, #822aa833, transparent 54%), linear-gradient(180deg, #111426 0%, #090d18 100%);--fx-proq-grid-line:#b9cae529;--fx-proq-freq-label:#8fa3c6;--fx-proq-spectrum-fill:#4aaaff45;--fx-proq-spectrum-line:#79c6ffb3;--fx-proq-curve:#f9b739;--fx-proq-point-core:#1f283a;--fx-proq-point-core-stroke:#6f83a8;--fx-proq-point-ring:#b4c9eb52;--fx-proq-point-index:#cfe3ff;--fx-proq-point-active-core:#2d3d58;--fx-proq-point-active-stroke:#f9b739;--fx-proq-readout-bg:#0c111c;--fx-proq-readout-border:var(--app-border);--fx-proq-readouts-gap:10px;--fx-proq-readout-label:#9aa5ad;--fx-proq-readout-value:#b8d6ff;--fx-proq-readout-accent:#ffd99a;--fx-proq-readout-shape:#8fd4ff;--fx-proq-input-bg:linear-gradient(180deg, #1c273a 0%, #121a28 100%);--fx-proq-input-border:var(--app-border);--fx-proq-input-text:#dff0ff;--fx-proq-input-focus-border:#9ac4ff;--fx-proq-band-bg:linear-gradient(180deg, #26344d 0%, #1a2438 100%);--fx-proq-band-border:var(--app-border);--fx-proq-band-text:#d7e5ff;--fx-proq-band-hover-bg:#172029;--fx-proq-band-hover-border:#a3b2be33;--fx-proq-band-focus-shadow:0 0 0 2px #3dd97629;--fx-proq-band-dropdown-bg:#0d1319;--fx-proq-band-dropdown-border:#a3b2be33;--fx-proq-band-dropdown-shadow:0 12px 24px #00000061;--fx-proq-band-option-text:#9aa5ad;--fx-proq-band-option-hover-bg:#ffffff0a;--fx-proq-band-option-hover-text:#edf2ee;--fx-proq-band-option-active-bg:#ff973038;--fx-proq-band-option-active-text:#ffd99a;--fx-maximizer-graph-bg:radial-gradient(circle at 18% 0%, #4cb0ff29, transparent 52%), linear-gradient(180deg, #0f1422 0%, #080d16 100%);--fx-maximizer-header-text:#9eb2d2;--fx-maximizer-center-line:#9aadcd38;--fx-maximizer-wave-input:#56cdfff2;--fx-maximizer-wave-reduction:#b0defff2;--fx-maximizer-transfer:#f4c43cf2;--fx-maximizer-panel-bg:#0c111c;--fx-maximizer-panel-border:var(--app-border);--fx-maximizer-panel-title:#c3d7f9;--fx-maximizer-mode-btn-bg:linear-gradient(180deg, #24324b 0%, #1a2438 100%);--fx-maximizer-mode-btn-border:var(--app-border);--fx-maximizer-mode-btn-text:#d6e6ff;--fx-maximizer-mode-btn-active-border:#3db8ff;--fx-maximizer-mode-btn-active-text:#e9f7ff;--fx-maximizer-true-peak-text:#cfe2ff;--fx-maximizer-meter-bg:linear-gradient(180deg, #2a3140 0%, #1a212f 100%);--fx-maximizer-meter-border:var(--app-border);--fx-maximizer-meter-separator:#d6e7ff33;--fx-maximizer-volume-fill:#18d6fff2;--fx-maximizer-reduction-fill:#ff6c6cf2;--fx-maximizer-threshold:#ff7575e6;--fx-maximizer-ceiling:#92d7fff2;--fx-maximizer-readout-text:#b7ccec;--fx-maximizer-readout-value:#e7f4ff;--fx-maximizer-accent:#12d7ff;--fx-reverb-control-bg:#0c111c;--fx-reverb-control-border:var(--app-border);--fx-reverb-control-text:#9aa5ad;--fx-reverb-control-value:#d7e5ff;--fx-reverb-control-active-border:#f9b739;--fx-reverb-knob-border:var(--app-border);--fx-reverb-knob-fill:#ff9730;--fx-reverb-knob-track:#2a3344;--fx-reverb-knob-face:radial-gradient(circle at 35% 30%, #3d4c66 0%, #222f46 58%, #151d2b 100%);--fx-eq-screen-bg:linear-gradient(180deg, #0a111d 0%, #060b14 100%);--fx-eq-screen-border:var(--app-border);--fx-eq-line:var(--app-border);--fx-eq-curve:#3ab2ffbf;--bg-a:#0a0e13;--bg-b:#121721;--panel-edge:#3f434b;--text-main:#d7dce4;--text-soft:#9aa3b4;--accent-green:#1de071;--accent-orange:#ff9b30;--accent-cyan:#2bc8ff}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{font-family:var(--font-main);color:var(--text-main);background:radial-gradient(circle at 14% 10%, #1a2433 0%, var(--bg-b) 36%, var(--bg-a) 100%);text-rendering:geometricprecision}button,input{font-family:inherit}button:focus,button:focus-visible{outline:none}button::-moz-focus-inner{border:0}