@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-ext-400-normal-Bc8Ftmh3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/jetbrains-mono-latin-ext-600-normal-BfB_LPfz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/jetbrains-mono-latin-600-normal-C8RAYTDA.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/jetbrains-mono-latin-ext-700-normal-CZipNAKV.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/jetbrains-mono-latin-700-normal-BYuf6tUa.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,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)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/silkscreen-latin-400-normal-CtPo2yA5.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sans:"Archivo", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--pixel:"Silkscreen", var(--mono);--fs-xs:11px;--fs-s:12px;--fs-m:13px;--fs-l:15px;--r-ctl:4px;--r-tile:6px;--r-card:10px;--r-shell:14px;--device:#23262c;--device-edge:#3a3f47;--screen-bg:#15191c;--screen-fg:#9cc9d4;--led-green:#2fe05a;--led-yellow:#f5d000;--bg:#0f1220;--panel:#181c30;--panel-2:#1e2339;--line:#2a2f4a;--line-hi:#3d4366;--text:#e8eaf6;--muted:#8e94b8;--dim:#5c6288;--amber:#ffb547;--orange:#ff9a4d;--yellow:#ffe14d;--lime:#b6f24a;--cyan:#3fd6ff;--blue:#6f9bff;--violet:#b48cff;--magenta:#ff6fb0;--white:#eef0fa;--rec:#ff6b78;--ok:#3ddc97;--solo:#ffe14d;--solo-ink:#0f1220;--edge-keep:100%;--ink:#0f1220;--wave-bg:#0c0f1b;--grid:#ffffff0d;--shade:#00000059;--view-hi:#e8eaf61a;--scrim:#141619b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#e8ebf0;--panel:#f7f8fa;--panel-2:#fff;--line:#d5dae1;--line-hi:#b6bdc8;--text:#191c22;--muted:#535a67;--dim:#868d99;--amber:#a85800;--orange:#b44a06;--yellow:#8a6a00;--lime:#4d7c0f;--cyan:#00799e;--blue:#2851d8;--violet:#6a3fd6;--magenta:#c2185b;--white:#22262d;--rec:#cc2040;--ok:#0b7a4f;--solo:#ffd23f;--edge-keep:70%;--ink:#fff;--wave-bg:#eff1f4;--grid:#191c220f;--shade:#ffffff59;--view-hi:#191c2214;--scrim:#1e222a66;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--page:var(--amber);--accent:var(--page);--on-pad:#0e1012;--tint:22%;--ctl-h:26px;--gutter:24px;--wave-fg:var(--page);--wave-dim:color-mix(in srgb, var(--page) 28%, var(--wave-bg));font-family:var(--sans);font-size:var(--fs-m);color:var(--text);background:var(--bg)}:root[data-theme=light] .pad-num{color:color-mix(in srgb, var(--pad) 40%, var(--text))}*{box-sizing:border-box}.trk,.channel,.mx-head,.mx-cell,.pads-bar{--trk-line:color-mix(in oklab, var(--trk) var(--edge-keep), var(--text))}.seq-row{--row-line:color-mix(in oklab, var(--row) var(--edge-keep), var(--text))}body{background:var(--bg);min-height:100vh;margin:0;padding:0 24px}::selection{background:var(--page);color:var(--ink)}button,input,select{font:inherit;font-size:var(--fs-s);color:var(--text);background:var(--panel);border:1px solid var(--line-hi);border-radius:var(--r-ctl);padding:4px 9px}select,input:not([type=checkbox]):not([type=range]):not([type=file]){height:var(--ctl-h)}button{cursor:pointer;font-weight:500;font-size:var(--fs-s);line-height:16px;transition:background 60ms,color 60ms,border-color 60ms,box-shadow .1s}button:hover:not(:disabled){border-color:var(--page);color:var(--page)}button:active:not(:disabled){background:color-mix(in srgb, var(--page) var(--tint), var(--panel))}button:disabled{opacity:.3;cursor:default}button,select,input{touch-action:manipulation}@media (hover:none){button:not(.on):hover:not(:disabled){border-color:var(--line-hi);color:var(--text)}}button.on,button.on:hover{background:var(--page);color:var(--ink);border-color:var(--page);font-weight:700}button.primary:not(:disabled){color:var(--page);border-color:var(--page)}button.rec{--page:var(--rec)}.kit-chip{display:inline-flex}.kit-chip button+button{margin-left:-1px;padding-inline:6px}.kit-chip button:not(:last-child),.segmented button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.kit-chip button+button,.segmented button+button{border-top-left-radius:0;border-bottom-left-radius:0}button.sample-pick{text-transform:none;letter-spacing:0;width:200px;max-width:100%;font-weight:400;font-size:var(--fs-s);text-align:left;justify-content:space-between;align-items:center;gap:6px;display:inline-flex}.sample-pick span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sample-pick span:last-child{color:var(--muted)}.picker{z-index:50;background:var(--panel);border:1px solid var(--line-hi);border-radius:var(--r-card);width:320px;max-width:calc(100vw - 16px);height:380px;font-size:var(--fs-s);color:var(--text);flex-direction:column;gap:6px;padding:8px;display:flex;position:fixed;box-shadow:0 8px 24px #00000059}.picker-head{align-items:center;gap:6px;min-width:0;display:flex}.picker-head button{padding-inline:8px}.picker-path{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;color:var(--muted);direction:rtl;flex:1;overflow:hidden}.picker-filter{width:100%}.picker-list{border:1px solid var(--line);background:var(--bg);flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.picker-list li{cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:3px 6px;display:flex}.picker-list li:hover{background:color-mix(in srgb, var(--page) 10%, transparent)}.picker-list li[aria-selected=true]{background:color-mix(in srgb, var(--page) var(--tint), transparent);color:var(--page)}.picker-list li.folder .picker-name{font-weight:600}.picker-list li.picker-note{color:var(--muted);cursor:default}.picker-list li button{height:18px;line-height:16px;font-size:var(--fs-xs);padding:0 6px}.picker-list li .picker-x{visibility:hidden}.picker-list li:hover .picker-x{visibility:visible}.picker-icon{width:10px;color:var(--muted);flex:none}.picker-name{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.picker-foot{align-items:center;gap:6px;display:flex}.picker-spacer{flex:1}@media (width>=901px){:root[data-library] body{padding-right:calc(var(--drawer-w,360px) + 24px)}}.library{z-index:40;width:var(--drawer-w,360px);background:var(--panel);border-left:1px solid var(--line-hi);max-width:100vw;font-size:var(--fs-s);color:var(--text);flex-direction:column;gap:8px;padding:10px 10px 8px 12px;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 24px #0000002e}.lib-resize{cursor:ew-resize;touch-action:none;width:6px;position:absolute;top:0;bottom:0;left:-3px}.lib-resize:hover{background:color-mix(in srgb, var(--page) 35%, transparent)}.lib-head{align-items:center;gap:6px;display:flex}.lib-head strong{font-size:var(--fs-xs)}.lib-head .icon-btn{min-width:26px;padding-inline:6px}.lib-search{width:100%}.lib-tree{border:1px solid var(--line);background:var(--bg);flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.lib-tree:focus{outline:none}.lib-tree:focus-visible{outline:1px solid var(--page);outline-offset:-1px}.lib-tree li{min-height:24px;padding:2px 4px 2px calc(6px + var(--depth,0) * 14px);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;display:flex}.lib-tree li:hover{background:color-mix(in srgb, var(--page) 10%, transparent)}.lib-tree li[aria-selected=true]{background:color-mix(in srgb, var(--page) var(--tint), transparent);color:var(--page)}.lib-tree li.folder .picker-name{font-weight:600}.lib-tree li.section-row{color:var(--muted);font-size:var(--fs-xs);margin-top:4px}.lib-tree li.section-row:first-child{margin-top:0}.lib-tree li.lib-note{color:var(--dim);cursor:default;font-style:italic}.lib-tree li.lib-note:hover{background:0 0}.lib-name{flex-direction:column;flex:1;min-width:0;display:flex}.lib-sub{text-overflow:ellipsis;color:var(--dim);font-size:var(--fs-xs);overflow:hidden}.lib-tree li button{height:18px;line-height:16px;font-size:var(--fs-xs);padding:0 6px}.lib-tree li .lib-star,.lib-tree li .lib-more{font-size:var(--fs-s);visibility:hidden;background:0 0;border-color:#0000;padding:0 3px}.lib-tree li:hover .lib-star,.lib-tree li:hover .lib-more,.lib-tree li[aria-selected=true] .lib-more,.lib-tree li .lib-star.on-star{visibility:visible}.lib-tree li .lib-star.on-star{color:var(--yellow)}.lib-badge{color:var(--muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.lib-edit{flex:1;min-width:0;padding:0 4px;height:20px!important}.lib-menu{z-index:45;background:var(--panel-2);border:1px solid var(--line-hi);border-radius:var(--r-card);flex-direction:column;min-width:180px;padding:4px;display:flex;position:fixed;box-shadow:0 8px 24px #0000004d}.lib-menu button{text-align:left;background:0 0;border-color:#0000;height:26px}.lib-menu button.danger{color:var(--rec)}.lib-menu-note{color:var(--muted);font-size:var(--fs-xs);border-bottom:1px solid var(--line);margin-bottom:2px;padding:4px 9px}.lib-info{flex-direction:column;gap:4px;display:flex}.lib-info.empty{border:1px dashed var(--line);justify-content:center;align-items:center;min-height:72px}.lib-wave{border:1px solid var(--line);width:100%;height:56px;display:block}.lib-facts{align-items:baseline;gap:8px;min-width:0;display:flex}.lib-facts .hint{flex:none}.lib-foot{border-top:1px solid var(--line);align-items:center;gap:6px;padding-top:6px;display:flex}input:focus,select:focus,button:focus-visible{outline:1px solid var(--page);outline-offset:1px}input[type=number]{font-variant-numeric:tabular-nums;width:64px}input[type=checkbox]{appearance:none;border:1px solid var(--line-hi);background:var(--panel);cursor:pointer;place-content:center;width:14px;height:14px;margin:0;padding:0;display:inline-grid}input[type=checkbox]:checked{background:var(--page);border-color:var(--page)}input::placeholder{color:var(--dim)}select{padding-right:6px}code,.mono,input[type=number],.enc-val,.slider-value,.pat,.seq-view,.lib-badge,.pad-num,.mx-num,.trk i,.seq-ruler .seq-cells>span,.song-list li:before{font-family:var(--mono)}code{color:var(--page)}.hint{color:var(--muted);font-size:var(--fs-xs);line-height:1.5}:root:not([data-tips]) .tip{display:none}:root:not([data-tips]) .section:has(>header+.tip:last-child){padding-bottom:0}:root:not([data-tips]) .section:has(>header+.tip:last-child)>header{border-bottom:none;margin-bottom:0}p.hint{margin:0 0 8px}.row{align-items:center;gap:8px;margin:12px 0;display:flex}.row:has(>.field){align-items:flex-end}.section .row{flex-wrap:wrap}.section .row>input{flex:0 auto;min-width:0}.section .wide{flex:240px;min-width:0}.section .bezel{max-width:100%}.section .screen-preview{max-width:100%;height:auto}.row.wrap{flex-wrap:wrap;align-items:flex-end}.row.grow-first>:first-child{flex:1;min-width:0}.row.even>*{flex:1 1 0;min-width:0}.row>.push-end{margin-left:auto}.row.wrap:has(>.section){align-items:stretch}.wide{min-width:420px}.panels{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-content:start;gap:20px;display:grid}.panels>.section{min-width:0;margin-bottom:0}.app{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-shell);max-width:1400px;margin:24px auto 64px;padding:0}.app>main{padding:0 var(--gutter)}main .section{min-width:0;margin:0 calc(-1 * var(--gutter));padding:18px var(--gutter) 22px;border:none;border-bottom:1px solid var(--line);background:0 0;border-radius:0}main .section>header{min-height:var(--ctl-h);border-bottom:none;margin:0 0 14px;padding:0}main .section .actions{padding:0}main .panels{margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);border-bottom:1px solid var(--line);grid-template-columns:repeat(8,minmax(0,1fr));gap:0 8px}main .panels>.section{grid-column:span var(--span,4);border-bottom:none;margin:0;padding:18px 14px 22px;position:relative}main .panels>.section:first-child{padding-left:0}main .panels>.section:last-child{padding-right:0}main .panels>.section+.section:before{content:"";background:var(--line);width:1px;position:absolute;top:0;bottom:0;left:-4.5px}.mixer-panel.side>:first-child{--span:var(--mix-span)}.mixer-panel.side>:last-child{--span:var(--ret-span)}.mixer-panel.side .mixer{grid-auto-columns:minmax(190px,1fr)}.mixer-panel.side .returns{grid-template-columns:minmax(0,1fr);gap:18px}.song-panel .panels>.section{--span:4}@media (width<=900px){main .panels{grid-template-columns:minmax(0,1fr)}main .panels>.section{grid-column:auto;padding:18px 0 22px}main .panels>.section+.section:before{left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter));width:auto;height:1px;bottom:auto}}@media (width<=1180px){main .mixer-panel.side{grid-template-columns:minmax(0,1fr)}main .mixer-panel.side>.section{grid-column:auto;padding:18px 0 22px}main .mixer-panel.side>.section+.section:before{left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter));width:auto;height:1px;bottom:auto}.mixer-panel.side .mixer{grid-auto-columns:220px}.mixer-panel.side .returns{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}}.audio-banner{width:100%;padding:10px var(--gutter);text-align:left;border-radius:var(--r-shell) var(--r-shell) 0 0;--page:var(--amber);background:color-mix(in srgb, var(--page) var(--tint), var(--panel));color:var(--amber);border:1px solid var(--amber);letter-spacing:.04em;margin:0;font-weight:600;display:block}.topbar,.bar-sticky{--bar-label:110px;--bar-gap:10px}.topbar{padding:16px var(--gutter) 20px;border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"deck screen";align-items:start;gap:12px 24px;display:grid}.bar-sticky{z-index:30;background:var(--panel);padding:20px var(--gutter) 0;border-radius:var(--r-shell) var(--r-shell) 0 0;position:sticky;top:0}.bar-head{align-items:center;gap:var(--bar-gap);border-bottom:1px solid var(--line);min-width:0;padding-bottom:16px;display:flex}.bar-deck{flex-direction:column;grid-area:deck;align-self:stretch;gap:12px;min-width:0;display:flex}.bar-rows{flex-direction:column;grid-area:rows;gap:10px;min-width:0;display:flex}.bar-row{align-items:center;gap:var(--bar-gap);min-width:0;display:flex}.bar-label{width:var(--bar-label);line-height:var(--ctl-h);font-size:var(--fs-xs);color:var(--muted);flex:none;align-self:flex-start}.bar-sep{background:var(--line);width:1px;height:18px;margin:0 2px}.patterns,.tracks{flex:1;min-width:0}.transport{flex:none}.utils{--page:var(--white);flex:none;gap:2px;display:flex}.utils>button:not(.on),.utils>.menu>button:not(.on){color:var(--muted);background:0 0;border-color:#0000}.utils>button:not(.on):hover:not(:disabled),.utils>.menu>button:not(.on):hover:not(:disabled){border-color:var(--line-hi);color:var(--text)}.menu{position:relative}.menu-panel{z-index:40;background:var(--panel);border:1px solid var(--line-hi);border-radius:var(--r-card);--page:var(--white);flex-direction:column;gap:12px;width:340px;max-width:calc(100vw - 32px);padding:14px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #00000040}.menu-panel .field input{width:100%}.menu-actions{gap:6px;display:flex}.menu-panel .hint{margin:0}.icon-btn{min-width:var(--ctl-h);padding-inline:6px;font-size:14px;line-height:1}.brand{width:var(--bar-label);flex:none;align-items:center;gap:10px;display:flex}.brand strong{font-family:var(--pixel);letter-spacing:.04em;height:var(--ctl-h);background:var(--panel);color:var(--text);border:1px solid var(--line-hi);align-items:center;padding:1px 8px 0;font-size:16px;font-weight:400;display:flex}.dot{background:var(--rec);width:8px;height:8px}.dot.ok{background:var(--ok)}.transport,.patterns,.hw-modes{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.transport{--page:var(--amber)}.transport .share{--page:var(--orange)}.patterns{--page:var(--cyan);grid-template-columns:repeat(16,minmax(0,1fr));gap:3px;display:grid}.pat{text-align:center;font-variant-numeric:tabular-nums;min-width:0;padding:4px 0}.pat.used:not(.on){border-color:color-mix(in srgb, var(--cyan) 60%, transparent);color:var(--cyan)}.pat.queued{animation:.5s steps(2,end) infinite blink}@keyframes blink{50%{background:color-mix(in srgb, var(--cyan) 30%, var(--panel));color:var(--cyan)}}.hw-modes{flex:1;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;min-width:0;display:grid}.hw-modes button{text-transform:capitalize}.bar-enc{min-width:0;padding-left:calc(var(--bar-label) + var(--bar-gap));flex:1;grid-area:enc;align-items:stretch;display:flex}.enc-strip{border:1px solid var(--line-hi);border-radius:var(--r-tile);background:var(--wave-bg);flex:1;align-items:stretch;min-width:0;display:flex;overflow:hidden}.enc-tag{border:none;border-right:1px solid var(--line-hi);font-size:var(--fs-xs);border-radius:0;flex:none;align-items:stretch;padding:0;display:flex}.enc-tag:hover:not(:disabled){color:inherit}.enc-tag b{background:color-mix(in srgb, var(--page) var(--tint), var(--panel));color:color-mix(in srgb, var(--page) 55%, var(--text));letter-spacing:.06em;align-items:center;padding:0 7px;display:flex}.enc-tag span{color:var(--text);align-items:center;min-width:62px;padding:0 10px;font-weight:700;display:flex}.enc-knobs{flex:1;grid-template-columns:repeat(8,minmax(0,1fr));min-width:0;display:grid}.enc-knob{border-left:1px solid var(--line);flex-direction:column;align-items:center;gap:1px;min-width:0;padding:4px 2px 3px;display:flex}.enc-knob:first-child{border-left:none}.enc-knob.empty{opacity:.35}.enc-knob:not(.empty){cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;transition:background 60ms}.enc-knob:not(.empty):hover{background:color-mix(in srgb, var(--page) 8%, transparent)}.enc-knob.turning{background:color-mix(in srgb, var(--page) 16%, transparent)}.enc-knob:focus{outline:none}.enc-knob:focus-visible{outline:1px solid var(--page);outline-offset:-2px}.enc-knob:hover .knob-pointer,.enc-knob.turning .knob-pointer{stroke-width:2px}.knob{flex:none;width:26px;height:26px;margin-bottom:1px}@media (width>=1181px){.enc-knob{justify-content:center;gap:3px}.knob{width:32px;height:32px}.enc-val{font-size:var(--fs-s)}}.knob-track{fill:none;stroke:var(--line-hi);stroke-width:2.5px;stroke-linecap:round}.knob-fill{fill:none;stroke:var(--page);stroke-width:3px;stroke-linecap:round}.knob-pointer{stroke:var(--white);stroke-width:1.5px;stroke-linecap:round}.enc-text{flex-direction:column;align-items:center;min-width:0;max-width:100%;line-height:1.2;display:flex}.enc-name{font-size:var(--fs-xs);max-width:100%;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.enc-val{font-size:var(--fs-xs);max-width:100%;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.status{min-width:0;font-size:var(--fs-xs);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;text-align:right;flex:1;padding-left:6px;overflow:hidden}.field{font-size:var(--fs-xs);color:var(--muted);flex-direction:column;gap:4px;display:flex}.field.inline{flex-direction:row;align-items:center;gap:6px}.field>input,.field>select{text-transform:none;letter-spacing:0}.field>input[type=checkbox]{margin-block:calc((var(--ctl-h) - 14px) / 2)}.screen-slot{grid-area:screen;display:flex}.screen-slot .bezel{box-shadow:none;background:0 0;border:none;padding:0}.bezel{background:var(--wave-bg);border:1px solid var(--line);box-shadow:inset 0 2px 6px #00000059, 0 0 0 3px var(--panel);padding:8px}.screen-preview{image-rendering:pixelated;display:block}.pad-grid{padding:16px var(--gutter) 20px;background:color-mix(in srgb, var(--bg) 55%, var(--panel));border-bottom:1px solid var(--line);gap:8px;margin:0;display:grid}.pad-row{grid-template-columns:repeat(8,1fr);gap:8px;display:grid}.pads-bar{min-height:var(--ctl-h);align-items:center;gap:12px;padding:0 2px 2px;display:flex}.pads-track{color:var(--text);border-left:3px solid var(--trk-line);white-space:nowrap;padding-left:8px;font-weight:700}.pads-detail{color:var(--muted);font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.pads-tools{flex:none;gap:6px;margin-left:auto;display:flex}.kit-picker{align-items:center;gap:4px;min-width:0;display:flex}.kit-picker .tool-label{margin-right:4px}.kit-picker select{min-width:0}.kit-picker .menu{margin-left:4px}.kit-picker .menu-panel{left:0;right:auto}.menu-panel .row input{flex:1;min-width:0}.menu-panel .sub-head{margin:0 0 -6px}@media (width<=600px){.pads-bar{flex-wrap:wrap;row-gap:8px}.kit-picker{flex-basis:100%;order:1}}.pad{aspect-ratio:1.6;border-radius:var(--r-tile);text-align:left;--pad-line:color-mix(in oklab, var(--pad) var(--edge-keep), var(--text));border:1px solid color-mix(in srgb, var(--pad-line) 55%, transparent);background:radial-gradient(ellipse at 50% 120%, color-mix(in srgb, var(--pad) 14%, transparent), transparent 70%), var(--panel);color:var(--text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;text-transform:none;letter-spacing:0;flex-direction:column;justify-content:space-between;padding:7px 8px;font-weight:400;transition:background 50ms;display:flex;position:relative}.pad:hover:not(:disabled){border-color:var(--pad-line);color:var(--text)}.pad.empty{background:var(--bg);border-color:var(--line)}.pad.selected{border-color:var(--pad-line);box-shadow:0 0 0 2px var(--pad-line);background:color-mix(in srgb, var(--pad) 20%, var(--panel))}.pad.selected .pad-num{background:var(--pad);color:var(--on-pad);border-color:var(--pad);font-weight:700}.pad.hit,.pad.hit:hover{background:color-mix(in srgb, var(--pad) 40%, var(--panel));color:var(--white)}.pad.drop{outline:1px dashed var(--white);outline-offset:2px}.pad-num{font-size:var(--fs-xs);color:color-mix(in srgb, var(--pad) 65%, var(--text));border:1px solid color-mix(in srgb, var(--pad-line) 50%, transparent);font-variant-numeric:tabular-nums;border-radius:3px;align-self:flex-start;padding:0 4px}.pad.empty .pad-num{color:var(--dim);border-color:var(--line)}.pad.hit .pad-num{color:var(--white);border-color:var(--white);background:0 0}.pad-name{font-size:var(--fs-s);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.pad.empty .pad-name{color:var(--dim)}.tabs{padding:0 var(--gutter);border-bottom:1px solid var(--line);gap:2px;margin:0;display:flex}html{overflow-anchor:none}.tabs button{color:var(--muted);font-weight:600;font-size:var(--fs-m);background:0 0;border:none;border-bottom:3px solid #0000;border-radius:0;align-items:center;gap:8px;margin-bottom:-1px;padding:13px 14px 11px 12px;display:inline-flex}.tabs button:before{content:"";background:var(--tab);opacity:.5;border-radius:50%;flex:none;width:6px;height:6px}.tabs button:hover:not(:disabled){color:var(--text);background:0 0}.tabs button.on,.tabs button.on:hover{color:var(--text);border-bottom-color:var(--tab);background:0 0;font-weight:700}.tabs button.on:before{opacity:1}.section{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-card);flex:1;min-width:280px;margin-bottom:20px;padding:0 18px 18px;position:relative}.section>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;min-height:40px;margin:0 -18px 16px;padding:0 10px 0 18px;display:flex}.section h2{font-size:var(--fs-m);color:var(--text);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;max-width:60%;margin:0;font-weight:700;display:flex;overflow:hidden}.section h2:before{content:"";background:var(--page);border-radius:50%;flex:none;width:6px;height:6px}.section .actions{--ctl-h:22px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;padding:6px 0;display:flex}.section .actions button{line-height:12px}.section .actions :is(select,input){font-size:var(--fs-xs);padding-top:1px;padding-bottom:1px}.section p{margin:0 0 8px}.waveform{cursor:ew-resize;background:var(--wave-bg);border:1px solid var(--line);border-radius:var(--r-tile);width:100%;height:170px;display:block}.tab-state.on{color:var(--ok)}.duck-sliders{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;display:grid}@media (width>=901px) and (width<=1180px),(width<=600px){.duck-sliders{grid-template-columns:minmax(0,1fr)}}.duck-meter .meter>div{background:var(--amber);transition:none}.inputs{flex-direction:column;gap:4px;margin:6px 0 0;padding:0;list-style:none;display:flex}.inputs li{justify-content:space-between;align-items:center;gap:8px;display:flex}.duck-pads{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;margin-top:6px;display:grid}.duck-pads button{min-width:0;padding:2px 0}.duck-pads button.on,.duck-pads button.on:hover{background:color-mix(in srgb, var(--page) 30%, var(--panel));color:var(--text)}.chop-tools{margin-top:0}.chop-sep{background:var(--line);align-self:stretch;width:1px}.chop-sens{align-items:center;gap:4px;display:flex}.chop-sens input{width:80px}.chop-time{margin-left:auto}.chop-lane{border:1px solid var(--line);background:var(--wave-bg);border-bottom:0;height:20px;position:relative;overflow:hidden}.chop-lane button{border:0;border-left:1px solid var(--wave-bg);background:color-mix(in srgb, var(--slice) 35%, var(--wave-bg));min-width:0;color:var(--text);font-size:var(--fs-xs);border-radius:0;padding:0;line-height:20px;position:absolute;top:0;bottom:0;overflow:hidden}.chop-lane button:hover:not(:disabled){background:color-mix(in srgb, var(--slice) 60%, var(--wave-bg));color:var(--white)}.chop-wave{position:relative}.chop-wave canvas{cursor:crosshair;touch-action:none;background:var(--wave-bg);border:1px solid var(--line);width:100%;height:240px;display:block}.chop-playhead{background:var(--white);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.chop-lane button.on{box-shadow:inset 0 0 0 1px var(--accent)}.chop-lane button small{opacity:.75;margin-left:2px}.chop-tools input[type=number]{width:64px}.chop-done{margin-left:auto}.chop-overview{cursor:pointer;touch-action:none;border:1px solid var(--line);width:100%;height:36px;margin:4px 0 8px;display:block}.slider-groups{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:18px 8px;margin-top:18px;display:grid}.slider-group{padding-right:20px}.slider-group:last-child{padding-right:0}.panels .slider-groups{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=1180px){.slider-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.slider-group:nth-child(2n){padding-right:0}}@media (width>=901px) and (width<=1180px){.panels .slider-groups{grid-template-columns:minmax(0,1fr)}.panels .slider-group{padding-right:0}}@media (width<=600px){.slider-groups,.panels .slider-groups{grid-template-columns:minmax(0,1fr)}.slider-group{padding-right:0}}.slider-groups.first{margin-top:0}.slider-groups.pad-fields{margin-top:12px}.pad-fields .slider-group{flex-direction:row;align-items:flex-end;gap:8px}.pad-fields .field{flex:1;min-width:0}.pad-fields .field>input:not([type=checkbox]),.pad-fields .field>select,.pad-fields .field>button.sample-pick{width:100%;max-width:none}.pad-fields .slider-group:last-child{justify-content:space-between}.pad-fields .slider-group:last-child .field{flex:none}.slider-group{flex-direction:column;gap:6px;min-width:0;display:flex}.slider-group .sub-head{border-bottom:1px solid var(--line);margin:0 0 2px;padding-bottom:4px}.sliders{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px 28px;margin-top:14px;display:grid}.slider{font-size:var(--fs-xs);grid-template-columns:78px 1fr 64px;align-items:center;gap:10px;padding:3px 0;display:grid}.slider-label{color:var(--muted);font-size:var(--fs-xs)}.slider:not(.meter-row):hover .slider-label{color:var(--page)}.slider-value{text-align:right;font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}.slider input[type=range]{appearance:none;cursor:ew-resize;border:1px solid var(--line-hi);background:linear-gradient(90deg, transparent var(--from,0%), var(--page) var(--from,0%) var(--fill,0%), transparent var(--fill,0%)) content-box, repeating-linear-gradient(90deg, transparent 0 calc(12.5% - 1px), var(--line) calc(12.5% - 1px) 12.5%), var(--wave-bg);background-clip:content-box,border-box,border-box;border-radius:0;width:100%;height:12px;margin:0;padding:1px}.slider input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--white);border:none;width:3px;height:14px}.slider input::-moz-range-thumb{background:var(--white);border:none;border-radius:0;width:3px;height:14px}.slider input[type=range]:focus{border-color:var(--page);outline:none}@media (pointer:coarse){.slider input[type=range]{height:20px}.slider input::-webkit-slider-thumb{width:12px;height:22px}}.color-picker{position:relative}.swatch-btn{width:var(--ctl-h);height:var(--ctl-h);background:var(--panel);padding:3px}.swatch-btn:before{content:"";background:var(--sw);width:100%;height:100%;display:block}.color-pop{z-index:40;background:var(--panel);border:1px solid var(--line-hi);border-radius:var(--r-card);grid-template-columns:repeat(6,22px);gap:6px;padding:10px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px #00000040}.color-pop .swatch{width:22px;height:22px}.swatch{border:1px solid var(--bg);width:18px;height:18px;box-shadow:none;border-radius:0;padding:0}.swatch:hover:not(:disabled){border-color:var(--white)}.swatch.on,.swatch.on:hover{outline:1px solid var(--white);outline-offset:2px;border-color:var(--bg)}.meter{border:1px solid var(--line-hi);background:var(--wave-bg);height:12px;padding:1px}.meter div{background:linear-gradient(90deg, var(--ok) 70%, var(--amber) 88%, var(--rec));background-size:100vw 100%;height:100%;transition:width 50ms}.seq-toolbar{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.tool-line,.tool-start{flex-wrap:wrap;align-items:center;row-gap:10px;display:flex}.tool-group.end{border-left:none;margin-left:auto;padding-right:0}.seq-toolbar{grid-template-columns:repeat(4,auto) 1fr repeat(4,auto);align-items:center;column-gap:6px;display:grid}.seq-toolbar .tool-line,.seq-toolbar .tool-start,.seq-toolbar .tool-group.lead,.seq-toolbar .tool-group.end{display:contents}.seq-toolbar .tool-group.lead>select,.seq-toolbar .tool-group.end>:not(.tool-label){width:100%;min-width:0}.seq-toolbar .tool-group.end>.tool-label{grid-column:6}.seq-toolbar .tool-group.fill{grid-column:3;padding-right:0}.seq-toolbar .tool-group.fill select{flex:1}.seq-toolbar .tool-label{min-width:48px}.tool-group{border-left:1px solid var(--line);align-items:center;gap:6px;padding:0 14px;display:flex}.tool-group:first-child{border-left:none;padding-left:0}.tool-label{font-size:var(--fs-xs);color:var(--muted);margin-right:2px}.seq-view{text-align:center;font-variant-numeric:tabular-nums;min-width:74px}.seq-grid{gap:3px;display:grid;overflow-x:auto}.seq-row{grid-template-columns:110px 26px 26px 1fr;align-items:center;gap:4px;display:grid}.seq-row.selected .seq-name,.seq-row.selected .seq-name:hover{background:var(--row);color:var(--on-pad);border-color:var(--row);font-weight:700}.seq-row.selected .cell:not(.lit){background:color-mix(in srgb, var(--row) 14%, transparent)}.seq-name{text-align:left;font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;border-left:3px solid var(--row-line);padding:3px 8px;overflow:hidden}.seq-name:hover:not(:disabled){color:var(--row-line);border-color:var(--row-line)}.ms{font-size:var(--fs-xs);padding:3px 0}.seq-name,.ms{line-height:13px}.ms.on,.ms.on:hover{--page:var(--rec)}.ms.solo.on,.ms.solo.on:hover{background:var(--solo);border-color:var(--solo);color:var(--solo-ink)}.seq-cells{grid-template-columns:repeat(var(--steps), minmax(18px, 1fr));gap:2px;display:grid}.cell{border:1px solid var(--line);height:22px;color:var(--ink);letter-spacing:0;background:0 0;border-radius:0;padding:0;font-size:9px;overflow:hidden}.cell.beat{border-color:var(--line-hi);background:#ffffff05}.cell:hover:not(:disabled){border-color:var(--row-line)}.cell.lit{border-color:#0000}.cell.nudged{position:relative}.cell.nudged:after{content:"";width:2px;top:3px;bottom:3px;left:calc(50% - 1px + var(--nudge) * 40%);background:var(--ink);position:absolute}.seq-cells>.bar:not(:first-child){margin-left:6px}.cell.now{box-shadow:0 0 0 2px var(--white);z-index:1}.cell.now:not(.lit){background:color-mix(in srgb, var(--white) 18%, transparent)}.seq-ruler .seq-cells>span{height:16px;font-size:var(--fs-xs);color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap;border-bottom:2px solid #0000;padding-left:2px;line-height:16px;overflow:visible}.seq-ruler .seq-cells>span.beat{color:var(--muted);border-left:1px solid var(--line-hi)}.seq-ruler .seq-cells>span.bar{color:var(--text);font-weight:700}.seq-pads-label{font:400 10px var(--pixel);letter-spacing:.04em;color:var(--page);white-space:nowrap}.seq-ruler .seq-cells>span.pads{box-shadow:inset 0 3px 0 var(--page)}.cell.pads:not(.lit){background:color-mix(in srgb, var(--page) 12%, transparent)}.seq-row.selected .cell.pads:not(.lit){background:color-mix(in srgb, var(--row) 28%, transparent)}.seq-ruler .seq-cells>span.now{border-bottom-color:var(--page);background:color-mix(in srgb, var(--page) 25%, transparent);color:var(--text)}.keys-source{margin:0 calc(-1 * var(--gutter));padding:14px var(--gutter);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 0;display:flex}.keys-source .slider{width:280px;padding:0}.keys-source>.tool-group:last-child{border-left:none;margin-left:auto;padding-right:0}.segmented{display:flex}.segmented button+button{margin-left:-1px}.select-row select{grid-column:2/4;justify-self:stretch;min-width:0}.toggle-row input{grid-column:2/4;justify-self:start}.channel .select-row select{width:100%;min-width:0}.meter-row .meter{height:12px}.duck-pads+.meter-row{margin-top:6px}.meter-row .slider-value{color:var(--muted);font-weight:500}.mini-kb{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:var(--wave-bg);border:1px solid var(--line);height:110px;padding:6px;display:flex;position:relative}.mini-kb .white{background:var(--panel-2);color:var(--muted);border:1px solid var(--line-hi);font-size:var(--fs-xs);border-radius:0;flex:1;justify-content:center;align-items:flex-end;margin-right:-1px;padding:4px 0;display:flex}.mini-kb .white:hover:not(:disabled){color:var(--violet)}.mini-kb .white:active{background:color-mix(in srgb, var(--violet) 35%, var(--panel-2));color:var(--white)}.mini-kb .black{z-index:1;background:0 0;border:none;flex:0;width:0;padding:0;position:relative}.mini-kb .black:before{content:"";background:var(--bg);border:1px solid var(--line-hi);border-top:none;width:20px;height:62px;position:absolute;top:0;left:-10px}.mini-kb .black:active:before{background:color-mix(in srgb, var(--violet) 45%, var(--bg))}.preset-head{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:10px;display:flex}.preset-folders{flex-wrap:wrap;gap:4px;display:flex}.preset-save{margin:0 0 0 auto}.preset-save input{width:220px}.preset-list{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px 8px;margin-bottom:6px;display:grid}@media (width<=900px){.preset-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=600px){.preset-list{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-save{margin-left:0}}.preset-list button{text-transform:none;letter-spacing:0;font-weight:400;font-size:var(--fs-s);text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chip{border:1px solid var(--page);color:var(--page);font-size:var(--fs-xs);background:0 0;padding:2px 8px}.song-list{counter-reset:song;margin:0;padding-left:0;list-style:none}.song-list li{counter-increment:song;align-items:center;gap:6px;margin:4px 0;display:flex}.song-list li select{flex:1;min-width:0}.song-list li:before{content:counter(song, decimal-leading-zero);color:var(--page);background:color-mix(in srgb, var(--page) var(--tint), var(--panel));font-size:var(--fs-xs);align-self:stretch;align-items:center;padding:0 6px;font-weight:700;display:flex}.lab{--page:var(--magenta)}.lab .compare{border-collapse:collapse;font-size:var(--fs-xs);margin-top:8px}.lab .compare th,.lab .compare td{text-align:left;border-bottom:1px solid var(--line);padding:3px 14px 3px 0}.log{background:var(--wave-bg);border:1px solid var(--line);height:340px;font-size:var(--fs-xs);color:var(--ok);margin:0;padding:10px;overflow:auto}.help{--page:var(--white)}.help h2{font-size:var(--fs-m);background:var(--panel-2);color:var(--text);border:1px solid var(--line-hi);margin:0 0 10px;padding:3px 10px;display:inline-block}.help p{color:var(--muted)}.help table{border-collapse:collapse;width:100%}.help th,.help td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:8px 14px 8px 0;line-height:1.55}.help th{white-space:nowrap;color:var(--amber);font-weight:600;font-size:var(--fs-xs)}.help td{color:var(--text)}@media (width<=900px){.pad-row{gap:5px}}.confirm{background:var(--panel);border:1px solid var(--line-hi);border-radius:var(--r-card);width:min(440px,100%);padding:18px 20px 16px;animation:.18s ease-out g-rise;box-shadow:0 24px 60px #0006}.confirm h2{font-size:var(--fs-l);color:var(--text);margin:0 0 10px}.confirm p{color:var(--text);white-space:pre-line;margin:0 0 18px;line-height:1.5}.confirm-buttons{justify-content:flex-end;gap:8px;display:flex}.prefs{overscroll-behavior:contain;width:min(560px,100%);max-height:calc(100vh - 64px);overflow-y:auto}.prefs h3{border-bottom:1px solid var(--line);font-size:var(--fs-s);color:var(--muted);margin:16px 0 8px;padding-bottom:4px;font-weight:600}.prefs-row{grid-template-columns:110px 1fr;align-items:center;gap:4px 12px;margin-bottom:10px;display:grid}.prefs-label{font-size:var(--fs-xs);color:var(--muted)}.prefs-ctl{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.prefs-ctl select{max-width:100%}.prefs-row .hint{grid-column:2;margin:0}.prefs-check{color:var(--text);align-items:center;gap:6px;display:flex}.prefs .confirm-buttons{margin-top:18px}@media (width<=480px){.prefs-row{grid-template-columns:1fr}.prefs-row .hint{grid-column:1}}button.danger{--page:var(--rec)}.g-overlay{z-index:50;background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:32px 16px;animation:.15s ease-out g-fade;display:grid;position:fixed;inset:0}@keyframes g-fade{0%{opacity:0}}.g-panel{background:var(--bg);border:1px solid var(--line-hi);border-radius:var(--r-card);flex-direction:column;width:min(1180px,100%);max-height:calc(100vh - 64px);animation:.18s ease-out g-rise;display:flex;overflow:hidden;box-shadow:0 24px 60px #0006}@keyframes g-rise{0%{opacity:0;transform:translateY(8px)}}.g-head{border-bottom:1px solid var(--line);flex:none;align-items:stretch;display:flex}.g-head strong{font-family:var(--pixel);background:var(--panel-2);color:var(--text);border-right:1px solid var(--line);padding:8px 12px 6px;font-size:15px;font-weight:400}.g-head span{color:var(--muted);font-size:var(--fs-xs);flex:1;align-self:center;padding:0 14px}.g-head button{border:none;border-left:1px solid var(--line);--page:var(--white);padding:0 16px}.g-panel .guide,.g-panel .lab-scroll{overscroll-behavior:contain;padding:18px 20px 24px;overflow-y:auto}.guide{--g-hi:var(--amber)}.g-block{margin-bottom:22px}.g-block h3{font-size:var(--fs-l);align-items:center;gap:10px;margin:0 0 6px;display:flex}.g-block h3 b{background:color-mix(in srgb, var(--g-hi) var(--tint), var(--panel));color:var(--g-hi);font-size:var(--fs-xs);padding:2px 6px}.g-block h3:after{content:"";background:var(--line);flex:1;height:1px}.g-sub{margin-top:20px!important}.g-device-wrap{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:14px;display:grid}.g-device{border:1px solid var(--line-hi);background:linear-gradient(180deg, var(--panel-2), var(--panel));border-radius:8px;grid-template:"strips screen arp encs encarr"74px"strips btns padarr pads scene""logo keys keys keys keys"/74px 140px 40px 1fr 40px;align-items:stretch;gap:10px;padding:16px;display:grid;box-shadow:inset 0 1px #ffffff0a,0 8px 20px #00000040}.g-ctl{min-width:28px;font-size:var(--fs-xs);background:var(--panel);border-color:var(--line-hi);color:var(--text);text-transform:none;letter-spacing:.02em;padding:0;font-weight:500}.g-ctl:hover:not(:disabled),.g-ctl.on{--page:var(--g-hi)}.g-ctl.on{background:color-mix(in srgb, var(--g-hi) 30%, var(--panel));color:var(--g-hi);border-color:var(--g-hi)}.g-ctl.native:not(.on),.native:not(.on){opacity:.45}.g-strips{cursor:pointer;border:1px solid #0000;grid-area:strips;gap:8px;padding:2px;display:flex}.g-strips>div{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.g-strips i{background:var(--wave-bg);border:1px solid var(--line);border-radius:3px;flex:1;width:100%;position:relative}.g-strips i:after{content:"";background:var(--line-hi);border-radius:1px;height:6px;position:absolute;bottom:3px;left:3px;right:3px}.g-strips>div:first-child i:before{content:"";background:var(--dim);height:1px;position:absolute;top:40%;left:30%;right:30%}.g-strips span{font-size:var(--fs-xs);color:var(--muted)}.g-strips.on{border-color:var(--g-hi)}.g-strips.on i:after{background:var(--g-hi)}.g-logo{font-size:var(--fs-xs);letter-spacing:.04em;color:var(--text);grid-area:logo;align-self:center;font-weight:700}.g-logo b{font-weight:400}.g-screen{background:var(--screen-bg);border:1px solid var(--bg);outline:1px solid var(--line-hi);font-family:var(--pixel);color:var(--screen-fg);letter-spacing:.04em;text-transform:uppercase;flex-direction:column;grid-area:screen;justify-content:space-between;align-items:stretch;padding:6px 8px;font-size:8px;display:flex}.g-screen span:first-child{background:var(--screen-fg);color:var(--screen-bg);text-align:left;padding:0 3px}.g-screen span:last-child{text-align:right;opacity:.8}.g-screen.on{outline-color:var(--g-hi)}.g-btns{grid-area:btns;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:5px;display:grid}.g-play:not(.on){color:var(--ok);font-size:var(--fs-m)}.g-rec:not(.on){color:var(--rec);font-size:var(--fs-m)}.g-col{flex-direction:column;gap:5px;display:flex}.g-col .g-ctl{flex:1}.g-arp{grid-area:arp}.g-padarrows{grid-area:padarr}.g-encarrows{grid-area:encarr}.g-scenefunc{grid-area:scene}.g-padarrows .g-ctl,.g-encarrows .g-ctl{font-size:16px;line-height:1}.g-scenefunc .g-ctl:first-child{font-size:16px}.g-encs{cursor:pointer;border:1px solid #0000;grid-area:encs;grid-template-columns:repeat(8,1fr);place-items:center;gap:8px;padding:4px 6px;display:grid}.g-encs i{aspect-ratio:1;border:1px solid var(--bg);background:radial-gradient(circle at 40% 35%,#4a525a,#2a2f35 70%);border-radius:50%;width:36px;position:relative;box-shadow:0 2px 4px #0000004d}.g-encs i:before{content:"";background:var(--muted);border-radius:1px;width:2px;height:30%;margin-left:-1px;position:absolute;top:10%;left:50%}.g-encs i em{text-align:center;font-size:var(--fs-xs);color:var(--dim);font-style:normal;position:absolute;bottom:-13px;left:0;right:0}.g-encs.on{border-color:var(--g-hi)}.g-encs.on i:before{background:var(--g-hi)}.g-pads{cursor:pointer;border:1px solid #0000;grid-area:pads;gap:6px;padding:2px;display:grid}.g-pads>div{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.g-pads i{aspect-ratio:1.15;border:1px solid var(--bg);background:radial-gradient(ellipse at 50% 80%, color-mix(in srgb, var(--led) 40%, var(--panel)), var(--panel) 85%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--led) 35%, transparent);border-radius:3px;position:relative}.g-pads i em{font-size:var(--fs-xs);color:#ffffff59;font-style:normal;position:absolute;top:2px;left:4px}.g-pads.on{border-color:var(--g-hi)}.g-pads.on i{background:color-mix(in srgb, var(--led) 70%, var(--panel))}.g-keys{background:var(--wave-bg);cursor:pointer;border:1px solid #0000;grid-area:keys;height:84px;margin-top:4px;padding:4px;display:flex;position:relative}.g-keys i.w{background:linear-gradient(#b9bec4,#cfd3d7);border-right:1px solid #8a9097;border-radius:0 0 3px 3px;flex:1}.g-keys i.b{z-index:1;width:0;position:relative}.g-keys i.b:before{content:"";background:var(--bg);border-radius:0 0 2px 2px;width:16px;height:50px;position:absolute;top:0;left:-8px}.g-keys.on{border-color:var(--g-hi)}.g-keys.on i.w{background:linear-gradient(180deg, color-mix(in srgb, var(--g-hi) 30%, #b9bec4), #cfd3d7)}.g-info{border:1px solid var(--line-hi);background:var(--panel);align-content:start;display:grid}.g-info-item{visibility:hidden;grid-area:1/1;padding-bottom:12px}.g-info-item.on{visibility:visible}.g-info-tag{background:color-mix(in srgb, var(--g-hi) var(--tint), var(--panel));color:var(--g-hi);font-weight:700;font-size:var(--fs-s);padding:8px 12px}.g-info p{line-height:1.6;font-size:var(--fs-s);margin:12px 12px 0}.g-shift{color:var(--g-hi);align-items:baseline;gap:8px;display:flex}.g-shift b{border:1px solid var(--g-hi);font-size:var(--fs-xs);flex:none;padding:0 5px}.g-modes{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.g-mode{border:1px solid var(--line);background:var(--panel);flex-direction:column;display:flex}.g-mode:hover{border-color:var(--mode)}.g-mode header{background:color-mix(in srgb, var(--mode) var(--tint), var(--panel));color:color-mix(in srgb, var(--mode) 55%, var(--text));justify-content:space-between;align-items:center;padding:5px 10px;display:flex}.g-mode header span{font-weight:700;font-size:var(--fs-s)}.g-mode header small{font-size:var(--fs-xs);opacity:.75}.g-minipads{background:var(--wave-bg);gap:3px;margin:10px 10px 0;padding:10px;display:grid}.g-minipads>div{grid-template-columns:repeat(8,1fr);gap:3px;display:grid}.g-minipads i{aspect-ratio:1.2;background:var(--led);border-radius:1px}.g-minipads i.blink{animation:1s steps(2,end) infinite g-blink}@keyframes g-blink{50%{opacity:.25}}.g-mode dl{font-size:var(--fs-xs);grid-template-columns:62px 1fr;gap:6px 8px;margin:10px;line-height:1.45;display:grid}.g-mode dt{color:var(--mode);font-size:var(--fs-xs);padding-top:2px}.g-mode dd{color:var(--text);margin:0}.g-split{grid-template-columns:1.3fr 1fr;gap:22px;display:grid}.g-page{border:1px solid var(--line);background:var(--panel);margin-bottom:6px;display:flex}.g-page-tag{background:color-mix(in srgb, var(--magenta) var(--tint), var(--panel));width:54px;color:var(--magenta);flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex}.g-page-tag b{font-size:var(--fs-xs);letter-spacing:.06em}.g-page-tag span{font-size:var(--fs-xs);opacity:.7}.g-page-params{flex:1;grid-template-columns:repeat(4,1fr);display:grid}.g-page-params span{font-size:var(--fs-xs);border-left:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;padding:5px 8px;overflow:hidden}.g-page-params span:nth-child(n+5){border-bottom:none}.g-page-params span em{color:var(--magenta);font-style:normal;font-size:var(--fs-xs);margin-right:6px}.g-page-params span.empty{color:var(--dim)}.g-shortcuts{margin:8px 0 0;padding:0;list-style:none}.g-shortcuts li{border-bottom:1px dashed var(--line);font-size:var(--fs-xs);justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.g-shortcuts li>span:last-child{color:var(--muted);text-align:right}.g-shortcuts i{color:var(--dim);margin:0 4px;font-style:normal}kbd{font-family:var(--mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--line-hi);background:var(--panel-2);color:var(--text);white-space:nowrap;border-bottom-width:2px;padding:1px 6px}.g-notes{color:var(--muted);font-size:var(--fs-xs);margin:8px 0 0;padding-left:16px;line-height:1.6}.g-notes li::marker{content:"▪  ";color:var(--g-hi)}@media (width<=900px){.g-device-wrap,.g-split{grid-template-columns:1fr}.g-device{min-width:0;overflow-x:auto}}.boot-error{border:1px solid var(--rec);background:var(--panel);max-width:560px;margin:15vh auto;padding:18px 20px}.boot-error strong{color:var(--rec);margin-bottom:8px;display:block}.boot-error p{color:var(--text);margin:0;line-height:1.5}.tracks{--page:var(--blue);flex-wrap:wrap;align-items:center;gap:4px;display:flex}.trk{max-width:160px;height:var(--ctl-h);border-left:3px solid var(--trk-line);text-transform:none;letter-spacing:0;align-items:center;gap:6px;display:flex}.trk i{color:color-mix(in oklab, var(--trk) 55%, var(--text));font-variant-numeric:tabular-nums;font-style:normal}.trk span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.trk em{font-style:normal;font-size:var(--fs-xs);color:var(--muted);border:1px solid var(--line-hi);padding:0 3px;line-height:14px}.trk.on,.trk.on:hover{background:var(--trk);border-color:var(--trk);color:var(--on-pad);font-weight:700}.trk.on i{color:var(--on-pad)}.trk.on em{color:var(--on-pad);border-color:color-mix(in srgb, var(--on-pad) 45%, transparent)}.trk.muted span{opacity:.45;text-decoration:line-through}.trk-actions{gap:4px;margin-left:auto;padding-left:6px;display:flex}@media (width<=1180px){.topbar,.bar-sticky{--bar-label:84px}.topbar{grid-template-areas:"rows screen""enc enc"}.bar-deck{display:contents}.bar-rows{justify-content:space-between;align-self:stretch}.brand{width:auto}.bar-head{flex-wrap:wrap;row-gap:12px}.utils{margin-left:auto}.transport{margin-left:calc(var(--bar-label) + var(--bar-gap));order:1}.status{order:2}}@media (width<=900px){.topbar,.bar-sticky{--bar-label:76px}.topbar{grid-template-areas:"rows screen""enc enc";gap:10px 14px}.bar-enc{padding-left:0}.status{padding-left:calc(var(--bar-label) + var(--bar-gap));text-align:left;flex-basis:100%}.patterns{grid-template-columns:repeat(8,minmax(0,1fr))}}.mixer{grid-auto-columns:220px;grid-auto-flow:column;justify-content:start;gap:8px;padding-bottom:2px;display:grid;overflow-x:auto}.channel{border:1px solid var(--line);border-top:3px solid var(--trk-line);background:var(--panel);flex-direction:column;gap:2px;min-width:0;padding:6px;display:flex}.channel.on{border-color:var(--trk-line);box-shadow:0 0 0 1px var(--trk-line);background:color-mix(in srgb, var(--trk) 10%, var(--panel))}.channel header{cursor:pointer;align-items:center;gap:6px;display:flex}.channel header i{color:color-mix(in oklab, var(--trk) 55%, var(--text));font-style:normal}.channel header input{flex:1;min-width:0}.channel .row{gap:4px;margin:4px 0}.channel .row select{flex:1;min-width:0}.channel .row .ms{width:var(--ctl-h)}.channel h4{font-size:var(--fs-xs);color:var(--muted);margin:6px 0 0;font-weight:600}.channel h5{font-size:var(--fs-xs);color:var(--text);margin:4px 0 0;font-weight:700}.fx-chips{flex-wrap:wrap;gap:3px;display:flex}.fx-chip{font-size:var(--fs-xs);color:var(--muted);cursor:grab;padding:2px 6px}.fx-chip.on,.fx-chip.on:hover{background:var(--page);border-color:var(--page);color:var(--on-pad)}.fx-chip.drop,.enc-knob.drop{box-shadow:inset 3px 0 0 var(--page)}.enc-name[draggable=true]{cursor:grab}.channel .slider{grid-template-columns:54px 1fr 48px;gap:6px}.channel.master{border-top-color:var(--text);--page:var(--muted)}.gr-meter .meter>div{background:var(--amber)}.returns{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.returns h4{font-size:var(--fs-xs);color:color-mix(in srgb, var(--page) 55%, var(--text));margin:0 0 4px}.sub-head{font-size:var(--fs-s);color:color-mix(in srgb, var(--page) 55%, var(--text));margin:18px 0 0;font-weight:600}.sub-head.first{margin-top:0}.matrix{grid-template-columns:34px repeat(var(--cols), minmax(70px, 1fr));gap:2px;display:grid;overflow-x:auto}.mx-row{display:contents}.mx-head{border-bottom:2px solid var(--trk-line);text-transform:none;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mx-head.on,.mx-head.on:hover{background:var(--trk);border-color:var(--trk);color:var(--on-pad)}.mx-num{font-variant-numeric:tabular-nums;padding:0}.mx-row.now .mx-num{background:var(--page);color:var(--ink);border-color:var(--page);font-weight:700}.mx-row.queued .mx-num{animation:.5s steps(2,end) infinite blink}.mx-cell{border-radius:0;height:20px;padding:2px 3px}.mx-row.now .mx-cell{border-color:var(--line-hi);background-color:color-mix(in srgb, var(--page) 10%, var(--panel))}.mx-cell.used{background:color-mix(in srgb, var(--trk) 14%, var(--panel))}.mx-cell.sel{outline:2px solid var(--trk-line);outline-offset:-2px}.mx-dens{grid-template-columns:repeat(var(--steps), 1fr);align-items:end;gap:1px;height:100%;display:grid}.mx-dens i{background:color-mix(in srgb, var(--trk) 25%, transparent);height:30%}.mx-dens i.on{background:var(--trk);height:100%}@media (width<=600px){body{padding:0}.app{--gutter:12px;border-left:none;border-right:none;border-radius:0;margin:0 0 32px}.audio-banner{border-radius:0}.topbar{padding:8px var(--gutter) 12px;grid-template-columns:minmax(0,1fr);grid-template-areas:"rows""enc";gap:8px}.bar-sticky{padding:12px var(--gutter) 0;border-radius:0}.bar-head{margin:0;padding-bottom:8px}.bar-label{display:none}.transport{flex-wrap:wrap;flex:100%;margin-left:0}.status{padding-left:0}.utils{flex-basis:100%;margin-left:-6px}.menu-panel{left:0;right:auto}.screen-slot{display:none}.trk-actions{margin-left:0}.patterns{grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.pat{width:auto}.hw-modes{flex:100%;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.enc-strip{flex-wrap:wrap}.enc-tag{border-right:none;border-bottom:1px solid var(--line-hi);flex-basis:100%;min-height:22px}.enc-knobs{flex-basis:100%}.pad-grid{padding:10px var(--gutter) 12px;gap:6px}.pad-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.pad-row>:nth-child(-n+4){grid-row:2}.pad-row>:nth-child(n+5){grid-row:1}.pad{aspect-ratio:1.25;height:auto;padding:5px 6px}.tabs{scrollbar-width:none;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:none}.section{padding:0 12px 12px}.section>header{flex-wrap:wrap;margin:0 -12px 10px;padding:0 8px 0 12px}.slider{grid-template-columns:70px 1fr 56px;gap:8px}.seq-toolbar,.seq-toolbar .tool-line,.seq-toolbar .tool-start{flex-direction:column;align-items:flex-start;row-gap:8px;display:flex}.seq-toolbar .tool-group.lead,.seq-toolbar .tool-group.end{display:flex}.seq-toolbar .tool-group.lead>select,.seq-toolbar .tool-group.end>:not(.tool-label){width:auto}.tool-group{border-left:none;padding:0}.tool-label{width:56px}.tool-group button{white-space:nowrap}.seq-row{grid-template-columns:64px 22px 22px 1fr}.seq-cells{grid-template-columns:repeat(var(--steps), minmax(14px, 1fr))}.cell{height:28px}}@media (height<=500px) and (pointer:coarse){.topbar{grid-template-areas:"rows screen""enc enc"}.bar-deck{display:contents}.bar-enc{padding-left:0}}
