:root{color-scheme:dark;--bg: #11161d;--bg-elevated: #182029;--bg-panel: #1f2934;--bg-panel-2: #24303d;--bg-grid: #121821;--border: #34404d;--border-strong: #5f7288;--text: #ebeff4;--text-dim: #9caabc;--accent: #7cc8ff;--accent-strong: #a8da70;--danger: #e68b8b;--shadow-1: 0 16px 38px rgba(0, 0, 0, .24)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:Avenir Next,Segoe UI Variable,Segoe UI,Helvetica Neue,sans-serif;font-size:13px;background:radial-gradient(circle at top left,rgba(124,200,255,.11),transparent 26rem),radial-gradient(circle at top right,rgba(168,218,112,.08),transparent 24rem),linear-gradient(180deg,rgba(255,255,255,.04),transparent 180px),linear-gradient(180deg,#0f141a,#0b0f14)}button,input,select{font:inherit}button,.toolbar-link{border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,#35404d,#29333d);color:var(--text);padding:.4rem .65rem;cursor:pointer;text-decoration:none;transition:border-color .12s ease,background .12s ease,transform .12s ease}button:hover,.toolbar-link:hover{border-color:var(--border-strong);background:linear-gradient(180deg,#41505e,#303b46);transform:translateY(-1px)}button:disabled{opacity:.45;cursor:default;transform:none}input,select{width:100%;border:1px solid var(--border);border-radius:8px;background:#121820;color:var(--text);padding:.42rem .5rem}button:focus-visible,input:focus-visible,select:focus-visible,.toolbar-link:focus-visible{outline:2px solid rgba(124,200,255,.35);outline-offset:2px}a{color:inherit}.accent-button{border-color:#89b95d;background:linear-gradient(180deg,#8fc861,#6f9d47);color:#111610;font-weight:700}.app-shell{min-height:100vh;padding:.55rem;display:flex;flex-direction:column;gap:.45rem}.topbar{display:flex;align-items:center;gap:.75rem;padding:.55rem .72rem;border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,#28313cf2,#1c242df5);box-shadow:var(--shadow-1)}.topbar-brand{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.brand-stack{display:flex;flex-direction:column;gap:.22rem}.app-title-row{display:flex;align-items:center;gap:.5rem}.app-title{font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.app-build{padding:.18rem .38rem;border:1px solid var(--border);border-radius:999px;color:var(--accent);font-size:.72rem}.topbar-songline{display:flex;gap:.45rem;flex-wrap:wrap;color:var(--text-dim);font-size:.78rem}.topbar-sections{display:flex;align-items:center;gap:.6rem;row-gap:.38rem;flex-wrap:wrap;min-width:0;width:100%}.topbar-group{display:flex;align-items:center;gap:.35rem;padding-left:.45rem;border-left:1px solid rgba(255,255,255,.08)}.topbar-group-label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);padding-right:.1rem}.topbar-group:first-child{border-left:0;padding-left:0}.topbar-group-numeric{gap:.45rem}.topbar-status{margin-left:auto;color:var(--text-dim);flex-wrap:wrap}.status-pill{display:inline-flex;align-items:center;gap:.25rem;min-height:1.75rem;padding:.16rem .5rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#00000029;color:var(--text-dim);font-size:.76rem}.topbar-toggle-button{margin-left:.15rem}.toolbar-value{display:grid;grid-template-columns:auto 4rem;align-items:center;gap:.35rem;color:var(--text-dim)}.toolbar-value input{padding:.28rem .4rem}.notice-banner,.pwa-banner{padding:.55rem .7rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-elevated)}.notice-banner.is-danger{border-color:#7d4545;background:#372224}.pwa-banner{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.pwa-banner.is-passive{background:#1d2328}.workspace-grid{display:grid;grid-template-columns:14rem minmax(0,1fr) 15rem;gap:.55rem;min-height:0;flex:1}.workspace-grid.is-right-panel-closed{grid-template-columns:14rem minmax(0,1fr)}.workspace-main,.sidebar-panel,.inspector-panel,.welcome-card{border:1px solid var(--border);border-radius:12px;background:var(--bg-elevated);box-shadow:var(--shadow-1)}.workspace-main,.sidebar-panel,.inspector-panel{padding:.45rem}.workspace-main,.sidebar-panel,.inspector-panel,.sample-editor-shell,.instrument-editor-shell,.mixer-panel,.pattern-editor-shell,.workspace-panel,.workspace-panel-body,.sample-side-panel{display:flex;flex-direction:column;gap:.55rem;min-height:0}.workspace-panel,.workspace-panel-body{flex:1}.workspace-tab-strip{display:flex;align-items:center;gap:.3rem;padding:0 .1rem;flex-wrap:wrap}.workspace-tab{display:inline-flex;align-items:center;gap:.42rem;min-width:0;padding:.22rem .62rem;border-radius:999px;font-size:.74rem;letter-spacing:.04em;color:var(--text-dim);background:#0000002e}.workspace-tab-label,.workspace-tab-short-label{text-transform:uppercase}.workspace-tab-short-label{display:none}.workspace-tab-shortcut{padding:.08rem .34rem;border-radius:999px;background:#ffffff0f;color:var(--text-dim);font-size:.68rem;letter-spacing:.02em}.workspace-tab.is-active{border-color:#4c667f;color:var(--text);background:#7cc2ff1f}.panel-card{padding:.55rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-panel)}.panel-heading{font-size:.92rem;font-weight:700}.panel-subheading{color:var(--text-dim);font-size:.78rem;line-height:1.45}.panel-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.45rem}.panel-summary-card{display:flex;flex-direction:column;gap:.22rem;min-width:0;padding:.58rem .62rem;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:linear-gradient(180deg,#ffffff06,#0000001f)}.panel-summary-label{color:var(--text-dim);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.panel-summary-value{min-width:0;font-size:.96rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-summary-note{color:var(--text-dim);font-size:.73rem;line-height:1.35}.panel-section-header,.workspace-dock-bar,.mixer-header,.sample-wave-toolbar,.sample-editor-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:.55rem}.pattern-workspace-toolbar,.sample-editor-bar,.instrument-editor-bar{display:flex;justify-content:space-between;align-items:center;gap:.55rem;flex-wrap:wrap}.panel-mini-stats,.sample-stats-inline,.transport-readout,.detail-row{display:flex;gap:.55rem;color:var(--text-dim);align-items:center;flex-wrap:wrap}.panel-mini-stats{gap:.25rem;flex-direction:column;align-items:flex-end;font-size:.72rem;letter-spacing:.04em}.workspace-toolbar-group,.workspace-toolbar-meta{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;min-width:0}.workspace-toolbar-group-primary{flex:1;min-width:min(24rem,100%)}.workspace-toolbar-meta{color:var(--text-dim)}.workspace-stepper-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:flex-start;min-width:0}.workspace-name-field{flex:1 1 12rem;min-width:min(12rem,100%)}.workspace-selection-pill{display:inline-flex;align-items:center;gap:.42rem;min-width:0;min-height:1.9rem;padding:.28rem .58rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#00000029;color:var(--text)}.workspace-stepper-row-compact{flex-wrap:nowrap}.workspace-selection-code,.workspace-selector-code{flex-shrink:0;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.workspace-selection-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-selector-input{display:flex;align-items:center;gap:.5rem;min-width:0;min-height:1.9rem;padding:.14rem .58rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#00000029}.workspace-selector-input input{min-width:0;padding:.2rem 0;border:0;border-radius:0;background:transparent}.workspace-selector-input input:focus-visible{outline:none;box-shadow:none}.workspace-context-title{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.stack-list,.sequencer-list,.draft-list{display:flex;flex-direction:column;gap:.35rem;overflow:auto}.compact-stack{max-height:11rem}.list-item,.sequencer-row,.draft-open,.draft-delete{display:flex;align-items:center;gap:.5rem}.list-item{width:100%;justify-content:space-between;min-width:0;padding:.48rem .58rem;border:1px solid transparent;border-radius:10px;background:#0000001a;text-align:left}.list-item.is-active,.sequencer-row.is-selected{border-color:var(--border-strong);background:linear-gradient(180deg,#495362,#39424e)}.list-item:hover{border-color:#7cc2ff29;background:#ffffff0a}.list-item-body{display:flex;flex-direction:column;align-items:flex-start;gap:.14rem;min-width:0;flex:1}.list-item-index{flex-shrink:0;font-family:SF Mono,Menlo,monospace;color:var(--accent)}.list-item-title{min-width:0;max-width:100%;color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item-meta{color:var(--text-dim);font-size:.72rem;line-height:1.3}.sequencer-row.is-playback{box-shadow:inset 0 0 0 1px #9fd76b73}.sequencer-order{width:3.3rem;justify-content:center;color:var(--text-dim);font-family:SF Mono,Menlo,monospace;padding:.35rem .2rem}.sequencer-panel .panel-card{display:flex;flex-direction:column;gap:.45rem}.sequencer-list{gap:.06rem;padding:.1rem 0;outline:none}.sequencer-list:focus{box-shadow:inset 0 0 0 1px #7cc2ff52;border-radius:4px}.sequencer-row{display:grid;grid-template-columns:3.3rem minmax(0,1fr) 1rem;gap:.25rem;align-items:center;padding:.08rem;border:1px solid transparent;border-radius:4px;background:#00000014;opacity:.72;transition:opacity .12s ease,background .12s ease,border-color .12s ease}.sequencer-row.is-condensed{gap:.04rem;padding:0}.sequencer-row:hover{opacity:.9}.sequencer-pattern-label,.sequencer-stepper{padding:.24rem .22rem}.sequencer-row.is-condensed .sequencer-order,.sequencer-row.is-condensed .sequencer-pattern-label{padding-top:.01rem;padding-bottom:.01rem;font-size:.72rem;line-height:1.05;border-radius:3px}.sequencer-row.is-condensed .sequencer-order{padding-left:.04rem;padding-right:.04rem}.sequencer-row.is-condensed .sequencer-flag{font-size:.5rem}.sequencer-pattern-label{min-width:0;font-family:SF Mono,Menlo,monospace;font-size:.96rem;font-weight:700;color:#ff8b47;background:linear-gradient(180deg,#2b2f34,#20242a);border-color:#3d444e}.sequencer-stepper{color:var(--text-dim);background:linear-gradient(180deg,#2a2f35,#23282e)}.sequencer-flag{color:#ffffff47;text-align:center;font-size:.66rem}.sequencer-flag.is-playback{color:var(--accent-strong)}.sequencer-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:.4rem;margin-top:.15rem}.sequencer-toolbar-group,.sequencer-pattern-editor{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.sequencer-toolbar-group-primary{justify-content:space-between}.sequencer-selected-readout{display:flex;align-items:center;gap:.3rem;min-width:0;color:var(--text-dim);font-family:SF Mono,Menlo,monospace;padding:.16rem .22rem;border-radius:999px;background:#00000024}.sequencer-selected-readout strong,.sequencer-pattern-editor strong{display:inline-flex;min-width:2.8rem;justify-content:center;padding:.24rem .45rem;border:1px solid #6e3d21;border-radius:4px;background:linear-gradient(180deg,#ff9a57,#eb6e31);color:#20120a;box-shadow:inset 0 1px #ffffff2e}.sequencer-pattern-editor{color:var(--text-dim);font-family:SF Mono,Menlo,monospace;padding:.16rem .22rem;border-radius:999px;background:#00000024}.sequencer-section-divider{display:flex;align-items:center;gap:.42rem;margin-top:.1rem;color:var(--text-dim);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sequencer-section-divider:after{content:"";flex:1;height:1px;background:#ffffff14}.sequencer-actions{display:grid;grid-template-columns:repeat(4,2rem);gap:.25rem}.sequencer-actions,.inline-actions,.hero-actions,.pattern-grid-actions,.pattern-strip-group,.workspace-dock-tabs,.mixer-toggle-row,.sample-editor-group,.sample-stats-inline{display:flex;gap:.4rem;flex-wrap:wrap}.sequencer-footer-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;margin-top:.05rem}.sequencer-footer-actions button,.sequencer-footer-actions .overflow-menu,.sequencer-actions button,.sequencer-pattern-editor button{padding-left:.35rem;padding-right:.35rem}.sequencer-footer-actions .overflow-menu,.sequencer-footer-actions .overflow-menu-trigger,.sequencer-pattern-action-button{width:100%}.sequencer-pattern-action-button{justify-content:center}.sequencer-pattern-action-glyph,.sequencer-pattern-action-label{display:inline-flex;align-items:center;justify-content:center;min-width:1.1rem}.sequencer-panel-stats{display:flex;justify-content:flex-end;gap:.45rem;color:var(--text-dim);font-size:.72rem;letter-spacing:.04em}.sequencer-row.is-selected{opacity:1;background:linear-gradient(180deg,#5c687a9e,#424c5ab8)}.sequencer-row.is-selected .sequencer-order,.sequencer-row.is-selected .sequencer-pattern-label{border-color:#697789}.sequencer-row:not(.is-selected) .sequencer-pattern-label{color:#d2a283}.field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.45rem}.field span{color:var(--text-dim);font-size:.76rem}.compact-field{margin-bottom:0}.inspector-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.utility-error{color:#f0aeae;font-size:.78rem}.pattern-grid-panel{display:flex;flex-direction:column;gap:.45rem;min-height:0}.pattern-status-line{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;min-width:0}.pattern-status-item{display:inline-flex;align-items:center;padding:.14rem .42rem;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:#0000001f;color:var(--text-dim);font-size:.82rem;white-space:nowrap}.pattern-context-actions{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.pattern-context-chip,.pattern-footer-link{border-color:#7cc2ff2e;background:#7cc2ff14;color:var(--text)}.pattern-helper-chip{display:inline-flex;align-items:center;padding:.2rem .44rem;border-radius:999px;background:#00000029;color:var(--text-dim);font-size:.74rem;white-space:nowrap}.track-header-row{--pattern-row-label-width: 2.7rem;--pattern-track-width: 8rem;--pattern-channel-count: 32;display:grid;grid-template-columns:var(--pattern-row-label-width) repeat(var(--pattern-channel-count),var(--pattern-track-width));gap:0;align-items:stretch;width:100%;margin-bottom:.28rem;position:sticky;top:0;z-index:4;padding-bottom:.2rem;background:linear-gradient(180deg,#171b20fa,#171b20fa 78%,#171b20c7)}.track-header-cell{box-sizing:border-box;border:1px solid var(--border);border-radius:4px;background:var(--bg-panel-2);padding:.2rem .24rem;min-width:0}.track-header-cell.is-active{border-color:var(--border-strong)}.track-header-cell.is-row-label{display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-weight:700;font-size:.74rem}.track-header-title{display:flex;justify-content:space-between;gap:.2rem;color:var(--text-dim);margin-bottom:.08rem;font-size:.72rem;line-height:1.1}.track-header-subtitle{min-height:.95rem;margin-bottom:.14rem;color:var(--text-dim);font-size:.66rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-header-actions{display:flex;gap:.16rem}.track-header-actions button{flex:1;min-width:0;padding:.12rem .15rem;font-size:.72rem}.pattern-grid-scroll{flex:1;min-height:18rem;max-height:none;overflow:auto;background:var(--bg-grid);border:1px solid var(--border);border-radius:10px;padding:.28rem;font-family:SF Mono,Menlo,monospace;font-size:11px;line-height:1.45;outline:none;position:relative}.pattern-grid-scroll:focus{border-color:#7597be}.pattern-grid-content{width:calc(var(--pattern-row-label-width, 2.7rem) + (var(--pattern-channel-count, 32) * var(--pattern-track-width, 8rem)))}.pattern-grid-table{border-collapse:collapse;table-layout:fixed;width:100%}.pattern-grid-table td,.pattern-grid-table th{box-sizing:border-box;white-space:nowrap;text-align:left;padding:.15rem .34rem}.pattern-grid-table td:first-child{width:var(--pattern-row-label-width, 2.7rem);min-width:var(--pattern-row-label-width, 2.7rem);max-width:var(--pattern-row-label-width, 2.7rem)}.pattern-grid-table td:not(:first-child){width:var(--pattern-track-width, 8rem);min-width:var(--pattern-track-width, 8rem);max-width:var(--pattern-track-width, 8rem)}.pattern-grid-table td{border-left:1px solid rgba(255,255,255,.05)}.pattern-cell-field.is-note{color:#d8dde4}.pattern-cell-field.is-instrument{color:#b8b7bd}.pattern-cell-field.is-volume{color:#e0ca49}.pattern-cell-field.is-effect-type{color:#df7c3a}.pattern-cell-field.is-effect-param{color:#e3cd46}.pattern-cell-separator{color:#ffffff1f}.pattern-cell-field.is-empty{color:#54606c}.pattern-grid-table tr.is-cursor-row{background:#37475c8c}.pattern-grid-table tr.is-playback-row{background:#445a3680}.pattern-grid-table td.is-selected{background:#5a6e8459}.pattern-row-number{color:var(--text-dim);text-align:right;position:sticky;left:0;z-index:2;background:var(--bg-grid)}.pattern-control-strip{display:flex;justify-content:space-between;gap:.45rem;flex-wrap:wrap;align-items:center}.pattern-strip-status{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;color:var(--text-dim)}.command-palette-backdrop,.recovery-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080bb8;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:40}.overflow-menu{position:relative;display:inline-flex}.overflow-menu-trigger{min-width:0}.overflow-menu-panel{position:absolute;top:calc(100% + .35rem);right:0;z-index:20;display:flex;flex-direction:column;gap:.22rem;min-width:11rem;padding:.32rem;border:1px solid var(--border-strong);border-radius:10px;background:linear-gradient(180deg,#1e262ffa,#161d25fa);box-shadow:0 14px 30px #00000057}.overflow-menu-upward .overflow-menu-panel{top:auto;bottom:calc(100% + .35rem)}.overflow-menu-align-left .overflow-menu-panel{left:0;right:auto}.overflow-menu-item{width:100%;justify-content:flex-start}.overflow-menu-item.is-danger{border-color:#e68b8b3d;color:#ffd0d0}.command-palette,.recovery-dialog{width:min(34rem,100%);border:1px solid var(--border-strong);border-radius:6px;background:var(--bg-elevated);padding:.7rem;box-shadow:0 14px 40px #00000059}.command-palette-meta{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-top:.55rem}.command-palette-results{display:flex;flex-direction:column;gap:.35rem;margin-top:.55rem;max-height:16rem;overflow:auto}.command-palette-item{display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:.6rem;padding:.6rem .7rem;border-radius:10px;text-align:left}.command-palette-item.is-active{border-color:#4c667f;background:#7cc2ff1f}.command-palette-item-main{display:flex;flex-direction:column;gap:.12rem;min-width:0}.command-palette-item-main strong{color:var(--text)}.command-palette-item-main span{color:var(--text-dim);font-size:.76rem;line-height:1.45}.command-palette-item-category{flex-shrink:0;padding:.16rem .46rem;border-radius:999px;background:#ffffff0f;color:var(--accent);font-size:.69rem;letter-spacing:.08em;text-transform:uppercase}.command-palette-empty{padding:.9rem .75rem;border:1px dashed rgba(255,255,255,.08);border-radius:10px;color:var(--text-dim);line-height:1.5;background:#0000001f}.mixer-strip-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(8rem,1fr);gap:.55rem;overflow-x:auto}.control-cluster{display:flex;align-items:flex-end;gap:.5rem;flex-wrap:wrap}.control-cluster-sliders{flex:1}.control-cluster-label{color:var(--text-dim);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding-bottom:.35rem}.mixer-strip{display:flex;flex-direction:column;gap:.55rem;padding:.55rem;border:1px solid var(--border);border-radius:4px;background:var(--bg-panel-2)}.mixer-strip.is-muted{opacity:.55}.mixer-strip-title{font-size:.78rem;letter-spacing:.1em;color:var(--accent)}.mixer-range-field{display:flex;flex-direction:column;gap:.25rem;color:var(--text-dim)}.mixer-range-field input{padding:0}.sample-editor-layout,.instrument-editor-layout{display:grid;gap:.55rem;grid-template-columns:minmax(0,1.65fr) minmax(18rem,1fr);align-items:start}.sample-wave-panel,.sample-generator-panel,.instrument-editor-main,.instrument-editor-side{display:flex;flex-direction:column;gap:.55rem}.workspace-panel-body>.pattern-editor-shell,.workspace-panel-body>.instrument-editor-shell,.workspace-panel-body>.sample-editor-shell,.workspace-panel-body>.mixer-panel{flex:1;min-height:0}.sample-wave-canvas{width:100%;min-height:20rem;border:1px solid var(--border);border-radius:10px;background:#14181d}.sample-wave-panel{min-height:0}.sample-chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.4rem}.sample-chip{display:flex;flex-direction:column;align-items:flex-start;gap:.16rem;text-align:left}.sample-chip strong{font-family:SF Mono,Menlo,monospace}.sample-chip.is-active{border-color:#89b95d;background:linear-gradient(180deg,#8fc86133,#6f9d4729)}.sample-side-panel{gap:.55rem}.sample-loop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.sample-loop-panel,.sample-ops-panel,.instrument-panel-section{display:flex;flex-direction:column;gap:.55rem}.sample-loop-nudge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}.waveform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(5.2rem,1fr));gap:.35rem}.instrument-envelope-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:.55rem;flex-wrap:wrap}.instrument-envelope-toggle-row{display:flex;gap:.4rem;flex-wrap:wrap}.toggle-field{display:inline-flex;align-items:center;gap:.35rem;padding:.18rem .45rem;border:1px solid var(--border);border-radius:999px;background:#00000024;color:var(--text-dim)}.toggle-field input{width:auto;margin:0}.instrument-envelope-layout{display:grid;grid-template-columns:minmax(0,1fr) 15rem;gap:.75rem}.instrument-envelope-graph-wrap{display:flex;flex-direction:column;gap:.35rem}.envelope-graph{width:100%;min-height:16rem;border:1px solid var(--border);border-radius:6px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),#10151a}.envelope-grid-line{stroke:#7cc2ff1f;stroke-width:.35}.envelope-marker{stroke-width:.65;stroke-dasharray:1.8 1.2}.envelope-marker.sustain{stroke:#9fd76b}.envelope-marker.loop-start,.envelope-marker.loop-end{stroke:#ffb15f}.envelope-line{fill:none;stroke:#9bd1ff;stroke-width:.9}.envelope-point{fill:#d9e7f5;stroke:#0f1418;stroke-width:.7;cursor:pointer}.envelope-point.is-active{fill:#9fd76b}.instrument-envelope-axis{display:flex;justify-content:space-between;color:var(--text-dim);font-size:.72rem}.instrument-envelope-inspector{display:flex;flex-direction:column;gap:.45rem}.instrument-envelope-summary{display:flex;justify-content:space-between;gap:.4rem;color:var(--text-dim);font-size:.78rem}.keyzone-sample-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.4rem}.keyzone-sample-chip{display:flex;flex-direction:column;align-items:flex-start;gap:.18rem;text-align:left}.keyzone-cell{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.12rem;padding:.28rem .35rem;font-size:.72rem;text-align:left}.keyzone-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.22rem}.keyzone-cell strong,.keyzone-sample-chip strong{font-family:SF Mono,Menlo,monospace}.keyzone-cell.is-active,.keyzone-sample-chip.is-active{border-color:#89b95d;background:linear-gradient(180deg,#8fc86133,#6f9d4729)}.instrument-parameter-summary{display:flex;flex-direction:column;gap:.28rem;margin-top:auto}.welcome-shell{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}.welcome-card{padding:1rem}.welcome-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.drop-zone{border:1px dashed var(--border-strong);border-radius:10px;padding:1.4rem .8rem;text-align:center;color:var(--text-dim);background:#0000001f}.drop-zone.is-dragging{border-color:var(--accent);color:var(--text)}.recovery-meta{display:flex;flex-direction:column;gap:.22rem;color:var(--text-dim)}.draft-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem}.draft-open,.draft-delete{justify-content:space-between;min-width:0}@media(max-width:1280px){.workspace-grid,.workspace-grid.is-right-panel-closed{grid-template-columns:15rem minmax(0,1fr)}.inspector-panel{grid-column:1 / -1}.sample-editor-layout,.instrument-editor-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:920px){.workspace-grid,.workspace-grid.is-right-panel-closed{grid-template-columns:minmax(0,1fr)}.topbar{align-items:flex-start;flex-direction:column}.topbar-status{margin-left:0}.workspace-tab-label{display:none}.workspace-tab-short-label{display:inline}.track-header-row{display:none}.sample-loop-grid,.instrument-envelope-layout,.keyzone-sample-list,.sample-loop-nudge-grid{grid-template-columns:minmax(0,1fr)}.keyzone-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.workspace-toolbar-group,.workspace-stepper-row{align-items:stretch;justify-content:flex-start}.workspace-stepper-row{flex-direction:column}.workspace-stepper-row-compact{flex-direction:row;flex-wrap:wrap;align-items:center}.sequencer-footer-actions{grid-template-columns:minmax(0,1fr)}.control-cluster{align-items:stretch}}