:root{--bg: #16181d;--bg-panel: #1f232b;--bg-control: #2a2f3a;--border: #353b48;--text: #d8dce3;--text-dim: #7d8494;--accent: #4f9cf9;--accent-active: #6db2ff;font-family:Inter,system-ui,-apple-system,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);overscroll-behavior:none}#root{height:100vh;height:100dvh}.start-gate{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.start-gate h1{font-weight:600;letter-spacing:.02em}.start-gate button{font-size:1.1rem;padding:.75rem 2.5rem;border-radius:8px;border:none;background:var(--accent);color:#fff;cursor:pointer}.start-gate button:hover{background:var(--accent-active)}.start-gate button:disabled{opacity:.6;cursor:wait}.start-gate .hint{color:var(--text-dim);font-size:.85rem}.start-gate .boot-error{color:#f87171;font-size:.85rem;max-width:32rem;text-align:center}.app{height:100%;display:flex;flex-direction:column}.workspace{flex:1;display:flex;min-height:0;overflow:hidden}.panel-tabs{display:flex;gap:.25rem;padding:.25rem .5rem 0;background:var(--bg-panel)}.panel-tabs button{font-size:.75rem;padding:.25rem .9rem;border:1px solid var(--border);border-bottom:none;border-radius:6px 6px 0 0;background:var(--bg);color:var(--text-dim);cursor:pointer}.panel-tabs button.active{background:var(--bg-control);color:var(--text)}.mixer{display:flex;gap:.5rem;width:100%;overflow-x:auto;align-items:flex-start;padding:.25rem}.channel-strip{width:180px;flex-shrink:0;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.6rem;display:flex;flex-direction:column;gap:.55rem}.channel-strip.master{border-color:var(--accent)}.strip-name{font-size:.8rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meter{height:7px;border-radius:4px;background:var(--bg);border:1px solid var(--border);overflow:hidden}.meter-fill{height:100%;width:100%;background:linear-gradient(to right,#22c55e,#22c55e 75%,#eab308,#ef4444 95%,#ef4444);clip-path:inset(0 100% 0 0)}.strip-control{display:flex;flex-direction:column;gap:.2rem;font-size:.68rem;color:var(--text-dim)}.strip-control input[type=range]{width:100%}.strip-buttons{display:flex;gap:.3rem}.strip-buttons button{flex:1;padding:.25rem 0;border-radius:5px;border:1px solid var(--border);background:var(--bg-control);color:var(--text-dim);cursor:pointer;font-size:.75rem;font-weight:600}.strip-buttons button.active.mute{background:#b45309;border-color:#b45309;color:#fff}.strip-buttons button.active.solo{background:#15803d;border-color:#15803d;color:#fff}.strip-bounce{padding:.25rem;border-radius:5px;border:1px solid var(--border);background:var(--bg-control);color:var(--text-dim);cursor:pointer;font-size:.68rem}.strip-bounce:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.strip-bounce:disabled{opacity:.4;cursor:default}.strip-fx{display:flex;flex-direction:column;gap:.4rem;border-top:1px solid var(--border);padding-top:.5rem}.fx-unit{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;padding:.4rem}.fx-header{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:600;margin-bottom:.3rem}.fx-header button{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.9rem;padding:0 .2rem}.fx-header button:hover{color:#f87171}.fx-header-buttons{display:flex;align-items:center}.fx-header-buttons button{font-size:.6rem}.fx-header-buttons button:hover{color:var(--accent)}.fx-header-buttons button:last-child{font-size:.9rem}.fx-header-buttons button:last-child:hover{color:#f87171}.fx-header-buttons button:disabled{opacity:.25;cursor:default}.fx-param{display:grid;grid-template-columns:3.2rem 1fr 3.2rem;align-items:center;gap:.3rem;font-size:.65rem;color:var(--text-dim)}.fx-param input[type=range]{width:100%;min-width:0}.fx-param-value{text-align:right;font-variant-numeric:tabular-nums}.fx-add{font-size:.7rem;padding:.3rem;border-radius:5px;border:1px dashed var(--border);background:transparent;color:var(--text-dim);cursor:pointer}.panel-divider{height:6px;flex-shrink:0;cursor:ns-resize;background:var(--border);touch-action:none}.panel-divider:hover{background:var(--accent)}.bottom-panel{background:var(--bg-panel);padding:.4rem;display:flex;justify-content:center;flex-shrink:0;min-height:0;overflow:hidden}.arrangement{flex:1;display:flex;min-width:0}.track-headers{width:220px;flex-shrink:0;border-right:1px solid var(--border);background:var(--bg-panel);display:flex;flex-direction:column}.track-headers-toolbar{height:28px;display:flex;align-items:center;gap:.3rem;padding:0 .5rem;border-bottom:1px solid var(--border)}.track-headers-toolbar button{font-size:.65rem;padding:.1rem .35rem;border-radius:4px;border:1px solid var(--border);background:var(--bg-control);color:var(--text);cursor:pointer;white-space:nowrap;line-height:1.4}.track-header{height:64px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:.3rem;padding:0 .6rem;border-bottom:1px solid var(--border);cursor:default;font-size:.85rem}.track-header-top,.track-header-bottom{display:flex;align-items:center;gap:.25rem}.track-header-top .track-name{flex:1}.track-order-buttons{display:flex;flex-direction:column;flex-shrink:0}.track-order-buttons button{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.45rem;padding:0 .15rem;line-height:1.2}.track-order-buttons button:hover{color:var(--accent)}.track-order-buttons button:disabled{opacity:.25;cursor:default}.track-header.selected{background:var(--bg-control)}.track-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.track-rename-input{width:100px;background:var(--bg);border:1px solid var(--accent);color:var(--text);border-radius:4px;padding:.2rem .3rem;font-size:.85rem}.instrument-select{font-size:.65rem;padding:.15rem .2rem;border-radius:4px;border:1px solid var(--border);background:var(--bg-control);color:var(--text-dim);flex:1;min-width:0;max-width:9.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-delete{background:none;border:none;color:var(--text-dim);font-size:1rem;cursor:pointer;padding:0 .2rem}.track-delete:hover{color:#f87171}.lanes-scroll{flex:1;overflow:auto;position:relative}.ruler{display:flex;height:28px;border-bottom:1px solid var(--border);background:var(--bg-panel);position:sticky;top:0;z-index:2}.ruler-bar{box-sizing:border-box;border-right:1px solid var(--border);font-size:.65rem;color:var(--text-dim);padding:2px 0 0 4px;flex-shrink:0}.lanes{position:relative}.lane{position:relative;border-bottom:1px solid var(--border)}.toolbar-spacer{flex:1}.snap-select{font-size:.65rem;padding:.1rem .15rem;border-radius:4px;border:1px solid var(--border);background:var(--bg-control);color:var(--text);max-width:3.6rem}.clip{position:absolute;top:6px;bottom:6px;background:color-mix(in srgb,var(--accent) 30%,var(--bg-control));border:1px solid var(--accent);border-radius:5px;cursor:grab;overflow:hidden;touch-action:none}.clip.recording-ghost{background:#ef44442e;border:1px dashed #ef4444;pointer-events:none;animation:ghost-pulse 1.2s ease-in-out infinite}.clip.recording-ghost .clip-label{color:#fca5a5}@keyframes ghost-pulse{50%{background:#ef44444d}}.clip.selected{background:color-mix(in srgb,var(--accent) 55%,var(--bg-control));border-color:var(--accent-active)}.clip-label{font-size:.65rem;color:var(--text);padding:3px 6px;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;position:relative;z-index:1}.clip-waveform{position:absolute;left:0;bottom:2px;pointer-events:none}.track-type{font-size:.55rem;text-transform:uppercase;letter-spacing:.06em;margin-left:.4rem;padding:.05rem .3rem;border-radius:3px;background:var(--bg-control);color:var(--text-dim)}.lane.audio{background-color:#4f9cf908}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:20}.modal{width:min(560px,92vw);max-height:80vh;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;padding:.75rem;gap:.5rem}.modal-header{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600}.modal-header button{background:none;border:none;color:var(--text-dim);font-size:1.1rem;cursor:pointer}.modal-search{padding:.4rem .6rem;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.modal-list{overflow-y:auto;display:flex;flex-direction:column;gap:.3rem;min-height:12rem}.wam-entry{text-align:left;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.4rem .6rem;cursor:pointer;color:var(--text);display:flex;flex-direction:column;gap:.15rem}.wam-entry:hover{border-color:var(--accent)}.wam-entry-name{font-size:.82rem;font-weight:600}.wam-entry-vendor{font-weight:400;color:var(--text-dim);font-size:.72rem;margin-left:.4rem}.wam-entry-desc{font-size:.7rem;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wam-custom{font-size:.72rem;color:var(--text-dim)}.wam-custom-row{display:flex;gap:.4rem;margin-top:.4rem}.wam-custom-row input{flex:1;padding:.35rem .5rem;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.wam-custom-row button{padding:.35rem .8rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-control);color:var(--text);cursor:pointer}.fx-unit.wam{border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.wam-gui-btn{width:100%;padding:.3rem;border-radius:5px;border:1px solid var(--border);background:var(--bg-control);color:var(--text);cursor:pointer;font-size:.72rem}.wam-gui-btn:hover{border-color:var(--accent)}.wam-window{position:fixed;z-index:15;background:var(--bg-panel);border:1px solid var(--accent);border-radius:8px;box-shadow:0 8px 32px #00000080;overflow:hidden;max-width:92vw;max-height:85vh}.wam-window-header{display:flex;justify-content:space-between;align-items:center;padding:.3rem .6rem;background:var(--bg-control);cursor:grab;font-size:.78rem;font-weight:600;-webkit-user-select:none;user-select:none;touch-action:none}.wam-window-header button{background:none;border:none;color:var(--text-dim);font-size:1rem;cursor:pointer}.wam-window-body{overflow:auto;max-height:78vh}.instrument{display:flex;flex-direction:column;gap:.6rem;width:100%;padding:.4rem .6rem;overflow-y:auto}.instrument-header{display:flex;align-items:center;gap:1rem}.preset-picker{display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.preset-picker select,.instrument select{padding:.25rem .4rem;border-radius:5px;border:1px solid var(--border);background:var(--bg-control);color:var(--text);font-size:.8rem}.preview-btn{padding:.25rem .7rem;border-radius:5px;border:1px solid var(--border);background:var(--bg-control);color:var(--text);cursor:pointer;font-size:.8rem}.preview-btn:hover{border-color:var(--accent)}.instrument-sections{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-start}.synth-section{min-width:230px;flex:1;max-width:320px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.5rem .6rem;display:flex;flex-direction:column;gap:.35rem}.drum-map-editor{display:flex;flex-direction:column;gap:.4rem;max-width:420px}.drum-map-row{display:grid;grid-template-columns:7.5rem 1fr 2.2rem;align-items:center;gap:.5rem;font-size:.8rem}.drum-map-label{color:var(--text-dim)}.drum-map-label strong{color:var(--text);margin-right:.3rem}.library{display:flex;gap:1.5rem;width:100%;padding:.5rem;overflow-y:auto;align-items:flex-start}.library-col{flex:1;max-width:340px;display:flex;flex-direction:column;gap:.3rem}.library-heading{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.library-upload{font-size:.7rem;padding:.2rem .6rem;border-radius:5px;border:1px solid var(--border);background:var(--bg-control);color:var(--text);cursor:pointer}.library-empty{font-size:.75rem;color:var(--text-dim)}.sample-row{display:flex;justify-content:space-between;padding:.4rem .6rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;font-size:.8rem;cursor:grab;-webkit-user-select:none;user-select:none}.sample-row:hover{border-color:var(--accent)}.sample-dur{color:var(--text-dim);font-size:.7rem}.clip-resize-handle{position:absolute;right:0;top:0;bottom:0;width:8px;cursor:ew-resize}.clip-resize-handle-left{position:absolute;left:0;top:0;bottom:0;width:8px;cursor:ew-resize;z-index:2}.marquee{position:absolute;border:1px dashed var(--accent);background:#4f9cf91f;pointer-events:none;z-index:2}.playhead{position:absolute;top:0;bottom:0;left:0;width:1px;background:#f0b429;pointer-events:none;z-index:1}.piano-roll-panel{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.piano-roll-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 .4rem .35rem}.toolbar-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.toolbar-zoom{display:flex;align-items:center;gap:.3rem}.toolbar-zoom button{width:1.6rem;height:1.4rem;padding:0;border-radius:4px;border:1px solid var(--border);background:var(--bg-control);color:var(--text);cursor:pointer;font-size:.85rem;line-height:1}.toolbar-zoom button:hover{border-color:var(--accent)}.toolbar-hint{font-size:.68rem;color:var(--text-dim);margin-left:.6rem}.piano-roll{display:flex;flex-direction:column;align-items:flex-start;flex:1;width:100%;min-height:0;overflow:auto;background:var(--bg);border-radius:6px}.piano-roll-row{display:flex;align-items:flex-start}.velocity-lane{position:sticky;bottom:0;flex-shrink:0;background:var(--bg-panel);border-top:1px solid var(--border);z-index:3}.velocity-lane canvas{display:block;cursor:ns-resize;touch-action:none}.velocity-label{position:sticky;left:0;float:left;width:56px;font-size:.6rem;color:var(--text-dim);letter-spacing:.08em;padding:2px 0 0 6px;z-index:1}.piano-roll-keys{flex-shrink:0;cursor:pointer;position:sticky;left:0;z-index:2}.piano-roll-grid-wrap{position:relative;flex-shrink:0}.piano-roll-grid-wrap canvas{display:block;cursor:crosshair;touch-action:none}.piano-roll-playhead{position:absolute;top:0;bottom:0;left:0;width:1px;background:#f0b429;pointer-events:none}.placeholder{color:var(--text-dim);max-width:32rem;text-align:center}.test-keyboard{display:flex;flex-direction:column;align-items:center;gap:.5rem}.test-keyboard .hint{color:var(--text-dim);font-size:.85rem;max-width:36rem;text-align:center}.test-keyboard .midi-status{color:var(--accent)}.keys{display:flex;align-items:flex-start;-webkit-user-select:none;user-select:none}.key{border:1px solid #000;border-radius:0 0 5px 5px;cursor:pointer;padding:0 0 6px;font-size:.65rem;display:flex;align-items:flex-end;justify-content:center;touch-action:none}.key.white{width:36px;height:110px;background:#e8e6e1;color:#555}.key.black{width:22px;height:68px;background:#16161a;color:#aaa;margin:0 -11px;z-index:1}.key.white.held{background:var(--accent)}.key.black.held{background:var(--accent-active)}.transport-bar{display:flex;flex-direction:column;background:var(--bg-panel);border-bottom:1px solid var(--border)}.transport-row{display:flex;align-items:center;gap:.7rem;padding:.3rem .7rem}.transport-row.secondary{gap:1rem;padding-top:.2rem;padding-bottom:.25rem;border-top:1px solid color-mix(in srgb,var(--border) 50%,transparent);background:color-mix(in srgb,var(--bg-panel) 60%,var(--bg))}.transport-row.secondary input,.transport-row.secondary select{padding-top:.15rem;padding-bottom:.15rem;font-size:.8rem}.transport-group{display:flex;align-items:center;gap:.3rem}.transport-bar label{display:flex;align-items:center;gap:.3rem;font-size:.68rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.transport-bar button{min-width:2.1rem;padding:.3rem .5rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-control);color:var(--text);cursor:pointer;font-size:.85rem;white-space:nowrap}.transport-bar button:hover{border-color:var(--accent)}.transport-bar button:disabled{opacity:.35;cursor:not-allowed}.transport-bar button:disabled:hover{border-color:var(--border)}.transport-bar button.active{background:var(--accent);border-color:var(--accent);color:#fff}.transport-bar input[type=number],.transport-bar select{width:3.6rem;padding:.25rem .4rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-control);color:var(--text);font-size:.85rem;font-variant-numeric:tabular-nums}.transport-bar select{width:auto}.timesig-slash{color:var(--text-dim)}.record-btn{color:#ef4444}.record-btn:disabled{opacity:.35;cursor:not-allowed}.record-btn.counting{animation:rec-blink .5s steps(2) infinite}.record-btn.recording{background:#7f1d1d;border-color:#ef4444;animation:rec-blink 1s steps(2) infinite}@keyframes rec-blink{50%{color:#fff}}.project-name-group{min-width:0}.project-name-display{font-size:.85rem;font-weight:600;color:var(--text);max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text}.project-name-input{width:10rem;padding:.3rem .5rem;border-radius:6px;border:1px solid var(--accent);background:var(--bg);color:var(--text);font-size:.85rem}.export-group{margin-left:0}.project-menu{position:relative}.project-menu-toggle{min-width:1.6rem!important;padding:.3rem!important}.project-menu-popover{position:absolute;top:calc(100% + 4px);right:0;z-index:30;min-width:13rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000073;padding:.3rem;display:flex;flex-direction:column;gap:.15rem}.project-menu-item{text-align:left;background:none;border:none;border-radius:5px;padding:.4rem .6rem;color:var(--text);cursor:pointer;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-menu-item:hover{background:var(--bg-control)}.project-menu-item.active{color:var(--accent);font-weight:600}.project-menu-item.danger:hover{background:#7f1d1d}.project-menu-sep{height:1px;background:var(--border);margin:.2rem 0}.cloud-user{font-size:.72rem;color:var(--text-dim);padding:.3rem .6rem .1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-status{font-size:.68rem;color:var(--text-dim);padding:.2rem .6rem .3rem;max-width:16rem;white-space:normal}.cloud-status.error{color:#f87171}.cloud-signin{display:flex;gap:.3rem;padding:.3rem .5rem}.cloud-signin input{flex:1;min-width:0;padding:.3rem .45rem;border-radius:5px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.78rem}.cloud-signin button{padding:.3rem .6rem;border-radius:5px;border:1px solid var(--border);background:var(--bg-control);color:var(--text);cursor:pointer;font-size:.75rem;white-space:nowrap}.cloud-signin button:disabled{opacity:.4}.export-group button{font-size:.75rem;white-space:nowrap}.color-swatch{width:1.15rem;height:1.15rem;padding:0;border:1px solid var(--border);border-radius:4px;background:none;cursor:pointer;flex-shrink:0}.clip-meta{display:flex;align-items:center;gap:.35rem}.clip-name-input{width:8rem;padding:.2rem .4rem;border-radius:5px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.72rem}.audio-clip-panel{display:flex;flex-direction:column;align-items:center;gap:.6rem;justify-content:center}.stretch-label{display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.stretch-label input{width:3.6rem;padding:.25rem .4rem;border-radius:5px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.8rem}.shortcut-help{width:min(720px,94vw)}.shortcut-columns{display:flex;flex-wrap:wrap;gap:1rem;overflow-y:auto}.shortcut-section{min-width:200px;flex:1;display:flex;flex-direction:column;gap:.3rem}.shortcut-row{display:flex;align-items:baseline;gap:.5rem;font-size:.75rem;color:var(--text-dim)}.shortcut-row kbd{background:var(--bg-control);border:1px solid var(--border);border-radius:4px;padding:.1rem .35rem;font-size:.68rem;color:var(--text);white-space:nowrap}.record-error{color:#f87171;font-size:.72rem;max-width:22rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.latency-unit{font-size:.65rem;color:var(--text-dim);text-transform:none}.track-auto{background:none;border:1px solid var(--border);border-radius:4px;width:1.3rem;height:1.3rem;padding:0;line-height:1;color:var(--text-dim);cursor:pointer;font-size:.65rem;flex-shrink:0;margin-right:.25rem}.track-auto.active{background:var(--accent);border-color:var(--accent);color:#fff}.auto-header{display:flex;align-items:center;padding:0 .6rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-panel) 70%,var(--bg));box-sizing:border-box}.auto-header select{width:100%;font-size:.7rem;padding:.2rem;border-radius:4px;border:1px solid var(--border);background:var(--bg-control);color:var(--text)}.automation-row{position:relative;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 80%,var(--accent) 4%)}.automation-row canvas{display:block;cursor:crosshair;touch-action:none}.track-arm{background:none;border:1px solid var(--border);border-radius:50%;width:1.3rem;height:1.3rem;padding:0;line-height:1;color:var(--text-dim);cursor:pointer;font-size:.7rem;flex-shrink:0}.track-arm.armed{color:#fff;background:#ef4444;border-color:#ef4444}.ruler-bar{pointer-events:none}.ruler{cursor:pointer;touch-action:none}.loop-region{position:absolute;top:0;bottom:0;background:#4f9cf940;border-left:2px solid var(--accent);border-right:2px solid var(--accent);pointer-events:none}.loop-region.off{opacity:.35}.loop-region.preview{background:#4f9cf926;border-style:dashed}.position{font-variant-numeric:tabular-nums;font-size:.95rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.28rem .7rem;min-width:3.8rem;text-align:center}.settings-toggle{display:none}.transport-overflow{display:contents}@media(pointer:coarse){.clip-resize-handle,.clip-resize-handle-left{width:18px}.panel-divider{height:16px;background:linear-gradient(to bottom,transparent 5px,var(--border) 5px,var(--border) 11px,transparent 11px)}.panel-divider:hover{background:var(--accent)}.transport-bar button{padding:.45rem .6rem}.panel-tabs button{padding:.45rem .9rem}.track-auto,.track-arm{width:1.5rem;height:1.5rem}.track-order-buttons button{font-size:.6rem;padding:.1rem .3rem}.track-headers-toolbar{height:36px}.track-headers-toolbar button{padding:.3rem .5rem}}@media(max-width:700px){.transport-row{flex-wrap:wrap;gap:.35rem;padding:.3rem .4rem}.settings-toggle{display:inline-block;margin-left:auto}.transport-overflow{display:none}.transport-bar.settings-open .transport-overflow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1.2rem;flex-basis:100%;align-items:center;padding-top:.3rem}.transport-bar.settings-open .transport-overflow .transport-group{display:flex;min-width:0;gap:.35rem}.transport-bar.settings-open .transport-overflow .transport-group>button{flex:1}.transport-bar.settings-open .transport-overflow .project-name-group{grid-column:1 / -1;justify-content:space-between}.transport-bar.settings-open .transport-overflow .project-name-display{max-width:none;flex:1}.transport-bar.settings-open .transport-overflow .export-group{grid-column:1 / -1}.transport-row .toolbar-spacer,.transport-row.secondary{display:none}.transport-bar.settings-open .transport-row.secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1.2rem;padding-bottom:.45rem}.transport-bar.settings-open .transport-row.secondary .transport-group{display:flex;align-items:center;min-width:0}.transport-bar.settings-open .transport-row.secondary label{flex:1}.transport-bar.settings-open .transport-row.secondary label>input:first-of-type,.transport-bar.settings-open .transport-row.secondary label>select:first-of-type{margin-left:auto}.transport-bar.settings-open .transport-row.secondary div.transport-group:last-of-type{grid-column:1 / -1;gap:1.2rem}.transport-bar.settings-open .transport-row.secondary .record-error{grid-column:1 / -1}.project-name-display{max-width:6rem}.toolbar-hint{display:none}.track-headers{width:160px}.track-headers-toolbar{height:auto;flex-wrap:wrap;padding:.25rem .35rem}.track-header{padding:0 .35rem}.track-type{display:none}.instrument-select{max-width:none}.record-error{max-width:100%}.library{flex-wrap:wrap}.test-keyboard{max-width:100%}.keys{max-width:100%;overflow-x:auto}.channel-strip{width:150px}}