.manual-credit{color:var(--warn);opacity:.85;width:100%;font-size:11px}.manual-header .manual-logo-img{position:relative;top:4px}@media (width>=768px){.manual-credit{width:auto}.manual-logo-row{flex-wrap:nowrap}.manual-overlay .manual-panel{width:90%;max-width:980px}.manual-header .manual-logo-text{font-size:32px}.manual-header .manual-logo-img{position:relative;top:4px}.manual-tabs .manual-tab{padding:13px 18px;font-size:15px}.manual-body .man-text,.manual-body .man-dd,.manual-body .man-step,.manual-body .man-uc-desc,.manual-body .man-tip{font-size:16px}.manual-body .man-subtitle{font-size:15px}.manual-body .man-dt{width:210px;font-size:16px}.manual-body .man-dl-row{gap:16px;padding:8px 20px}.manual-body .man-uc-title{font-size:16px}}@font-face{font-family:Inter;src:url(/fonts/inter-latin-400-normal.woff2)format("woff2"),url(/fonts/inter-latin-400-normal.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin-600-normal.woff2)format("woff2"),url(/fonts/inter-latin-600-normal.woff)format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin-700-normal.woff2)format("woff2"),url(/fonts/inter-latin-700-normal.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--bg:#0d0d0d;--bg2:#161616;--bg3:#1e1e1e;--bg4:#252525;--border:#444;--border2:#555;--text:#d8d8d8;--text-dim:#a0a0a0;--text-med:silver;--accent:#4a9eff;--accent2:#4a7228;--accent3:#507030;--danger:#a01820;--warn:#e0a84a;--active-bg:#4a9eff1f;--radius:6px;--font:"Inter", "Segoe UI", system-ui, sans-serif;--fs:12px;--fs-sm:11px}@media (width>=768px){:root{--fs:14px;--fs-sm:12px}}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}button{appearance:none;outline:none}html,body,#root{background:var(--bg);width:100%;height:100%;overflow:hidden}body{color:var(--text);font-family:var(--font);font-size:var(--fs);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-user-select:none;user-select:none}.browser-banner{background:#4a9eff14;border-bottom:1px solid #4a9eff40;flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;display:flex}.browser-banner-text{color:var(--text-med);flex:1;font-size:12px;line-height:1.5}.browser-banner-text strong{color:var(--accent)}.browser-banner-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:14px;line-height:1}.browser-banner-close:hover{color:var(--text)}.app-shell{border:1px solid #252525;flex-direction:column;width:100%;max-width:1024px;height:100%;margin:0 auto;display:flex;overflow:hidden}.header{background:var(--bg3);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;height:56px;padding:6px 10px;display:flex;position:relative}.header-logo{align-items:center;gap:6px;display:flex;transform:translate(-6px)translateY(-2px)}.header-logo-img{width:auto;height:22px}.header-logo-text{color:var(--text);letter-spacing:-.5px;font-size:30px;font-weight:750;line-height:28px}.header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.header-beat-leds{flex-shrink:0;align-items:center;gap:7px;margin-left:auto;padding:0 2px;display:flex}.header-settings-btn{color:var(--text-med);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:18px;line-height:1}.header-settings-btn:hover{color:var(--accent)}.transport{background:var(--bg2);border-bottom:1px solid var(--border);flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:8px;height:44px;padding:0 8px 0 6px;display:flex}.transport-bpm{flex-shrink:0;align-items:center;gap:4px;height:32px;display:flex}.bpm-value{color:var(--accent2);cursor:pointer;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.5px;align-items:center;gap:3px;min-width:48px;height:32px;padding:0 10px;font-size:22px;font-weight:700;line-height:32px;display:inline-flex}.bpm-value:hover{color:var(--accent)}.bpm-label{font-size:var(--fs-sm);color:var(--text-dim);font-weight:400}.bpm-input-edit{background:var(--bg3);border:1px solid var(--accent);width:62px;height:32px;color:var(--text);border-radius:var(--radius);text-align:center;padding:0 6px;font-size:22px;font-weight:700}.bpm-adj-btn{background:var(--bg3);border:2px solid var(--border2);border-radius:var(--radius);width:32px;height:32px;color:var(--text);cursor:pointer;appearance:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0 0 2px;font-size:20px;font-weight:700;line-height:32px;display:flex}.bpm-adj-btn:hover{color:var(--accent);border-color:var(--accent)}.btn-tap{background:var(--bg3);border:2px solid var(--border2);color:var(--text-med);font-size:var(--fs-sm);border-radius:var(--radius);cursor:pointer;letter-spacing:.5px;align-items:center;height:32px;padding:0 10px;font-weight:600;display:flex}.btn-tap:hover{border-color:var(--accent);color:var(--accent)}.btn-tap:active{background:var(--bg4);border-color:var(--accent);color:var(--accent)}.transport-engine-dot{background:var(--bg4);border:1px solid var(--border2);border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .15s,box-shadow .15s,border-color .15s}.transport-engine-dot.playing{background:var(--accent2);border-color:var(--accent2);box-shadow:none}.transport-sync-badge{letter-spacing:.8px;color:var(--accent2);border:1px solid var(--accent2);border-radius:var(--radius);opacity:.9;flex-shrink:0;align-items:center;height:22px;padding:0 5px;font-size:9px;font-weight:700;display:inline-flex}.bpm-value-slave{cursor:default}.transport-quant{flex-shrink:0;align-items:center;gap:3px;margin-left:12px;display:flex}.transport-quant-label{color:var(--warn);letter-spacing:.5px;margin-right:2px;font-size:10px;font-weight:600}.quant-btn{background:var(--bg3);border:1px solid var(--border);height:22px;color:var(--text-dim);border-radius:var(--radius);cursor:pointer;letter-spacing:.3px;padding:0 7px;font-size:10px;font-weight:600}.quant-btn:hover{color:var(--text);border-color:var(--border2)}.quant-btn.active{border-color:var(--warn);color:var(--warn);background:#e0a84a26}.header-undoredo{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text);cursor:pointer;justify-content:center;align-items:center;width:24px;height:22px;padding:0;font-size:14px;display:flex;transform:translate(-2px)}.header-undoredo:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.header-undoredo:disabled{opacity:.45;cursor:default;border-color:var(--border2);color:var(--text-dim)}@media (width>=768px){.header-settings-btn{padding:2px 8px;font-size:26px}.header-undoredo{width:36px;height:34px;font-size:20px}.header-logo-img{height:30px}.header-logo-text{font-size:38px}}.transport-controls{flex-shrink:0;align-items:center;gap:4px;min-width:max-content;margin-left:auto;display:flex}.transport-beats{align-items:center;gap:5px;margin-left:10px;display:flex}.beat-led{background:var(--bg4);border:1px solid var(--border2);border-radius:50%;width:14px;height:14px;transition:background 40ms,box-shadow 40ms}.beat-led-on{background:var(--accent);border-color:var(--accent);box-shadow:none}.btn-play{background:var(--bg3);border:2px solid var(--accent2);color:var(--accent2);font-size:var(--fs-sm);border-radius:var(--radius);cursor:pointer;letter-spacing:.5px;white-space:nowrap;align-items:center;height:32px;padding:0 14px;font-weight:600;display:inline-flex}.btn-play:hover{border-color:var(--accent2);color:var(--accent2);box-shadow:0 0 0 1px var(--accent2)}.btn-play.active{border-color:var(--accent2);color:var(--accent2);background:#4a722824}.btn-play.beat-flash,.btn-play-track.beat-flash,.tc-play.beat-flash{border-color:var(--accent2);box-shadow:0 0 0 1px var(--accent2)}.btn-stop{background:var(--bg3);border:2px solid var(--border2);color:var(--text);font-size:var(--fs-sm);border-radius:var(--radius);cursor:pointer;letter-spacing:.5px;white-space:nowrap;align-items:center;height:32px;padding:0 14px;font-weight:600;display:inline-flex}.btn-stop.active{border-color:var(--danger);color:var(--danger)}.btn-stop.active:hover{border-color:var(--danger);background:#a018202e}.btn-stop:not(.active):hover{border-color:var(--danger);color:var(--danger)}.btn-play.paused,.btn-stop.paused{border-color:var(--warn);color:var(--warn)}.performance-area{flex:1;min-height:0;display:flex;overflow:hidden}.track-list{background:var(--bg2);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:100px;min-width:80px;display:flex}@media (width>=768px){.track-list{width:30%}}.panel-title{font-size:var(--fs);color:var(--accent);letter-spacing:1px;border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;padding:8px 4px 6px 6px;font-weight:700;display:flex}.tracks-expand-btn{color:var(--accent);cursor:pointer;opacity:.8;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;margin-right:0;padding:0;font-size:16px;line-height:1;display:inline-flex}.tracks-expand-btn:hover{opacity:1}.panel-title>.tracks-expand-btn{margin-right:8px}.track-list-items{flex:1;overflow:hidden auto}.track-list-items::-webkit-scrollbar{width:4px}.track-list-items::-webkit-scrollbar-track{background:0 0}.track-list-items::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.track-cell{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:0;height:38px;transition:background .1s;display:flex;position:relative}.track-cell:hover{background:var(--bg3)}.track-cell-selected{background:var(--active-bg)!important}.track-cell-muted{opacity:.45}.track-cell[draggable=true]{cursor:grab}.track-cell[draggable=true]:active{cursor:grabbing}.track-cell.dragging{opacity:.35}.track-cell.drag-over{box-shadow:0 -2px 0 var(--accent)}.track-cell-bar{flex-shrink:0;align-self:stretch;width:4px}.track-indicator-stack{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;width:10px;margin:0 4px;display:flex}.track-indicator-stack .track-running-indicator{margin:0}.track-midi-dot{background:var(--bg3);border:1px solid var(--border2);border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background 50ms,box-shadow 50ms}.track-midi-dot.active{background:var(--warn);border-color:var(--warn);box-shadow:none}.track-cell-info{flex-direction:column;flex:1;justify-content:flex-start;min-width:0;padding:4px 6px;display:flex;overflow:hidden}.track-cell-name{font-size:var(--fs);white-space:nowrap;text-overflow:ellipsis;line-height:1.2;overflow:hidden}.track-cell-meta{color:var(--text-dim);font-size:10px;line-height:1.2}.ch-conflict{color:var(--warn)}.track-cell-right{align-items:center;padding-right:8px;display:flex}.track-run-dot{background:var(--bg4);border:1px solid var(--border2);border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background 80ms,box-shadow 80ms,border-color 80ms}.track-run-dot.running{background:var(--accent2);border-color:var(--accent2);box-shadow:none}@keyframes blink-pending{0%,to{opacity:1}50%{opacity:.25}}.track-run-dot.pending{background:var(--warn);border-color:var(--warn);box-shadow:none;animation:.55s ease-in-out infinite blink-pending}.track-run-btn{border:1px solid var(--border2);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:9px;display:flex}.track-run-btn.active{color:var(--accent2);border-color:var(--accent2)}.track-run-btn:hover{border-color:var(--border2);color:var(--text)}.track-add-btn{border:1px dashed var(--border2);color:var(--text-dim);font-size:var(--fs-sm);border-radius:var(--radius);cursor:pointer;text-align:center;background:0 0;margin:6px 8px;padding:5px 8px;transition:color .1s,border-color .1s}.track-add-btn:hover{color:var(--accent);border-color:var(--accent)}.track-list.tracks-minimized{width:28px;min-width:28px}.panel-title-minimized{justify-content:flex-end;padding:6px 4px}.panel-title-minimized .tracks-expand-btn{margin-left:0;margin-right:0}.track-cell-minimized{gap:0;height:38px}.track-cell-minimized .track-cell-bar{flex-shrink:0;align-self:stretch;width:4px}.track-cell-minimized .track-indicator-stack{margin:0 auto}.track-list-mini-footer{justify-content:flex-end;padding:4px;display:flex}.panel-title-btns{align-items:center;gap:1px;margin-left:auto;display:flex}.panel-title-btns .tracks-expand-btn{margin-left:0}.tracks-minimize-btn{display:inline-flex}.track-list.tracks-expanded{border-right:none;flex:1;width:100%}.track-cell-expanded{height:54px}.track-cell-expanded .track-cell-info{padding:4px 8px}.track-cell-expanded .track-run-dot{width:11px;height:11px}.track-vel-wrap{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;margin-left:auto;padding:0 8px 0 0;display:flex;transform:translateY(-2px)}.track-vel-val{color:var(--text);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600;line-height:1;transform:translateY(-2px)}.track-vel-slider{width:80px;height:28px}@media (width>=768px){.track-vel-slider{width:240px}}.track-cell-actions{flex-shrink:0;align-items:center;gap:5px;padding-right:10px;display:flex}.tc-btn{font-size:var(--fs);border-radius:var(--radius);cursor:pointer;border:1px solid var(--border2);background:var(--bg3);color:var(--text-med);letter-spacing:.3px;padding:7px 11px;font-weight:600}.tc-gear{border-color:var(--border2);color:var(--text-dim)}.tc-gear:hover{border-color:var(--accent);color:var(--accent)}.tc-play{border-color:var(--accent2);color:var(--accent2);text-align:center;min-width:42px}.tc-play.active{background:#4a72282e}.tc-play.pending{border-color:var(--warn);color:var(--warn);background:#e0a84a26}.tc-play.paused{border-color:var(--warn);color:var(--warn)}.tc-stop{border-color:var(--border2);color:var(--text-dim)}.tc-stop:not(.active):not(.paused):hover,.tc-stop.active{border-color:var(--danger);color:var(--danger)}.tc-stop.active:hover{background:#a018202e}.tc-stop.paused{border-color:var(--warn);color:var(--warn)}.tc-mute{border-color:var(--border2);color:var(--text-dim)}.tc-mute:hover{border-color:var(--warn);color:var(--warn)}.tc-mute.active{border-color:var(--warn);color:var(--warn);background:#e0a84a1f}.tc-solo{border-color:var(--border2);color:var(--text-dim)}.tc-solo:hover{border-color:var(--accent);color:var(--accent)}.tc-solo.active{border-color:var(--accent);color:var(--accent);background:#4a9eff1f}.track-inspector{background:var(--bg);touch-action:pan-y;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden auto}.track-inspector::-webkit-scrollbar{width:4px}.track-inspector::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.track-inspector.muted .inspector-section,.track-inspector.muted .transform-section,.track-inspector.muted .gen-section{opacity:.45;pointer-events:none}.track-inspector.muted .pattern-title-btns{pointer-events:auto;opacity:1}.track-inspector-empty{color:var(--text-dim);font-size:var(--fs-sm);justify-content:center;align-items:center;display:flex}.inspector-header{background:var(--bg3);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0;align-items:center;gap:6px;padding:6px 8px;display:flex;position:sticky;top:0}.inspector-track-color{border-radius:2px;flex-shrink:0;width:4px;height:24px}.inspector-name-wrap{flex:1;min-width:0}.inspector-name-input{width:100%;color:var(--text);font-size:13px;font-weight:600;font-family:var(--font);border-radius:var(--radius);background:0 0;border:none;outline:none;padding:2px 4px}.inspector-name-input:focus{background:var(--bg3);border:1px solid var(--border2)}.inspector-header-btns{flex-shrink:0;align-items:center;gap:4px;display:flex}.track-running-indicator{background:var(--bg4);border:1px solid var(--border2);border-radius:50%;flex-shrink:0;align-self:center;width:8px;height:8px;margin:0 4px;transition:background .3s,box-shadow .3s}.track-running-indicator.stopped{background:var(--danger);border-color:var(--danger);box-shadow:none;transition:background .4s,box-shadow .4s,border-color .4s}.track-running-indicator.stopped.pulse{background:var(--text-dim);border-color:var(--text-dim);box-shadow:none;transition:background 40ms,box-shadow 40ms,border-color 40ms}.track-running-indicator.running{background:var(--bg4);border-color:var(--border2);box-shadow:none;transition:background .4s,box-shadow .4s,border-color .4s}.track-running-indicator.running.pulse{background:var(--accent2);border-color:var(--accent2);box-shadow:none;transition:background 40ms,box-shadow 40ms,border-color 40ms}.track-running-indicator.pending{background:var(--warn);border-color:var(--warn);box-shadow:none;transition:none;animation:.55s ease-in-out infinite blink-pending}.btn-track-action{font-size:var(--fs-sm);border-radius:var(--radius);cursor:pointer;border:1px solid var(--border2);background:var(--bg3);color:var(--text-med);letter-spacing:.3px;padding:3px 8px;font-weight:600}.btn-play-track{border-color:var(--border2);color:var(--danger);text-align:center;min-width:40px}.btn-play-track.active{border-color:var(--accent2);color:var(--accent2);background:#4a72282e}.btn-play-track.pending{border-color:var(--warn);color:var(--warn);background:#e0a84a26}.btn-play-track.paused{border-color:var(--warn);color:var(--warn)}.btn-stop-track{border-color:var(--border2);color:var(--text-dim)}.btn-stop-track:not(.active):not(.paused):hover,.btn-stop-track.active{border-color:var(--danger);color:var(--danger)}.btn-stop-track.active:hover{background:#a018202e}.btn-stop-track.paused{border-color:var(--warn);color:var(--warn)}.btn-mute-track{border-color:var(--border2);color:var(--text-dim)}.btn-mute-track:hover{border-color:var(--warn);color:var(--warn)}.btn-mute-track.active{border-color:var(--warn);color:var(--warn);background:#e0a84a1f}.btn-solo-track{border-color:var(--border2);color:var(--text-dim)}.btn-solo-track:hover{border-color:var(--accent);color:var(--accent)}.btn-solo-track.active{border-color:var(--accent);color:var(--accent);background:#4a9eff1f}.btn-gear-track{border-color:var(--border2);color:var(--text-dim)}.btn-gear-track:hover{border-color:var(--accent);color:var(--accent)}.btn-gear-track.active{border-color:var(--accent);color:var(--accent);background:#4a9eff1a}.btn-dup-track{border-color:var(--border2);color:var(--text-dim)}.btn-dup-track:hover{border-color:var(--accent2);color:var(--accent2)}.btn-delete-track{border-color:var(--border2);color:var(--text-dim);text-align:center;min-width:28px}.btn-delete-track:hover{border-color:var(--danger);color:var(--danger)}.btn-delete-track.confirm{border-color:var(--danger);color:var(--danger);min-width:40px}.track-gear-panel{background:var(--bg2);border-bottom:1px solid var(--border);padding:4px 0 8px}.track-color-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.track-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:3px;flex-shrink:0;width:18px;height:18px;padding:0}.track-color-swatch:hover{opacity:.85}.track-color-swatch.selected{border-color:#fff}.track-color-custom-label{color:var(--text);white-space:nowrap;align-self:center;margin-left:4px;font-size:11px}.cp-trigger{border:2px solid var(--border2);cursor:pointer;border-radius:50%;flex-shrink:0;width:22px;height:22px;padding:0;display:block}.cp-trigger:hover{border-color:var(--text)}.color-picker-menu{background:var(--bg2);border:1px solid var(--border2);-webkit-user-select:none;user-select:none;border-radius:6px;width:200px;max-width:calc(100vw - 16px);padding:8px;box-shadow:0 8px 24px #0009}.cp-sl-field{cursor:crosshair;border-radius:3px;width:100%;height:120px;margin-bottom:8px;position:relative}.cp-sl-cursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0006}.cp-hue-strip{cursor:pointer;background:linear-gradient(90deg,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080,red);border-radius:6px;width:100%;height:12px;margin-bottom:8px;position:relative}.cp-hue-cursor{pointer-events:none;background:0 0;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0006}.cp-bottom{align-items:center;gap:6px;display:flex}.cp-preview{border:2px solid var(--border2);border-radius:50%;flex-shrink:0;width:24px;height:24px}.cp-hex-input{background:var(--bg3);border:1px solid var(--border2);color:var(--text);border-radius:var(--radius);outline:none;flex:1;height:24px;padding:3px 6px;font-family:monospace;font-size:11px}.cp-hex-input:focus{border-color:var(--accent)}.inspector-section{border-bottom:1px solid var(--border);padding:6px 0}.section-title{color:var(--accent);letter-spacing:1px;padding:2px 10px 6px;font-size:13px;font-weight:700}.section-title-row{justify-content:space-between;align-items:center;gap:4px;padding-right:8px;display:flex}.section-title-row .section-title{flex:1;padding-right:0}.pattern-title-btns{align-items:center;gap:4px;display:flex}.btn-delete{border:1px solid var(--border2);color:var(--text-dim);font-size:var(--fs-sm);border-radius:var(--radius);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;line-height:1;display:flex}.btn-delete:hover{color:var(--text);border-color:var(--text-med)}.btn-delete.btn-delete-confirm{width:auto;color:var(--danger);border-color:var(--danger);padding:0 6px;font-size:10px}.gen-section{padding:2px 0}.gen-row{align-items:center;gap:8px;min-height:30px;padding:4px 8px;display:flex}.gen-row.gen-row-top{align-items:flex-start;padding-top:6px}.gen-inline-group{flex-shrink:0;align-items:center;gap:4px;display:flex}.gen-inline-label{font-size:var(--fs-sm);color:var(--text-dim);white-space:nowrap}.gen-row label,.gen-row .lbl{font-size:var(--fs-sm);color:var(--text);flex-shrink:0;width:50px;font-weight:600}.thumb-slider-wrap{-webkit-user-select:none;user-select:none;flex:1 0;min-width:0;height:28px;position:relative}.thumb-slider-v{flex:none;width:28px;height:auto;overflow:hidden}.ts-track{background:var(--bg3);border:1px solid var(--border);pointer-events:none;border-radius:2px;height:6px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.thumb-slider-v .ts-track{width:6px;height:auto;inset:0 auto 0 50%;transform:translate(-50%)}.ts-fill{background:var(--accent);pointer-events:none;border-radius:2px;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.ts-fill-v{background:var(--accent);pointer-events:none;border-radius:2px;width:6px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.ts-thumb-hit{touch-action:none;cursor:pointer;z-index:2;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.thumb-slider-v .ts-thumb-hit{top:auto;left:50%;transform:translate(-50%,-50%)}.ts-thumb{background:var(--accent);border:2px solid var(--bg2);pointer-events:none;border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:0 1px 3px #00000080}.ts-thumb-hit:active .ts-thumb{background:var(--text);box-shadow:0 0 0 3px #4a9eff40}.gen-row .thumb-slider-wrap{flex:1;min-width:0}.gen-row select,.gen-row input[type=text],.gen-row input[type=number]{background:var(--bg3);border:1px solid var(--border2);min-width:0;color:var(--text);font-size:var(--fs-sm);font-family:var(--font);border-radius:var(--radius);outline:none;flex:1;padding:3px 6px}.gen-row select:focus,.gen-row input[type=text]:focus{border-color:var(--accent)}.gen-row input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.btn-icon-sm{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);min-width:22px;height:22px;color:var(--text-dim);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0 5px;font-size:12px;display:flex}.btn-icon-sm:hover:not(:disabled){color:var(--text);border-color:var(--border2)}.btn-icon-sm:disabled{opacity:.4;cursor:default}.btn-icon-danger:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.gen-val{font-size:var(--fs-sm);color:var(--text-med);text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;width:30px}.step-viz{flex-wrap:wrap;gap:2px;padding:6px 8px 4px;display:flex}.step-dot{background:var(--bg4);border:1px solid var(--border2);border-radius:2px;width:18px;height:10px}.step-dot-on{background:var(--accent);border-color:var(--accent)}.step-dot-accent{border-color:var(--warn);background:var(--warn)}.arp-midi-badge{color:var(--accent2);border:1px solid var(--accent2);border-radius:var(--radius);letter-spacing:.5px;opacity:.8;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:700}.arp-preset-group{padding:2px 8px 4px}.arp-preset-cat{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;font-size:10px;display:block}.arp-preset-btns{flex-wrap:wrap;gap:3px;display:flex}.gen-notes-header{justify-content:space-between;align-items:center;padding:2px 8px 4px;display:flex;overflow:hidden}.gen-notes-header label,.gen-notes-header .lbl{font-size:var(--fs-sm);color:var(--text-dim)}.gen-notes{flex-wrap:wrap;gap:4px;min-height:24px;padding:0 8px 6px;display:flex}.gen-notes-empty{font-size:var(--fs-sm);color:var(--text-dim);align-self:center}.note-chip{font-size:var(--fs-sm);background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);cursor:pointer;color:var(--text-med);padding:2px 6px}.note-chip:hover,.note-chip.clickable:hover{border-color:var(--accent);color:var(--accent)}.melody-steps-header{justify-content:space-between;align-items:center;padding:2px 8px 4px;display:flex}.melody-steps-header label,.melody-steps-header .lbl{font-size:var(--fs-sm);color:var(--text-dim)}.melody-step-btns{gap:4px;display:flex}.mel-rest-dot{background:var(--bg4);border:1px solid var(--border2);width:28px;height:28px;color:var(--text-dim);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex}.mel-step .note-picker-btn{background:var(--accent);border-color:var(--accent);letter-spacing:-.3px;color:#000;width:28px;min-width:28px;height:28px;padding:0;font-size:9px;font-weight:700;box-shadow:0 0 5px #4a9eff59}.mel-step .note-picker-btn:hover{opacity:.85;color:#000}.mel-step.mel-voiced .note-picker-btn{color:var(--text);box-shadow:none;background:#3ecf8e26;border-color:#3ecf8e80}.mel-step.mel-cursor .note-picker-btn,.mel-step.mel-cursor .mel-rest-dot{border-color:var(--warn);box-shadow:0 0 4px var(--warn)}.mel-step .note-picker-btn.mel-note-active,.mel-step .mel-rest-dot.mel-note-active{border-color:var(--mel-active-color);box-shadow:0 0 6px var(--mel-active-color)}.mel-rest-btn,.mel-tie-btn{color:var(--text);border-color:#777}.mel-rest-btn.active{border-color:var(--warn);color:var(--warn);background:#e0a84a1f}.mel-tie-btn.active{border-color:var(--accent2);color:var(--accent2);background:#3ecf8e1a}.mel-step .voicing-picker-btn{width:28px;height:20px;margin-top:0}.note-picker-btn{background:var(--bg2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);cursor:pointer;white-space:nowrap;text-align:center;justify-content:center;align-items:center;min-width:34px;height:20px;padding:2px 5px;font-size:10px;font-weight:600;display:flex}.note-picker-btn:hover{border-color:var(--accent);color:var(--accent)}.note-picker-menu{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius);z-index:10000;overscroll-behavior:contain;width:164px;max-width:calc(100vw - 16px);max-height:280px;padding:4px;overflow-y:auto;box-shadow:0 8px 32px #000000bf}.note-picker-octave{margin-bottom:2px}.note-picker-oct-header{color:var(--accent);letter-spacing:.8px;text-transform:uppercase;padding:3px 3px 1px;font-size:9px}.note-picker-grid{grid-template-columns:1fr 1fr;gap:2px;display:grid}.note-picker-item{background:var(--bg3);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;text-align:center;white-space:nowrap;border-radius:3px;padding:4px 2px;font-size:10px}.note-picker-item:hover{background:var(--bg3);border-color:var(--accent);color:var(--text)}.note-picker-item.active{background:var(--accent);border-color:var(--accent);color:#000;font-weight:700}.rate-picker-btn{background:var(--bg2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);cursor:pointer;white-space:nowrap;text-align:center;flex-shrink:0;justify-content:center;align-items:center;min-width:36px;height:20px;padding:2px 5px;font-size:10px;font-weight:600;display:flex}.rate-picker-btn:hover{border-color:var(--accent);color:var(--accent)}.rate-picker-menu{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius);z-index:10000;gap:3px;width:210px;max-width:calc(100vw - 16px);padding:4px;display:flex;box-shadow:0 8px 32px #000000bf}.rate-col{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rate-col-header{color:var(--accent);text-align:center;text-transform:uppercase;letter-spacing:.5px;padding:2px 0 1px;font-size:8px}.rate-picker-item{background:var(--bg3);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:3px;width:100%;min-width:0;padding:4px 1px;font-size:10px;overflow:hidden}.rate-picker-item:hover{border-color:var(--accent);color:var(--text)}.rate-picker-item.active{background:var(--accent);border-color:var(--accent);color:#000;font-weight:700}.gen-notes-add{align-items:center;gap:4px;margin-left:auto;display:flex}.step-vel-row{flex-wrap:wrap;gap:2px;padding:2px 8px;display:flex}.step-vel-wrap{flex-direction:column;flex-shrink:0;align-items:center;width:18px;display:flex}.step-vel-slider{writing-mode:vertical-lr;width:6px;height:52px;accent-color:var(--accent);cursor:pointer;direction:rtl;background:0 0;border:none;padding:0}.note-card{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);flex-direction:column;flex-shrink:0;align-items:center;gap:2px;width:30px;padding:3px 2px 2px;display:flex}.note-card-name{color:var(--text-med);cursor:pointer;text-align:center;font-size:9px;line-height:1}.note-card-name:hover{color:var(--danger)}.note-card-vel{width:28px;height:60px}.step-cond-row{flex-wrap:wrap;gap:2px;padding:2px 8px 6px;display:flex}.step-cond-wrap{flex-shrink:0;justify-content:center;align-items:center;width:18px;display:flex}.step-en-row{flex-wrap:wrap;gap:2px;padding:2px 8px 6px;display:flex}.step-en-wrap{flex-shrink:0;justify-content:center;align-items:center;width:18px;display:flex}.step-en-btn{border:1px solid var(--border2);background:var(--bg3);cursor:pointer;border-radius:50%;flex-shrink:0;width:12px;height:12px;padding:0}.step-en-btn.on{background:var(--accent2);border-color:var(--accent2)}.steps-block{align-items:stretch;display:flex}.steps-labels-col{flex-direction:column;flex-shrink:0;width:34px;padding-left:8px;display:flex}.step-row-lbl{color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;flex-shrink:0;align-items:center;font-size:9px;display:flex}.step-row-lbl-viz{height:20px}.step-row-lbl-vel{height:56px}.step-row-lbl-note,.step-row-lbl-cond{height:18px}.step-row-lbl-en{height:16px}.steps-scroll-area{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border2) transparent;flex:1;min-width:0;overflow:auto visible}.steps-scroll-area::-webkit-scrollbar{height:3px}.steps-scroll-area::-webkit-scrollbar-track{background:0 0}.steps-scroll-area::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.steps-scroll-area .step-viz,.steps-scroll-area .step-vel-row,.steps-scroll-area .step-lock-row,.steps-scroll-area .step-cond-row,.steps-scroll-area .step-en-row{flex-wrap:nowrap;padding-left:0}.cond-btn{background:var(--bg4);border:1px solid var(--border2);width:18px;height:10px;color:var(--text-dim);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;padding:0;font-size:8px;font-weight:700;line-height:1;display:flex;overflow:hidden}.cond-btn:hover{border-color:var(--text-med)}.cond-menu{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius);z-index:10000;overscroll-behavior:contain;max-height:420px;padding:6px;overflow-y:auto;box-shadow:0 8px 32px #000c}.cond-menu-item{background:var(--bg3);border:1px solid var(--border);color:var(--text-med);cursor:pointer;white-space:nowrap;border-radius:2px;padding:2px 5px;font-size:10px}.cond-menu-item:hover{border-color:var(--text);color:var(--text)}.cond-menu-item.active{font-weight:700}.cond-always{text-align:left;width:100%;color:var(--text-med);margin-bottom:6px;font-size:11px}.cond-always.active{color:var(--accent2);border-color:var(--accent2)}.cond-group{margin-bottom:6px}.cond-group-header{letter-spacing:.6px;text-transform:uppercase;color:var(--text-med);padding:0 2px 3px;font-size:9px}.cond-group-items{flex-wrap:wrap;gap:3px;display:flex}.btn-fill{font-size:var(--fs-sm);letter-spacing:.5px;background:var(--bg3);border:2px solid var(--border2);border-radius:var(--radius);height:32px;color:var(--text-med);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;align-items:center;padding:0 10px;font-weight:600;display:inline-flex}.btn-fill:hover{border-color:var(--accent);color:var(--accent)}.btn-fill.active{border-color:var(--danger);color:var(--danger);background:#a018202e}.cc-steps{flex-direction:column;min-height:24px;display:flex}.cc-step{border-bottom:1px solid var(--border);align-items:center;gap:6px;min-height:32px;padding:4px 8px;display:flex}.cc-step:last-child{border-bottom:none}.cc-step-vis{background:var(--bg2);border-radius:2px;flex-shrink:0;align-items:flex-end;width:32px;height:26px;display:flex;overflow:hidden}.cc-step-bar{background:var(--accent);opacity:.8;border-radius:2px 2px 0 0;width:100%;min-height:2px}.cc-step-val{flex:1;min-width:0}.cc-step-numval{text-align:right;width:24px;color:var(--text-med);flex-shrink:0;font-size:11px}.cc-step-remove{flex-shrink:0;padding:0 4px}.cc-step-remove:hover{border-color:var(--danger);color:var(--danger)}.voicing-picker-btn{background:var(--bg2);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;text-align:center;white-space:nowrap;opacity:.45;border-radius:2px;width:100%;height:14px;margin-top:1px;padding:0 1px;font-size:8px;transition:opacity .1s,border-color .1s;overflow:hidden}.voicing-picker-btn:hover{border-color:var(--accent);color:var(--text);opacity:1}.voicing-picker-btn.active{color:var(--accent);opacity:1;border-color:#4a9eff80}.voicing-picker-menu{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius);z-index:10000;overscroll-behavior:contain;width:200px;max-width:calc(100vw - 16px);max-height:300px;padding:4px;overflow-y:auto;box-shadow:0 8px 32px #000000bf}.voicing-picker-group{margin-bottom:4px}.voicing-picker-cat-header{color:var(--accent);letter-spacing:.8px;text-transform:uppercase;padding:3px 3px 1px;font-size:9px}.voicing-picker-grid{grid-template-columns:1fr 1fr;gap:2px;display:grid}.voicing-picker-none{text-align:center;width:100%;margin-bottom:4px}.voicing-picker-item{background:var(--bg3);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:3px;padding:4px 2px;font-size:10px;overflow:hidden}.voicing-picker-item:hover{background:var(--bg3);border-color:var(--accent);color:var(--text)}.voicing-picker-item.active{background:var(--accent);border-color:var(--accent);color:#000;font-weight:700}.type-selector{flex-wrap:wrap;flex:1;align-content:flex-start;align-items:flex-start;gap:3px;display:flex}.type-btn{font-size:var(--fs-sm);background:var(--bg3);border:1px solid var(--border2);color:var(--text-dim);border-radius:var(--radius);cursor:pointer;white-space:nowrap;padding:3px 7px}.type-btn:hover{color:var(--text);border-color:var(--border2)}.type-btn.active{background:var(--active-bg);border-color:var(--accent);color:var(--accent)}.transform-section{border-bottom:1px solid var(--border);padding:2px 0}.toggle-btn{font-size:var(--fs-sm);font-family:var(--font);border-radius:var(--radius);border:1px solid var(--border2);background:var(--bg3);color:var(--text-dim);cursor:pointer;letter-spacing:.04em;flex-shrink:0;margin-left:auto;padding:2px 8px}.toggle-btn.on{border-color:var(--accent);color:var(--accent);background:var(--active-bg)}button{font-family:var(--font);border-radius:var(--radius);cursor:pointer;transition:background .1s,border-color .1s,color .1s}.btn-small{background:var(--bg3);border:1px solid var(--border2);color:var(--text-dim);font-size:var(--fs-sm);border-radius:var(--radius);cursor:pointer;appearance:none;outline:none;justify-content:center;align-items:center;padding:2px 7px;line-height:1;display:inline-flex}.btn-small:hover{color:var(--text);border-color:var(--border2)}.btn-small.active{color:var(--accent);border-color:var(--accent);background:var(--active-bg)}.btn-small.has-clip{color:var(--accent2);border-color:var(--accent2)}.btn-small.danger{color:var(--danger);border-color:var(--danger)}.btn-primary{background:var(--active-bg);border:1px solid var(--accent);color:var(--accent);font-size:var(--fs);border-radius:var(--radius);cursor:pointer;padding:5px 14px}.btn-primary:hover{background:#4a9eff33}.danger{border:1px solid var(--danger);color:var(--danger);font-size:var(--fs-sm);border-radius:var(--radius);cursor:pointer;background:0 0;padding:4px 10px}.danger:hover{background:#a018201a}input,select{background:var(--bg3);color:var(--text);border:1px solid var(--border2);border-radius:var(--radius);font-size:var(--fs);font-family:var(--font);outline:none;padding:4px 7px}input:focus,select:focus{border-color:var(--accent)}select option{background:var(--bg2)}.modal-overlay{z-index:100;background:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg2);border:1px solid var(--border2);border-radius:5px;flex-direction:column;width:100%;max-width:min(340px,100vw - 32px);max-height:84dvh;display:flex;overflow:hidden}.modal-wide{max-width:min(420px,100vw - 32px);height:82dvh}.midi-debug-modal{background:var(--bg2);border:1px solid var(--border2);border-radius:5px;flex-direction:column;width:100%;max-width:min(520px,100vw - 32px);max-height:88vh;display:flex;overflow:hidden}.midi-dbg-body{flex-direction:column;flex:1;gap:0;display:flex;overflow-y:auto}.midi-dbg-section{border-bottom:1px solid var(--border);padding:10px 14px}.midi-dbg-section-title{letter-spacing:1.5px;color:var(--accent2);align-items:center;gap:8px;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.midi-dbg-live-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.midi-dbg-pause-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text-dim);letter-spacing:.5px;border-radius:var(--radius);cursor:pointer;padding:1px 5px;font-size:9px;font-weight:600}.midi-dbg-pause-btn:hover{color:var(--text);border-color:var(--border2)}.midi-dbg-devices{gap:12px;display:flex}.midi-dbg-dev-col{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);flex:1;min-width:0;padding:6px 8px}.midi-dbg-dev-hdr{letter-spacing:1px;color:var(--text-dim);align-items:center;gap:5px;margin-bottom:5px;font-size:9px;font-weight:700;display:flex}.midi-dbg-count{background:var(--bg3);color:var(--accent2);border-radius:8px;padding:0 4px;font-size:9px}.midi-dbg-dot-on{background:var(--accent2);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.midi-dbg-dev-row{color:var(--text);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;padding:2px 0;font-family:monospace;font-size:11px;display:flex;overflow:hidden}.midi-dbg-empty{color:var(--text-dim);font-size:11px;font-style:italic}.midi-dbg-stats{flex-wrap:wrap;gap:6px 16px;display:flex}.midi-dbg-stat{align-items:baseline;gap:5px;display:flex}.midi-dbg-stat-lbl{letter-spacing:.8px;color:var(--text-dim);font-size:9px;font-weight:700}.midi-dbg-stat-val{color:var(--text);font-family:monospace;font-size:13px;font-weight:600}.midi-dbg-truncate{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:11px;overflow:hidden}.midi-dbg-log-section{flex:1}.midi-dbg-log{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);scrollbar-width:thin;scrollbar-color:var(--border2) transparent;height:220px;padding:4px 0;overflow-y:auto}.midi-dbg-log-empty{padding:8px 10px}.midi-dbg-log-row{border-bottom:1px solid var(--border);white-space:nowrap;align-items:baseline;gap:6px;padding:2px 10px;font-family:monospace;font-size:11px;display:flex}.midi-dbg-log-row:last-child{border-bottom:none}.midi-dbg-log-time{color:var(--text-dim);flex-shrink:0}.midi-dbg-log-dir{flex-shrink:0;width:24px;font-weight:700}.midi-dbg-log-type{flex-shrink:0}.midi-dbg-log-note{color:var(--text);flex-shrink:0}.midi-dbg-log-vel,.midi-dbg-log-ch{color:var(--text-dim);flex-shrink:0}.midi-dbg-log-port{color:var(--text-dim);text-overflow:ellipsis;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.modal-header-title{letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:7px;font-size:14px;display:flex}.modal-header-logo{opacity:.85;width:auto;height:24px}.modal-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:14px}.modal-close:hover{color:var(--text)}.modal-body{flex:1;padding:8px 0;font-size:14px;overflow-y:auto}.modal-wide .modal-body{flex-direction:column;flex:1;min-height:0;font-size:14px;display:flex;overflow-y:auto}.modal-body::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar-thumb{background:var(--border2)}.modal-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:8px 14px;display:flex}.modal-footer button{background:var(--bg3);border:1px solid var(--border2);color:var(--text-dim);font-size:var(--fs);border-radius:var(--radius);cursor:pointer;padding:5px 12px}.modal-footer button:hover{color:var(--text)}.color-picker{flex-wrap:wrap;gap:5px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:3px;width:20px;height:20px}.color-swatch.selected{border-color:var(--text)}.color-swatch:hover{opacity:.85}.color-custom-label{color:var(--text);white-space:nowrap;align-self:center;margin-left:4px;font-size:12px;font-weight:600}.settings-section-title{color:var(--accent);letter-spacing:1px;margin-top:4px;padding:6px 14px 3px;font-size:13px;font-weight:600}.settings-midi-list{flex-wrap:wrap;flex:1;gap:4px;display:flex}.midi-port-chip{font-size:var(--fs-sm);background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text-med);padding:2px 7px}.midi-status-row{background:var(--bg2);border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:10px;padding:8px;display:flex}.midi-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.midi-status-green{background:var(--accent2);box-shadow:0 0 4px var(--accent2)}.midi-status-yellow{background:var(--warn)}.midi-status-red{background:var(--danger)}.midi-status-label{color:var(--text-med);flex:1;font-size:13px}.midi-refresh-btn{opacity:.7;padding:2px 8px;font-size:12px}.midi-refresh-btn:hover{opacity:1}.midi-refresh-btn.refreshing{opacity:.4;pointer-events:none}.midi-device-section{padding:6px 0 10px}.midi-device-header{align-items:baseline;gap:8px;margin-bottom:4px;padding:0 8px;display:flex}.midi-device-label{letter-spacing:1px;color:var(--text-dim);font-size:10px;font-weight:600}.midi-device-hint{color:var(--text-dim);opacity:.6;font-size:10px;font-style:italic}.midi-device-empty{color:var(--text-dim);padding:2px 0;font-size:11px}.midi-device-hint-sub{color:var(--text-dim);opacity:.5;margin-top:2px;padding:0 8px;font-size:10px}.toggle-label{cursor:pointer;align-items:center;gap:6px;display:flex}.toggle-label input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent);cursor:pointer}.toggle-text{color:var(--text);font-size:12px}.midi-device-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:4px 0;display:flex}.midi-device-row:last-child{border-bottom:none}.midi-device-dot-green{background:var(--accent2);border-radius:50%;flex-shrink:0;width:6px;height:6px}.midi-device-name{color:var(--text);flex:1;font-size:12px}.midi-device-id{color:var(--text-dim);opacity:.5;font-family:monospace;font-size:10px}.btn-danger{border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius);cursor:pointer;font-size:var(--fs);background:0 0;padding:4px 12px;transition:background .1s}.btn-danger:hover{background:#a018201f}.btn-danger.panic-active{background:var(--danger);color:#fff;animation:2s ease-out forwards panic-pulse}@keyframes panic-pulse{0%{background:var(--danger);box-shadow:0 0 #a01820cc}20%{box-shadow:0 0 0 6px #a0182066}60%{box-shadow:0 0 0 3px #a0182033}to{background:var(--danger);box-shadow:0 0 #a0182000}}@keyframes panic-overlay-flash{0%,to{box-shadow:inset 0 0 #a0182000}10%,90%{box-shadow:inset 0 0 0 3px var(--danger)}}.panic-flash-overlay .modal{animation:2s ease-out forwards panic-overlay-flash}.settings-about{flex-direction:column;flex:1;gap:6px;padding:8px 14px 16px;display:flex}.settings-about-logo{align-items:center;gap:6px;margin-bottom:8px;display:flex}.settings-about-logo-img{width:auto;height:20px}.settings-about-logo-text{color:var(--text);letter-spacing:-.5px;font-size:22px;font-weight:750;line-height:20px}.settings-about-intro{color:var(--text-dim);margin-bottom:2px;font-size:14px;line-height:1.5}.settings-about-intro a{color:var(--accent);text-decoration:none}.settings-about-intro a:hover{color:var(--warn)}.settings-about-name{color:var(--accent);letter-spacing:1px;font-size:16px;font-weight:700}.settings-about-url,.settings-about-email{font-size:13px;line-height:1.6}.settings-about-url a,.settings-about-email a{color:var(--accent);text-decoration:none}.settings-about-url a:hover,.settings-about-email a:hover{color:var(--warn)}.settings-about-credit{color:var(--text-dim);margin-top:8px;font-size:13px}.settings-about-manual-link{color:var(--accent);font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.settings-about-manual-link:hover{color:var(--warn)}.text-dim{color:var(--text-dim)}.text-med{color:var(--text-med)}.text-accent{color:var(--accent)}.markov-wrap{border-top:1px solid var(--border);margin-top:6px;padding:6px 10px 10px}.markov-presets{gap:4px;margin-bottom:6px;display:flex}.markov-legend{color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:9px}.markov-grid{grid-template-columns:repeat(var(--mcols), 1fr);background:var(--border);border:1px solid var(--border);border-radius:2px;gap:1px;margin-bottom:3px;display:grid;overflow:hidden}.markov-cell{aspect-ratio:1;cursor:pointer;color:#ffffffb3;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-width:0;min-height:8px;font-size:9px;font-weight:700;transition:background .1s;display:flex}.markov-cell.w0{background:var(--bg2);color:#0000}.markov-cell.w1{background:#4a9eff38}.markov-cell.w2{background:#4a9eff85}.markov-cell.w3{background:#4a9effe0}.markov-cell:hover{filter:brightness(1.3)}.markov-row-labels{grid-template-columns:repeat(var(--mcols), 1fr);gap:1px;display:grid}.markov-label{text-align:center;color:var(--text-dim);font-size:8px;line-height:1.4}.mf-crop-wrap{border-top:1px solid var(--border)}.mf-crop-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.mf-crop-head-label{letter-spacing:.5px;color:var(--text-dim);font-size:10px;font-weight:600}.mf-crop-head-info{color:var(--text-dim);font-size:10px}.mf-crop-empty{font-size:var(--fs-sm);color:var(--text-dim);padding:4px 0}.mf-strip2{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:48px;position:relative;overflow:hidden}.mf-tick{pointer-events:none;z-index:6;background:#ffffff2e;width:1px;position:absolute;top:8px;bottom:8px}.mf-tick.major{background:#fff6;width:1px;top:4px;bottom:4px}.mf-sel-dim{pointer-events:none;z-index:2;background:#00000080;height:100%;position:absolute;top:0}.mf-sel-win{border-left:1px solid var(--accent2);border-right:1px solid var(--accent2);pointer-events:none;z-index:2;background:#4a722873;height:100%;position:absolute;top:0}.mf-bar-nums-overlay{pointer-events:none;z-index:3;position:absolute;bottom:3px;left:0;right:0}.mf-bar-num{color:#ffffff8c;white-space:nowrap;font-size:8px;line-height:1;position:absolute;transform:translate(-50%)}.mf-playhead{background:var(--accent);z-index:5;pointer-events:none;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.mf-handle{background:var(--accent2);cursor:ew-resize;z-index:4;touch-action:none;justify-content:center;align-items:center;height:100%;display:flex;position:absolute;top:0}.mf-handle:after{content:"";background:#ffffff80;border-radius:1px;width:2px;height:55%}.mf-handle-start{border-radius:2px 0 0 2px}.mf-handle-end{border-radius:0 2px 2px 0}.mf-pan{cursor:grab;z-index:3;touch-action:none;height:100%;position:absolute;top:0}.mf-pan:active{cursor:grabbing}.mf-crop-stats{font-size:var(--fs-sm);color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:6px;margin-top:5px;display:flex}.mf-crop-stats strong{color:var(--text)}.mf-crop-stats-sep{color:var(--border2)}.mf-reset-btn{margin-left:auto}.gen-warn{font-size:var(--fs-sm);color:var(--danger);padding:2px 10px 4px}.curve-editor{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius);margin:6px 8px 4px;padding:6px}.curve-svg{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);cursor:crosshair;width:100%;height:140px;display:block;overflow:visible}.curve-hint{color:var(--text-dim);text-align:center;margin-top:4px;font-size:10px}.cc-presets-row{flex-wrap:wrap;gap:3px;margin-bottom:6px;display:flex}.gen-info{font-size:var(--fs-sm);color:var(--text-dim);padding:4px 10px}.remap-activity{background:var(--accent2);width:8px;height:8px;box-shadow:0 0 6px var(--accent2);border-radius:50%;margin-left:6px;display:inline-block}.turing-register{flex-wrap:wrap;gap:2px;display:flex}.turing-bit{background:var(--bg2);border:1px solid var(--border2,#333);border-radius:2px;flex-shrink:0;width:16px;height:16px;transition:background 80ms}.turing-bit.on{background:var(--accent);border-color:var(--accent)}.turing-bit.current{box-shadow:0 0 0 1px var(--text)}.dna-pattern{gap:2px;padding:4px 8px;display:flex;overflow-x:auto}.dna-step{background:var(--bg3);border:1px solid var(--border);border-radius:2px;flex-direction:column;justify-content:flex-end;align-items:center;min-width:24px;height:36px;display:flex;position:relative;overflow:hidden}.dna-step.active{border-color:var(--accent)}.dna-step.muted{background:var(--bg3);border-style:dashed}.dna-step.muted .dna-step-vel{background:linear-gradient(to top, var(--danger), var(--accent));opacity:.6}.dna-step.muted .dna-step-name{color:var(--text-dim)}.dna-step-name{color:var(--text);z-index:1;white-space:nowrap;padding:1px 2px;font-size:8px}.dna-step-vel{background:var(--accent);opacity:.2;position:absolute;bottom:0;left:0;right:0}.btn-flash-accent2{border:1px solid var(--accent2)!important}.btn-flash-warn{border:1px solid var(--warn)!important}.tide-wave{flex:1;min-width:0;height:48px;display:block}.cellular-grid-wrap{padding:2px 8px 4px}.cellular-grid{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);-webkit-user-select:none;user-select:none;touch-action:none;gap:2px;padding:6px;display:grid}.cell-btn{aspect-ratio:1;background:var(--bg3);border:1px solid var(--border);cursor:pointer;border-radius:2px;min-width:0;transition:background .2s,box-shadow .2s,border-color .2s,transform .1s}.cell-btn.alive{background:var(--accent);border-color:var(--accent);box-shadow:none}.cell-btn.born{background:var(--accent2);border-color:var(--accent2);box-shadow:0 0 8px var(--accent2), 0 0 18px #3ecf8e8c;animation:.35s ease-out forwards cell-born}@keyframes cell-born{0%{background:#a0ffcc;transform:scale(1.2);box-shadow:0 0 18px #a0ffcc}60%{background:var(--accent2);box-shadow:0 0 10px var(--accent2);transform:scale(1.08)}to{background:var(--accent2);box-shadow:0 0 6px var(--accent2);transform:scale(1)}}.cell-btn:hover{border-color:var(--text-dim)}.cellular-grid.cellular-live{border:1px solid var(--border2);border-radius:3px}.bounce-canvas{aspect-ratio:1;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);cursor:crosshair;touch-action:none;width:100%;max-width:200px;margin:2px auto 6px;display:block}@media (width>=768px){.section-title{color:var(--accent);letter-spacing:1.5px;padding:6px 18px 8px;font-size:14px;font-weight:700}.section-title-row{padding-right:14px}.pattern-title-btns .tracks-expand-btn{width:24px!important;height:24px!important;font-size:16px!important}.pattern-title-btns .tracks-expand-btn+.tracks-expand-btn{margin-left:-3px!important}.gen-row{align-items:center;gap:10px;min-height:36px;padding:8px 18px}.cycles-header{gap:10px;padding:8px 18px}.cycles-header label,.cycles-header .lbl{width:80px;font-size:12px}.cycles-tabs{padding:2px 18px 6px}.gen-row+.gen-row{border-top:1px solid var(--border)}.gen-row label,.gen-row .lbl{width:80px;padding-top:0;font-size:12px}.gen-row select,.gen-row input[type=text],.gen-row input[type=number],.gen-row .thumb-slider-wrap{flex:none;width:260px;max-width:260px}.gen-row select,.gen-row input[type=text],.gen-row input[type=number]{height:28px;font-size:12px}.gen-val{width:44px;font-size:12px}.inspector-section,.transform-section{padding:4px 0}.gen-notes,.gen-notes-header,.melody-steps-header,.cc-step,.steps-block{padding-left:18px;padding-right:18px}.inspector-header{align-items:center;padding:10px 14px 10px 18px}.drum-grid,.rh-steps-scroll,.chord-slots,.chord-steps-list,.step-viz,.euclid-layer-tabs,.euclid-extra-layer{padding-left:18px;padding-right:18px}.cellular-grid-wrap{padding:2px 18px 4px}.chord-steps-header,.chord-euclid-header,.chord-memory-header,.arp-preset-group,.arp-euclid-gate .gen-row{padding-left:18px;padding-right:18px}.track-inspector .cycles-header{gap:10px;padding:8px 18px}.track-inspector .cycles-tabs{padding:2px 18px 6px}.track-inspector .chord-memory-header,.track-inspector .chord-slots,.track-inspector .arp-preset-group{padding-left:18px;padding-right:18px}.step-ratch-row{padding-left:8px}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.adj-ctrl{align-items:center;gap:3px;display:flex}.adj-btn{background:var(--bg3);border:1px solid var(--border2);width:20px;height:20px;color:var(--text-dim);border-radius:var(--radius);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:flex}.adj-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.adj-btn:disabled{opacity:.3;cursor:default}.adj-val{text-align:center;min-width:26px;font-size:var(--fs-sm);color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.adj-pair{align-items:center;gap:6px;display:flex}.adj-sep{font-size:var(--fs-sm);color:var(--text-dim)}.app-footer{border-top:1px solid var(--border);background:#121212;flex-shrink:0;justify-content:flex-start;align-items:center;gap:8px;padding:5px 8px;display:flex}.footer-copy{color:var(--text-dim);opacity:.5;letter-spacing:.3px;white-space:nowrap;margin-left:auto;font-size:10px}.footer-btn{background:var(--bg3);border:1px solid var(--border2);color:var(--text-dim);font-size:var(--fs-sm);font-family:var(--font);letter-spacing:.5px;cursor:pointer;border-radius:var(--radius);justify-content:center;align-items:center;height:20px;padding:0 8px;font-weight:600;display:inline-flex}.footer-btn:hover{color:var(--text)}.footer-btn-fs{color:var(--text-dim)}.footer-btn-fs:hover{color:var(--accent)}.footer-rec-group{border-left:1px solid var(--border);align-self:center;align-items:center;gap:4px;margin-left:4px;padding-left:8px;display:flex}.footer-lbl-short{display:none}.footer-lbl-long{display:inline}.footer-btn-rec{border:1px solid #e05c5c66;justify-content:center;align-items:center;padding:0 8px;display:inline-flex}.footer-btn-rec:hover{border-color:var(--danger)}.footer-btn-rec.recording{animation:1s ease-in-out infinite rec-flash}.footer-rec-dot{background:var(--danger);border-radius:50%;width:8px;height:8px;display:block}@keyframes rec-flash{0%,to{border-color:var(--danger)}50%{border-color:#0000}}.footer-btn-stop{cursor:default;justify-content:center;align-items:center;padding:0 8px;display:inline-flex}.footer-stop-sq{background:var(--text-dim);opacity:.3;width:7px;height:7px;display:block}.footer-btn-stop.active{cursor:pointer}.footer-btn-stop.active .footer-stop-sq{opacity:1;background:var(--text)}.footer-btn-stop.active:hover .footer-stop-sq{background:#fff}.footer-btn-export{color:var(--text-dim);cursor:default;opacity:.6}.footer-btn-export.active{color:var(--accent2);border-color:var(--accent2);cursor:pointer;opacity:1}.footer-btn-export.active:hover{color:var(--accent);border-color:var(--accent)}.footer-timer{font-family:monospace;font-size:var(--fs-sm);color:var(--text-dim);letter-spacing:1px;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);justify-content:center;align-self:center;align-items:center;min-width:52px;height:20px;padding:0 6px;line-height:1;display:inline-flex}.footer-timer.active{color:#c87533;border-color:#c8753366}.footer-btn-panic{color:var(--text-dim);border-color:var(--border2);border-left:1px solid var(--border);letter-spacing:.5px;-webkit-user-select:none;user-select:none;touch-action:manipulation;margin-left:4px;padding-left:8px}.footer-btn-panic:hover{color:var(--danger);border-color:var(--danger)}.footer-btn-panic.fired{color:var(--danger);border-color:var(--danger);background:#e05c5c2e}.manual-overlay{z-index:1000;background:#000000e0;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.manual-panel{background:var(--bg2);border:1px solid var(--border2);border-radius:6px;flex-direction:column;width:100%;max-width:660px;max-height:92dvh;display:flex;overflow:hidden}@media (width>=900px){.manual-panel{max-width:860px}}.manual-header{border-bottom:1px solid var(--border);background:var(--bg3);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px 10px 12px;display:flex}.manual-logo-row{flex-wrap:wrap;align-items:baseline;gap:7px;display:flex}.manual-logo-img{width:auto;height:26px}.manual-logo-text{color:var(--text);letter-spacing:-.5px;font-size:26px;font-weight:600;line-height:1}.manual-close{border:1px solid var(--border2);color:var(--text-dim);border-radius:var(--radius);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:12px;display:flex}.manual-close:hover{color:var(--text);border-color:var(--text-med)}.manual-tabs-outer{flex-shrink:0;position:relative}.manual-tab-arrow{z-index:2;cursor:pointer;color:var(--text-dim);font-size:20px;font-family:var(--font);border:none;justify-content:center;align-items:center;min-width:40px;padding:0 12px 2px;display:flex;position:absolute;top:0;bottom:0}.manual-tab-arrow:hover{color:var(--text)}.manual-tab-arrow-l{background:linear-gradient(90deg, var(--bg2) 60%, transparent);left:0}.manual-tab-arrow-r{background:linear-gradient(270deg, var(--bg2) 60%, transparent);right:0}.manual-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;flex-shrink:0;display:flex;overflow-x:auto}.manual-tabs::-webkit-scrollbar{display:none}.manual-tab{color:var(--text-dim);font-size:13px;font-family:var(--font);letter-spacing:.4px;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-1px;padding:11px 16px;font-weight:600}.manual-tab:hover{color:var(--text-med)}.manual-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.manual-body{-webkit-user-select:text;user-select:text;flex:1;padding:0 0 16px;overflow-y:auto}.manual-body::-webkit-scrollbar{width:4px}.manual-body::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.man-section-title{color:var(--text);letter-spacing:.5px;border-bottom:1px solid var(--border);margin-bottom:8px;padding:12px 14px 6px;font-size:14px;font-weight:700}.man-text{font-size:var(--fs-sm);color:var(--text-med);margin:0;padding:4px 14px;line-height:1.65}.man-subtitle{font-size:var(--fs-sm);color:var(--accent2);letter-spacing:.8px;text-transform:uppercase;padding:10px 14px 4px;font-size:11px;font-weight:700}.man-dl{margin:0;padding:2px 0}.man-dl-row{border-bottom:1px solid var(--border);align-items:baseline;gap:8px;padding:4px 14px;display:flex}.man-dl-row:last-child{border-bottom:none}.man-dt{font-size:var(--fs-sm);color:var(--accent);flex-shrink:0;width:100px;font-weight:600;line-height:1.5}.man-dd{font-size:var(--fs-sm);color:var(--text-med);flex:1;min-width:0;margin:0;line-height:1.6}.man-steps{margin:4px 0;padding:0 14px 0 30px}.man-step{font-size:var(--fs-sm);color:var(--text-med);padding:2px 0;line-height:1.65}.man-step::marker{color:var(--accent);font-weight:600}.man-usecases{flex-direction:column;gap:0;padding:4px 14px 0;display:flex}.man-usecase{background:var(--bg3);border:1px solid var(--border);border-left:3px solid var(--accent2);border-radius:var(--radius);flex-direction:column;gap:2px;margin-bottom:5px;padding:7px 10px;display:flex}.man-uc-title{font-size:var(--fs-sm);color:var(--accent2);font-weight:700;line-height:1.3}.man-uc-desc{font-size:var(--fs-sm);color:var(--text-med);line-height:1.6}.man-tip{border:1px solid #4a9eff40;border-left:3px solid var(--accent);border-radius:var(--radius);font-size:var(--fs-sm);color:var(--text-med);background:#4a9eff12;margin:8px 14px;padding:8px 12px;line-height:1.65}.man-tree{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-med);white-space:pre;margin:8px 14px;padding:12px 14px;font-family:monospace;font-size:12px;line-height:1.7;overflow-x:auto}.manual-footer-note{color:var(--text-dim);letter-spacing:1px;text-align:center;padding:14px 0 2px;font-size:10px}.settings-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;display:flex}.settings-tab{text-overflow:ellipsis;min-width:0;color:var(--text-dim);font-size:13px;font-family:var(--font);letter-spacing:.4px;cursor:pointer;white-space:nowrap;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;flex:30%;margin-bottom:-1px;padding:8px 2px;font-weight:600;overflow:hidden}.settings-tab:hover{color:var(--text-med)}.settings-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.cc-section{padding:0}.cc-section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.cc-section-count{font-size:var(--fs-sm);color:var(--text-dim)}.cc-learn-banner{font-size:var(--fs-sm);color:var(--warn);background:#e0a84a1a;border-bottom:1px solid #e0a84a4d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:7px 14px;display:flex}.cc-mapping-list{flex-direction:column;max-height:50%;display:flex;overflow-y:auto}.cc-empty{font-size:var(--fs-sm);padding:12px 14px}.cc-mapping-row{border-bottom:1px solid var(--border);align-items:center;gap:7px;padding:6px 14px;display:flex}.cc-mapping-row:last-child{border-bottom:none}.cc-mapping-row.cc-mapping-learning{background:#e0a84a0f}.cc-badge{font-size:var(--fs-sm);font-variant-numeric:tabular-nums;color:var(--accent);border-radius:var(--radius);white-space:nowrap;text-align:center;background:#4a9eff24;border:1px solid #4a9eff59;flex-shrink:0;min-width:38px;padding:1px 6px;font-weight:700}.cc-mapping-label{min-width:0;font-size:var(--fs-sm);white-space:nowrap;flex:1;align-items:center;gap:5px;display:flex;overflow:hidden}.cc-mapping-dot{color:var(--text-dim);flex-shrink:0}.cc-add-panel{border-bottom:1px solid var(--border);padding-bottom:10px}.cc-param-groups{flex-direction:column;gap:6px;padding:6px 14px 0;display:flex}.cc-param-group-label{font-size:var(--fs-sm);color:var(--text-dim);letter-spacing:.6px;margin-bottom:4px;font-weight:600}.cc-param-btns{flex-wrap:wrap;gap:4px;display:flex}.cc-add-actions{justify-content:flex-end;gap:6px;padding:8px 14px 0;display:flex}.presets-section{flex-direction:column;display:flex}.preset-save-row{border-bottom:1px solid var(--border);gap:6px;padding:8px 14px;display:flex}.preset-name-input{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);min-width:0;height:28px;color:var(--text);font-size:var(--fs-sm);font-family:var(--font);outline:none;flex:1;padding:0 8px}.preset-name-input:focus{border-color:var(--accent)}.presets-list{flex-direction:column;display:flex}.preset-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:6px 14px;display:flex}.preset-row:last-child{border-bottom:none}.preset-row-info{flex:1;align-items:baseline;gap:8px;min-width:0;display:flex;overflow:hidden}.preset-row-name{font-size:var(--fs-sm);color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.preset-row-date{flex-shrink:0;font-size:11px}.preset-row-btns{flex-shrink:0;gap:4px;display:flex}.preset-import-row{border-top:1px solid var(--border);align-items:center;gap:10px;padding:8px 14px;display:flex}.preset-import-error{font-size:var(--fs-sm);color:var(--danger)}.chord-steps-header{font-size:var(--fs-sm);color:var(--text-dim);justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.chord-steps-list{flex-direction:column;gap:4px;padding:0 8px 8px;display:flex}.chord-step-row{border:1px solid var(--border2);border-radius:var(--radius);flex-direction:column;gap:4px;padding:5px 6px;display:flex}.chord-step-row:nth-child(odd){background:var(--bg3)}.chord-step-row:nth-child(2n){background:var(--bg4)}.chord-step-top{align-items:center;gap:4px;display:flex}.chord-step-compact-row{flex-wrap:nowrap;align-items:center;gap:4px;padding:3px 8px;display:flex;overflow-x:auto}.chord-step-inv-row{align-items:center;gap:4px;padding:0 2px;display:flex}.chord-step-bot{align-items:center;gap:8px;display:flex}.chord-step-bot-grp{align-items:center;gap:4px;display:flex}.cstep-lbl{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;font-size:9px}.chord-step-num{font-size:var(--fs-sm);color:var(--text-dim);text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;width:14px}.vel-curve-btn{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);min-width:22px;height:22px;color:var(--text-dim);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0 4px;font-size:12px;display:inline-flex}.vel-curve-btn.active{border-color:var(--accent);color:var(--accent);background:#4a9eff1f}.chord-inv-btn{background:var(--bg3);border:1px solid var(--border2);min-width:16px;height:18px;color:var(--text-dim);cursor:pointer;border-radius:2px;flex-shrink:0;padding:0 3px;font-size:9px}.chord-inv-btn.active{border-color:var(--accent);color:var(--accent);background:#4a9eff26}.chord-step-root{flex-shrink:0;width:46px}.chord-step-voicing{flex:1;min-width:0}.chord-step-bars{flex-shrink:0;width:42px}.chord-euclid-header{font-size:var(--fs-sm);color:var(--text-dim);border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:4px;padding:6px 8px 2px;display:flex}.scenes-panel{background:var(--bg2);border-bottom:1px solid var(--border);flex-wrap:nowrap;align-items:center;gap:4px;min-height:30px;padding:4px 6px;display:flex;overflow:hidden}.scenes-scroll-wrap{flex:1;align-items:center;min-width:0;display:flex;position:relative}.scenes-scroll{scrollbar-width:none;flex:1;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.scenes-scroll::-webkit-scrollbar{display:none}.scenes-arrow{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text-dim);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:20px;padding:0;font-size:16px;line-height:1;display:flex}.scenes-arrow:hover{color:var(--text);border-color:var(--accent)}.scenes-arrow-l{margin-right:2px}.scenes-arrow-r{margin-left:2px}.midi-indicators{border-right:1px solid var(--border);flex-shrink:0;align-items:center;gap:5px;margin-right:4px;padding:3px 10px 3px 0;display:flex}.midi-ind-label{color:var(--warn);letter-spacing:.5px;text-transform:lowercase;font-size:11px;font-weight:700}.midi-ind-group{align-items:center;gap:3px;display:flex}.midi-ind-sub{color:var(--text-dim);font-size:10px}.midi-dot{background:var(--bg3);border:1px solid var(--border2);border-radius:50%;width:7px;height:7px;transition:background 50ms,box-shadow 50ms}.midi-dot.active{background:var(--warn);border-color:var(--warn);box-shadow:none}.scene-item{cursor:grab;flex-shrink:0;align-items:center;gap:2px;display:flex}.scene-item.drag-over{outline:1px solid var(--accent);outline-offset:1px;border-radius:var(--radius)}.scene-btn{background:var(--bg3);border:1px solid var(--border2);color:var(--text-dim);font-size:var(--fs-sm);border-radius:var(--radius);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;max-width:120px;padding:2px 8px;overflow:hidden}.scene-btn:hover{color:var(--text);border-color:var(--border2)}.scene-btn.active{background:var(--active-bg);border-color:var(--accent2);color:var(--accent2)}.scene-rename-btn{background:var(--bg3);border:1px solid var(--border2);color:var(--text-dim);border-radius:var(--radius);cursor:pointer;padding:2px 5px;font-size:12px;line-height:1}.scene-rename-btn:hover{color:var(--accent);border-color:var(--accent)}.scene-del-btn{background:var(--bg3);border:1px solid var(--border2);color:var(--text-dim);border-radius:var(--radius);cursor:pointer;padding:2px 5px;font-size:13px;line-height:1}.scene-del-btn:hover{color:var(--danger);border-color:var(--danger)}.scene-add-btn{border:1px solid var(--border);color:var(--text-dim);font-size:var(--fs-sm);border-radius:var(--radius);cursor:pointer;white-space:nowrap;background:0 0;flex-shrink:0;padding:2px 7px}.scene-add-btn:hover{color:var(--accent2);border-color:var(--accent2)}.scene-name-input{background:var(--bg3);border:1px solid var(--accent2);color:var(--text);font-size:var(--fs-sm);font-family:var(--font);border-radius:var(--radius);outline:none;width:90px;padding:2px 5px}.scene-add-form{display:flex}.slot-selector{gap:3px;display:flex}.slot-btn{font-size:var(--fs-sm);background:var(--bg3);border:1px solid var(--border2);color:var(--text-dim);border-radius:var(--radius);cursor:pointer;letter-spacing:.05em;padding:2px 9px;font-weight:600}.slot-btn:hover{color:var(--text)}.slot-btn.active{background:var(--active-bg);border-color:var(--accent);color:var(--accent)}.step-lock-row{flex-wrap:wrap;gap:2px;padding:2px 8px;display:flex}.step-lock-wrap{flex-shrink:0;justify-content:center;align-items:center;width:18px;display:flex}.note-picker-btn-compact{background:var(--bg4);border:1px solid var(--border2);color:#0000;cursor:pointer;text-align:center;white-space:nowrap;border-radius:2px;width:18px;height:14px;padding:0;font-size:0;line-height:14px;overflow:hidden}.note-picker-btn-compact:hover{border-color:var(--accent);background:#4a9eff1f}.note-picker-btn-compact.note-picker-btn-locked{background:var(--accent);border-color:var(--accent);color:#000;letter-spacing:-.5px;font-size:7px;font-weight:700}.note-picker-clear{background:var(--bg3);border:1px solid var(--border2);width:100%;color:var(--danger);font-size:var(--fs-sm);border-radius:var(--radius);cursor:pointer;text-align:center;margin-bottom:4px;padding:3px 6px}.note-picker-clear:hover{border-color:var(--danger);background:#a018201a}.man-section-title{font-size:16px}.man-text{font-size:14px;line-height:1.7}.man-subtitle{font-size:13px}.man-dt{font-size:14px}.man-dd,.man-step{font-size:14px;line-height:1.7}.man-uc-title{font-size:14px}.man-uc-desc,.man-tip{font-size:14px;line-height:1.7}.man-tree{font-size:13px}.gen-hdr-btns{gap:4px;display:flex}.gen-ops-row{flex-wrap:wrap;gap:8px;display:flex}.chord-memory-header{justify-content:space-between;align-items:center;margin-top:4px;padding:4px 8px 2px;display:flex}.chord-memory-header label,.chord-memory-header .lbl{font-size:var(--fs-sm);color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.chord-slots{flex-wrap:wrap;gap:4px;padding:2px 8px 6px;display:flex}.chord-slot-wrap{align-items:center;display:flex;position:relative}.chord-slot{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);min-width:32px;height:26px;color:var(--text-dim);font-size:var(--fs-sm);cursor:pointer;align-items:center;gap:3px;padding:0 5px;display:flex}.chord-slot.filled{border-color:var(--accent);color:var(--text)}.chord-slot.save-mode{border-color:var(--warn)}.chord-slot.filled.save-mode{border-color:var(--warn);color:var(--warn)}.chord-slot:hover{border-color:var(--text-dim)}.chord-slot.filled:hover{border-color:var(--accent)}.chord-slot.save-mode:hover{border-color:var(--warn);background:#e0a84a14}.chord-slot-num{color:var(--text-dim);font-size:10px}.chord-slot-name{font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;max-width:40px;font-weight:600;overflow:hidden}.chord-slot-clear{background:var(--bg);border:1px solid var(--danger);width:14px;height:14px;color:var(--danger);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:9px;line-height:1;display:flex;position:absolute;top:-5px;right:-8px}.chord-slot-clear:hover{background:#a0182026}.melody-step-rate{align-items:center;gap:2px;margin-top:2px;display:flex}.melody-step-rate .rate-picker-btn{min-width:28px;height:16px;padding:1px 3px;font-size:9px}.melody-step-rate .rate-picker-btn.rate-custom{color:var(--warn);border-color:var(--warn)}.melody-step-rate .rate-picker-btn.rate-global{color:var(--text-dim);background:0 0;border-color:#0000}.melody-rate-clear{width:12px;height:12px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:10px;line-height:1}.melody-rate-clear:hover{color:var(--danger)}.step-ratch-row{flex-wrap:wrap;gap:2px;padding:2px 8px;display:flex}.step-ratch-wrap{flex-shrink:0;justify-content:center;align-items:center;width:18px;display:flex}.ratchet-btn{background:var(--bg3);border:1px solid var(--border);width:18px;height:12px;color:var(--text-dim);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;padding:0;font-size:8px;font-weight:700;line-height:1;display:flex}.ratchet-btn:hover{border-color:var(--warn);color:var(--warn)}.ratchet-btn.active{border-color:var(--warn);color:var(--warn);background:#e0a84a1f}.step-row-lbl-rtch{height:16px}.steps-scroll-area .step-ratch-row{flex-wrap:nowrap;padding-left:0}.flam-btn{background:var(--bg3);border:1px solid var(--border);width:18px;height:12px;color:var(--text-dim);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;padding:0;font-size:8px;font-weight:700;line-height:1;display:flex}.flam-btn:hover{border-color:var(--accent2);color:var(--accent2)}.flam-btn.active{border-color:var(--accent2);color:var(--accent2);background:#4a72281f}.step-row-lbl-flam{height:16px}.steps-scroll-area .step-flam-row{flex-wrap:nowrap;padding-left:0}.step-flam-wrap{flex-shrink:0;justify-content:center;align-items:center;width:18px;display:flex}.rh-steps-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border2) transparent;gap:4px;min-width:0;padding:4px 8px 8px;display:flex;overflow:auto hidden}.rh-steps-scroll::-webkit-scrollbar{height:3px}.rh-steps-scroll::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.rh-step-col{flex-direction:column;flex-shrink:0;align-items:center;gap:3px;width:32px;display:flex}.rh-step-num{color:var(--text-dim);text-align:center;flex-shrink:0;font-size:8px;line-height:1}.rh-dot{background:var(--bg4);border:1px solid var(--border2);cursor:default;border-radius:3px;flex-shrink:0;width:28px;height:28px}.rh-dot.on{background:var(--accent);border-color:var(--accent);cursor:pointer;box-shadow:0 0 5px #4a9eff59}.rh-dot.on:hover{opacity:.85}.rh-dot.on.muted{box-shadow:none;background:#4a9eff26;border-color:#4a9eff66}.rh-vel-slider{width:100%;height:100px;accent-color:var(--accent);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0}.rh-note-wrap,.rh-cond-wrap{flex-shrink:0;justify-content:center;align-items:center;width:100%;display:flex}.rh-step-col .cond-btn{width:28px;height:18px}.drum-step-col .cond-btn{width:28px;height:20px;font-size:9px}.rh-step-col .note-picker-btn-compact{width:28px;height:20px;line-height:20px}.rh-btn{background:var(--bg3);border:1px solid var(--border2);width:28px;height:20px;color:var(--text-med);cursor:pointer;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:9px;font-weight:700;line-height:1;display:flex}.rh-ratch:hover,.rh-ratch.active{border-color:var(--warn);color:var(--warn)}.rh-ratch.active{background:#e0a84a1f}.rh-flam:hover,.rh-flam.active{border-color:var(--accent2);color:var(--accent2)}.rh-flam.active{background:#3ecf8e1a}.rh-en-btn{border:1px solid var(--border2);background:var(--bg3);cursor:pointer;border-radius:50%;flex-shrink:0;width:20px;height:20px;padding:0}.rh-en-btn.on{background:var(--accent2);border-color:var(--accent2)}.drum-grid{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border2) transparent;flex-direction:column;gap:0;padding:2px 8px 4px;display:flex;overflow-x:auto}.drum-grid::-webkit-scrollbar{height:3px}.drum-grid::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.drum-row{align-items:stretch;gap:4px;min-width:0;padding:5px 0;display:flex}.drum-row+.drum-row{border-top:1px solid var(--border)}.drum-row-note{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:54px;padding:5px 0;display:flex}.drum-row-ctrl{flex-direction:column;align-items:center;gap:3px;width:100%;display:flex}.drum-row-ctrl-val{text-align:center;color:var(--text-dim);font-variant-numeric:tabular-nums;min-width:18px;padding:1px 0;font-size:11px;line-height:14px}.drum-row-ctrl-val.poly{color:var(--warn)}.drum-row-ctrl+.drum-row-ctrl{margin-top:4px}.drum-row-ctrl-btns{flex-direction:column;align-items:center;gap:3px;margin-top:4px;display:flex}.drum-row-ctrl-btns .btn-small{text-align:center;width:28px;height:20px;padding:0}.drum-row-steps-input{text-align:center;background:var(--bg3);border:1px solid var(--border);width:30px;height:18px;color:var(--text-dim);border-radius:var(--radius);-moz-appearance:textfield;flex-shrink:0;padding:0;font-size:11px}.drum-row-steps-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.drum-row-steps-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.drum-row-steps-input:focus{border-color:var(--accent);color:var(--text);outline:none}.drum-row-steps-input.poly{border-color:var(--warn);color:var(--warn)}.euclid-layer-tabs{gap:3px;margin-bottom:8px;padding-left:8px;padding-right:8px;display:flex}.euclid-layer-tab{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);min-width:32px;height:22px;color:var(--text-dim);cursor:pointer;letter-spacing:.03em;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.euclid-layer-tab.active{border-color:var(--accent);color:var(--accent);background:#4a9eff14}.euclid-layer-tab.has-layer{color:var(--text)}.euclid-layer-dot{background:var(--accent2);border-radius:50%;flex-shrink:0;width:5px;height:5px}.euclid-layer-add{justify-content:center;padding:16px 0;display:flex}.euclid-extra-layer{flex-direction:column;gap:0;padding-left:8px;padding-right:8px;display:flex}.euclid-layer-hdr{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.euclid-layer-hdr-title{color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:600}.drum-steps-btn{background:var(--bg3);border:1px solid var(--border2);width:32px;height:20px;color:var(--text-med);border-radius:var(--radius);cursor:pointer;flex-shrink:0;padding:0;font-size:11px;font-weight:600}.drum-steps-btn:hover{border-color:var(--accent);color:var(--accent)}.drum-steps-btn.poly{border-color:var(--warn);color:var(--warn)}.drum-steps-menu{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius);z-index:9999;flex-wrap:wrap;gap:3px;width:128px;padding:6px;display:flex;box-shadow:0 4px 16px #00000080}.drum-steps-item{background:var(--bg3);border:1px solid var(--border);width:26px;height:22px;color:var(--text-med);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;padding:0;font-size:10px;display:flex}.drum-steps-item:hover{border-color:var(--accent);color:var(--text)}.drum-steps-item.active{background:var(--accent);border-color:var(--accent);color:#000;font-weight:700}.drum-row--muted .drum-row-steps{opacity:.28;pointer-events:none}.drum-row--muted .drum-row-note{opacity:.55}.drum-row--muted .drum-row-mute{opacity:1}.drum-row-actions{flex-direction:column;gap:2px;margin-top:auto;display:flex}.drum-row-vol{align-items:center;gap:8px;min-height:30px;padding:4px 8px;display:flex}.drum-row-vol-label{font-size:var(--fs-sm);color:var(--text-dim);white-space:nowrap;flex-shrink:0}.drum-row-vol .thumb-slider-wrap{flex:1;min-width:0}.drum-row-vol-val{font-size:var(--fs-sm);color:var(--text-dim);text-align:right;width:30px;text-align:right;flex-shrink:0;width:26px;font-size:9px}.drum-row-mute{letter-spacing:.3px;height:22px;padding:0 7px;font-size:11px;font-weight:700}.drum-row-mute.active{border-color:var(--warn);color:var(--warn);background:#e0a84a2e}.drum-row-del{height:22px;padding:0 7px;font-size:13px}.drum-row-steps{flex-shrink:0;gap:3px;display:flex}.drum-step-col{flex-direction:column;flex-shrink:0;align-items:center;gap:3px;width:32px;display:flex}.drum-step-btn{background:var(--bg4);border:1px solid var(--border2);cursor:pointer;border-radius:3px;flex-shrink:0;width:28px;height:28px;padding:0}.drum-step-btn.on{background:var(--accent);border-color:var(--accent);box-shadow:0 0 5px #4a9eff59}.drum-step-btn:hover:not(.on){border-color:var(--accent)}.drum-step-vel{width:100%;height:100px}.arp-euclid-gate{border-top:1px solid var(--border);margin-top:2px;padding-top:2px}.cc-step-ramp-btn{flex-shrink:0;padding:0 4px;font-size:9px}.cc-step-ramp-btn:hover{border-color:var(--accent);color:var(--accent)}.cc-step-ramp-btn.active{border-color:var(--accent);color:var(--accent);background:var(--active-bg)}.cc-step.cc-step-ramp{background:#4a9eff08}.cc-step-ramp-svg{width:100%;height:26px;display:block}.cc-step .adj-ctrl{gap:2px}.cc-step .adj-btn{width:20px;height:24px;font-size:13px}.cc-step .adj-val{min-width:20px;font-size:11px}.cc-step .thumb-slider-wrap{flex:1;min-width:0}@media (width<=480px){.footer-lbl-short{display:inline}.footer-lbl-long{display:none}.footer-rec-group{border-left:none;gap:3px;margin-left:0;padding-left:0}.app-footer{gap:4px;padding:4px 6px}.footer-btn-panic{border-left:none;margin-left:0;padding-left:6px;font-size:9px}}.sp-btn{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text);font-size:var(--fs-sm);font-family:var(--font);cursor:pointer;justify-content:space-between;align-items:center;gap:4px;min-width:0;padding:3px 6px;display:flex;overflow:hidden}.sp-btn:hover,.sp-btn.sp-open{border-color:var(--accent)}.sp-placeholder .sp-label{color:var(--text-med)}.sp-label{text-overflow:ellipsis;text-align:left;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sp-arrow{color:var(--text-med);flex-shrink:0;font-size:9px}.gen-row .sp-btn{flex:1}.sp-menu{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius);z-index:10000;max-width:calc(100vw - 16px);max-height:260px;padding:3px;overflow-y:auto;box-shadow:0 4px 20px #0009}.sp-item{text-align:left;width:100%;color:var(--text-med);font-size:var(--fs-sm);font-family:var(--font);border-radius:var(--radius);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:4px 8px;display:block}.sp-item:hover{background:var(--bg3);color:var(--text)}.sp-item.active{color:var(--accent);background:var(--active-bg)}.sp-item.dim{opacity:.5}.sp-group-label{color:var(--accent);letter-spacing:.5px;text-transform:uppercase;border-top:1px solid var(--border);margin-top:2px;padding:5px 8px 2px;font-size:9px}.sp-group:first-child .sp-group-label{border-top:none;margin-top:0}.chord-step-row .cond-btn{border-radius:2px;flex-shrink:0;align-items:center;gap:3px;width:auto;min-width:32px;height:20px;padding:0 5px;display:inline-flex}.cond-icon{color:#ff7f3f;flex-shrink:0;font-size:8px}@media (width<=768px){.header-beat-leds,.header-right{gap:5px}.btn-track-action{padding:5px 8px}}@media (width<=767px){.panel-title{padding-left:0;padding-right:6px}.panel-title-btns .tracks-expand-btn{width:20px;height:20px;font-size:13px}.track-list-bottom-btn{padding-right:4px!important}.track-list-bottom-btn .tracks-expand-btn{width:20px;height:20px;font-size:13px}.track-cell-right{padding-right:6px}.pattern-title-btns .tracks-expand-btn{margin-left:5px!important}.pattern-title-btns .tracks-expand-btn+.tracks-expand-btn{margin-left:-3px!important}.transport-bpm{gap:1px}.bpm-value{min-width:44px;padding:0 6px}}@media (width<=600px){.transport{flex-wrap:wrap;gap:4px;height:auto;padding:5px 6px}.transport-bpm{order:1;gap:1px;height:auto}.transport-controls{order:2;gap:3px;margin-left:auto}.transport-quant{flex-basis:100%;order:3;margin-left:0}.bpm-value{min-width:44px;height:28px;padding:0 5px;font-size:20px;line-height:28px}.bpm-adj-btn{width:28px;height:28px;font-size:18px}.btn-play,.btn-stop,.btn-tap,.btn-fill{height:28px;padding:0 8px}}@media (width<=767px){.settings-tabs{border-bottom:none;align-content:flex-start;align-items:flex-start;gap:4px;padding:4px}.settings-tab{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg3);height:34px}.settings-tab.active{border-color:var(--accent);border-bottom:1px solid var(--accent);color:var(--accent)}}@media (width<=400px){.modal-body{min-height:380px}.modal-overlay{padding:8px}.modal,.modal-wide{max-width:calc(100vw - 16px)}}.cycles-editor{border-top:1px solid var(--border);margin-top:6px;padding-top:4px}.cycles-header{font-size:var(--fs-sm);color:var(--text-dim);align-items:center;gap:8px;padding:4px 8px;display:flex}.cycles-header label,.cycles-header .lbl{font-size:var(--fs-sm);color:var(--text-dim);flex-shrink:0;width:50px}.cycles-header-right{align-items:center;gap:4px;display:flex}.cycles-tabs{flex-wrap:wrap;gap:2px;margin-bottom:4px;padding:2px 8px 4px;display:flex}.cycle-tab{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);cursor:pointer;padding:2px 7px;font-size:11px}.cycle-tab.active{border-color:var(--warn);color:var(--warn);background:#e0a84a1a}.cycle-tab:hover{border-color:var(--border2);color:var(--text)}.cycles-controls{padding:0}.cycle-clear-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 3px;font-size:12px;line-height:1}.cycle-clear-btn:hover{color:var(--danger)}.shape-panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:6px;padding:6px 8px}.shape-btns{flex-wrap:wrap}.btn-small.accent{color:var(--accent);border-color:var(--accent);background:#4a9eff1a}.btn-small.accent:hover{background:#4a9eff33}@media (width>=768px){.panel-title{padding-left:8px;font-size:16px}.inspector-name-input{font-size:15px;font-weight:700}.track-cell-name{font-weight:700}.track-cell{height:48px}.track-cell-info{gap:3px;padding:6px 10px}.gen-row{padding-top:7px;padding-bottom:7px}.modal-wide .gen-row{padding-top:10px;padding-bottom:10px}.app-footer{gap:12px;padding:8px 16px 8px 8px}.footer-btn{height:26px;padding:0 14px;font-size:13px}.footer-timer{min-width:64px;height:26px;font-size:13px}.footer-copy{font-size:12px}.transport{height:54px;padding:0 12px 0 10px}.transport-controls{gap:10px}.track-add-btn{color:var(--accent);border-color:var(--accent);padding:8px 12px;font-size:13px;font-weight:600}.modal-wide{max-width:680px;height:90vh}.modal-wide .modal-body{padding-bottom:20px}.settings-tabs{flex-wrap:nowrap}.settings-tab{text-align:left;border-right:1px solid var(--border);flex:1;padding-left:16px}.settings-tab:last-child{border-right:none}.midi-status-label{font-size:14px}.midi-refresh-btn{opacity:1;padding:5px 10px;font-size:14px}.midi-device-label{color:var(--warn)}.midi-device-hint{font-size:14px}.midi-device-hint-sub{opacity:.7;font-size:14px}.modal-wide{--text-dim:var(--text);--text-med:var(--text)}.modal-wide .text-dim{color:var(--text)}.modal-wide .settings-section-title,.modal-wide .cc-param-group-label{color:var(--accent)}.modal-wide .midi-device-label,.modal-wide .cc-section-count{color:var(--warn)}.modal-wide .gen-row label,.modal-wide .gen-row .lbl{color:var(--accent);white-space:nowrap;font-size:14px}.modal-wide .gen-row .sp-btn{flex:none;min-width:320px;margin-left:auto;padding:5px 10px;font-size:14px}.modal-wide .btn-small{padding:5px 12px;font-size:14px}.modal-wide .cc-section-header{align-items:center;gap:12px}.modal-wide .cc-mapping-row{align-items:center;gap:10px;font-size:14px}.modal-wide .cc-add-actions{gap:10px}.modal-wide .midi-status-row,.modal-wide .midi-device-header,.modal-wide .midi-device-hint-sub,.modal-wide .gen-row,.modal-wide .settings-about,.modal-wide .cc-section-header,.modal-wide .cc-learn-banner,.modal-wide .cc-empty,.modal-wide .cc-mapping-row,.modal-wide .cc-param-groups,.modal-wide .cc-add-actions,.modal-wide .preset-save-row,.modal-wide .preset-row,.modal-wide .preset-import-row,.modal-wide .settings-section-title{padding-left:16px;padding-right:16px}.modal-wide .cc-section-count,.modal-wide .cc-empty,.modal-wide .cc-mapping-label,.modal-wide .cc-param-group-label,.modal-wide .preset-row-name,.modal-wide .preset-row-date,.modal-wide .preset-import-error{font-size:14px}.modal-wide .cc-section-count{color:var(--warn)}.modal-wide .cc-param-group-label{color:var(--accent)}.modal-wide .cc-empty{color:var(--text-dim)}.modal-wide .preset-row{padding-top:10px;padding-bottom:10px}.modal-wide .preset-save-row,.modal-wide .preset-import-row{padding-top:12px;padding-bottom:12px}.section-title{padding:6px 10px 8px}.section-title-row{padding-top:4px;padding-bottom:4px}.btn-track-action{padding:6px 14px;font-size:13px}.btn-play-track{min-width:52px}.rh-steps-scroll,.drum-grid,.euclid-layer-tabs,.euclid-extra-layer,.chord-steps-header,.chord-steps-list,.chord-euclid-header,.chord-memory-header,.chord-slots{padding-left:18px;padding-right:18px}}