*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #111111;--bg-deep: #0a0a0a;--surface: #1a1a1a;--surface-raised: #222222;--surface-hover: #1e1e1e;--border: #303030;--border-subtle: #2a2a2a;--border-mid: #333333;--border-hover: #444444;--accent: #818cf8;--accent-dim: #1e2040;--text: #d4d4d4;--text-muted: #888888;--text-ghost: #7b7b7b;--success: #4caf50;--danger: #c0392b;--warning: #e06c1a;--warning-bright: #f5a623;--warning-dim: #3a2000;--warning-dim-text: #7a4e00;--radius: 8px;--font: "Inter", system-ui, sans-serif;--card-w: 130px;--fill-btn-w: 20px;--knob-color: #818cf8;--fader-color: #4ec9b0;--button-color: #c792ea;--button-shadow: #4a2070}[data-theme=light]{--bg: #f0f0f0;--bg-deep: #e2e2e2;--surface: #fafafa;--surface-raised: #ffffff;--surface-hover: #ebebeb;--border: #d0d0d0;--border-subtle: #c8c8c8;--border-mid: #b8b8b8;--border-hover: #999999;--text: #1a1a1a;--text-muted: #555555;--text-ghost: #aaaaaa;--accent: #5a63d4;--accent-dim: #dde0ff;--success: #2e7d32;--danger: #b71c1c;--warning: #bf5200;--warning-bright: #c67c00;--warning-dim: #fff3e0;--warning-dim-text: #7a4000;--knob-color: #5a63d4;--fader-color: #1a7a6a;--button-color: #7b3fa0;--button-shadow: #ddd8ff}[data-theme=light] .bank-tab--active{background:#1a7a6a26}[data-theme=light] .kl-multi-btn--on{background:var(--accent-dim)}[data-theme=light] .toggle-btn--off{background:var(--border-subtle)}[data-theme=light] .toggle-btn__thumb{box-shadow:0 1px 3px #0003}[data-theme=light] .multi-mode-toggle{background:var(--surface-raised)}[data-theme=light] .multi-mode-toggle--on{background:var(--accent-dim)}[data-theme=light] .assignment-pill{background:var(--surface);border-color:var(--border-subtle)}[data-theme=light] .assignment-pill:hover{background:var(--surface-hover)}[data-theme=light] .assignment-pill--open{background:var(--accent-dim)}[data-theme=light] .inspector-assignment:hover{background:var(--surface-hover)}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px}#root{height:100%}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-mid);border:4px solid transparent;background-clip:padding-box;border-radius:7px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}::-webkit-scrollbar-corner{background:transparent}.app{display:flex;flex-direction:column;height:100%}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.app-header h1{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.status-dot{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.status-dot__indicator{width:7px;height:7px;border-radius:50%;background:var(--border-mid);transition:background .3s,box-shadow .3s}.status-dot--connected .status-dot__indicator{background:var(--success);box-shadow:0 0 6px color-mix(in srgb,var(--success) 33%,transparent)}.status-dot--disconnected .status-dot__indicator{background:var(--danger)}.app-header__right{display:flex;align-items:center;gap:12px}.prefs-btn{background:none;border:none;color:var(--text-ghost);font-size:15px;line-height:1;cursor:pointer;padding:2px 5px;border-radius:4px;transition:color .15s,background .15s}.prefs-btn:hover{color:var(--text-muted);background:var(--surface-hover)}.prefs-btn--active,.prefs-btn--active:hover{color:var(--accent)}.prefs-btn--active-alt,.prefs-btn--active-alt:hover{color:var(--warning)}.header-divider{width:1px;height:14px;background:var(--border);opacity:.5}.slot-learn-length__input{width:44px;background:transparent;border:1px solid var(--border);border-radius:3px;color:var(--text-muted);font-size:11px;font-family:var(--font);padding:2px 4px;text-align:center;outline:none;-moz-appearance:textfield}.slot-learn-length__input::-webkit-inner-spin-button,.slot-learn-length__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.slot-learn-length__input:focus{border-color:var(--accent);color:var(--text)}.header-slider-tip{display:inline-flex;align-items:center}.header-filter-slider{width:60px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-mid);border-radius:2px;outline:none;cursor:pointer}.header-filter-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--text-ghost);cursor:pointer;transition:background .15s}.header-filter-slider::-webkit-slider-thumb:hover{background:var(--accent)}.step-menu{position:absolute;top:100%;right:0;z-index:600;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:200px;padding:10px 12px;box-shadow:0 8px 30px #00000080;margin-top:6px}.step-menu--fixed{position:fixed;margin-top:0;display:flex;flex-direction:column;gap:10px}.step-menu__section{display:flex;flex-direction:column;gap:5px}.step-menu__label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.step-menu__seg{display:flex;border:1px solid var(--border-mid);border-radius:4px;overflow:hidden}.step-menu__seg-btn{flex:1;padding:4px 8px;font-size:10px;font-weight:600;text-align:center;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .12s,color .12s}.step-menu__seg-btn+.step-menu__seg-btn{border-left:1px solid var(--border-mid)}.step-menu__seg-btn:hover:not(.step-menu__seg-btn--active){background:var(--surface-hover);color:var(--text)}.step-menu__seg-btn--active{background:var(--accent-dim);color:var(--accent)}.step-menu__presets{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.step-menu__preset{padding:4px 2px;font-size:10px;font-family:var(--font-mono, monospace);border:1px solid var(--border-mid);border-radius:3px;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .12s,color .12s}.step-menu__preset:hover:not(.step-menu__preset--active){background:var(--surface-hover);color:var(--text)}.step-menu__preset--active{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.step-menu__custom{display:flex;align-items:center;gap:4px;margin-top:2px}.step-menu__step-btn{padding:3px 8px;font-size:10px;font-weight:600;border:1px solid var(--border-mid);border-radius:3px;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .12s,color .12s}.step-menu__step-btn:hover{background:var(--surface-hover);color:var(--text)}.step-menu__input{flex:1;width:0;min-width:0;padding:3px 4px;text-align:center;font-size:11px;font-family:var(--font-mono, monospace);color:var(--text);background:var(--surface);border:1px solid var(--border-mid);border-radius:3px}.step-menu__input:focus{outline:none;border-color:var(--accent)}.step-menu__close{position:absolute;top:6px;right:8px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:2px 4px}.step-menu__close:hover{color:var(--text)}.step-menu__value{font-size:10px;color:var(--text-muted);text-align:right;font-family:var(--font-mono, monospace)}.inspector-step-row{display:flex;align-items:center;gap:4px;margin-top:4px}.inspector-override-row{display:flex;align-items:center;gap:6px;margin-top:4px}.inspector-override-row__val{font-size:9px;font-weight:600;padding:2px 6px;border-radius:3px;border:1px solid var(--border-mid);background:transparent;color:var(--text-muted);cursor:pointer}.inspector-override-row__val:hover{border-color:var(--accent)}.inspector-override-row__val--on{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.inspector-step-row__label{font-size:10px;font-weight:600;color:var(--text-muted);min-width:28px}.inspector-step-row__btn{width:22px;height:22px;padding:0;font-size:12px;font-weight:700;border:1px solid var(--border-mid);border-radius:3px;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.inspector-step-row__btn:hover{background:var(--surface-hover);color:var(--text)}.inspector-step-row__input{width:70px;padding:2px 4px;font-size:11px;font-family:var(--font-mono, monospace);border:1px solid var(--border-mid);border-radius:3px;background:var(--surface);color:var(--text);text-align:center}.inspector-step-row__input:focus{outline:none;border-color:var(--accent)}.inspector-step-row__value{font-size:10px;color:var(--text-ghost);min-width:26px;text-align:right}.inspector-filter-row .toggle-row{flex:0 0 auto;flex-direction:row;gap:6px;border-bottom:none;padding:0;min-width:0}.inspector-filter-slider{flex:1;min-width:0}.inspector-filter-slider:disabled{opacity:.3;cursor:default}.prefs-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:500}.prefs-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:501;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:320px;box-shadow:0 12px 40px #0009}.prefs-modal__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.prefs-modal__title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text)}.prefs-modal__close{background:none;border:none;color:#555;font-size:20px;line-height:1;cursor:pointer;padding:0 2px;transition:color .15s}.prefs-modal__close:hover{color:var(--danger)}.prefs-modal__body{padding:12px 16px;display:flex;flex-direction:column;gap:10px}.shortcut-editor{display:flex;flex-direction:column;gap:8px}.shortcut-editor__title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-top:1px solid var(--border);padding-top:10px;margin-top:4px}.shortcut-editor__section{display:flex;flex-direction:column;gap:4px}.shortcut-editor__section-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-ghost)}.shortcut-editor__add{font-size:9px;padding:3px 8px;border:1px dashed var(--border-mid);border-radius:3px;background:transparent;color:var(--text-muted);cursor:pointer;align-self:flex-start}.shortcut-editor__add:hover{border-color:var(--accent);color:var(--accent)}.shortcut-row{display:flex;align-items:center;gap:6px;min-height:26px}.shortcut-row--bank{flex-wrap:wrap}.shortcut-row__label{font-size:10px;color:var(--text);min-width:100px;flex-shrink:0}.shortcut-row__key{font-size:10px;font-family:var(--font-mono, monospace);font-weight:600;padding:3px 10px;border:1px solid var(--border-mid);border-radius:3px;background:var(--surface);color:var(--text);cursor:pointer;min-width:80px;text-align:center}.shortcut-row__key:hover{border-color:var(--accent)}.shortcut-row__key--recording{border-color:var(--accent);color:var(--accent);animation:pulse-border .8s infinite alternate}.shortcut-row__key--empty{color:var(--text-ghost);font-style:italic;font-weight:400}@keyframes pulse-border{0%{border-color:var(--accent)}to{border-color:var(--border-mid)}}.shortcut-row__clear,.shortcut-row__remove{font-size:9px;background:none;border:none;color:var(--text-ghost);cursor:pointer;padding:2px 4px}.shortcut-row__clear:hover,.shortcut-row__remove:hover{color:#ff6b6b}.shortcut-row__bank-config{display:flex;gap:4px;flex:1;min-width:0}.shortcut-row__select{font-size:9px;padding:2px 4px;border:1px solid var(--border-mid);border-radius:3px;background:var(--surface);color:var(--text);flex:1;min-width:0}.prefs-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--bg)}.prefs-row:last-child{border-bottom:none}.prefs-row__label{font-size:12px;color:var(--text-muted);flex:1}.device-settings-btn{background:none;border:none;color:var(--text-ghost);font-size:14px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:4px;flex-shrink:0;transition:color .15s,background .15s}.device-settings-btn:hover,.device-settings-btn--open{color:var(--text-muted);background:var(--surface-hover)}.device-settings{display:flex;align-items:center;gap:8px;padding:6px 20px;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0}.device-settings__label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.device-settings__sep{color:var(--text-muted);font-size:13px}.device-settings__divider{width:1px;height:16px;background:var(--border);margin:0 4px}.grid-dim-input{width:44px;background:var(--bg-deep);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:14px;font-family:var(--font);padding:4px 6px;text-align:center;outline:none;transition:border-color .15s}.grid-dim-input:focus{border-color:var(--accent)}.add-slot-btn{padding:6px 14px;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);font-size:13px;cursor:pointer;transition:border-color .15s,color .15s}.add-slot-btn:hover{border-color:var(--accent);color:var(--accent)}.param-queue{display:flex;flex-direction:column;gap:4px;padding:5px 12px;background:var(--surface);border-bottom:1px solid var(--border)}.param-queue__header{display:flex;align-items:center;gap:6px}.param-queue__toggle{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:10px;padding:1px 3px;line-height:1}.param-queue__title{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.param-queue__count{color:var(--accent);font-weight:600}.param-queue__clear{margin-left:auto;background:none;border:1px solid var(--border);border-radius:3px;color:var(--text-muted);cursor:pointer;font-size:10px;padding:1px 6px}.param-queue__clear:hover{border-color:var(--text-muted);color:var(--text)}.param-queue__list{display:flex;flex-direction:column;gap:2px}.param-queue__item{display:flex;align-items:center;-webkit-user-select:none;user-select:none;gap:6px;padding:3px 6px;background:var(--bg);border:1px solid var(--border);border-radius:4px;cursor:grab;font-size:11px}.param-queue__item:hover{border-color:var(--accent)}.param-queue__item:active{cursor:grabbing}.param-queue__drag{color:var(--text-muted);font-size:12px;cursor:grab;flex-shrink:0}.param-queue__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.param-queue__op{color:var(--text-muted)}.param-queue__sep{color:var(--border)}.param-queue__par{color:var(--text);font-weight:500}.param-queue__assign{background:none;border:1px solid var(--border);border-radius:3px;color:var(--accent);cursor:pointer;font-size:11px;padding:1px 6px;flex-shrink:0}.param-queue__assign:hover:not(:disabled){background:var(--accent-dim);border-color:var(--accent)}.param-queue__assign:disabled{color:var(--text-muted);opacity:.4;cursor:default}.param-queue__learn-btn{background:none;border:1px solid var(--border);border-radius:3px;color:var(--text-muted);cursor:pointer;font-size:10px;font-weight:600;letter-spacing:.05em;padding:1px 6px}.param-queue__learn-btn:hover{border-color:var(--accent);color:var(--accent)}.param-queue__learn-btn--on{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);animation:learn-pulse 1.2s ease-in-out infinite}.param-queue__item--learning{border-color:var(--accent);background:var(--accent-dim)}.param-queue__lrn-badge{font-size:9px;font-weight:700;color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent);border-radius:3px;padding:0 4px;letter-spacing:.04em;flex-shrink:0;animation:learn-pulse 1.2s ease-in-out infinite}.param-queue__remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:10px;padding:2px 3px;opacity:.6;flex-shrink:0}.param-queue__remove:hover{color:#ff6b6b;opacity:1}.unassigned-midi{border-top:1px solid var(--border);padding:6px 12px;font-size:11px}.unassigned-midi__header{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.unassigned-midi__toggle{font-size:10px;color:var(--text-muted)}.unassigned-midi__title{font-weight:600;color:var(--text)}.unassigned-midi__count{color:var(--text-muted);font-weight:400}.unassigned-midi__clear{margin-left:auto;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:10px}.unassigned-midi__clear:hover{color:#ff6b6b}.unassigned-midi__body{margin-top:6px}.unassigned-midi__section{margin-bottom:8px}.unassigned-midi__section-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.unassigned-midi__section-label{font-weight:600;color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px}.unassigned-midi__ch{color:var(--text-muted);font-weight:400}.unassigned-midi__clear-group{margin-left:auto;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:9px}.unassigned-midi__clear-group:hover{color:#ff6b6b}.unassigned-midi__create-device{margin-left:0;font-size:9px;padding:2px 6px;border-radius:3px;border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer}.unassigned-midi__create-device:hover{background:var(--accent-dim)}.unassigned-midi__cards{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.unassigned-midi__card-wrap .knob-card{border-style:dashed;border-color:var(--warning)}.unassigned-midi__card-wrap .knob-card--selected{border-color:var(--accent)!important;border-style:solid!important}.unassigned-midi__card-wrap{position:relative}.ctx-menu__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998}.unassigned-midi__row{display:flex;align-items:center;gap:6px;padding:3px 6px;border-radius:3px;background:var(--card-bg);margin-bottom:2px}.unassigned-midi__row:hover{background:var(--card-hover)}.unassigned-midi__type{font-size:9px;font-weight:700;color:var(--text-muted);min-width:28px;text-transform:uppercase}.unassigned-midi__idx{font-family:var(--font-mono, monospace);font-weight:600;min-width:24px}.unassigned-midi__val{color:var(--text-muted);font-size:10px;min-width:40px}.unassigned-midi__add{margin-left:auto;font-size:9px;padding:2px 6px;border-radius:3px;border:1px solid var(--border-mid);background:transparent;color:var(--text);cursor:pointer}.unassigned-midi__add:hover{border-color:var(--accent);color:var(--accent)}.unassigned-midi__dismiss{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:10px;opacity:.5}.unassigned-midi__dismiss:hover{color:#ff6b6b;opacity:1}.app-body{display:flex;flex:1;overflow:hidden;min-height:0}.app-main{flex:1;overflow:auto;padding:20px}.slot-inspector{width:clamp(280px,25vw,360px);flex-shrink:0;border-left:1px solid var(--border);background:var(--surface);overflow-y:auto;display:flex;flex-direction:column}.knob-card--drag-over{border-color:var(--accent)!important;background:var(--accent-dim)!important;box-shadow:0 0 12px var(--accent-dim)}.knob-card__push-row--drag-over{background:var(--accent-dim)!important;color:var(--accent)!important}.param-queue--drag-over{background:var(--accent-dim)!important;border-color:var(--accent)!important;border-style:dashed!important}.assign-card--drag-over{border-color:var(--accent)!important;background:var(--accent-dim)!important}.inspector-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.inspector-merge-row{display:flex;align-items:center;gap:6px;padding:6px 14px;border-bottom:1px solid var(--border)}.inspector-merge-label{font-size:10px;font-weight:600;color:var(--text-muted);white-space:nowrap}.inspector-merge-select{flex:1;min-width:0;font-size:10px;padding:3px 4px;border:1px solid var(--border-mid);border-radius:3px;background:var(--bg);color:var(--text);cursor:pointer}.inspector-merge-select:hover{border-color:var(--accent)}.inspector-title{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.inspector-close{background:none;border:none;color:var(--border-hover);font-size:20px;line-height:1;cursor:pointer;padding:0 2px;transition:color .15s}.inspector-close:hover{color:var(--danger)}.inspector-section{padding:10px 14px;border-bottom:1px solid var(--border)}.inspector-section--assignments{flex:none}.inspector-section__title{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:8px}.inspector-section__title--toggle{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:4px}.inspector-section__title--toggle:hover{color:var(--text)}.inspector-section__chevron{font-size:10px;line-height:1}.inspector-section--collapsed .inspector-section__title{margin-bottom:0;display:flex;align-items:center;gap:8px}.inspector-subsection{margin:4px 0;padding-top:6px;border-top:1px solid var(--border)}.inspector-subsection__title{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:6px}.inspector-subsection.inspector-section--collapsed .inspector-subsection__title{margin-bottom:0}.inspector-type-row{display:flex;gap:6px}.inspector-type-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;background:var(--bg);border:1px solid var(--border);border-radius:5px;cursor:pointer;transition:border-color .15s,background .15s}.inspector-type-btn:hover{border-color:var(--border-hover)}.inspector-type-btn--active{border-color:var(--accent);background:var(--accent-dim)}.inspector-type-btn--active .inspector-type-label{color:var(--text)}.inspector-type-label{font-size:9px;color:var(--text-muted);text-transform:capitalize}.type-pictogram{font-size:14px;line-height:1;flex-shrink:0}.type-pictogram--knob{color:var(--knob-color)}.type-pictogram--fader{color:var(--fader-color)}.type-pictogram--button{color:var(--button-color)}.inspector-toggles{display:flex;flex-direction:column}.inspector-toggles .toggle-row{flex-direction:row;justify-content:space-between;padding:7px 0;border-right:none;border-bottom:1px solid var(--bg)}.inspector-toggles .toggle-row:last-child,.inspector-toggles>:last-child .toggle-row{border-bottom:none}.inspector-toggles .inspector-step-row{padding:5px 0;border-bottom:1px solid var(--bg)}.inspector-toggles .inspector-filter-row{padding:7px 0;border-bottom:1px solid var(--bg)}.inspector-toggles>:last-child,.inspector-toggles .inspector-step-row:last-child,.inspector-toggles .inspector-filter-row:last-child{border-bottom:none}.inspector-assignment{display:flex;align-items:center;-webkit-user-select:none;user-select:none;flex-wrap:nowrap;gap:4px;padding:6px 8px;background:var(--bg);border:1px solid var(--border);border-radius:4px;cursor:pointer;min-height:36px;position:relative;transition:background .15s;min-width:0;overflow:hidden}.inspector-assignment:hover{background:#161616}.inspector-assignment--mapped{border-color:var(--accent-dim)}.inspector-section__title .multi-mode-toggle{position:static;margin-left:auto}.inspector-section--push{flex-shrink:0;border-top:1px solid var(--border)}.inspector-section--push>*+*{margin-top:6px}.inspector-section__subtitle{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:10px 0 6px;display:flex;align-items:center;gap:8px}.inspector-push-midi-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.inspector-push-midi-row__label{font-size:10px;color:var(--text-muted);min-width:30px;flex-shrink:0}.inspector-push-type-row{display:flex;align-items:center;gap:2px;margin-bottom:5px;padding:0 2px}.push-type-chip{font-size:9px;padding:0 3px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;opacity:.4}.push-type-chip--active{opacity:1;color:var(--text-color);font-weight:600}.push-type-sep{font-size:9px;color:var(--text-muted);opacity:.25;pointer-events:none;-webkit-user-select:none;user-select:none}.inspector-function-picker{display:flex;flex-direction:column;gap:6px;padding:2px 0}.inspector-function-select{font-size:10px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:3px 5px;width:100%;cursor:pointer;outline:none;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.inspector-function-select option{background:var(--surface-raised);color:var(--text)}.inspector-function-select:focus{border-color:var(--accent)}.push-mode-seg{display:flex;border:1px solid var(--border-mid);border-radius:4px;overflow:hidden;width:100%;margin:4px 0}.push-mode-seg__btn{flex:1;padding:5px 8px;font-size:10px;font-weight:600;letter-spacing:.04em;text-align:center;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .12s,color .12s}.push-mode-seg__btn+.push-mode-seg__btn{border-left:1px solid var(--border-mid)}.push-mode-seg__btn:hover:not(.push-mode-seg__btn--active){background:var(--surface-hover);color:var(--text)}.push-mode-seg__btn--active{background:var(--accent-dim);color:var(--accent)}.push-mode-seg__btn--sm{flex:0;padding:3px 6px;font-size:10px}.push-mode-seg__btn:disabled{opacity:.3;pointer-events:none}.inspector-step-override-row{display:flex;align-items:center;gap:4px}.inspector-step-override-row .inspector-step-row__btn{min-width:20px;padding:2px 4px}.knob-grid-wrap{display:flex;flex-direction:column;gap:20px;min-width:max-content}.knob-grid{display:grid;gap:10px;align-items:start;min-width:max-content}.knob-list{display:flex;flex-direction:column;gap:0;padding:4px 8px}.knob-list__header{display:grid;grid-template-columns:12px 20px 36px 84px minmax(60px,180px) 48px 48px 40px 16px 16px 32px 32px;gap:0 6px;align-items:center;padding:0 8px 3px;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-ghost);border-bottom:1px solid var(--border);margin-bottom:2px}.knob-list__header>:nth-child(3){text-align:right}.knob-list__row{display:grid;grid-template-columns:12px 20px 36px 84px minmax(60px,180px) 48px 48px 40px 16px 16px 32px 32px;gap:0 6px;align-items:center;padding:3px 8px;border-radius:3px;cursor:pointer;font-size:11px;border-bottom:1px solid var(--border)}.knob-list__row:last-child{border-bottom:none}.knob-list__row:hover{background:var(--card-hover)}.knob-list__row--selected{background:var(--accent-dim)!important}.knob-list__row--unmapped{opacity:.45}.knob-list__icon{transform:scale(.6);transform-origin:center}.knob-list__cc{font-family:var(--font-mono, monospace);font-weight:600;font-size:9px;color:var(--text-muted);text-align:right;min-width:0;overflow:hidden}.knob-list__op{font-size:9px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.knob-list__par{font-weight:600;font-size:11px;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.knob-list__par--empty{color:var(--text-ghost);font-weight:400}.knob-list__lrn,.knob-list__par-btn{font-size:8px;font-weight:700;padding:1px 2px;border-radius:3px;border:1px solid var(--border-mid);background:transparent;color:var(--text-muted);cursor:pointer;white-space:nowrap;opacity:0;transition:opacity .1s;width:100%;min-width:0;box-sizing:border-box}.knob-list__row:hover .knob-list__lrn,.knob-list__row:hover .knob-list__par-btn{opacity:1}.knob-list__lrn:hover,.knob-list__par-btn:hover{border-color:var(--accent);color:var(--accent)}.knob-list__lrn--on,.knob-list__par-btn--on{background:var(--accent);border-color:var(--accent);color:#fff;opacity:1}.knob-list__handle{cursor:grab;color:var(--text-ghost);font-size:10px;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity .1s}.knob-list__row:hover .knob-list__handle{opacity:1}.knob-list__par-chip{cursor:grab;border-radius:2px;padding:0 1px}.knob-list__par-chip:hover{background:var(--accent-dim)}.knob-list__field{width:100%;min-width:0;box-sizing:border-box;font-size:9px;font-family:var(--font-mono, monospace);color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:2px;padding:1px 3px;text-align:left;-moz-appearance:textfield}.knob-list__field::-webkit-inner-spin-button,.knob-list__field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.knob-list__field:hover{border-color:var(--border-mid)}.knob-list__field:focus{border-color:var(--accent);outline:none;color:var(--text);background:var(--bg)}.knob-list__field::placeholder{color:var(--text-ghost);font-style:italic}.knob-list__field--def{color:var(--text-ghost)}.knob-list__field-sep{color:var(--text-ghost);font-size:9px}.knob-list__clamp{font-size:10px;background:none;border:1px solid transparent;border-radius:2px;color:var(--text-ghost);cursor:pointer;padding:0;line-height:1;width:100%;min-width:0;box-sizing:border-box}.knob-list__clamp:hover{border-color:var(--border-mid);color:var(--text-muted)}.knob-list__clamp--on{color:var(--accent);border-color:var(--accent)}.knob-list__row--drag-over{outline:1px dashed var(--accent);background:var(--accent-dim)!important}.knob-cell--empty{width:var(--card-w);align-self:stretch;border:1px dashed var(--surface-raised);border-radius:var(--radius);background:transparent;color:var(--border-mid);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s}.knob-cell--empty:hover{border-color:var(--accent);color:var(--accent)}.knob-cell--drag-over{border-color:var(--accent);background:var(--surface-hover);color:var(--accent)}.grid-corner{position:relative;display:flex;align-items:center;justify-content:center;width:var(--fill-btn-w);height:var(--fill-btn-w)}.grid-corner__btn{width:100%;height:100%;background:transparent;border:1px dashed var(--surface-raised);border-radius:4px;color:var(--border-hover);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:border-color .15s,color .15s}.grid-corner__btn:hover,.grid-corner__btn--open{border-color:var(--accent);color:var(--accent)}.grid-corner__btn--learn{border-color:var(--warning-bright);color:var(--warning-bright);animation:learn-pulse 1.2s ease-in-out infinite}@keyframes learn-pulse{0%,to{opacity:1}50%{opacity:.5}}.grid-corner__menu{position:absolute;top:calc(100% + 4px);left:0;z-index:300;background:var(--surface);border:1px solid var(--accent-dim);border-radius:4px;display:flex;flex-direction:column;min-width:90px;overflow:hidden}.grid-corner__item{background:transparent;border:none;border-top:1px solid var(--border);color:var(--text);font-family:var(--font);font-size:10px;padding:5px 9px;text-align:left;cursor:pointer;white-space:nowrap;transition:background .12s}.grid-corner__item:first-child{border-top:none}.grid-corner__item:hover{background:var(--accent-dim)}.grid-corner__item--disabled{opacity:.35;cursor:default}.grid-corner__item--disabled:hover{background:transparent}.grid-corner__item--danger{color:#c06060}.grid-corner__item--danger:hover{background:#dc3c3c1f;color:#e87070}.grid-corner__item--active{color:var(--warning-bright)}.grid-corner__item--active:hover{background:#f5a6231f;color:#f7b84a}.grid-corner__types{display:flex;flex-direction:row;padding:2px;gap:1px}.grid-corner__type-opt{flex:1;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:3px;cursor:pointer;padding:4px 3px;transition:background .12s}.grid-corner__type-opt:hover{background:var(--accent-dim)}.grid-corner__type-opt .type-pictogram{font-size:10px}.grid-corner__sep{height:1px;background:var(--border);margin:2px 0}.fill-btn{border:1px dashed var(--surface-raised);border-radius:4px;background:transparent;color:var(--border-mid);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1;padding:0;transition:border-color .15s,color .15s}.fill-btn:hover{border-color:var(--accent);color:var(--accent)}.fill-btn--row{width:var(--fill-btn-w);height:100%}.fill-btn--col{height:var(--fill-btn-w)}.fill-btn-picker{display:flex;background:var(--surface);border:1px solid var(--accent-dim);border-radius:4px}.fill-btn-picker--row{flex-direction:column;width:var(--fill-btn-w);height:100%}.fill-btn-picker--col{flex-direction:row;height:var(--fill-btn-w)}.fill-btn-picker__opt{flex:1;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;transition:background .15s;position:relative}.fill-btn-picker--row .fill-btn-picker__opt+.fill-btn-picker__opt{border-top:1px solid var(--border)}.fill-btn-picker--col .fill-btn-picker__opt+.fill-btn-picker__opt{border-left:1px solid var(--border)}.fill-btn-picker__opt:hover{background:var(--accent-dim)}.fill-btn-picker--row>:first-child{border-radius:3px 3px 0 0}.fill-btn-picker--row>:last-child{border-radius:0 0 3px 3px}.fill-btn-picker--col>:first-child{border-radius:3px 0 0 3px}.fill-btn-picker--col>:last-child{border-radius:0 3px 3px 0}.fill-btn-picker__opt:after{content:attr(data-tip);position:absolute;background:#0f0f0ff5;color:var(--text);border:1px solid var(--border);border-radius:3px;padding:2px 7px;font-size:10px;font-family:var(--font);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s .25s;z-index:200}.fill-btn-picker__opt:hover:after{opacity:1}.fill-btn-picker--row .fill-btn-picker__opt:after{left:calc(100% + 6px);top:50%;transform:translateY(-50%)}.fill-btn-picker--col .fill-btn-picker__opt:after{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.fill-btn-picker__clear{flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;font-size:11px;line-height:1;color:#644;transition:background .15s,color .15s;position:relative}.fill-btn-picker--row .fill-btn-picker__clear{width:100%;height:16px;border-top:1px solid var(--border)}.fill-btn-picker--col .fill-btn-picker__clear{height:100%;width:16px;border-left:1px solid var(--border)}.fill-btn-picker__clear:hover{background:#dc3c3c1f;color:#e87070}.fill-btn-picker__clear:after{content:attr(data-tip);position:absolute;background:#0f0f0ff5;color:var(--text);border:1px solid var(--border);border-radius:3px;padding:2px 7px;font-size:10px;font-family:var(--font);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s .25s;z-index:200}.fill-btn-picker__clear:hover:after{opacity:1}.fill-btn-picker--row .fill-btn-picker__clear:after{left:calc(100% + 6px);top:50%;transform:translateY(-50%)}.fill-btn-picker--col .fill-btn-picker__clear:after{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.fill-btn-picker .type-pictogram{font-size:10px}.fill-btn-picker__action{flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;font-size:10px;line-height:1;color:var(--accent);transition:background .15s,color .15s;position:relative}.fill-btn-picker--row .fill-btn-picker__action{width:100%;height:16px;border-top:1px solid var(--border)}.fill-btn-picker--col .fill-btn-picker__action{height:100%;width:16px;border-left:1px solid var(--border)}.fill-btn-picker__action:hover{background:var(--accent-dim)}.fill-btn-picker__action--disabled{opacity:.3;cursor:default}.fill-btn-picker__action--disabled:hover{background:transparent}.fill-btn-picker__action--unbind{color:#a08040}.fill-btn-picker__action--unbind:hover{background:#a080401f}.fill-btn-picker__action--clearcc{color:#6080a0}.fill-btn-picker__action--clearcc:hover{background:#6080a01f}.fill-btn-picker__action:after{content:attr(data-tip);position:absolute;background:#0f0f0ff5;color:var(--text);border:1px solid var(--border);border-radius:3px;padding:2px 7px;font-size:10px;font-family:var(--font);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s .25s;z-index:200}.fill-btn-picker__action:hover:after{opacity:1}.fill-btn-picker--row .fill-btn-picker__action:after{left:calc(100% + 6px);top:50%;transform:translateY(-50%)}.fill-btn-picker--col .fill-btn-picker__action:after{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.confirm-dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:18px 20px 14px;min-width:220px;font-family:var(--font);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}.confirm-dialog::backdrop{background:#0000008c}.confirm-dialog__msg{font-size:13px;color:var(--text-muted);margin-bottom:14px;line-height:1.5}.confirm-dialog__msg strong{color:var(--text);font-weight:600}.confirm-dialog__actions{display:flex;gap:8px;justify-content:flex-end}.confirm-dialog__btn{padding:4px 14px;border-radius:4px;border:none;font-size:12px;font-family:var(--font);cursor:pointer;transition:opacity .15s,background .15s}.confirm-dialog__btn--cancel{background:var(--border-subtle);color:var(--text-muted)}.confirm-dialog__btn--cancel:hover{background:var(--border-mid);color:var(--text)}.confirm-dialog__btn--remove{background:#4a1515;color:#e07070;border:1px solid #6a2020}.confirm-dialog__btn--remove:hover{background:#5a1a1a;color:#f08080}.ctx-menu{position:fixed;z-index:300;min-width:160px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #0000008c;padding:4px 0;font-family:var(--font);font-size:12px;-webkit-user-select:none;user-select:none}.ctx-menu__item{display:flex;align-items:center;gap:7px;width:100%;padding:5px 12px;background:none;border:none;color:var(--text);cursor:pointer;text-align:left;font-size:12px;font-family:var(--font);white-space:nowrap}.ctx-menu__item:hover{background:var(--accent-dim)}.ctx-menu__item--disabled{color:var(--text-muted);cursor:default}.ctx-menu__item--disabled:hover{background:none}.ctx-menu__item--current{color:var(--accent)}.ctx-menu__item--convert{padding-left:10px}.ctx-menu__sep{height:1px;background:var(--border);margin:3px 0}.ctx-menu__label{padding:5px 12px 2px;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.ctx-menu__check{margin-left:auto;font-size:11px;color:var(--accent)}.type-picker{width:var(--card-w);min-height:126px;background:var(--surface);border:1px solid var(--accent-dim);border-radius:var(--radius);display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:6px}.type-picker__btn{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:6px 8px;background:var(--bg);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:10px;color:var(--text-muted);text-transform:capitalize;letter-spacing:.06em;transition:border-color .15s,background .15s,color .15s}.type-picker__btn:hover{border-color:var(--accent);background:var(--accent-dim);color:var(--text)}.knob-card{width:var(--card-w);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s,box-shadow .15s;display:flex;flex-direction:column}.knob-card--mapped{border-color:var(--accent-dim)}.knob-card--mapped:hover{border-color:var(--accent)}.knob-card:not(.knob-card--mapped):hover{border-color:var(--border-mid)}.knob-card--hover{border-color:var(--warning-bright);box-shadow:0 0 4px color-mix(in srgb,var(--warning-bright) 30%,transparent)}.knob-card--hover:hover{border-color:var(--warning-bright);box-shadow:0 0 6px color-mix(in srgb,var(--warning-bright) 45%,transparent)}.knob-card--selected{border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent)!important}.knob-card--slot-control{border-color:rgba(var(--slot-ctrl-c, 192, 132, 252),.45)}.knob-card--slot-control:hover{border-color:rgba(var(--slot-ctrl-c, 192, 132, 252),.7)}.knob-card--slot-target:not(.knob-card--slot-control){border-color:rgba(var(--slot-tgt-c, 192, 132, 252),.35)}.knob-card--slot-target:not(.knob-card--slot-control):hover{border-color:rgba(var(--slot-tgt-c, 192, 132, 252),.55)}.knob-card--slot-target{background-color:rgba(var(--slot-tgt-c, 192, 132, 252),.06)}.knob-card--slot-target:hover{background-color:rgba(var(--slot-tgt-c, 192, 132, 252),.1)}.knob-card--pickup-waiting{border-color:var(--warning);opacity:.6}.knob-card--pickup-waiting .knob-card__icon-area:after{content:"⇥";position:absolute;top:2px;right:4px;font-size:9px;color:var(--warning);opacity:.8}.knob-card__icon-area{position:relative}.knob-card--compact .knob-card__cc-row{display:none}.knob-card--compact .knob-card__icon-area{height:28px}.knob-card--compact .slot-icon--knob{width:18px;height:18px;border-width:2px}.knob-card--compact .slot-icon--knob:after{top:-4px;width:2px;height:6px}.knob-card--compact .slot-icon--fader{width:4px;height:18px}.knob-card--compact .slot-icon--fader:after{width:10px;height:4px;top:25%}.knob-card--compact .slot-icon--button{width:20px;height:14px;border-radius:4px;box-shadow:0 2px 0 var(--button-shadow)}.knob-card--compact .slot-icon--push:before{top:4px;right:4px;bottom:4px;left:4px}.knob-card--compact .knob-card__toolbar{height:18px;padding:2px 6px 0}.app--mini{--card-w: 64px}.knob-card--mini .knob-card__toolbar{height:14px;padding:1px 4px 0}.knob-card--mini .knob-card__toolbar .drag-handle,.knob-card--mini .knob-card__toolbar .knob-card__remove{font-size:.65rem}.knob-card--mini .knob-card__icon-area{height:22px}.knob-card--mini .slot-icon--knob{width:14px;height:14px;border-width:2px}.knob-card--mini .slot-icon--knob:after{top:-3px;width:2px;height:5px}.knob-card--mini .slot-icon--fader{width:3px;height:14px}.knob-card--mini .slot-icon--fader:after{width:8px;height:3px;top:25%}.knob-card--mini .slot-icon--button{width:16px;height:10px;border-radius:3px}.knob-card--mini .slot-icon--push:before{top:3px;right:3px;bottom:3px;left:3px}.knob-card--mini{overflow:visible}.knob-card__mini-row{display:flex;align-items:center;justify-content:center;gap:4px;padding:2px 4px 4px}.knob-card__mapped-dot{width:6px;height:6px;border-radius:50%;background:var(--border-mid);flex-shrink:0}.knob-card__mapped-dot--on{background:var(--accent)}.learn-btn--mini{font-size:.6rem;padding:1px 4px;min-width:0}.knob-card__toolbar{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 0;height:22px}.knob-card__icon-area{display:flex;align-items:center;justify-content:center;height:52px}.knob-card__cc-row{display:flex;align-items:center;gap:5px;padding:0 8px 5px;border-bottom:1px solid var(--border)}.knob-card__msg-type{display:flex;gap:0;flex-shrink:0}.msg-type-chip{font-size:8px;padding:1px 3px;border:none;background:transparent;color:var(--text-ghost);cursor:pointer;line-height:1;opacity:.4;transition:opacity .15s}.msg-type-chip:first-child{border-radius:2px 0 0 2px}.msg-type-chip:last-child{border-radius:0 2px 2px 0}.msg-type-chip--active{opacity:1;color:var(--text-muted)}.knob-card__push-sep{height:1px;background:color-mix(in srgb,var(--knob-color) 20%,transparent);margin:0 8px}.knob-card__push-row{display:flex;align-items:center;gap:5px;padding:4px 8px 5px;min-height:22px}.knob-card__push-row--drag-over{background:color-mix(in srgb,var(--accent) 15%,transparent);border-radius:3px;outline:1px solid var(--accent)}.knob-card__param-names--push{font-size:10px;color:color-mix(in srgb,var(--knob-color) 70%,var(--text-muted))}.knob-card__params{display:flex;align-items:center;gap:5px;padding:5px 8px;min-height:26px}.knob-card__param-names{flex:1;min-width:0;font-size:11px;font-weight:600;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;gap:2px}.knob-card__param-chip{cursor:grab;border-radius:2px;padding:0 2px}.knob-card__param-chip:hover{background:var(--accent-dim)}.knob-card__param-chip+.knob-card__param-chip:before{content:"·";margin-right:2px;color:var(--text-muted);pointer-events:none}.knob-card__param-chip--broken{color:var(--danger);cursor:default}.knob-card__push-row--drag-over{background:var(--accent-dim);border-radius:3px}.knob-card__param-names--broken{color:var(--danger)}.knob-card__param-names--empty{color:var(--text-ghost);font-style:italic;font-weight:400}.knob-card__param-names--hover{color:var(--warning-bright);font-style:italic;font-weight:400}.knob-card__param-names--fn{color:var(--accent);font-style:italic;opacity:.8}.knob-card__param-names--slot{display:flex;align-items:center;overflow:visible}.knob-card__param-chip--slot{color:#c084fc;font-style:italic;display:flex;align-items:center;gap:2px}.knob-card__param-chip--slot:hover{background:#c084fc26}.knob-card__slot-badge{font-style:normal;flex-shrink:0;opacity:.85}.knob-card__slot-empty{opacity:.45;font-size:.88em}.slot-icon{position:relative;flex-shrink:0}.slot-icon--knob{width:32px;height:32px;border-radius:50%;border:3px solid var(--knob-color);box-shadow:0 0 10px color-mix(in srgb,var(--knob-color) 25%,transparent)}.slot-icon--knob:after{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:3px;height:7px;background:var(--knob-color);border-radius:2px}.slot-icon--fader{width:6px;height:32px;background:var(--border);border-radius:3px}.slot-icon--fader:after{content:"";position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);width:18px;height:8px;background:var(--fader-color);border-radius:3px;box-shadow:0 0 8px color-mix(in srgb,var(--fader-color) 30%,transparent)}.slot-icon--button{width:30px;height:22px;border:2px solid var(--button-color);border-radius:6px;background:transparent;box-shadow:0 3px 0 var(--button-shadow),0 0 10px color-mix(in srgb,var(--button-color) 20%,transparent)}.slot-icon--knob-rel:after{display:none}.slot-icon--push:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:var(--knob-color);opacity:.7}.knob-card--selected .slot-icon--knob{border-color:var(--accent)}.knob-card__remove{background:none;border:none;color:var(--border-mid);font-size:16px;line-height:1;cursor:pointer;padding:0;margin-left:auto;flex-shrink:0;transition:color .15s}.knob-card__remove:hover{color:var(--danger)}.field-input--cc{flex:1;min-width:0;background:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;color:var(--text-muted);font-size:12px;font-family:var(--font);padding:2px 4px;outline:none;transition:border-color .15s,color .15s}.field-input--cc:focus{border-color:var(--accent);color:var(--text)}.field-input--cc::placeholder{color:var(--border-mid)}.field-input--channel{max-width:52px;text-align:center}.slot-target-stepper{display:flex;align-items:center;flex:1;min-width:0;gap:2px}.slot-target-stepper__input{text-align:center;flex:1;min-width:0}.slot-target-stepper__btn{flex-shrink:0;width:18px;height:18px;padding:0;border:1px solid var(--border);border-radius:3px;background:transparent;color:var(--text-muted);font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.slot-target-stepper__btn:hover{border-color:var(--border-mid);color:var(--text)}.slot-target-stepper__btn:active{background:var(--bg-raised)}.assignment-op{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.assignment-par{font-size:13px;font-weight:600;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em;flex:1;min-width:0}.assignment-group-tag{font-size:9px;font-weight:400;color:var(--accent-dim);text-transform:uppercase;letter-spacing:.1em;vertical-align:middle;margin-left:3px}.assignment-empty{font-size:11px;color:#2e2e2e;font-style:italic}.assignment-edit-hint{position:absolute;right:8px;bottom:5px;font-size:8px;color:var(--border-mid)}.assignment-editor{background:var(--bg);border-top:1px solid var(--border);padding:8px 10px;display:flex;flex-direction:column;gap:6px;width:100%;overflow:hidden}.editor-row{display:flex;align-items:center;gap:6px;min-width:0}.editor-label{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);width:22px;flex-shrink:0}.editor-input{flex:1;min-width:0;background:var(--bg-deep);border:1px solid var(--border);border-radius:3px;color:var(--text);font-size:11px;font-family:monospace;padding:3px 6px;outline:none;transition:border-color .15s}.editor-input:focus{border-color:var(--accent)}.editor-actions{display:flex;gap:6px}.editor-btn{flex:1;padding:4px 8px;border-radius:3px;border:none;font-size:11px;cursor:pointer;transition:opacity .15s}.editor-btn:disabled{opacity:.3;cursor:default}.editor-btn--primary{background:var(--accent);color:#fff}.editor-btn--primary:not(:disabled):hover{opacity:.85}.editor-btn--danger{background:#3a1010;color:var(--danger);border:1px solid #3a1010}.editor-btn--danger:hover{background:#4a1515}.editor-divider{height:1px;background:var(--border);margin:2px 0}.editor-range-row{display:flex;gap:6px}.range-field{flex:1;display:flex;flex-direction:column;gap:2px}.range-field__head{display:flex;align-items:center;justify-content:center;gap:4px;padding:2px 0}.range-field__head--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.range-label{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);text-align:center}.range-label--override{color:var(--accent)}.range-clamp-check{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:13px;height:13px;border:1px solid #555;border-radius:2px;background:transparent;cursor:pointer;flex-shrink:0;transition:background .15s,border-color .15s;position:relative;padding:3px;background-clip:content-box}.range-clamp-check:checked{background:var(--accent);border-color:var(--accent)}.range-clamp-check:checked:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6'%3E%3Cpath d='M1 3l1.5 1.5L5 1.5' stroke='%23fff' stroke-width='1.2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}.range-input{width:100%;background:var(--bg-deep);border:1px solid var(--border);border-radius:3px;color:var(--text-muted);font-size:11px;font-family:monospace;padding:3px 4px;text-align:center;outline:none;transition:border-color .15s,color .15s}.range-input--override{color:var(--accent);border-color:var(--accent-dim)}.range-input--clamped{border-color:var(--accent-dim);box-shadow:0 0 0 1px var(--accent-dim) inset}.range-input:focus{border-color:var(--accent);color:var(--text)}.toggle-row{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px}.easing-picker{position:relative;margin:4px 0}.easing-picker__btn{display:flex;align-items:center;gap:6px;width:100%;padding:4px 8px;background:var(--surface);border:1px solid var(--border-mid);border-radius:4px;color:var(--text);font-size:10px;cursor:pointer}.easing-picker__btn:hover{border-color:var(--accent)}.easing-picker__label{flex:1;text-align:left}.easing-picker__dropdown{position:fixed;max-height:260px;width:320px;overflow-y:auto;background:var(--bg);border:1px solid var(--border-mid);border-radius:6px;z-index:500;padding:4px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;box-shadow:0 8px 24px #00000080}.easing-picker__option{display:flex;align-items:center;gap:3px;padding:4px 5px;background:none;border:none;border-radius:3px;color:var(--text-muted);font-size:8px;cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden}.easing-picker__option:hover{background:var(--card-hover);color:var(--text)}.easing-picker__option--active{color:var(--accent);background:var(--accent-dim)}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);background:#0f0f0ff5;color:var(--text);border:1px solid var(--border);border-radius:3px;padding:4px 8px;font-size:10px;font-family:var(--font);white-space:pre-line;max-width:220px;pointer-events:none;opacity:0;transition:opacity .12s .35s;z-index:200}[data-tip]:hover:after{opacity:1}[data-tip-up]:after{content:attr(data-tip-up);position:absolute;bottom:calc(100% + 4px);top:auto;left:50%;transform:translate(-50%);background:#0f0f0ff5;color:var(--text);border:1px solid var(--border);border-radius:3px;padding:4px 8px;font-size:10px;font-family:var(--font);white-space:pre-line;max-width:220px;pointer-events:none;opacity:0;transition:opacity .12s .35s;z-index:200}[data-tip-up]:hover:after{opacity:1}.toggle-row--disabled{opacity:.25;pointer-events:none}.toggle-label{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.toggle-btn{position:relative;width:28px;height:15px;border-radius:8px;border:none;cursor:pointer;padding:0;flex-shrink:0;transition:background .2s}.toggle-btn--off{background:var(--surface-raised)}.toggle-btn--on{background:var(--accent)}.toggle-btn__thumb{position:absolute;top:2px;width:11px;height:11px;border-radius:50%;background:#fff;transition:left .15s;pointer-events:none}.toggle-btn--off .toggle-btn__thumb{left:2px}.toggle-btn--on .toggle-btn__thumb{left:15px}.toolbar-right{display:flex;align-items:center;gap:8px}.knob-list{display:flex;flex-direction:column}.knob-list__head,.knob-row{display:grid;grid-template-columns:20px 48px 64px 1fr 56px 56px 56px 32px 32px 32px 28px;align-items:center;min-height:30px}.knob-list__head{padding:0 4px;border-bottom:1px solid var(--border);margin-bottom:2px;position:sticky;top:0;background:var(--bg);z-index:1;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.kl-slot{padding:0 6px 0 4px}.kl-cc,.kl-assign{padding:0 4px}.kl-val{padding:0 2px;text-align:center;font-family:monospace}.kl-tog,.kl-rm{display:flex;justify-content:center}.knob-row-group{border-bottom:1px solid #1a1a1a}.knob-row{padding:2px 4px;transition:background .1s}.knob-row:hover{background:#141414}.knob-row--oog{border-left:2px solid #5c3a00}.knob-row__slot-cell{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:3px}.knob-row__oog-icon{font-size:10px;color:var(--warning)}.kl-cc-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--surface-raised);color:var(--text-muted);font-size:12px;font-family:var(--font);padding:2px 4px;outline:none;transition:border-color .15s,color .15s}.kl-cc-input:focus{border-color:var(--accent);color:var(--text)}.kl-assign--clickable{cursor:pointer;display:flex;align-items:center;gap:4px;padding:3px 6px;border-radius:3px;min-width:0;font-size:12px;transition:background .1s}.kl-assign--clickable:hover{background:var(--surface-hover)}.kl-assign__op{color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kl-assign__sep{color:var(--border-mid);flex-shrink:0}.kl-assign__par{color:var(--accent);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kl-assign__grp{font-size:9px;color:var(--accent-dim);text-transform:uppercase;flex-shrink:0}.kl-assign__empty{color:#2e2e2e;font-style:italic}.kl-assign__arrow{font-size:8px;color:var(--border-mid);margin-left:auto;flex-shrink:0}.kl-val{font-size:11px;color:var(--text-muted)}.kl-val--override{color:var(--accent)}.kl-type-btn{font-size:8px;font-weight:700;letter-spacing:.04em;padding:1px 4px;border-radius:3px;border:none;cursor:pointer;margin-left:4px;line-height:1.4;flex-shrink:0;transition:opacity .15s}.kl-type-btn:hover{opacity:.75}.kl-type-btn--knob{background:var(--surface-raised);color:var(--text-muted)}.kl-type-btn--btn{background:#3a1f5a;color:#c792ea}.kl-tog-btn{width:14px;height:14px;border-radius:2px;border:1px solid var(--border);background:transparent;cursor:pointer;padding:0;transition:background .15s,border-color .15s}.kl-tog-btn--on{background:var(--accent);border-color:var(--accent)}.kl-tog-btn--disabled{opacity:.2;cursor:default}.kl-rm-btn{background:none;border:none;color:var(--border-mid);font-size:16px;line-height:1;cursor:pointer;padding:0 2px;transition:color .15s}.kl-rm-btn:hover{color:var(--danger)}.knob-list__oog-label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--warning-dim-text);padding:10px 8px 4px;border-top:1px dashed var(--warning-dim);margin-top:6px}.knob-row__editor{border-top:1px solid var(--border);background:var(--bg);padding:8px 12px}.row-editor__body{display:flex;gap:16px;align-items:flex-start}.row-editor__fields{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.row-editor__field{display:flex;align-items:center;gap:6px}.row-editor__ranges{display:flex;gap:6px;align-self:flex-end}.row-editor__actions{display:flex;flex-direction:column;gap:4px;align-self:center;flex-shrink:0}.drag-mode-toggle{display:inline-flex;align-items:center;gap:2px;color:var(--border-hover)}.drag-mode-toggle__icon{font-size:12px;color:#383838;line-height:1;margin-right:2px}.drag-mode-toggle__btn{background:none;border:none;color:var(--text-ghost);font-size:10px;font-family:var(--font);text-transform:uppercase;letter-spacing:.07em;cursor:pointer;padding:2px 5px;border-radius:2px;transition:color .15s,background .15s}.drag-mode-toggle__btn:hover{color:var(--text-muted)}.drag-mode-toggle__btn--active{color:var(--text-muted);background:var(--surface-hover)}.drag-mode-toggle__sep{color:var(--border-subtle);font-size:10px;pointer-events:none}.drag-handle{display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:var(--border-mid);cursor:grab;-webkit-user-select:none;user-select:none;padding:2px 3px;border-radius:3px;transition:color .15s,background .15s;line-height:1;touch-action:none}.drag-handle:hover{color:var(--text-muted);background:var(--surface-raised)}.is-dragging,.is-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.is-dragging-copy,.is-dragging-copy *{cursor:copy!important;-webkit-user-select:none!important;user-select:none!important}.kl-drag{display:flex;justify-content:center;align-items:center}.knob-card--drag-over{border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent)}.inspector-slot-target--drag-over{outline:2px solid var(--accent);outline-offset:-2px;background:var(--accent-dim)!important;border-radius:4px}@keyframes pending-inspect-glow{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 0%,transparent)}60%{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 50%,transparent)}to{box-shadow:0 0 0 2px var(--accent),0 0 8px color-mix(in srgb,var(--accent) 40%,transparent)}}.knob-card--pending-inspect{animation:pending-inspect-glow .7s ease-in forwards;z-index:1}@keyframes drag-activate-fill{0%{background:var(--bg-mid);color:var(--text-muted)}to{background:var(--accent);color:#fff}}.drag-hover-activate--pending{animation:drag-activate-fill .4s linear forwards!important}.assign-card--queue-drag-over{border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent),inset 0 0 8px var(--accent-dim);background:var(--accent-dim)!important}.knob-row-group--drag-over{outline:1px solid var(--accent);outline-offset:-1px;background:#0d0f1a}.device-selector{display:flex;align-items:center;gap:8px;padding:6px 20px;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;flex-wrap:wrap}.device-selector__label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);flex-shrink:0}.device-selector__tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.device-tab-wrap{display:flex;align-items:center;gap:2px}.device-tab{padding:3px 10px;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text-muted);font-size:11px;font-family:var(--font);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.device-tab:hover{border-color:var(--border-hover);color:var(--text)}.device-tab--active{border-color:var(--accent);color:var(--text);background:var(--accent-dim)}.device-ch-badge{font-size:9px;color:#555;background:none;border:none;padding:2px 4px;cursor:pointer;border-radius:3px;transition:color .15s,background .15s;letter-spacing:.04em}.device-ch-badge:hover{color:var(--text-muted);background:var(--surface-hover)}.device-ch-edit{display:flex;align-items:center;gap:2px}.device-ch-input{width:38px;background:var(--bg-deep);border:1px solid var(--accent);border-radius:3px;color:var(--text);font-size:11px;font-family:var(--font);padding:2px 4px;text-align:center;outline:none}.device-ch-btn{background:none;border:none;color:var(--text-muted);font-size:11px;cursor:pointer;padding:2px 4px;border-radius:2px;transition:color .15s,background .15s}.device-ch-btn:hover{color:var(--text);background:var(--surface-raised)}.device-drag-handle{cursor:grab;color:var(--text-muted);font-size:12px;padding:0 3px;-webkit-user-select:none;user-select:none;line-height:1;flex-shrink:0}.device-drag-handle:hover{color:var(--text)}.device-tab-wrap--drag-over .device-tab,.device-tab-wrap--drag-over .device-rename{outline:1px solid var(--accent)}.device-tab-wrap--drag-hover .device-tab{outline:2px dashed var(--accent);outline-offset:2px}.device-remove-btn{background:none;border:none;color:var(--text-muted);font-size:10px;padding:0 2px;cursor:pointer;line-height:1;opacity:0;transition:opacity .15s,color .15s;flex-shrink:0}.device-tab-wrap:hover .device-remove-btn{opacity:1}.device-remove-btn:hover{color:#e06c75}.device-rename{display:flex;align-items:center;gap:2px}.device-rename__input{width:80px;padding:2px 4px;font-size:11px;background:var(--bg);border:1px solid var(--accent);border-radius:3px;color:var(--text)}.device-add-btn{padding:3px 10px;background:transparent;border:1px dashed var(--border-mid);border-radius:4px;color:var(--border-hover);font-size:11px;font-family:var(--font);cursor:pointer;transition:border-color .15s,color .15s}.device-add-btn:hover{border-color:var(--accent);color:var(--accent)}.device-create{display:flex;align-items:center;gap:4px}.device-create__name{background:var(--bg-deep);border:1px solid var(--accent);border-radius:3px;color:var(--text);font-size:11px;font-family:var(--font);padding:3px 8px;width:120px;outline:none}.device-create__ch{width:46px;background:var(--bg-deep);border:1px solid var(--border);border-radius:3px;color:var(--text);font-size:11px;font-family:var(--font);padding:3px 4px;text-align:center;outline:none}.device-create__ch:focus{border-color:var(--accent)}.device-create__btn{padding:3px 10px;border-radius:3px;border:none;font-size:11px;font-family:var(--font);cursor:pointer;background:var(--accent);color:#fff;transition:opacity .15s}.device-create__btn:hover{opacity:.85}.device-create__btn--cancel{background:var(--border-subtle);color:var(--text-muted)}.device-create__btn--cancel:hover{opacity:.75}.device-create__label{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-left:2px}.device-create__preset{font-size:11px;font-family:var(--font);padding:3px 6px;border-radius:3px;border:1px solid var(--border);background:var(--bg-deep);color:var(--text);cursor:pointer;outline:none;max-width:150px}.device-create__preset:focus{border-color:var(--accent)}.header-grid-scale{width:40px;height:3px;accent-color:var(--text-muted);opacity:.4;cursor:pointer;margin:0 2px}.header-grid-scale:hover{opacity:1}.bank-selector{display:flex;align-items:center;gap:8px;padding:4px 20px;border-bottom:1px solid var(--border);background:var(--bg-deep);flex-shrink:0;flex-wrap:wrap}.bank-selector__label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);flex-shrink:0}.bank-selector__tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.bank-tab-wrap{display:flex;align-items:center;gap:2px}.bank-tab{padding:2px 10px;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text-muted);font-size:11px;font-family:var(--font);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.bank-tab:hover{border-color:var(--border-hover);color:var(--text)}.bank-tab--active{border-color:#4ec9b0;color:var(--text);background:#4ec9b01a}.bank-copy-btn{background:none;border:none;color:var(--text-muted);font-size:10px;padding:0 2px;cursor:pointer;line-height:1;opacity:0;transition:opacity .15s,color .15s;flex-shrink:0}.bank-tab-wrap:hover .bank-copy-btn{opacity:1}.bank-copy-btn:hover{color:#4ec9b0}.bank-remove-btn{background:none;border:none;color:var(--text-muted);font-size:10px;padding:0 2px;cursor:pointer;line-height:1;opacity:0;transition:opacity .15s,color .15s;flex-shrink:0}.bank-tab-wrap:hover .bank-remove-btn{opacity:1}.bank-remove-btn:hover{color:#e06c75}.bank-rename{display:flex;align-items:center;gap:2px}.bank-rename__input{width:80px;padding:2px 4px;font-size:11px;background:var(--bg);border:1px solid #4ec9b0;border-radius:3px;color:var(--text)}.bank-add-btn{padding:2px 10px;background:transparent;border:1px dashed var(--border-mid);border-radius:4px;color:var(--border-hover);font-size:11px;font-family:var(--font);cursor:pointer;transition:border-color .15s,color .15s}.bank-add-btn:hover{border-color:#4ec9b0;color:#4ec9b0}.retarget-popup{background:var(--bg);border:1px solid var(--border-mid);border-radius:6px;padding:8px;z-index:500;box-shadow:0 6px 20px #0006;min-width:260px;display:flex;flex-direction:column;gap:5px}.retarget-popup__row{display:flex;align-items:center;gap:6px}.retarget-popup__row label{font-size:9px;font-weight:600;color:var(--text-muted);min-width:42px}.retarget-popup__row input{flex:1;font-size:10px;font-family:var(--font-mono, monospace);padding:3px 6px;border:1px solid var(--border-mid);border-radius:3px;background:var(--surface);color:var(--text)}.retarget-popup__row input:focus{border-color:var(--accent);outline:none}.retarget-popup__btn{font-size:10px;font-weight:600;padding:4px 10px;border:1px solid var(--accent);border-radius:3px;background:transparent;color:var(--accent);cursor:pointer;align-self:flex-end}.retarget-popup__btn:hover{background:var(--accent-dim)}.retarget-popup__btn:disabled{opacity:.4;cursor:default}.retarget-popup__scopes{display:flex;gap:2px;flex-wrap:wrap}.retarget-popup__scope{font-size:8px;padding:2px 6px;border:1px solid var(--border-mid);border-radius:3px;background:transparent;color:var(--text-muted);cursor:pointer}.retarget-popup__scope:hover{border-color:var(--accent);color:var(--text)}.retarget-popup__scope--active{background:var(--accent);border-color:var(--accent);color:#fff}.retarget-popup__footer{display:flex;align-items:center;justify-content:flex-end;gap:8px}.retarget-popup__result{font-size:9px;color:var(--text-muted);text-align:right}.multi-mode-toggle{font-size:8px;font-weight:700;letter-spacing:.06em;padding:2px 6px;border-radius:3px;border:1px solid var(--border-mid);background:#1a1a1a;color:var(--border-hover);cursor:pointer;line-height:1.5;transition:border-color .15s,color .15s;white-space:nowrap}.multi-mode-toggle:hover{border-color:var(--accent);color:var(--accent)}.multi-mode-toggle--on{border-color:var(--accent-dim);color:var(--accent);background:#0e0e1c}.assignment-list{display:flex;flex-direction:column;gap:1px;padding:0 6px 6px}.assignment-pill-row{display:flex;flex-direction:column}.assignment-pill{display:flex;align-items:center;-webkit-user-select:none;user-select:none;gap:4px;padding:4px 6px;border-radius:4px;background:#141414;border:1px solid var(--surface-raised);cursor:pointer;transition:border-color .15s,background .15s;min-width:0}.assignment-pill:hover{border-color:var(--border-mid);background:#1a1a1a}.assignment-pill--open{border-color:var(--accent-dim);background:#0e0e1c}.assignment-pill__label{display:flex;align-items:baseline;gap:3px;flex:1;min-width:0;overflow:hidden}.assignment-pill__op{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.assignment-pill__sep{font-size:10px;color:var(--border-mid);flex-shrink:0}.assignment-pill__par{font-size:12px;font-weight:600;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.assignment-pill__remove{background:none;border:none;color:var(--border-mid);font-size:11px;line-height:1;cursor:pointer;padding:0 2px;flex-shrink:0;transition:color .15s}.assignment-pill__remove:hover{color:var(--danger)}.assignment-pill__drag{flex:0 0 auto;color:var(--text-muted);cursor:grab;padding:0 4px 0 0;font-size:13px;line-height:1;-webkit-user-select:none;user-select:none}.assignment-pill__drag:active{cursor:grabbing}.assignment-pill--broken{border-color:var(--danger);background:#b4282814;cursor:default}.assignment-pill--broken .assignment-pill__op{color:#c06060}.assignment-pill--broken .assignment-pill__par{color:var(--danger)}.assignment-op--broken{color:#c06060}.assignment-par--broken{color:var(--danger)}.assignment-pill--drag-over{border-color:var(--accent);background:#5078dc14}.assignment-pill--drag-copy{border-color:#4ec9b0;background:#4ec9b014}.assign-clip-bar{display:flex;align-items:center;gap:6px;margin:6px 0 2px;padding:4px 8px;background:#5078dc14;border:1px solid var(--accent-dim);border-radius:var(--radius);font-size:11px;color:var(--text-muted);overflow:hidden}.assign-clip-bar__label{color:var(--accent);flex:0 0 auto;font-weight:600}.assign-clip-bar__content{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assign-clip-bar__clear{flex:0 0 auto;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;font-size:13px;line-height:1}.assign-clip-bar__clear:hover{color:var(--text)}.assignment-add-btn{margin-top:2px;padding:4px 8px;background:transparent;border:1px dashed var(--border-subtle);border-radius:4px;color:var(--text-ghost);font-size:11px;font-family:var(--font);cursor:pointer;text-align:left;transition:border-color .15s,color .15s}.assignment-add-btn:hover,.assignment-add-btn--open{border-color:var(--accent-dim);color:var(--accent)}.assignment-add-row{display:flex;align-items:center;gap:6px;margin-top:2px}.assignment-add-row .assignment-add-btn{margin-top:0;flex:1}.kl-multi-btn{font-size:8px;font-weight:700;letter-spacing:.04em;padding:1px 4px;border-radius:3px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-ghost);cursor:pointer;margin-left:2px;line-height:1.4;flex-shrink:0;transition:border-color .15s,color .15s}.kl-multi-btn:hover{border-color:var(--accent);color:var(--accent)}.kl-multi-btn--on{border-color:var(--accent-dim);color:var(--accent);background:#0e0e1c}.kl-assign__multi-count{color:var(--accent);font-size:12px;font-weight:600}.row-editor__body--multi{flex-direction:column;gap:2px}.row-editor__assign-item{display:flex;flex-direction:column}.row-editor__assign-header{display:flex;align-items:center;gap:6px;padding:5px 8px;background:#161616;border-radius:3px;cursor:pointer;font-size:12px;transition:background .1s;-webkit-user-select:none;user-select:none}.row-editor__assign-header:hover{background:var(--surface-hover)}.row-editor__assign-header--open{background:#0e0e1c}.row-editor__assign-add{color:var(--text-ghost);font-size:11px;border:1px dashed var(--border-subtle);transition:border-color .15s,color .15s,background .15s}.row-editor__assign-add:hover,.row-editor__assign-add.row-editor__assign-header--open{border-color:var(--accent-dim);color:var(--accent)}.row-editor__assign-add-row{display:flex;align-items:stretch;gap:4px}.row-editor__assign-add-row .row-editor__assign-add{flex:1}.knob-row__editor--nested{border-top:none;background:#0d0d18;padding:6px 8px 6px 16px}@keyframes learn-pulse{0%,to{opacity:1}50%{opacity:.55}}.learn-btn{font-size:8px;font-weight:700;letter-spacing:.06em;padding:1px 4px;border-radius:3px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-ghost);cursor:pointer;line-height:1.4;flex-shrink:0;transition:border-color .15s,color .15s,background .15s}.learn-btn:hover{border-color:var(--border-hover);color:var(--text-muted)}.learn-btn--on{background:var(--accent);color:#fff;border-color:var(--accent);animation:learn-pulse 1.2s ease-in-out infinite}.kl-learn-btn{font-size:8px;font-weight:700;letter-spacing:.06em;padding:1px 4px;border-radius:3px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-ghost);cursor:pointer;line-height:1.4;margin-left:2px;flex-shrink:0;transition:border-color .15s,color .15s,background .15s}.kl-learn-btn:hover{border-color:var(--border-hover);color:var(--text-muted)}.kl-learn-btn--on{background:var(--accent);color:#fff;border-color:var(--accent);animation:learn-pulse 1.2s ease-in-out infinite}@keyframes cc-learned{0%{box-shadow:0 0 0 2px var(--success);border-color:var(--success);color:var(--success)}70%{box-shadow:0 0 0 2px var(--success);border-color:var(--success);color:var(--success)}to{box-shadow:none;border-color:transparent;color:inherit}}.field-input--cc-flash,.kl-cc-input--flash{animation:cc-learned .7s ease-out forwards}.app--auto-learn{animation:auto-learn-pulse 2s ease-in-out infinite}@keyframes auto-learn-pulse{0%,to{box-shadow:inset 0 0 0 1px #d264141f,inset 0 0 80px #d264140a}50%{box-shadow:inset 0 0 0 1px #d264146b,inset 0 0 80px #d264141f}}.grace-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;box-shadow:inset 0 0 90px 30px #e743168c;animation:grace-glow-fade 1s cubic-bezier(.4,0,1,1) forwards}@keyframes grace-glow-fade{0%{opacity:1}40%{opacity:.75}to{opacity:0}}.config-panel{width:clamp(280px,25vw,360px);flex-shrink:0;border-left:1px solid var(--border);background:var(--surface);overflow-y:auto;display:flex;flex-direction:column}.config-panel__header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.config-panel__title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text)}.config-panel__tabs{display:flex;gap:0}.config-panel__tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;cursor:pointer}.config-panel__tab:hover{color:var(--text)}.config-panel__tab--active{color:var(--accent);border-bottom-color:var(--accent)}.config-panel__close{background:none;border:none;color:var(--border-hover);font-size:20px;line-height:1;cursor:pointer;padding:0 2px;transition:color .15s}.config-panel__close:hover{color:var(--danger)}.config-panel__body{flex:1;overflow-y:auto}.config-panel__section{border-bottom:1px solid var(--border)}.config-panel__section-header{display:flex;align-items:center;gap:6px;width:100%;padding:8px 14px;background:var(--surface-raised);border:none;cursor:pointer;text-align:left;transition:background .15s}.config-panel__section-header:hover{background:var(--surface-hover)}.config-panel__section-chevron{font-size:10px;color:var(--text-muted);width:10px}.config-panel__section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.config-panel__section-header--open .config-panel__section-title{color:var(--text)}.config-panel__section-count{font-size:9px;color:var(--text-ghost);margin-left:auto}.global-menu-anchor{position:relative}.global-menu{position:absolute;top:100%;right:0;z-index:600;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:380px;max-height:60vh;display:flex;flex-direction:column;box-shadow:0 8px 30px #00000080;margin-top:6px}.global-menu__header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.global-menu__title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text)}.global-menu__hint{font-size:10px;color:var(--text-ghost)}.global-menu__save-row{padding:8px 14px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.global-menu__list{overflow-y:auto;flex:1;padding:4px 0}.lib-save-btn{font-size:11px;padding:5px 12px;background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent);border-radius:4px;cursor:pointer;transition:background .15s,opacity .15s}.lib-save-btn:hover:not(:disabled){background:var(--accent);color:#fff}.lib-save-btn:disabled{opacity:.4;cursor:default}.lib-empty{padding:20px 16px;font-size:12px;color:var(--text-muted);text-align:center}.lib-entry{padding:8px 14px;border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:5px}.lib-entry:last-child{border-bottom:none}.lib-entry__info{display:flex;align-items:baseline;gap:8px}.lib-entry__name{font-size:12px;font-weight:600;color:var(--text)}.lib-entry__meta{font-size:10px;color:var(--text-muted)}.lib-entry__date{font-size:10px;color:var(--text-ghost);margin-left:auto}.lib-entry__actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.lib-entry__btn{font-size:10px;padding:3px 8px;background:var(--surface-raised);color:var(--text-muted);border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:background .12s,color .12s,border-color .12s;white-space:nowrap}.lib-entry__btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text);border-color:var(--border-hover)}.lib-entry__btn:disabled{opacity:.35;cursor:default}.lib-entry__btn--apply{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.lib-entry__btn--apply:hover{background:var(--accent)!important;color:#fff!important}.lib-entry__btn--danger{color:#fff;background:var(--danger);border-color:var(--danger)}.lib-entry__btn--danger:hover{opacity:.85}.lib-entry__btn--danger-outline{color:var(--danger);border-color:var(--danger);background:transparent}.lib-entry__btn--danger-outline:hover:not(:disabled){background:var(--danger)!important;color:#fff!important}.lib-entry__btn--cancel{color:var(--text-ghost);border-color:transparent;background:transparent}.lib-entry__btn--cancel:hover:not(:disabled){color:var(--text);background:var(--surface-hover)!important}.lib-inline-row{display:inline-flex;align-items:center;gap:4px}.lib-inline-label{font-size:10px;color:var(--text-muted);white-space:nowrap}.lib-list{padding:6px 0}.lib-section-bar{padding:8px 14px;border-bottom:1px solid var(--border-subtle);flex-shrink:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lib-section-hint{font-size:10px;color:var(--text-ghost)}.lib-save-btn--default{background:#ffc8001f;color:#d4a800;border-color:#d4a800}.lib-save-btn--default:hover:not(:disabled){background:#ffc80047!important;color:#d4a800!important}.lib-save-btn--named{background:var(--surface-raised);color:var(--text-muted);border-color:var(--border)}.lib-save-btn--named:hover:not(:disabled){background:var(--surface-hover)!important;color:var(--text)!important}.lib-name-input{font-size:11px;padding:3px 8px;background:var(--bg);color:var(--text);border:1px solid var(--accent);border-radius:4px;outline:none;width:160px}.lib-name-input:focus{box-shadow:0 0 0 2px var(--accent-dim)}.lib-entry--default{background:#ffc8000d}.lib-badge{font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.06em}.lib-badge--default{background:#ffc8002e;color:#c9a000;border:1px solid rgba(255,200,0,.35)}.lib-entry__name--global{font-size:11px;font-weight:500;color:var(--text)}.no-device-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;flex:1;padding:60px 24px;text-align:center}.no-device-state__icon{font-size:40px;opacity:.2;line-height:1}.no-device-state__msg{font-size:14px;font-weight:600;color:var(--text-muted)}.no-device-state__hint{font-size:12px;color:var(--text-ghost);max-width:340px;line-height:1.6}.no-device-state__hint strong{color:var(--text-muted);font-weight:600}.factory-presets-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:4px}.factory-preset-btn{font-size:12px;padding:6px 14px;border-radius:6px;border:1px solid var(--border);background:var(--surface-raised);color:var(--text);cursor:pointer;transition:border-color .15s,background .15s}.factory-preset-btn:hover{border-color:var(--accent);background:var(--accent-dim)}.factory-save-btn{font-size:11px;padding:3px 8px;border-radius:4px;border:1px dashed var(--warning);background:transparent;color:var(--warning);cursor:pointer;white-space:nowrap;transition:background .15s}.factory-save-btn:hover{background:var(--warning-dim)}.tut-svg-mask{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:800;pointer-events:none}.tut-hole{transition:x .32s cubic-bezier(.4,0,.2,1),y .32s cubic-bezier(.4,0,.2,1),width .32s cubic-bezier(.4,0,.2,1),height .32s cubic-bezier(.4,0,.2,1)}.tut-ring-svg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:801;pointer-events:none}.tut-ring{transition:x .32s cubic-bezier(.4,0,.2,1),y .32s cubic-bezier(.4,0,.2,1),width .32s cubic-bezier(.4,0,.2,1),height .32s cubic-bezier(.4,0,.2,1)}.tut-card{position:fixed;z-index:802;width:300px;max-width:calc(100vw - 32px);background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius);box-shadow:0 12px 40px #000000b8,0 0 0 1px #818cf826;display:flex;flex-direction:column;gap:10px;padding:16px 18px 14px;opacity:1;transform:translateY(0);transition:opacity .18s ease,transform .18s ease;overflow:hidden}.tut-card--transitioning{opacity:0;transform:translateY(6px)}.tut-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.tut-title{font-size:14px;font-weight:700;color:var(--text);line-height:1.3;margin-top:-4px}.tut-body{font-size:12px;color:var(--text-muted);line-height:1.65;white-space:pre-line;overflow-y:auto;flex-shrink:1;min-height:0}.tut-body code{background:var(--bg-deep);border:1px solid var(--border);border-radius:3px;padding:0 4px;font-size:11px;color:var(--accent);font-family:monospace}.tut-body b{color:var(--text);font-weight:600}.tut-zoom-picker{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 10px;background:var(--bg-deep);border:1px solid var(--border);border-radius:6px}.tut-zoom-picker__label{font-size:11px;color:var(--text-muted);white-space:nowrap;min-width:64px}.tut-zoom-picker__reset{font-size:10px;padding:2px 6px;border-radius:3px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;font-family:var(--font);white-space:nowrap}.tut-zoom-picker__reset:hover{color:var(--text);border-color:var(--border-mid)}.tut-progress{display:flex;gap:5px;align-items:center}.tut-dot{width:5px;height:5px;border-radius:50%;background:var(--border-mid);transition:background .2s,transform .2s;flex-shrink:0}.tut-dot--active{background:var(--accent);transform:scale(1.4)}.tut-dot--done{background:color-mix(in srgb,var(--accent) 40%,transparent)}.tut-nav{display:flex;align-items:center;gap:8px;border-top:1px solid var(--border);padding-top:10px;margin-top:2px}.tut-nav__skip{background:none;border:none;color:var(--text-ghost);font-size:11px;cursor:pointer;padding:2px 4px;margin-right:auto;transition:color .15s;font-family:var(--font)}.tut-nav__skip:hover{color:var(--text-muted)}.tut-nav__prev,.tut-nav__next{font-family:var(--font);font-size:11px;border-radius:4px;padding:4px 12px;cursor:pointer;transition:opacity .15s,border-color .15s,color .15s}.tut-nav__prev{background:none;border:1px solid var(--border);color:var(--text-muted)}.tut-nav__prev:hover:not(:disabled){border-color:var(--border-hover);color:var(--text)}.tut-nav__prev:disabled{opacity:.3;cursor:default}.tut-nav__next{background:var(--accent);border:none;color:#fff;font-weight:600;padding:5px 14px}.tut-nav__next:hover{opacity:.85}.tut-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:799;cursor:default}@media (max-width: 640px){.tut-card{width:calc(100vw - 32px);left:16px!important;right:16px!important;top:auto!important;bottom:80px!important}}