@font-face{font-family:Silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url(data:font/woff2;base64,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)format("woff2")}@font-face{font-family:Silkscreen;font-style:normal;font-weight:700;font-display:swap;src:url(data:font/woff2;base64,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)format("woff2")}@font-face{font-family:Departure Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/departure-mono-400-YazmgA1T.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/ibm-plex-mono-400-BJoXLJYV.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/ibm-plex-mono-500-C820gu2e.woff2)format("woff2")}@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:optional;src:url(/assets/vt323-400-EhPR265H.woff2)format("woff2")}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:optional;src:url(/assets/press-start-2p-400-ClsvrIBJ.woff2)format("woff2")}:root{--color-ground:#111014;--color-ink:#f5f2e9;--color-ink-on-fill:#0d0b10;--color-lane-drums:#f23d4c;--color-lane-bass:#ffb300;--color-lane-chords:#35d07f;--color-lane-lead:#4da6ff;--rim-width:1px;--rim-idle:solid;--rim-pending:dashed;--rim-sounding:double;--rim-pulse-decay:.12s;--metal-deck:#111014;--metal-panel:#25252b;--metal-raised:#383940;--metal-recess:#0a090c;--metal-edge-hi:#ffffff4d;--metal-edge-lo:#000000ad;--metal-sheen:#ffffff0d;--metal-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.92' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 2.4 0 0 0 -1.15'/%3E%3C/filter%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='2' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 2.4 0 0 -1.2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23a)' opacity='0.17'/%3E%3Crect width='160' height='160' filter='url(%23b)' opacity='0.38'/%3E%3C/svg%3E");--metal-brush:var(--metal-grain);--metal-brush-v:var(--metal-grain);--elev-1:inset 0 1px 0 var(--metal-edge-hi), inset 0 -1px 0 var(--metal-edge-lo);--chamfer:inset 0 1px 0 var(--metal-edge-hi), inset 0 2px 0 #ffffff0a, inset 1px 0 0 #ffffff0d, inset -1px 0 0 #0000004d, inset 0 -1px 0 var(--metal-edge-lo), inset 0 -2px 0 #00000038;--elev-2:var(--chamfer), 0 1px 1px #0000008c, 0 12px 24px -10px #000000b8;--elev-3:var(--chamfer), 0 2px 3px #00000080, 0 20px 42px -14px #000c;--panel-light:linear-gradient(180deg, #ffffff1f 0%, #ffffff08 18%, transparent 45%, #0000003d 100%);--keycap:inset 0 1px 0 #ffffff61, inset 1px 0 0 #ffffff24, inset -1px 0 0 #00000052, inset 0 -3px 1px #0000008c, inset 0 12px 12px -8px #ffffff29, 0 1px 0 #000000b3, 0 4px 7px -2px #000000bf;--keycap-lit:inset 0 1px 0 #ffffff73, inset 0 -2px 0 #00000042, inset 0 9px 10px -8px #ffffff47, 0 1px 0 #000000b3;--keycap-down:inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 75%, transparent), inset 0 0 10px #ffffff29, inset 0 1px 3px #0009;--elev-key:var(--keycap);--elev-4:0 24px 48px -16px #000000b3;--led-on:var(--color-ink);--led-idle:color-mix(in srgb, var(--color-ink) 35%, transparent);--led-window:inset 0 3px 8px #000000d9, inset 0 -1px 0 var(--metal-edge-hi);--micro-recess:inset 0 1px 2px #000000b3, inset 0 -1px 0 var(--metal-edge-hi);--led-well-fill:color-mix(in srgb, var(--color-ink) 16%, var(--metal-recess));--led-bloom-decay:.18s;--font-label:"Silkscreen", "IBM Plex Mono", ui-monospace, monospace;--font-value:"Departure Mono", "IBM Plex Mono", ui-monospace, monospace;--font-led:"VT323", "IBM Plex Mono", ui-monospace, monospace;--font-display:"Press Start 2P", "IBM Plex Mono", ui-monospace, monospace;--font-ui:"IBM Plex Mono", ui-monospace, monospace;--text-label-sm:700 10px/1 var(--font-label);--text-value:400 11px/1 var(--font-value);--text-ui:400 13px/1.5 var(--font-ui);--text-numeric-field:500 13px/1.2 var(--font-ui);--text-panel-label-sm:500 10px/1.2 var(--font-ui);--text-panel-label:500 11px/1.2 var(--font-ui);--track-panel-label:.08em;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:24px;--space-7:32px;--space-8:48px;--glow-blur:3px;--glow-alpha-min:45%;--glow-alpha-max:60%;--glow-trigger-decay:.18s;--ambient-period-floor:1.6s;--ambient-period-idle:5s;--ambient-period-playing:3.2s;--ambient-amp-opacity:.05;--ambient-amp-px:2px;--press-travel:1.5px;--press-down:80ms;--press-return:.14s;--press-curve:cubic-bezier(.2, .9, .3, 1.15);--press-throw:3px;--press-throw-time:.12s;--press-throw-bounce:1px;--press-detent:2px;--furniture-screw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7'%3E%3Ccircle cx='3.5' cy='3.5' r='3.3' fill='%23000' fill-opacity='0.62'/%3E%3Ccircle cx='3.5' cy='3.5' r='2.5' fill='%233c3844'/%3E%3Ccircle cx='3.5' cy='3.5' r='2.5' fill='none' stroke='%23f5f2e9' stroke-opacity='0.75' stroke-width='0.6'/%3E%3Cpath d='M1.8 5.2 5.2 1.8' stroke='%23000' stroke-opacity='0.9' stroke-width='0.8' stroke-linecap='round'/%3E%3C/svg%3E");--furniture-screw-size:7px;--furniture-vent:repeating-linear-gradient(90deg, #000c 0 2px, transparent 2px 5px);--ambient-wash-fade:.6s;--focus-on-metal:2px solid var(--color-ink);--focus-on-metal-offset:2px}html,body{min-height:100%;margin:0;padding:0}body{background:var(--color-ground);color:var(--color-ink);font:var(--text-ui);-webkit-font-smoothing:antialiased}.mixer-page{box-sizing:border-box;width:min(1440px,100%);min-width:0;color:var(--color-ink);font-family:var(--font-ui);margin:0 auto;padding:24px clamp(16px,3vw,40px) 60px}.mixer-page *,.mixer-page :before,.mixer-page :after{box-sizing:border-box}.mixer-page button,.phone-mixer-nav button{border:1px solid var(--theme-line);min-height:40px;color:var(--color-ink);background:var(--metal-raised);font:inherit;cursor:pointer;border-radius:6px;padding:8px 14px}.mixer-page button:disabled{opacity:.5;cursor:default}.mixer-page button[aria-pressed=true],.phone-mixer-nav button[aria-pressed=true]{border-color:var(--theme-accent);background:var(--metal-recess);box-shadow:inset 0 -2px var(--theme-accent)}.mixer-page button:focus-visible,.mixer-page input:focus-visible,.phone-mixer-nav button:focus-visible{outline:2px solid var(--theme-accent);outline-offset:3px}.mixer-page h1{font-family:var(--font-instrument);margin:0 0 8px;font-size:clamp(24px,3vw,34px);font-weight:500}.mixer-page h2{margin:0;font-size:20px;font-weight:600}.mixer-page h3{margin:0;font-size:17px;font-weight:600}.mixer-page p{color:var(--theme-muted);max-width:70ch;margin:6px 0 0;line-height:1.45}.mixer-heading,.mixer-inspector-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.mixer-heading>span,.mixer-inspector-heading>span{color:var(--theme-muted);font-size:14px}.mixer-auto{border-block:1px solid var(--theme-line);padding:20px 0}.mixer-auto-options,.mixer-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;display:flex}.mixer-auto-options>label:not(.mixer-control){align-items:center;gap:8px;min-height:40px;display:flex}.mixer-auto-options .mixer-control{width:180px;margin-left:auto}.mixer-page .mixer-primary{background:var(--theme-accent);color:var(--color-ink-on-fill);border-color:var(--theme-accent);font-weight:600}.mixer-status{min-height:24px;font-size:14px}.mixer-proposal{border-top:1px solid var(--theme-line);margin-top:16px;padding-top:12px}.mixer-proposal ul{margin:0;padding-left:20px;line-height:1.6}.mixer-strips{border-block:1px solid var(--theme-line);background:var(--metal-panel);grid-auto-columns:minmax(138px,1fr);grid-auto-flow:column;margin-top:28px;display:grid;overflow-x:auto}.mixer-strip{border-right:1px solid var(--theme-line);min-width:0;padding:12px}.mixer-strip.is-selected{background:var(--metal-recess);box-shadow:inset 0 3px var(--track-color)}.mixer-strip.is-master{border-left:2px solid var(--theme-line)}.mixer-page .mixer-channel-name{box-shadow:none;text-align:left;background:0 0;border:0;border-radius:0;align-items:baseline;gap:8px;width:100%;padding:6px 0;font-weight:600;display:flex}.mixer-channel-name span{color:var(--theme-muted);font-variant-numeric:tabular-nums;font-size:11px}.mixer-meter{background:var(--color-ground);border:1px solid var(--theme-line);width:24px;height:112px;margin:16px auto 12px;position:relative;overflow:hidden}.mixer-meter i{bottom:0;background:var(--track-color);position:absolute;inset-inline:3px}.mixer-meter b{background:var(--color-ink);height:2px;position:absolute;inset-inline:0}.mixer-peak{text-align:center;font-variant-numeric:tabular-nums;min-height:38px;font-size:15px;display:block}.mixer-peak small{color:var(--theme-muted);font-size:11px;display:block}.mixer-peak.is-clipping{-webkit-text-decoration:underline double;text-decoration:underline double}.mixer-control{min-width:0;font-size:14px;display:block}.mixer-control>span{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mixer-control output{white-space:nowrap;font-variant-numeric:tabular-nums}.mixer-control output,.mixer-peak,.mixer-strip-note{font-family:IBM Plex Mono,ui-monospace,monospace}.mixer-control input{width:100%;min-height:36px;accent-color:var(--track-color,var(--theme-accent));cursor:pointer;margin:0}.mixer-strip .mixer-control>span{text-align:center;font-size:0;display:block}.mixer-channel-buttons{gap:4px;margin-top:8px;display:flex}.mixer-strip-note{text-align:center;min-height:44px;font-size:13px}.mixer-inspector{margin-top:32px}.mixer-pan{max-width:240px;margin-bottom:20px}.mixer-device{border-top:1px solid var(--theme-line);padding:20px 0}.mixer-device-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.mixer-device-heading>span{color:var(--theme-muted);font-size:13px}.mixer-control-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:20px;display:grid}.mixer-creative .fx-strip{max-height:none;overflow:visible}.mixer-creative .fx-modules{flex-wrap:wrap}.phone-mixer-nav{gap:4px;padding:4px 12px 8px;display:flex}.phone-mixer-nav button{flex:1;min-height:36px;padding:4px 8px;font-size:13px}@media (width<=600px){.mixer-page{padding:20px 16px 48px}.mixer-heading,.mixer-inspector-heading{flex-direction:column;align-items:flex-start;gap:8px}.mixer-auto-options{gap:12px}.mixer-auto-options .mixer-control{width:100%;margin:0}.mixer-auto-options .mixer-primary{width:100%}.mixer-strips{grid-auto-columns:176px}.mixer-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mixer-device-heading>span{text-align:right;max-width:120px}}@media (width<=600px),(pointer:coarse){.mixer-strips{grid-auto-columns:minmax(176px,1fr)}.mixer-page button,.phone-mixer-nav button,.mixer-page .mixer-channel-buttons button{min-width:44px;min-height:44px}.mixer-control input,.mixer-auto-options>label:not(.mixer-control){min-height:44px}}.mixer-rack{overscroll-behavior-x:contain;border-block:1px solid var(--theme-line);scrollbar-color:var(--theme-muted) var(--metal-recess);scrollbar-width:thin;align-items:stretch;gap:12px;padding:12px 4px 16px;display:flex;overflow-x:auto}.mixer-rack:focus-visible{outline:2px solid var(--theme-accent);outline-offset:3px}.mixer-rack .mixer-device,.mixer-rack .fx-mod{border:1px solid var(--theme-line);background-color:var(--metal-panel);border-radius:6px;flex:0 0 300px;width:300px;min-width:300px;margin:0;padding:12px}.mixer-rack .mixer-device-heading{border-bottom:1px solid var(--theme-line);gap:8px;min-height:40px;margin-bottom:12px;padding-bottom:8px}.mixer-rack h3{font-size:14px}.mixer-rack .mixer-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mixer-rack .mixer-control{font-size:12px}.mixer-rack .mixer-control>span{flex-wrap:wrap;gap:4px}.mixer-rack .mixer-device p{margin-bottom:16px;font-size:12px}.mixer-rack .mixer-pan{flex-basis:180px;width:180px;min-width:180px}.mixer-rack .fx-strip,.mixer-rack .fx-strip-modules{display:contents}.mixer-rack .fx-strip-empty{display:none}.mixer-rack .fx-strip-footer{border:1px dashed var(--theme-line);border-radius:6px;flex:0 0 180px;width:180px;margin:0;padding:12px}.mixer-rack .fx-add-menu{width:100%;box-shadow:none;margin-top:8px;position:static}.mixer-rack .fx-mod-head{flex-wrap:wrap;gap:8px;min-height:40px}.mixer-rack .fx-mod-actions{margin-left:auto}.mixer-rack .fx-mod-btn{min-width:32px;min-height:32px;padding:4px}.mixer-rack .fx-mod-params{flex-direction:column;gap:12px;display:flex}.mixer-rack .fx-param{min-width:0}.mixer-rack .fx-param-select{max-width:100%}@media (width<=600px),(pointer:coarse){.mixer-rack .fx-mod-btn{min-width:44px;min-height:44px}.mixer-rack .fx-param-slider,.mixer-rack .fx-param-select{min-height:44px}}.mixer-page{width:100%;padding:14px clamp(16px,2.4vw,40px) 32px}.mixer-heading{gap:12px;margin-bottom:10px}.mixer-page h1{margin:0;font-size:22px}.mixer-heading-actions{color:var(--theme-muted);align-items:center;gap:12px;font-size:12px;display:flex}.mixer-page button{border-radius:4px;min-height:30px;padding:4px 9px;font-size:12px}.mixer-auto[hidden]{display:none}.mixer-auto{margin-bottom:12px;padding:12px}.mixer-strips{background:0 0;border:0;grid-auto-columns:minmax(210px,1fr);gap:6px;margin-top:0}.mixer-strip{border:1px solid var(--theme-line);background:var(--metal-panel);cursor:pointer;border-radius:5px;grid-template-rows:26px 46px 32px;grid-template-columns:24px minmax(70px,1fr) 64px;gap:5px 8px;padding:8px;display:grid}.mixer-strip.is-master{border:1px solid var(--theme-line)}.mixer-strip.is-selected{box-shadow:inset 0 2px var(--track-color);background:var(--metal-raised)}.mixer-strip:focus-visible{outline:2px solid var(--theme-accent);outline-offset:-3px}.mixer-page .mixer-channel-name{white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;min-height:24px;padding:0;overflow:hidden}.mixer-meter{border:0;border-radius:2px;grid-area:2/1/4;width:7px;height:80px;margin:0 auto}.mixer-meter i{inset-inline:0}.mixer-peak{text-align:left;grid-area:2/2;align-self:start;min-height:0;font-size:11px}.mixer-peak small{margin-left:4px;font-size:9px;display:inline}.mixer-strip>.mixer-control{grid-area:2/2;align-self:end;padding-top:18px;position:relative}.mixer-strip .mixer-control>span{position:absolute;top:0;right:0}.mixer-strip .mixer-control input{height:24px;min-height:24px}.mixer-channel-pan{grid-area:2/3}.mixer-channel-buttons{grid-area:3/2/auto/4;align-items:end;margin:0}.mixer-page .mixer-channel-buttons button{flex:none;min-height:28px;padding:3px 8px;font-size:11px}.mixer-channel-buttons button:last-child{margin-left:auto}.mixer-strip-note{text-align:left;grid-area:3/2/auto/4;min-height:0;font-size:10px}.mixer-inspector{margin-top:12px;position:relative}.mixer-inspector-heading{gap:12px;min-height:30px;margin-bottom:8px}.mixer-inspector-heading h2{font-size:15px}.mixer-inspector-heading>span{margin-right:auto;font-size:11px}.mixer-rack{border:0;gap:10px;padding:0 0 10px}.mixer-rack .mixer-device,.mixer-rack .fx-mod{width:185px;min-width:185px;height:308px;box-shadow:none;background:var(--metal-panel);border-radius:5px;flex-direction:column;flex:1 0 185px;padding:0;display:flex}.mixer-rack .fx-mod[data-device=filter]{flex:1.3 0 280px;min-width:280px}.mixer-rack .mixer-eq{flex:1.5 0 350px;min-width:350px}.mixer-rack .mixer-compressor{flex:1.1 0 245px;min-width:245px}.mixer-rack .fx-mod-head,.mixer-rack .mixer-device-heading{border-bottom:1px solid var(--theme-line);flex-wrap:nowrap;flex:none;align-items:center;gap:5px;height:40px;min-height:40px;margin:0;padding:5px 10px;display:flex}.mixer-rack .fx-mod-head:before,.mixer-rack .fx-mod-head:after{display:none}.mixer-rack .fx-mod-name,.mixer-rack h3{font-family:var(--font-ui);letter-spacing:0;white-space:nowrap;font-size:13px;font-weight:600}.mixer-rack .fx-mod-actions{gap:0;display:flex}.mixer-rack .fx-mod-btn{min-width:23px;min-height:26px;box-shadow:none;background:0 0;border:0;padding:2px}.mixer-rack .fx-bypass-btn{font-size:9px}.mixer-rack .mixer-device-heading button{min-height:24px;padding:2px 6px;font-size:10px}.mixer-rack .fx-mod-params{flex:1;gap:12px;min-height:0;padding:12px;display:flex}.fx-dials{flex-direction:column;flex:1;justify-content:space-evenly;gap:12px;display:flex}.mixer-param{grid-template-rows:1fr 1fr;grid-template-columns:76px minmax(0,1fr);align-items:center;column-gap:8px;min-width:0;display:grid}.mixer-param-label{font:11px var(--font-ui);color:var(--theme-muted);grid-area:1/2;align-self:end;padding-bottom:4px}.mixer-param-value{min-width:0;color:var(--theme-muted);grid-area:2/2;align-self:start;align-items:center;gap:3px;font:10px IBM Plex Mono,monospace;display:flex}.mixer-param-value input{border:0;border-bottom:1px solid var(--theme-line);width:48px;min-width:0;color:var(--color-ink);appearance:textfield;background:0 0;padding:3px 0;font:12px IBM Plex Mono,monospace}.mixer-param-value input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mixer-param-value input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mixer-dial{border:1px solid var(--theme-line);background:var(--metal-recess);cursor:ns-resize;touch-action:none;border-radius:50%;grid-area:1/1/3;width:76px;height:76px;position:relative}.mixer-dial:before{content:"";border:1px solid var(--theme-muted);opacity:.65;border-bottom-color:#0000;border-radius:50%;position:absolute;inset:5px}.mixer-dial i{background:var(--theme-accent);width:2px;height:24%;transform:rotate(var(--dial-angle));transform-origin:1px 31.16px;position:absolute;top:9%;left:calc(50% - 1px)}.mixer-dial:focus-visible,.mixer-band:focus-visible{outline:2px solid var(--theme-accent);outline-offset:3px}.mixer-param.is-numeric{flex-direction:column;align-items:start;gap:2px;display:flex}.mixer-param.is-numeric .mixer-param-label{align-self:auto;padding:0;font-size:10px}.mixer-param.is-numeric .mixer-param-value{align-self:auto}.mixer-channel-pan .mixer-param-value input{width:40px}.mixer-channel-pan .mixer-param-label{font-size:10px}.mixer-rack .mixer-control-grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-content:space-evenly;gap:12px;padding:12px}.mixer-compressor .mixer-param{flex-direction:column;gap:5px;display:flex}.mixer-compressor .mixer-param-label,.mixer-compressor .mixer-param-value{align-self:center;padding:0}.mixer-compressor .mixer-dial{width:56px;height:56px}.mixer-compressor .mixer-dial i{transform-origin:1px 22.96px}.mixer-compressor .mixer-param-value input{width:38px}.mixer-rack .mixer-limiter .mixer-control-grid{flex-direction:column;justify-content:space-evenly;display:flex}.mixer-rack .mixer-eq .mixer-control-grid{flex:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:12px;display:grid}.mixer-eq .mixer-param-value{flex-wrap:wrap;gap:0 3px}.mixer-eq .mixer-param-value input{width:44px}.mixer-rack .fx-mod[data-device=filter] .fx-dials{flex-direction:row;flex:none;justify-content:start;gap:24px}.mixer-rack .fx-mod[data-device=drive] .mixer-param{flex-direction:column;gap:8px;display:flex}.mixer-rack .fx-mod[data-device=drive] .mixer-param-label,.mixer-rack .fx-mod[data-device=drive] .mixer-param-value{align-self:center}.mixer-rack .fx-mod[data-device=drive] .mixer-dial{width:110px;height:110px}.mixer-rack .fx-mod[data-device=drive] .mixer-dial i{transform-origin:1px 45.1px}.mixer-segments{flex:none;gap:3px;display:flex}.mixer-page .mixer-segments button{flex:1;min-height:28px;padding:3px;font:10px IBM Plex Mono,monospace}.mixer-graph-wrap{flex:none;min-width:0}.mixer-frequency-graph{background:var(--metal-recess);border:1px solid var(--theme-line);border-radius:3px;height:142px;position:relative}.mixer-frequency-graph svg{width:100%;height:100%;display:block;overflow:hidden}.mixer-frequency-graph line{stroke:var(--theme-line);stroke-width:.7px}.mixer-frequency-graph text{fill:var(--theme-muted);font:8px IBM Plex Mono,monospace}.mixer-spectrum{fill:var(--theme-muted);opacity:.2}.mixer-response{stroke:var(--theme-accent);stroke-width:1.5px;fill:none}.mixer-response-area{pointer-events:none}.mixer-band-tooltip{color:var(--theme-text);border:1px solid var(--theme-accent);white-space:nowrap;pointer-events:none;z-index:30;background:#0e1218f0;border-radius:3px;padding:2px 6px;font:9px IBM Plex Mono,monospace;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}.mixer-graph-wrap.is-bypassed .mixer-response{stroke-dasharray:4 3;opacity:.65}.mixer-page .mixer-band{background:var(--metal-recess);border:1px solid var(--theme-accent);touch-action:none;cursor:move;border-radius:50%;width:23px;min-width:23px;height:23px;min-height:23px;padding:0;font:10px IBM Plex Mono,monospace;position:absolute;transform:translate(-50%,-50%)}.mixer-graph-legend{color:var(--theme-muted);justify-content:space-between;gap:8px;margin-top:5px;font-size:9px;display:flex}.mixer-eq>.mixer-graph-wrap{margin:40px 12px 0}#mixer-fx-tools .fx-strip-footer{border:0;margin:0;padding:0;position:relative}#mixer-fx-tools .fx-add-menu{z-index:20;background:var(--metal-panel);border:1px solid var(--theme-line);min-width:160px;position:absolute;top:100%;right:0}#mixer-fx-tools .fx-strip-cap{color:var(--theme-muted);font-size:10px}@media (width<=600px),(pointer:coarse){.mixer-page{padding:12px 12px 24px}.mixer-heading,.mixer-inspector-heading{flex-direction:row;align-items:center}.mixer-heading-actions>span,.mixer-inspector-heading>span{display:none}.mixer-strips{grid-auto-columns:230px}.mixer-strip{grid-template-rows:28px 48px 44px}.mixer-page .mixer-channel-buttons button,.mixer-page .mixer-channel-name{min-height:28px}.mixer-page .mixer-channel-buttons button{min-height:44px}.mixer-rack .fx-mod,.mixer-rack .mixer-device{min-width:220px;height:354px}.mixer-rack .fx-mod[data-device=filter]{min-width:300px}.mixer-rack .mixer-eq{min-width:350px}.mixer-rack .mixer-compressor{min-width:270px}.mixer-rack .fx-mod-head,.mixer-rack .mixer-device-heading{height:52px}.mixer-page .mixer-segments button,.mixer-rack .fx-mod-btn,.mixer-rack .mixer-device-heading button{min-width:36px;min-height:44px}.mixer-rack .fx-mod[data-device=filter] .fx-mod-btn{min-width:40px}.mixer-param-value input{min-height:32px}.mixer-eq>.mixer-graph-wrap{margin-top:56px}.mixer-page .mixer-band{min-width:32px;min-height:32px}}@media (width>=601px){.mixer-page{padding-inline:0}}.mixer-strip{grid-template-columns:44px minmax(60px,1fr) 64px}.mixer-strip>.mixer-control{display:contents}.mixer-strip .mixer-control>span{text-align:left;grid-area:2/2;align-self:start;padding-top:4px;position:static}.mixer-strip .mixer-control output{font-size:13px}.mixer-strip .mixer-control input{writing-mode:vertical-lr;direction:rtl;grid-area:2/1/4;align-self:center;width:24px;height:80px;min-height:80px}.mixer-meter{grid-area:2/1/4;place-self:center end;height:80px;margin:0 1px 0 0}.mixer-peak{align-self:end;padding-bottom:3px;font-size:10px}.mixer-peak small{font-size:8px}.mixer-rack .fx-mod{background:var(--metal-panel);background-image:none}.mixer-rack .fx-mod-params{gap:8px}.mixer-rack .fx-mod:before,.mixer-rack .fx-mod:after{display:none}@media (width<=600px),(pointer:coarse){.mixer-strip .mixer-control input{width:32px}.mixer-strip{grid-template-rows:44px 48px 44px}.mixer-page .mixer-channel-name{min-height:44px}.mixer-rack .fx-mod,.mixer-rack .mixer-device{min-width:250px}.mixer-rack .fx-mod-btn,.mixer-rack .fx-mod[data-device=filter] .fx-mod-btn,.mixer-rack .mixer-device-heading button,.mixer-page .mixer-band,.mixer-page button{min-width:44px;min-height:44px}}.mixer-rack .mixer-flexible-eq{flex-basis:390px;min-width:390px}.mixer-eq-body{flex-direction:column;flex:1;gap:6px;min-height:0;padding:10px 12px;display:flex}.mixer-eq-tools,.mixer-eq-tabs{align-items:center;gap:3px;display:flex}.mixer-eq-tabs{flex:1}.mixer-page .mixer-eq-tools button{min-width:23px;min-height:28px;padding:2px 5px;font-size:10px}.mixer-page .mixer-eq-tabs .is-bypassed{border-style:dashed}.mixer-flexible-eq .mixer-frequency-graph{height:128px}.mixer-page .mixer-band.is-selected{box-shadow:0 0 0 2px #fff3, 0 0 8px var(--theme-accent);z-index:10;border-width:2px;border-color:#fff}.mixer-eq-presets{align-items:center;gap:4px;margin-left:auto;display:inline-flex}.mixer-eq-preset-label{color:var(--theme-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;font:9px IBM Plex Mono,monospace;display:inline-flex}.mixer-eq-preset-select{background:var(--metal-recess);border:1px solid var(--theme-line);height:24px;color:var(--theme-text);cursor:pointer;border-radius:3px;outline:none;padding:0 6px;font:10px IBM Plex Mono,monospace;transition:border-color .15s}.mixer-eq-preset-select:hover,.mixer-eq-preset-select:focus{border-color:var(--theme-accent)}.mixer-page .mixer-band.is-band-bypassed{color:var(--theme-muted);border-style:dashed}.mixer-eq-fields{grid-template-columns:1.35fr 1fr .8fr .65fr;gap:8px;display:grid}.mixer-eq-fields label{color:var(--theme-muted);flex-direction:column;gap:3px;min-width:0;font-size:10px;display:flex}.mixer-eq-fields label>span{align-items:center;gap:3px;display:flex}.mixer-eq-fields input,.mixer-eq-fields select{border:1px solid var(--theme-line);width:100%;min-width:0;height:25px;color:var(--color-ink);background:var(--metal-recess);border-radius:3px;padding:2px 3px;font:11px IBM Plex Mono,monospace}.mixer-eq-fields input{appearance:textfield}.mixer-eq-fields input::-webkit-inner-spin-button{appearance:none}.mixer-eq-fields input:disabled{opacity:.4}.mixer-eq-fields small{font-size:9px}.mixer-eq-bottom{color:var(--theme-muted);justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.mixer-eq-bottom label{align-items:center;gap:4px;display:flex}.mixer-eq-bottom input{accent-color:var(--theme-accent);margin:0}.mixer-eq-fields select:focus-visible{outline:2px solid var(--theme-accent);outline-offset:3px}@media (width<=600px),(pointer:coarse){.mixer-rack .mixer-flexible-eq{flex-grow:0;flex-basis:min(390px,100vw - 40px);min-width:min(390px,100vw - 40px)}.mixer-page .mixer-eq-tools button{min-width:44px;min-height:44px}.mixer-flexible-eq .mixer-frequency-graph{height:128px}.mixer-eq-fields input,.mixer-eq-fields select{height:32px}.mixer-eq-bottom label{min-height:32px}}.mixer-eq-tabs{min-width:0;overflow-x:auto}.mixer-eq-tools button{flex-shrink:0}.mixer-selected-response{fill:none;stroke:var(--theme-muted);stroke-width:1px;stroke-dasharray:3 3}.booth{z-index:10;align-items:flex-end;gap:var(--space-5) var(--space-6);padding:var(--space-4) var(--space-6);background-color:var(--metal-panel);background-image:var(--metal-brush-v);border-bottom:1px solid var(--metal-edge-lo);box-shadow:var(--elev-2);flex-wrap:wrap;display:flex;position:sticky;top:0}.booth:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(to bottom, color-mix(in srgb, var(--color-ink) 9%, transparent) 0%, transparent 46%, transparent 72%, color-mix(in srgb, var(--color-ink) 5%, transparent) 100%);opacity:.525;position:absolute;inset:0}.app[data-stage=phone] .booth:before{content:none}.app:not([data-stage=phone]) .booth:before{animation:booth-breathe var(--ambient-period-idle) ease-in-out infinite;will-change:opacity}.app:not([data-stage=phone]) .booth:has(.booth-btn-play.is-on):before{animation-duration:var(--ambient-period-playing)}@keyframes booth-breathe{0%,to{opacity:.5}50%{opacity:.55}}.booth-group{align-items:center;gap:var(--space-3);padding:var(--space-1) 0;margin-block:calc(-1 * var(--space-1));flex-wrap:wrap;display:flex}.booth-group-slider{gap:var(--space-3)}.booth-group-position{margin-left:auto}.booth-label{font:var(--text-panel-label-sm);letter-spacing:var(--track-panel-label);text-transform:uppercase;color:color-mix(in srgb, var(--color-ink) 62%, var(--metal-panel));line-height:1}.booth-value{font:var(--text-value);color:var(--color-ink);text-align:right;cursor:text;min-width:4ch}.booth-value-input{width:4ch;font:var(--text-value);color:var(--color-ink);text-align:right;background:var(--metal-recess);border:1px solid color-mix(in srgb, var(--color-ink) 40%, var(--metal-recess));appearance:textfield;border-radius:3px;padding:0 2px}.booth-value-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.booth-value-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.booth-btn{font:var(--text-panel-label-sm);letter-spacing:var(--track-panel-label);text-transform:uppercase;color:var(--color-ink);background:var(--metal-raised);border:1px solid color-mix(in srgb, var(--color-ink) 40%, var(--metal-raised));padding:var(--space-3) var(--space-4);cursor:pointer;box-shadow:var(--elev-key);transition:transform var(--press-return) var(--press-curve);border-radius:4px;line-height:1;position:relative}.booth-btn:active{transform:translateY(var(--press-travel)) scale(.985);transition-duration:var(--press-down);transition-timing-function:ease-out}.booth-btn.is-on{color:var(--color-ink-on-fill);border:2px solid #0000}.booth-btn-play.is-on{background:var(--color-lane-chords);border-color:var(--color-lane-chords);box-shadow:0 0 var(--glow-blur) color-mix(in srgb, var(--color-lane-chords) 50%, transparent)}.booth-btn-loop.is-on{background:var(--color-lane-lead);border-color:var(--color-lane-lead);box-shadow:0 0 var(--glow-blur) color-mix(in srgb, var(--color-lane-lead) 50%, transparent)}.booth-btn-metro.is-on{background:var(--color-lane-bass);border-color:var(--color-lane-bass);box-shadow:0 0 var(--glow-blur) color-mix(in srgb, var(--color-lane-bass) 50%, transparent)}.booth-btn-preview.is-on{background:var(--color-lane-chords);border-color:var(--color-lane-chords);box-shadow:0 0 var(--glow-blur) color-mix(in srgb, var(--color-lane-chords) 50%, transparent)}.booth-btn-info.is-on,.booth-btn-viz.is-on,.phone-options-btn.is-on{background:var(--color-ink);border-color:var(--color-ink);box-shadow:0 0 var(--glow-blur) color-mix(in srgb, var(--color-ink) 50%, transparent)}.booth :focus-visible{outline:var(--focus-on-metal);outline-offset:var(--focus-on-metal-offset)}.booth-btn-icon{width:30px;padding:var(--space-2);justify-content:center;align-items:center;display:inline-flex}.booth-stepper{align-items:stretch;display:flex}.booth-step-btn{font:var(--text-panel-label);color:var(--color-ink);background:var(--metal-raised);border:1px solid color-mix(in srgb, var(--color-ink) 40%, var(--metal-raised));width:var(--space-6);cursor:pointer;box-shadow:var(--elev-key);transition:transform var(--press-return) var(--press-curve);border-radius:4px;line-height:1}.booth-step-btn:active{transform:translateY(var(--press-travel)) scale(.985);transition-duration:var(--press-down);transition-timing-function:ease-out}.booth-led-input{font:400 22px/1 var(--font-led);color:var(--led-on);background:var(--metal-recess);border:1px solid var(--metal-edge-lo);box-shadow:var(--led-window);text-align:center;width:66px;text-shadow:0 0 2px color-mix(in srgb, var(--color-ink) 40%, transparent);appearance:textfield;border-radius:4px;padding:2px 0}.booth-led-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.booth-led-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.booth-led{font:400 22px/1 var(--font-led);color:var(--led-on);text-align:right;min-width:6ch;padding:0 var(--space-2);margin-inline:calc(-1 * var(--space-2));background:var(--metal-recess);box-shadow:var(--led-window), 0 0 0 1px var(--metal-edge-lo);text-shadow:0 0 2px color-mix(in srgb, var(--color-ink) 40%, transparent);border-radius:3px}.booth-beats{gap:var(--space-2);align-items:center;display:flex}.booth-beat-led{border:1px solid color-mix(in srgb, var(--color-ink) 65%, transparent);background:var(--led-well-fill);width:8px;height:8px;box-shadow:var(--micro-recess);border-radius:2px}.booth-beat-led[data-active=true]{background:var(--color-lane-bass);border-color:var(--color-lane-bass);box-shadow:0 0 var(--glow-blur) color-mix(in srgb, var(--color-lane-bass) 50%, transparent);animation:booth-beat-pop var(--led-bloom-decay) ease-out}@keyframes booth-beat-pop{0%{transform:scale(1)}45%{transform:scale(1.08)}to{transform:scale(1)}}.booth-range{appearance:none;cursor:pointer;background:0 0;width:64px;height:14px;margin:0}.booth-range::-webkit-slider-runnable-track{background:var(--metal-recess);border:1px solid var(--metal-edge-lo);height:4px;box-shadow:var(--micro-recess);border-radius:2px}.booth-range::-moz-range-track{background:var(--metal-recess);border:1px solid var(--metal-edge-lo);height:4px;box-shadow:var(--micro-recess);border-radius:2px}.booth-range::-webkit-slider-thumb{appearance:none;background:var(--color-ink);border:1px solid color-mix(in srgb, var(--color-lane-bass) 55%, var(--color-ground));border-radius:1px;width:10px;height:10px;margin-top:-4px;box-shadow:0 1px 2px #0009}.booth-range::-moz-range-thumb{background:var(--color-ink);border:1px solid color-mix(in srgb, var(--color-lane-bass) 55%, var(--color-ground));border-radius:1px;width:10px;height:10px;box-shadow:0 1px 2px #0009}.booth-range:focus-visible{outline:var(--focus-on-metal);outline-offset:1px}@media (prefers-reduced-motion:reduce){.booth *,.booth{transition:none}.booth-btn:active,.booth-step-btn:active{transform:none}.booth-beat-led[data-active=true],.app:not([data-stage=phone]) .booth:before{animation:none}}.booth-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.booth-btn-play.booth-nudge{border-color:var(--color-lane-lead)}.booth-btn-play.booth-nudge:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:0 0 var(--glow-blur) color-mix(in srgb, var(--color-lane-lead) 70%, transparent);animation:1.6s ease-in-out infinite booth-nudge-breathe;position:absolute;inset:0}@keyframes booth-nudge-breathe{0%,to{opacity:.28}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.booth-btn-play.booth-nudge:after{opacity:.78;animation:none}}.app:not([data-stage=phone]) .booth{background-image: var(--furniture-screw), var(--furniture-screw), var(--furniture-screw), var(--furniture-screw),  var(--furniture-vent),  var(--panel-light),  var(--metal-brush-v);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,repeat;background-size:var(--furniture-screw-size) var(--furniture-screw-size), var(--furniture-screw-size) var(--furniture-screw-size), var(--furniture-screw-size) var(--furniture-screw-size), var(--furniture-screw-size) var(--furniture-screw-size), 168px 5px, 100% 100%, auto;background-position:5px 3px,right 5px top 3px,left 5px bottom 3px,right 5px bottom 3px,right 32px top 4px,0 0,0 0}.app:not([data-stage=phone]) .booth:after{content:"BITBOUNCE · MODEL BC-1 · NO 2026-0904";font:700 8px/1.2 var(--font-label);letter-spacing:.12em;color:color-mix(in srgb, var(--color-ink) 62%, var(--metal-raised));background:var(--metal-raised);box-shadow:inset 0 1px 0 var(--metal-edge-hi), 0 0 0 1px var(--metal-edge-lo);pointer-events:none;white-space:nowrap;border-radius:2px;padding:1px 10px 1.5px;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.booth-group-position{padding-inline:var(--space-3);margin-left:auto;margin-right:calc(-1 * var(--space-3));background:color-mix(in srgb, var(--color-ink) 5%, var(--metal-panel));box-shadow:inset 0 1px 0 var(--metal-edge-hi), inset 0 0 0 1px var(--metal-edge-lo);border-radius:4px}.save-indicator{align-items:center;gap:var(--space-2);padding:3px var(--space-3);background:var(--metal-recess);box-shadow:var(--led-window), 0 0 0 1px var(--metal-edge-lo);font-family:var(--font-led);color:var(--led-on);border-radius:3px;margin-left:auto;display:inline-flex}.save-indicator:focus-visible{outline:var(--focus-on-metal);outline-offset:var(--focus-on-metal-offset)}.save-dot{border:1px solid color-mix(in srgb, var(--color-ink) 65%, transparent);width:8px;height:8px;box-shadow:var(--micro-recess);background:0 0;border-radius:50%;flex-shrink:0}.save-indicator[data-status=saved] .save-dot,.save-indicator[data-status=idle] .save-dot{box-shadow:0 0 var(--glow-blur) color-mix(in srgb, var(--color-ink) 50%, transparent);background:currentColor}.save-indicator[data-status=saving] .save-dot{border-style:dashed}.save-indicator[data-status=error]{opacity:.55}.save-label{font:400 12px/1 var(--font-led);letter-spacing:.02em;white-space:nowrap;text-shadow:0 0 2px color-mix(in srgb, var(--color-ink) 55%, transparent)}.projects{align-items:center;display:flex;position:relative}.agent-access{border-top:1px solid;flex-direction:column;gap:8px;padding-block:12px;display:flex}.agent-access p{max-width:38ch;font-family:var(--font-ui);text-transform:none;letter-spacing:normal;margin:0;font-size:13px;line-height:1.4}.app.membrane[data-stage] .agent-access .booth-btn{white-space:normal;height:auto;min-height:44px}.projects-pop{top:calc(100% + var(--space-2));z-index:40;min-width:232px;max-width:calc(100vw - 24px);padding:var(--space-3);gap:var(--space-2);background-color:var(--metal-panel);background-image:var(--metal-brush);border:1px solid color-mix(in srgb, var(--color-ink) 25%, var(--metal-panel));box-shadow:var(--elev-3);border-radius:6px;flex-direction:column;display:flex;position:absolute;right:0}.projects-list{scrollbar-color:color-mix(in srgb, var(--color-ink) 30%, var(--metal-panel)) transparent;gap:var(--space-1);flex-direction:column;max-height:40vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.projects-item{justify-content:space-between;align-items:baseline;gap:var(--space-3);text-align:left;width:100%;color:var(--color-ink);background:var(--metal-raised);border:1px solid color-mix(in srgb, var(--color-ink) 18%, var(--metal-raised));box-shadow:var(--keycap);font:var(--text-ui);cursor:pointer;border-radius:3px;padding:4px 8px;display:flex}.projects-item:hover{background:color-mix(in srgb, var(--color-ink) 12%, var(--metal-raised))}.projects-item:focus-visible{background:color-mix(in srgb, var(--color-ink) 12%, var(--metal-raised));outline:var(--focus-on-metal);outline-offset:var(--focus-on-metal-offset)}.projects-item.is-current{border-color:var(--color-ink)}.projects-name{font-family:var(--font-label);letter-spacing:.05em;contain:inline-size;text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:11px;overflow:hidden}.projects-when{font-family:var(--font-label);color:color-mix(in srgb, var(--color-ink) 62%, var(--metal-raised));flex-shrink:0;font-size:10px}.projects-row{align-items:stretch;gap:var(--space-1);display:flex}.projects-row .projects-item{flex:1;min-width:0}.projects-x{font-family:var(--font-label);letter-spacing:.05em;color:var(--color-ink);background:var(--metal-raised);border:1px solid color-mix(in srgb, var(--color-ink) 18%, var(--metal-raised));box-shadow:var(--keycap);cursor:pointer;border-radius:3px;flex-shrink:0;padding:4px 8px;font-size:10px}.projects-x:hover{background:color-mix(in srgb, var(--color-ink) 12%, var(--metal-raised))}.projects-x:focus-visible{background:color-mix(in srgb, var(--color-ink) 12%, var(--metal-raised));outline:var(--focus-on-metal);outline-offset:var(--focus-on-metal-offset)}.projects-confirm{width:100%;font-family:var(--font-label);letter-spacing:.05em;color:var(--color-ink);background:color-mix(in srgb, var(--color-lane-drums) 16%, var(--metal-raised));border:1px solid color-mix(in srgb, var(--color-lane-drums) 70%, var(--metal-raised));box-shadow:var(--keycap);cursor:pointer;border-radius:3px;padding:4px 8px;font-size:10px}.projects-confirm:hover{background:color-mix(in srgb, var(--color-lane-drums) 24%, var(--metal-raised))}.projects-confirm:focus-visible{background:color-mix(in srgb, var(--color-lane-drums) 24%, var(--metal-raised));outline:var(--focus-on-metal);outline-offset:var(--focus-on-metal-offset)}.projects-edit{box-sizing:border-box;width:100%;font-family:var(--font-label);color:var(--color-ink);background:var(--metal-recess);border:1px solid var(--color-ink);box-shadow:var(--led-window);-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;border-radius:3px;padding:4px 8px;font-size:11px}.projects-actions{gap:var(--space-2);border-top:1px solid color-mix(in srgb, var(--color-ink) 25%, var(--metal-panel));padding-top:var(--space-2);display:flex}.projects-action{flex:1}.projects-note{font:var(--text-label-sm);letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb, var(--color-ink) 62%, var(--metal-panel));margin:0}.projects-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.app[data-stage=phone] .projects-item,.app[data-stage=phone] .projects-action,.app[data-stage=phone] .projects-x,.app[data-stage=phone] .projects-confirm,.app[data-stage=phone] .projects-edit{min-height:44px}.projects-demos{border-top:1px solid var(--theme-line);padding-top:8px}.projects-demos summary{cursor:pointer;align-content:center;min-height:44px;font-size:13px}.projects-demos p,.projects-demo-description{color:var(--theme-muted);font-size:12px;line-height:1.5}.projects-demos p{margin:0 0 8px}.projects-demo{flex-direction:column;align-items:stretch;gap:4px;min-height:44px;margin-bottom:6px;padding:10px}.projects-pop{max-height:calc(100dvh - 100px);overflow-y:auto}.studio-tools{font:inherit;position:relative}.studio-tools>summary{cursor:pointer;border:1px solid var(--theme-line);color:var(--color-ink);border-radius:3px;padding:7px 10px;font-size:11px;font-weight:600;list-style:none}.studio-tools>summary::-webkit-details-marker{display:none}.studio-tools>summary:after{content:"+";margin-left:8px}.studio-tools[open]>summary:after{content:"−"}.studio-tools>summary:hover,.studio-tools[open]>summary{background:var(--metal-raised)}.studio-tools>summary:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.studio-tools-menu{z-index:50;background:var(--metal-panel);border:1px solid var(--theme-line);border-radius:4px;width:220px;max-width:calc(100vw - 40px);padding:6px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #0005}.studio-tools-menu>button{text-align:left;width:100%;min-height:44px;color:var(--color-ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:10px;display:block}.studio-tools-menu>button:hover,.studio-tools-menu>button:focus-visible{background:var(--metal-raised)}.session-tools{position:relative}.chord-preset-card{text-align:left;color:var(--color-ink);font:inherit}@media (width<=360px){.grid-position-label{display:none}.grid-position{white-space:nowrap;font-size:10px}}.viz-loading{z-index:40;background:var(--color-ground);color:var(--color-ink);justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}[data-stage=phone] .studio-tools>summary{align-items:center;min-height:44px;display:flex}[data-stage=phone] .phone-viz-button{justify-self:end;align-items:center;gap:5px;min-height:44px;display:inline-flex}.booth-btn-viz{align-items:center;gap:5px;display:inline-flex}.waveform-canvas{touch-action:none}.app.membrane[data-stage=phone] .studio-tools>summary{box-sizing:border-box;height:44px;min-height:44px;padding:0 10px}.app.membrane[data-stage=phone] .drum-register-label{grid-template-columns:1fr auto 44px auto 44px;gap:4px;display:grid}.app.membrane[data-stage=phone] .drum-register-label>span{min-width:0;font-size:10px}dialog:is(.sample-slicer-dialog,.recorder-dialog,.chord-generator-dialog,.share-dialog){max-height:calc(100dvh - 24px);font-family:var(--font-ui)}.chord-options-bar,.slicer-controls-bar{flex-wrap:wrap}@media (width<=640px){dialog:is(.sample-slicer-dialog,.recorder-dialog,.chord-generator-dialog,.share-dialog){border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;inset:0}.sample-slicer-footer,.chord-generator-footer{flex-wrap:wrap;gap:10px}.sample-slicer-header,.chord-generator-header,.recorder-header{gap:8px}.sample-slicer-title,.chord-generator-title,.recorder-title{letter-spacing:0;font-size:12px}dialog:is(.sample-slicer-dialog,.recorder-dialog,.chord-generator-dialog,.share-dialog) button{min-height:44px}.session-tools :is(.midi-pop,.jam-pop){box-sizing:border-box;width:auto;max-width:none;max-height:calc(100dvh - 24px);position:fixed;inset:auto 12px 12px;overflow:auto}}.info-view{z-index:50;align-items:baseline;gap:var(--space-4);box-sizing:border-box;max-height:40vh;padding:var(--space-3) var(--space-6);background:var(--color-ground);border-top:1px solid color-mix(in srgb, var(--color-ink) 25%, var(--color-ground));pointer-events:none;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -2px 8px #0009}.app[data-viz-mode=on] .info-view{z-index:56}@media (width<=640px){.info-view{row-gap:var(--space-2);padding:var(--space-3) var(--space-4);flex-wrap:wrap}.info-view-text{flex:100%;order:3}.info-view-hint{order:2}}.info-view-tag{font:var(--text-label-sm);letter-spacing:.05em;color:var(--color-ink);background:color-mix(in srgb, var(--color-ink) 8%, var(--color-ground));border:1px solid color-mix(in srgb, var(--color-ink) 40%, var(--color-ground));border-radius:3px;flex:none;padding:2px 5px}.info-view-title{font:var(--text-label-sm);letter-spacing:.05em;text-transform:uppercase;color:var(--theme-muted);white-space:nowrap;flex:none;font-weight:700}.info-view-text{min-width:0;font:var(--text-ui);color:var(--color-ink);white-space:normal;overflow-wrap:anywhere;flex:auto}.info-view-hint{font:var(--text-label-sm);letter-spacing:.05em;color:var(--theme-muted);white-space:nowrap;flex:none;margin-left:auto}.app[data-help-mode=on],.app[data-help-mode=on] *{cursor:help}.app[data-help-mode=on] [data-help]{outline:1px dashed color-mix(in srgb, var(--color-ink) 45%, transparent);outline-offset:1px}.app[data-help-mode=on] [data-help]:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.app.membrane .stage-song .rail{justify-content:flex-start;gap:12px}.arrangement-matrix{scrollbar-width:thin;--section-width:140px;--section-gap:8px;--section-gutter:94px;width:100%;min-height:0;overflow:auto}.app.membrane[data-stage] .stage-song .arrangement-matrix .rail-row,.section-header-row{grid-template-columns:var(--section-gutter) minmax(0, 1fr) 48px;align-items:center;gap:var(--section-gap);width:max(100%, calc(var(--section-gutter) + var(--section-count) * (var(--section-width) + var(--section-gap)) + 152px));box-sizing:border-box;padding:8px 0;display:grid}.app.membrane[data-stage] .stage-song .arrangement-matrix .rail-lane-name{white-space:normal;text-align:left;overflow-wrap:anywhere;grid-column:auto;width:auto;font-size:12px}.app.membrane[data-stage] .stage-song .arrangement-matrix .rail-tiles,.section-columns{align-items:stretch;gap:var(--section-gap);flex-wrap:nowrap;padding:0;display:flex;overflow:visible}.rail-cell,.section-header{flex:0 0 var(--section-width);width:var(--section-width);flex-direction:column;gap:4px;display:flex}.app.membrane .stage-song .rail-cell .rail-tile{box-sizing:border-box;width:100%;min-height:56px}.rail-playback-trigger,.section-header button,.rail-paste-end{color:var(--color-ink);border:1px solid var(--theme-line);background:var(--metal-panel);font:500 12px/1.3 var(--font-ui);cursor:pointer;border-radius:6px;min-height:36px;padding:6px}.section-launch{text-align:left}.section-launch-state{text-transform:capitalize;font-size:11px;display:block}.section-launch[data-state=queued]{outline-offset:-4px;outline:1px dashed}.section-launch[data-state=playing]{background:var(--color-ink);color:var(--metal-panel)}.rail-tile-progress{font:500 11px/1.2 var(--font-ui)}.section-header .section-launch{min-height:44px;font-weight:600}.section-settings,.rail-playback-trigger{text-align:left}.section-gutter{font:500 12px/1.4 var(--font-ui);color:var(--color-ink)}.section-controls{color:var(--color-ink);font:400 13px/1.5 var(--font-ui);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.section-controls label{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.section-controls>span{flex:360px}.section-controls button,.section-controls select,.block-playback-panel button,.block-playback-panel input,.block-playback-panel select{font:inherit;color:var(--color-ink);background:var(--metal-panel);border:1px solid var(--theme-line);box-sizing:border-box;border-radius:6px;min-height:44px;padding:8px}.section-controls button[aria-pressed=true]{background:var(--color-ink);color:var(--metal-panel)}.block-playback-panel{z-index:110;right:16px;bottom:calc(36px + env(safe-area-inset-bottom));box-sizing:border-box;border:1px solid var(--theme-line);width:min(410px,100vw - 32px);max-height:calc(100dvh - 100px);color:var(--color-ink);background:var(--color-ground);font:400 14px/1.5 var(--font-ui);border-radius:12px;padding:20px;position:fixed;overflow-y:auto}.block-panel-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.block-panel-heading h2{font:500 18px/1.4 var(--font-instrument);margin:4px 0 0}.block-playback-panel p{margin:12px 0}.block-edit-actions{flex-wrap:wrap;gap:8px;margin:20px 0 12px;display:flex}.block-playback-panel form{gap:12px;margin-top:24px;display:grid}.block-playback-panel label{gap:4px;display:grid}.block-playback-panel fieldset{border:1px solid var(--theme-line);border-radius:6px;padding:12px}.block-playback-panel .block-choice{align-items:center;gap:8px;display:flex}.block-choice input{width:20px;accent-color:var(--color-ink)}.block-playback-panel :disabled{opacity:.5;cursor:default}.block-playback-panel button,.section-controls button{cursor:pointer}.rail-playback-trigger:hover,.section-header button:hover,.rail-paste-end:hover,.block-playback-panel button:hover:not(:disabled){background:var(--metal-raised)}.arrangement-matrix :focus-visible,.section-controls :focus-visible,.block-playback-panel :focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.block-panel-hint{font-size:12px}@media (width<=767px),(pointer:coarse){.arrangement-matrix{--section-width:128px;--section-gutter:76px}.rail-playback-trigger,.section-header button{min-height:44px}}.help-backdrop{background:color-mix(in srgb, var(--color-ground) 82%, transparent);z-index:90;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.help-panel{background:var(--color-ground);border:1px solid color-mix(in srgb, var(--color-ink) 25%, var(--color-ground));color:var(--color-ink);padding:var(--space-5) var(--space-6);scrollbar-color:color-mix(in srgb, var(--color-ink) 30%, var(--color-ground)) transparent;border-radius:6px;width:min(92vw,640px);max-width:640px;max-height:84vh;overflow:auto;box-shadow:4px 4px 12px #0000008c}.help-panel:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.help-title{font:400 22px/1 var(--font-led);color:var(--color-ink);margin:0 0 var(--space-4)}.help-sections{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.help-section-title{font:var(--text-label-sm);letter-spacing:.05em;text-transform:uppercase;color:var(--theme-muted);margin:0 0 var(--space-3)}.help-list{margin:0}.help-row{gap:var(--space-3);margin-bottom:var(--space-2);align-items:baseline;display:flex}.help-row dt{flex:none}.help-row kbd{font:var(--text-value);color:var(--color-ink);background:color-mix(in srgb, var(--color-ink) 8%, var(--color-ground));border:1px solid color-mix(in srgb, var(--color-ink) 30%, var(--color-ground));white-space:nowrap;border-radius:3px;padding:1px 4px}.help-row dd{font:var(--text-ui);color:var(--color-ink);margin:0}.help-close{margin-top:var(--space-5);font:var(--text-label-sm);letter-spacing:.05em;text-transform:uppercase;color:var(--color-ink);border:1px solid color-mix(in srgb, var(--color-ink) 40%, transparent);padding:var(--space-3) var(--space-4);cursor:pointer;background:0 0;border-radius:3px}.help-close:hover{background:color-mix(in srgb, var(--color-ink) 12%, var(--color-ground))}.help-close:focus-visible{outline:2px solid var(--color-ink);outline-offset:1px}.app[data-stage=phone] .help-close{min-height:44px}.track-color-control{font:500 11px/1.3 var(--font-ui,"Segoe UI", sans-serif);color:var(--color-ink,#e8eff2);flex-shrink:0;align-items:center;display:inline-flex}.track-color-control .track-color-trigger{border:1px solid var(--theme-line,#34434b);background:var(--metal-recess,#111a20);min-height:30px;color:inherit;cursor:pointer;font:inherit;border-radius:5px;align-items:center;gap:7px;padding:4px 7px;display:inline-flex}.track-color-trigger i{border-radius:3px;width:17px;height:17px;display:block;box-shadow:inset 0 0 0 1px #ffffff24}.track-swatch-panel{border:1px solid var(--theme-line,#3b4a53);background:var(--metal-recess,#111a20);width:272px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);color:var(--color-ink,#e8eff2);scrollbar-width:thin;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:12px;margin:0;padding:16px;font:12px/1.4 Segoe UI,sans-serif;position:fixed;inset:auto;overflow-y:auto;box-shadow:0 15px 40px #0007}.track-swatch-panel::backdrop{background:0 0}.track-swatch-panel .swatch-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.swatch-heading strong{text-transform:capitalize;font-size:14px}.track-swatch-panel .swatch-heading button,.track-swatch-panel .swatch-reset{color:inherit;font:inherit;cursor:pointer;box-shadow:none;background:0 0;border:0;padding:6px 0}.track-swatch-panel .swatch-heading button{color:var(--theme-muted,#a3b3be);padding:6px}.swatch-columns,.swatch-row{grid-template-columns:57px repeat(3,1fr);align-items:center;gap:7px;display:grid}.swatch-columns{color:var(--theme-muted,#a3b3be);text-align:center;margin-bottom:7px;font-size:10px}.swatch-row{margin-bottom:6px}.track-swatch-panel button[data-swatch]{background:var(--swatch);cursor:pointer;min-width:0;height:31px;box-shadow:none;border:1px solid #ffffff24;border-radius:4px;padding:0}.track-swatch-panel button[data-swatch]:hover{outline:1px solid var(--color-ink,#fff);outline-offset:2px;filter:none}.track-swatch-panel button[data-swatch] svg{visibility:hidden;fill:none;stroke:#fff;stroke-width:2.5px;filter:drop-shadow(0 1px 1px #000);width:20px;height:20px;margin:auto}.track-swatch-panel button[data-swatch][aria-pressed=true]{outline:2px solid var(--color-ink,#fff);outline-offset:2px}.track-swatch-panel button[data-swatch][aria-pressed=true] svg{visibility:visible}.track-swatch-panel .swatch-reset{text-align:left;border-top:1px solid var(--theme-line,#34434b);width:100%;margin-top:6px;padding:10px 0}.track-swatch-panel p{color:var(--theme-muted,#a3b3be);margin:4px 0 0;font:10px/1.4 Segoe UI,sans-serif}.track-color-control button:focus-visible{outline:2px solid var(--color-ink,#e8eff2);outline-offset:3px}.viz-remote .track-color-control{margin:12px 0}.lane-floor[data-lane=drums]{--track-note-ink:var(--color-lane-drums-ink,var(--color-ink-on-fill))}.lane-floor[data-lane=bass]{--track-note-ink:var(--color-lane-bass-ink,var(--color-ink-on-fill))}.lane-floor[data-lane=chords]{--track-note-ink:var(--color-lane-chords-ink,var(--color-ink-on-fill))}.lane-floor[data-lane=lead]{--track-note-ink:var(--color-lane-lead-ink,var(--color-ink-on-fill))}.app .lane-floor .cell[data-on=true],.app .lane-floor .note-run{color:var(--track-note-ink,var(--color-ink-on-fill))}@media (width<=700px){.track-color-control .track-color-trigger,.track-swatch-panel button[data-swatch],.track-swatch-panel .swatch-reset,.track-swatch-panel .swatch-heading button{min-height:44px}}.clip-length-wrap{flex:none;position:relative}.clip-length-actions{flex:none;align-items:center;gap:4px;display:flex}.clip-double{min-height:30px;font:500 11px/1 var(--font-ui);color:inherit;border:1px solid var(--theme-line);cursor:pointer;background:0 0;border-radius:6px;padding:0 6px}.clip-double:disabled{opacity:.5;cursor:default}.clip-double:focus-visible{outline-offset:2px;outline:2px solid}.clip-double:hover:not(:disabled){background:var(--metal-raised)}@media (width<=767px),(pointer:coarse){.clip-double{min-height:44px}}.clip-length-wrap:not([open])>.clip-length-panel{display:none}.clip-length-wrap>summary{box-sizing:border-box;cursor:pointer;min-width:60px;min-height:30px;font:500 11px/1 var(--font-ui);border:1px solid var(--theme-line);border-radius:6px;justify-content:center;align-items:center;padding:0 4px;list-style:none;display:flex}.clip-length-wrap>summary::-webkit-details-marker{display:none}.clip-length-wrap>summary:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.clip-length-wrap[open]>summary{background:var(--metal-raised)}.clip-length-panel{z-index:20;border:1px solid var(--theme-line);background:var(--color-ground);border-radius:6px;width:max-content;max-width:min(280px,100vw - 32px);padding:10px;position:absolute;top:calc(100% + 4px);left:0}.clip-length{align-items:center;gap:3px;display:flex}.clip-length-label{font:inherit;margin-right:3px}.clip-length button,.clip-length input{color:inherit;height:28px;font:inherit;background:0 0;border:1px solid;border-radius:3px}.clip-length button{cursor:pointer;width:28px}.clip-length input{text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;width:48px}.clip-length input::-webkit-inner-spin-button{appearance:none}.clip-length button:disabled{opacity:.4;cursor:default}.clip-length button:hover:not(:disabled){background:color-mix(in srgb, currentColor 12%, transparent)}.clip-length :focus-visible{outline-offset:2px;outline:2px solid}.clip-length-error:not(:empty){max-width:240px;margin-top:4px;font-size:12px;display:block}@media (width<=767px),(pointer:coarse){.clip-length-wrap>summary{min-height:44px}.clip-length button,.clip-length input{min-width:44px;height:44px}}.sound-browser{color:var(--color-ink);background:var(--metal-panel);border:1px solid var(--theme-line);width:min(960px,100vw - 48px);max-width:none;height:min(760px,100dvh - 48px);max-height:none;font-family:var(--font-ui);border-radius:16px;padding:0;overflow:hidden}.sound-browser[open]{flex-direction:column;display:flex}.sound-browser::backdrop{background:#000000a6}.sound-browser button,.sound-browser input{font:inherit;color:inherit}.sound-browser button{border:1px solid var(--theme-line);cursor:pointer;background:0 0;border-radius:8px;min-height:44px;padding:8px 12px}.sound-browser button:hover{background:var(--metal-raised)}.sound-browser button[aria-pressed=true]{background:var(--metal-raised);border-color:var(--color-ink)}.sound-browser :focus-visible{outline:2px solid var(--color-ink);outline-offset:-3px}.sound-browser button:disabled{opacity:.45;cursor:default}.sound-browser h2{font-family:var(--font-instrument);margin:0;font-size:20px}.sound-browser h3{margin:0;font-size:18px}.sound-browser p{margin:4px 0 0;font-size:14px;line-height:1.4}.sound-browser-header{justify-content:space-between;align-items:center;gap:16px;padding:20px 24px 12px;display:flex}.sound-browser-header p{overflow-wrap:anywhere}.sound-browser-tools{border-bottom:1px solid var(--theme-line);align-items:end;gap:16px;padding:0 24px 16px;display:flex}.sound-search{flex:1;gap:4px;font-size:14px;display:grid}.sound-search input{box-sizing:border-box;background:var(--metal-recess);border:1px solid var(--theme-line);width:100%;min-width:0;height:44px;caret-color:var(--color-ink);border-radius:8px;padding:8px 12px}.sound-search input::placeholder{color:var(--color-ink);opacity:.72}.sound-browser-views{gap:4px;display:flex}.sound-browser-body{flex:1;min-height:0;display:flex}.sound-categories{border-right:1px solid var(--theme-line);flex-shrink:0;width:208px;padding:12px;overflow-y:auto}.sound-categories button{text-align:left;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:4px;display:flex}.sound-categories button span:last-child{font-variant-numeric:tabular-nums;font-size:13px}.sound-results{flex-direction:column;flex:1;min-width:0;display:flex}.sound-results-heading{flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px 8px;display:flex}.sound-results-heading>span{margin-left:auto;font-size:14px}.sound-category-back{display:none}.sound-filters{flex-wrap:wrap;gap:8px;padding:0 16px 12px;display:flex}.sound-filters>div{gap:4px;display:flex}.sound-filters button{padding:8px 10px;font-size:14px}.sound-result-list{scrollbar-color:var(--theme-line) var(--metal-panel);flex:1;min-height:0;padding:0 16px 16px;overflow-y:auto}.sound-result{border-bottom:1px solid var(--theme-line);align-items:center;gap:4px;display:flex}.sound-result.is-candidate{background:var(--metal-raised)}.sound-result .sound-preview{text-align:left;border:0;border-radius:0;flex:1;min-width:0;padding:12px 8px}.sound-result .sound-preview[aria-pressed=true]{background:0 0}.sound-result-name{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.sound-result-description{margin-top:4px;font-size:14px;line-height:1.4;display:block}.sound-current{font-size:12px;font-weight:400}.sound-result .sound-favorite{border:0;flex-shrink:0;width:44px;padding:8px}.sound-empty{padding:24px 8px}.sound-browser-footer{border-top:1px solid var(--theme-line);align-items:center;gap:12px;padding:16px 24px;display:flex}.sound-browser-footer>div{flex:1;min-width:0}.sound-browser-footer strong{overflow-wrap:anywhere;font-size:16px;display:block}.sound-browser-footer button{flex-shrink:0}.sound-browser-footer .sound-use{background:var(--color-ink);color:var(--color-ground);font-weight:600}.head-sound-browse{text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app.membrane .head-sound-browse{border:1px solid var(--theme-line);background:var(--metal-panel);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;height:28px;padding:4px 8px;display:flex}.head-sound-browse>span{text-overflow:ellipsis;overflow:hidden}.head-sound-browse>svg{flex-shrink:0}.sound-categories{scrollbar-color:var(--theme-line) var(--metal-panel)}@media (width<=640px){.app.membrane .head-sound-browse{height:44px}.sound-browser{width:100vw;height:min(100dvh, var(--sound-browser-viewport-height,100dvh));border:0;border-radius:0;margin:0}.sound-browser-header{padding:max(16px, env(safe-area-inset-top)) 16px 12px}.sound-browser-tools{flex-direction:column;align-items:stretch;gap:12px;padding:0 16px 12px}.sound-browser-views button{flex:1}.sound-categories{display:none}.sound-categories.show-categories{box-sizing:border-box;border:0;grid-template-columns:1fr 1fr;align-content:start;gap:8px;width:100%;padding:16px;display:grid}.sound-categories button{min-height:64px;margin:0}.sound-categories .sound-all-categories,.sound-results.hide-results{display:none}.sound-category-back{display:inline-block}.sound-results-heading{gap:8px}.sound-results-heading h3{font-size:16px}.sound-browser-footer{padding:12px 16px max(16px, env(safe-area-inset-bottom));flex-wrap:wrap;gap:8px}.sound-browser-footer>div{flex-basis:100%}.sound-browser-footer .sound-use{flex:1}}@media (height<=600px) and (width<=640px){.sound-browser-header{padding:8px 16px}.sound-browser-header h2{font-size:16px}.sound-browser-tools{gap:8px;padding-bottom:8px}.sound-results-heading{padding-top:8px}.sound-filters{flex-wrap:nowrap;flex-shrink:0;padding-bottom:8px;overflow-x:auto}.sound-filters>div{flex-shrink:0}.sound-browser-footer{padding-top:8px;padding-bottom:8px}.sound-browser-footer p{display:none}}.sound-show-more{width:100%;min-height:44px;color:var(--color-ink);background:var(--metal-panel);border:1px solid var(--theme-line);font:inherit;cursor:pointer}.sound-result{content-visibility:auto;contain-intrinsic-size:auto 76px}.drum-sample{margin-left:auto;display:inline-flex;position:relative}.drum-sample-btn{font:var(--text-label-sm);letter-spacing:.05em;color:var(--color-ink);border:1px solid color-mix(in srgb, var(--color-ink) 40%, transparent);cursor:pointer;background:0 0;border-radius:3px;min-height:28px;padding:4px 8px}.drum-sample-btn[aria-expanded=true]{background:color-mix(in srgb, var(--color-ink) 14%, transparent)}.drum-sample-panel{top:calc(100% + var(--space-3));z-index:40;width:300px;max-width:calc(100vw - 24px);max-height:min(70vh,460px);padding:var(--space-4);gap:var(--space-3);background-color:var(--metal-panel);background-image:var(--metal-brush);border:1px solid color-mix(in srgb, var(--color-ink) 25%, var(--metal-panel));box-shadow:var(--elev-3);border-radius:6px;flex-direction:column;display:flex;position:absolute;right:0;overflow-y:auto}.drum-sample-note{font:var(--text-ui);color:color-mix(in srgb, var(--color-ink) 78%, var(--metal-panel));margin:0}.drum-sample-bulk{gap:var(--space-2);display:flex}.drum-sample-bulk button,.drum-sample-mode button{font:var(--text-label-sm);letter-spacing:.05em;color:var(--color-ink);border:1px solid color-mix(in srgb, var(--color-ink) 30%, var(--metal-panel));cursor:pointer;background:0 0;min-height:28px;padding:4px 8px}.drum-sample-bulk button{border-radius:3px;flex:1 1 0}.drum-sample-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.drum-sample-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.drum-sample-name{font:var(--text-label-sm);letter-spacing:.05em;color:color-mix(in srgb, var(--color-ink) 78%, var(--metal-panel));white-space:nowrap}.drum-sample-mode{display:inline-flex}.drum-sample-mode button:first-child{border-radius:3px 0 0 3px}.drum-sample-mode button:last-child{border-left-width:0;border-radius:0 3px 3px 0}.drum-sample-mode button[aria-pressed=true]{color:var(--color-ground);background:var(--color-ink);border-color:var(--color-ink)}.drum-sample button:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}@media (hover:hover){.drum-sample-bulk button:hover,.drum-sample-btn:hover,.drum-sample-mode button[aria-pressed=false]:hover{background:color-mix(in srgb, var(--color-ink) 16%, transparent)}}.app[data-stage=phone] .drum-sample-btn,.app[data-stage=phone] .drum-sample-bulk button,.app[data-stage=phone] .drum-sample-mode button{min-height:40px}.toasts{right:var(--space-4);bottom:var(--space-4);gap:var(--space-3);z-index:60;pointer-events:none;flex-direction:column;max-width:min(420px,100vw - 24px);display:flex;position:fixed}.toasts-polite,.toasts-errors{gap:var(--space-2);flex-direction:column;display:flex}.toast{pointer-events:auto;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-ink);background:var(--color-ground);color:var(--color-ink);font-family:var(--font-ui);border-radius:4px;font-size:13px;display:flex}.toast-error{border-width:2px}.toast-body{flex:1;min-width:0}.toast-message{margin:0;font-weight:700}.toast-details{margin:var(--space-2) 0 0;padding-left:var(--space-5);opacity:.85}.toast-suggestion{margin:var(--space-2) 0 0;opacity:.85}.toast-action{margin-top:var(--space-2);font-family:var(--font-label);padding:3px var(--space-3);color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:3px;font-size:11px}.toast-dismiss{color:inherit;cursor:pointer;padding:2px var(--space-2);background:0 0;border:none;flex:none;font-size:13px}.toast-dismiss:focus-visible,.toast-action:focus-visible{outline-offset:1px;outline:2px solid}.app[data-stage=phone] .toast-action,.app[data-stage=phone] .toast-dismiss{min-width:44px;min-height:44px}.support-banner{z-index:70;align-items:flex-start;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:2px solid var(--color-ink);background:var(--color-ground);color:var(--color-ink);font-family:var(--font-label);pointer-events:auto;display:flex;position:fixed;top:0;left:0;right:0}.support-banner-unsupported,.support-banner-degraded-worklet{box-shadow:0 0 0 1px var(--color-ink)}.support-banner-copy{flex:1;min-width:0}.support-banner-title{font:700 13px/1.3 var(--font-label);letter-spacing:.04em;margin:0}.support-banner-body{font:13px/1.4 var(--font-ui);opacity:.9;margin:4px 0 0}.support-banner-dismiss{border:1px solid var(--color-ink);color:var(--color-ink);font:700 13px/1 var(--font-ui);padding:var(--space-3) var(--space-4);cursor:pointer;background:0 0;flex:none}.support-banner-dismiss:focus-visible{outline:2px solid var(--color-ink);outline-offset:1px}.support-banner-dismiss .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app[data-stage=phone] .support-banner-dismiss{min-height:44px}.app{flex-direction:column;height:100dvh;display:flex}.stage{background:0 0;flex-direction:column;flex:1;min-height:0;display:flex}.stage-floors{gap:var(--space-3);min-height:0;padding:var(--space-3) var(--space-4) var(--space-4);box-sizing:border-box;flex:1;grid-template-rows:minmax(auto,1fr) minmax(auto,1fr);grid-template-columns:1fr 1fr;width:100%;margin:0 auto;display:grid;position:relative}.stage-hint{pointer-events:none;font-family:var(--font-label);letter-spacing:.2em;color:#f5f2e99e;text-align:center;z-index:1;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}.audio-resume{z-index:70;background:var(--color-ground);color:var(--color-ink);border:2px solid var(--color-ink);font:700 13px/1 var(--font-label);letter-spacing:.1em;cursor:pointer;padding:10px 18px;position:fixed;bottom:64px;left:50%;transform:translate(-50%)}.audio-resume:focus-visible{outline:var(--focus-on-metal);outline-offset:var(--focus-on-metal-offset)}.head-step-btn,.head-mix-btn,.scale-chip,.row-fill-apply,.scale-pop-root,.scale-pop-mode,.scale-pop-commit,.scale-pop-detach,.lane-switch-tab,.rail-view-toggle,.rail-tool,.rail-append,.fx-mod-btn,.lane-fx-close,.fx-add-btn,.fx-add-item{transition:transform var(--press-return) var(--press-curve)}.head-step-btn:active,.head-mix-btn:active,.scale-chip:active,.row-fill-apply:active,.scale-pop-root:active,.scale-pop-mode:active,.scale-pop-commit:active,.scale-pop-detach:active,.lane-switch-tab:active,.rail-view-toggle:active,.rail-tool:active,.rail-append:active,.fx-mod-btn:active,.lane-fx-close:active,.fx-add-btn:active,.fx-add-item:active{transform:translateY(var(--press-travel)) scale(.985);transition-duration:var(--press-down);transition-timing-function:ease-out}.lane-floor :focus-visible{outline:var(--focus-on-metal);outline-offset:var(--focus-on-metal-offset)}@media (prefers-reduced-motion:reduce){.head-step-btn,.head-mix-btn,.scale-chip,.row-fill-apply,.scale-pop-root,.scale-pop-mode,.scale-pop-commit,.scale-pop-detach,.lane-switch-tab,.rail-view-toggle,.rail-tool,.rail-append,.fx-mod-btn,.lane-fx-close,.fx-add-btn,.fx-add-item{transition:none}.head-step-btn:active,.head-mix-btn:active,.scale-chip:active,.row-fill-apply:active,.scale-pop-root:active,.scale-pop-mode:active,.scale-pop-commit:active,.scale-pop-detach:active,.lane-switch-tab:active,.rail-view-toggle:active,.rail-tool:active,.rail-append:active,.fx-mod-btn:active,.lane-fx-close:active,.fx-add-btn:active,.fx-add-item:active{transform:none}}.head-step-btn,.booth-step-btn{position:relative}.head-step-btn:after,.booth-step-btn:after{content:"";background:color-mix(in srgb, var(--color-ink) 85%, transparent);opacity:0;pointer-events:none;border-radius:1px;width:6px;height:1px;position:absolute;bottom:2px;left:calc(50% - 3px)}.head-step-btn:active:after,.booth-step-btn:active:after{animation:detent-tick var(--press-down) linear}@keyframes detent-tick{0%{opacity:0}12.5%{opacity:1}25%{opacity:1}to{opacity:0}}:is(.head-stepper:has(.head-step-btn:active) .head-ctl-value,.head-stepper:has(.head-step-btn:active) .row-fill-value,.booth-stepper:has(.booth-step-btn:active) .booth-led-input){animation:detent-settle var(--press-return) var(--press-curve)}@keyframes detent-settle{0%{transform:translateY(calc(-1 * var(--press-detent)))}to{transform:translateY(0)}}@keyframes switch-throw{0%{transform:translate(0)}70%{transform:translateX(calc(var(--press-throw) + var(--press-throw-bounce)))}to{transform:translateX(var(--press-throw))}}@media (prefers-reduced-motion:reduce){.head-step-btn:active:after,.booth-step-btn:active:after,:is(.head-stepper:has(.head-step-btn:active) .head-ctl-value,.head-stepper:has(.head-step-btn:active) .row-fill-value,.booth-stepper:has(.booth-step-btn:active) .booth-led-input){animation:none}}.app[data-stage=phone]{height:auto;min-height:100dvh}.app[data-stage=phone] .stage{flex:1}.phone-chrome{z-index:10;background:var(--color-ground);border-bottom:1px solid color-mix(in srgb, var(--color-ink) 25%, transparent);position:sticky;top:0;box-shadow:0 2px 8px #0009}.phone-chrome .booth{z-index:auto;box-shadow:none;border-bottom:none;position:static}.phone-transport{padding:var(--space-3) var(--space-3) var(--space-2);grid-template-columns:1fr auto 1fr;place-items:center;display:grid}.phone-options-drawer{border-top:1px solid color-mix(in srgb, var(--color-ink) 25%, transparent)}.phone-options-drawer .phone-oct-group{align-items:flex-start;gap:var(--space-2);flex-direction:column}.phone-oct-fence{font:var(--text-ui);color:var(--color-ink)}.phone-options-backdrop{z-index:5;background:#00000040;position:fixed;inset:0}.phone-chrome .booth{gap:var(--space-5) var(--space-3);padding:var(--space-3) var(--space-3)}.phone-chrome .booth-group{row-gap:var(--space-5)}.app[data-stage=phone] .phone-chrome .booth-btn,.app[data-stage=phone] .phone-chrome .booth-step-btn,.app[data-stage=phone] .phone-chrome .scale-chip{min-height:32px;position:relative}.app[data-stage=phone] .phone-chrome .booth-btn:before,.app[data-stage=phone] .phone-chrome .booth-step-btn:before,.app[data-stage=phone] .phone-chrome .scale-chip:before{content:"";position:absolute;inset:-8px 0}.app[data-stage=phone] .phone-chrome .booth-step-btn{min-width:46px}.app[data-stage=phone] .phone-chrome .booth-led-input{width:44px}.app[data-stage=phone] .phone-chrome .booth-range{width:64px;height:44px;margin-block:-6px}.app[data-stage=phone] .booth-group-position>.booth-label,.app[data-stage=phone] .booth-group-position>.booth-led,.app[data-stage=phone] .booth-group-position>.booth-beats{display:none}.app[data-stage=phone] .stage-floors{max-width:none;padding:var(--space-1) var(--space-2) 0;flex-direction:column;flex:1;display:flex}.app[data-stage=phone] .lane-floor{flex:1}.app[data-stage=phone] .lane-grid-scroll{flex:auto;min-height:0}.app[data-stage=phone] .lane-grid-scroll.is-windowed{flex:0 auto}.app[data-stage=phone] .lane-head-strip{margin-bottom:var(--space-1)}.app[data-stage=tablet] .stage-floors{padding:var(--space-3) var(--space-3) var(--space-4)}.lane-switcher{gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-2);display:flex}.lane-switch-tab{min-height:44px;font:var(--text-panel-label);letter-spacing:var(--track-panel-label);text-transform:uppercase;color:var(--color-ink);background:var(--metal-raised);border:1px solid color-mix(in srgb, var(--lane-hue) 38%, var(--metal-raised));box-shadow:var(--keycap);cursor:pointer;border-radius:4px;flex:1 1 0;line-height:1}.lane-switch-tab[data-lane=drums]{--lane-hue:var(--color-lane-drums)}.lane-switch-tab[data-lane=bass]{--lane-hue:var(--color-lane-bass)}.lane-switch-tab[data-lane=chords]{--lane-hue:var(--color-lane-chords)}.lane-switch-tab[data-lane=lead]{--lane-hue:var(--color-lane-lead)}.lane-switch-tab[aria-selected=true]{background:var(--lane-hue);border-color:color-mix(in srgb, var(--lane-hue) 60%, var(--color-ground));color:var(--color-ink-on-fill)}.lane-switch-tab:focus-visible{outline:var(--focus-on-metal);outline-offset:var(--focus-on-metal-offset)}button,select,[role=tab],[role=switch]{touch-action:manipulation;-webkit-user-select:none;user-select:none}input[type=range]{touch-action:none}.app[data-stage=phone] .audio-resume{min-height:44px}.app[data-stage=phone] .register-shift{align-items:flex-end;gap:var(--space-2);padding:0 var(--space-1) var(--space-1);display:flex}.app[data-stage=phone] .register-stepper{flex-direction:column;gap:2px;min-width:0;display:flex}.app[data-stage=phone] .register-stepper-label{font:var(--text-panel-label);letter-spacing:var(--track-panel-label);text-transform:uppercase;text-align:center;color:color-mix(in srgb, var(--color-ink) 60%, var(--metal-panel));line-height:1}.app[data-stage=phone] .register-stepper-btns{gap:var(--space-1);display:flex}.app[data-stage=phone] .register-shift-btn{min-width:44px;min-height:44px;font:var(--text-panel-label);letter-spacing:var(--track-panel-label);text-transform:uppercase;color:var(--color-ink);background:var(--metal-raised);border:1px solid color-mix(in srgb, var(--lane-hue) 38%, var(--metal-raised));box-shadow:var(--keycap);cursor:pointer;border-radius:4px;flex:1 1 0;line-height:1}.app[data-stage=phone] .register-shift-btn:disabled{color:color-mix(in srgb, var(--color-ink) 45%, var(--metal-raised));background:var(--metal-panel);border-color:color-mix(in srgb, var(--lane-hue) 16%, var(--metal-panel));box-shadow:none;cursor:default}.app[data-stage=phone] .register-window-readout{justify-content:center;align-items:center;gap:var(--space-1);min-width:0;min-height:44px;padding:0 var(--space-2);font:var(--text-panel-label);letter-spacing:var(--track-panel-label);text-transform:uppercase;color:color-mix(in srgb, var(--color-ink) 78%, var(--metal-panel));background:var(--metal-panel);border:1px solid color-mix(in srgb, var(--lane-hue) 16%, var(--metal-panel));border-radius:4px;flex:auto;line-height:1;display:flex}.app[data-stage=phone] .register-window-arrow{font-size:9px;line-height:1}.app[data-stage=phone] .register-shift[data-cue-parity="0"] .register-window-readout,.app[data-stage=phone] .register-shift[data-cue-parity="1"] .register-window-readout{animation:1.2s ease-out reg-win-flash}.app[data-stage=phone] .register-shift[data-cue-parity="0"]~.lane-grid-scroll .row-label,.app[data-stage=phone] .register-shift[data-cue-parity="1"]~.lane-grid-scroll .row-label{animation:1.2s ease-out reg-label-flash}@keyframes reg-win-flash{0%,50%{background:color-mix(in srgb, var(--lane-hue) 34%, var(--metal-raised));box-shadow:inset 0 0 0 2px var(--lane-hue);color:var(--color-ink)}to{background:var(--metal-panel);box-shadow:none}}@keyframes reg-label-flash{0%,50%{background:color-mix(in srgb, var(--lane-hue) 26%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--lane-hue) 70%, transparent)}to{box-shadow:none;background:0 0}}@media (prefers-reduced-motion:reduce){.app[data-stage=phone] .register-shift[data-cue-parity] .register-window-readout,.app[data-stage=phone] .register-shift[data-cue-parity]~.lane-grid-scroll .row-label{animation:none}}.app[data-stage=phone] .register-zoom-chip{min-width:44px;min-height:44px;padding:0 var(--space-2);font:var(--text-panel-label);letter-spacing:var(--track-panel-label);text-transform:uppercase;color:var(--color-ink);background:var(--metal-raised);border:1px solid color-mix(in srgb, var(--lane-hue) 38%, var(--metal-raised));box-shadow:var(--elev-1);cursor:pointer;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:2px;line-height:1;display:flex}.app[data-stage=phone] .register-zoom-factor{font-size:11px}.app[data-stage=phone] .register-zoom-reset{color:color-mix(in srgb, var(--color-ink) 55%, var(--metal-raised));font-size:8px}.app{background-color:var(--metal-deck);background-image:var(--metal-brush)}.app:after{content:"";z-index:95;pointer-events:none;box-shadow:inset 0 1px 0 var(--metal-edge-hi), inset 0 0 0 1px #000000a6, inset 0 24px 48px -16px #000000bf, inset 0 -24px 48px -16px #0009, inset 28px 0 52px -24px #0000007a, inset -28px 0 52px -24px #0000007a;background:radial-gradient(140% 120% at 50% 42%,#0000 56%,#0006 100%);position:fixed;inset:0}.chassis-panel{background-color:var(--metal-panel);background-image:var(--metal-brush-v);box-shadow:var(--elev-2)}.chassis-raised{background-color:var(--metal-raised);box-shadow:var(--elev-key)}.chassis-recess{background-color:var(--metal-recess);box-shadow:var(--led-window)}.lane-floor{background-color:color-mix(in srgb, var(--lane-hue) 5%, var(--metal-panel));background-image:var(--metal-brush);border:var(--rim-width) var(--rim-idle) color-mix(in srgb, var(--lane-hue) 22%, var(--metal-panel));box-shadow:var(--elev-2)}.lane-floor[data-editing=true]{border-color:color-mix(in srgb, var(--lane-hue) 65%, var(--metal-panel));background-color:color-mix(in srgb, var(--lane-hue) 7%, var(--metal-panel));outline:var(--rim-width) var(--rim-idle) color-mix(in srgb, var(--lane-hue) 55%, transparent);outline-offset:-3px}.lane-floor:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--lane-hue) 70%, var(--metal-panel)), 0 0 3px color-mix(in srgb, var(--lane-hue) 45%, transparent);opacity:0;position:absolute;inset:0}.lane-floor.is-sounding:after{animation:lane-rim-pulse var(--rim-pulse-decay) ease-out 1}@keyframes lane-rim-pulse{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.lane-floor.is-sounding:after{opacity:1;animation:none}}.stage-floors:before{content:"";z-index:5;pointer-events:none;background:radial-gradient(130% 100% at 50% 98%, color-mix(in srgb, var(--color-ink) 5%, transparent) 0%, color-mix(in srgb, var(--color-ink) 2.5%, transparent) 34%, transparent 68%);opacity:0;transition:opacity var(--ambient-wash-fade) ease;position:absolute;inset:0}.stage-floors[data-density="1"]:before{opacity:.4}.stage-floors[data-density="2"]:before{opacity:.72}.stage-floors[data-density="3"]:before{opacity:1}.app[data-stage=phone] .stage-floors:before{content:none}@media (prefers-reduced-motion:reduce){.stage-floors:before{transition:none}}.lane-floor:before{content:"";right:var(--space-4);font:700 8px/1 var(--font-label);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:color-mix(in srgb, var(--color-ink) 45%, transparent);pointer-events:none;position:absolute;bottom:.5px}.lane-floor[data-lane=drums]:before{content:"SEC A · PERCUSSION"}.lane-floor[data-lane=bass]:before{content:"SEC B · BASS VOICE"}.lane-floor[data-lane=chords]:before{content:"SEC C · CHORD VOICE"}.lane-floor[data-lane=lead]:before{content:"SEC D · LEAD VOICE"}.grid-navigation{display:none}@media (width<=1024px),(any-pointer:coarse){.grid-navigation{color:var(--color-ink);grid-template-columns:44px minmax(0,1fr) 44px auto auto;align-items:center;gap:4px;padding:0;display:grid}.grid-navigation-controls,.grid-touch-tools,.grid-touch-modes{display:contents}.grid-navigation button{border:1px solid color-mix(in srgb, var(--color-ink) 30%, var(--color-ground));background:var(--color-ground);min-width:44px;min-height:44px;color:var(--color-ink);font:inherit;touch-action:manipulation;border-radius:6px;padding:4px 6px;font-size:13px}.grid-navigation button:disabled{opacity:.4}.grid-navigation button:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.grid-navigation button[aria-pressed=true]{background:var(--color-ink);color:var(--color-ground)}.grid-position{text-align:center;font-variant-numeric:tabular-nums;grid-area:1/2;font-size:12px}.grid-touch-hint,.grid-pan-hint{clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.grid-pan-hint{display:none}.lane-floor:has([data-pan-ready=true]) .grid-touch-hint{display:none}.lane-floor:has([data-pan-ready=true]) .grid-pan-hint{clip-path:none;text-align:center;grid-area:1/2;width:auto;height:auto;margin:0;font-size:12px;line-height:1.2;display:block;position:static}.lane-floor:has([data-pan-ready=true]) .grid-position{visibility:hidden}}.lane-grid-scroll[data-pan-ready=true]{outline:2px solid var(--lane-hue);outline-offset:-2px}.lane-grid-scroll[data-pan-ready=true] .cell,.lane-grid-scroll[data-pan-mode=true] .cell{cursor:grab}.lane-floor{--lane-hue:var(--color-ink);min-width:0;padding:var(--space-2) var(--space-3);border-radius:4px;flex-direction:column;display:flex;position:relative}.lane-floor[data-lane=drums]{--lane-hue:var(--color-lane-drums)}.lane-floor[data-lane=bass]{--lane-hue:var(--color-lane-bass)}.lane-floor[data-lane=chords]{--lane-hue:var(--color-lane-chords)}.lane-floor[data-lane=lead]{--lane-hue:var(--color-lane-lead)}.lane-head{margin-bottom:var(--space-3);justify-content:space-between;align-items:baseline;display:flex}.lane-name{font:var(--text-panel-label-sm);letter-spacing:var(--track-panel-label);text-transform:uppercase;color:var(--color-ink);line-height:1}.lane-state{margin-left:var(--space-2);color:color-mix(in srgb, var(--color-ink) 62%, var(--metal-panel))}.lane-floor[data-editing=true] .lane-state{color:var(--color-ink)}.lane-count{font:var(--text-value);color:color-mix(in srgb, var(--color-ink) 60%, var(--metal-panel))}.lane-grid-scroll{padding-bottom:var(--space-2);background-color:var(--metal-recess);box-shadow:var(--led-window);scrollbar-color:color-mix(in srgb, var(--color-ink) 30%, var(--metal-recess)) transparent;border-radius:3px;position:relative;overflow:auto hidden}.lane-grid-scroll.is-windowed{overflow-anchor:none;overscroll-behavior-y:contain;overflow-y:auto}.lane-floor[data-editing=false] .lane-grid-scroll.is-windowed{overflow:hidden}.grid-hscroll{overflow-anchor:none;scrollbar-color:color-mix(in srgb, var(--color-ink) 30%, var(--color-ground)) transparent;overflow:auto hidden}.grid-hscroll.is-col-windowed{position:relative}.grid-col-sizer{visibility:hidden;height:1px;position:absolute;top:0;left:0}.grid-col-layer{width:max-content;position:sticky;left:0}.lane-grid{width:max-content;position:relative;transform:translateZ(0)}.grid-body{position:relative}.grid-row{margin-bottom:var(--space-2);align-items:stretch;display:flex}.lane-floor[data-editing=false] .grid-row{margin-bottom:var(--space-1)}.row-label{background-color:var(--metal-recess);width:72px;font:var(--text-panel-label-sm);letter-spacing:var(--track-panel-label);text-transform:uppercase;color:color-mix(in srgb, var(--color-ink) 78%, var(--metal-recess));padding-right:var(--space-3);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:none;align-items:center;line-height:1;display:flex}.row-cells{grid-auto-rows:24px;gap:2px;display:grid;position:relative}.cell{background:color-mix(in srgb, var(--color-ink) 7%, var(--color-ground));border:1px solid color-mix(in srgb, var(--color-ink) 14%, var(--color-ground));cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:auto;height:auto;transition:transform var(--press-return) var(--press-curve);border-radius:3px;position:relative}.lane-floor .cell:active{transform:translateY(var(--press-travel)) scale(.985);transition-duration:var(--press-down);transition-timing-function:ease-out}.cell:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--color-ink) 70%, var(--lane-hue)) 0%, color-mix(in srgb, var(--lane-hue) 55%, transparent) 55%, transparent 78%);opacity:0;z-index:2;transition:opacity var(--glow-trigger-decay) ease-out;position:absolute;inset:0}.cell[data-preview=true]:after{opacity:.5}.lane-floor .cell:active:after{opacity:1;transition-duration:var(--press-down)}.cell[data-beat="1"]{background:color-mix(in srgb, var(--color-ink) 11%, var(--color-ground));border-color:color-mix(in srgb, var(--color-ink) 18%, var(--color-ground))}.cell[data-on=true]{background:var(--lane-hue);border-color:color-mix(in srgb, var(--lane-hue) 60%, var(--color-ground));clip-path:polygon(0 0,100% 0,100% 100%,8px 100%,0 calc(100% - 8px))}.cell[data-sustain=true]{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--lane-hue) 55%, var(--color-ground)) 0 2px, color-mix(in srgb, var(--lane-hue) 20%, var(--color-ground)) 2px 4px);border-color:color-mix(in srgb, var(--lane-hue) 45%, var(--color-ground))}.row-fill{align-items:center;gap:var(--space-2);width:220px;padding-right:var(--space-3);opacity:0;flex:none;transition:opacity .12s;display:flex}.grid-row:hover .row-fill:not(.is-overlay),.row-fill:focus-within{opacity:1}.row-fill.is-overlay{z-index:3;opacity:0;pointer-events:none;padding:var(--space-1) var(--space-2);background-color:var(--metal-panel);background-image:var(--metal-brush);border:1px solid color-mix(in srgb, var(--color-ink) 25%, var(--metal-panel));box-shadow:var(--elev-3);border-radius:4px;position:absolute;top:0}.row-fill.is-overlay:focus-within,.lane-grid-scroll.fill-rails-open .row-fill.is-overlay{opacity:1;pointer-events:auto}.app[data-stage=phone] .lane-grid-scroll{scrollbar-width:none;container-type:inline-size}.app[data-stage=phone] .lane-grid-scroll::-webkit-scrollbar{display:none}.app[data-stage=phone] .row-fill.is-overlay{box-sizing:border-box;width:max-content;max-width:calc(100cqw - var(--fill-left,60px) - var(--space-3))}.app[data-stage=phone] .row-fill-ctl{gap:var(--space-1);row-gap:var(--space-2);flex-wrap:wrap}.app[data-stage=phone] .row-fill-tag{display:none}.app[data-stage=phone] .row-fill .row-fill-value{min-width:2ch}.app[data-stage=phone] .row-fill-step{gap:var(--space-1)}.app[data-stage=phone] .row-fill-apply{flex-grow:1;min-width:44px;height:44px}.app[data-stage=phone] .lane-grid-scroll.fill-rails-open .grid-row{margin-bottom:34px}@container (width<=355px){.app[data-stage=phone] .lane-grid-scroll.fill-rails-open .grid-row{margin-bottom:80px}}.row-fill-ctl{align-items:center;gap:var(--space-2);display:flex}.row-fill-tag{font:var(--text-label-sm);letter-spacing:.05em;color:color-mix(in srgb, var(--color-ink) 55%, var(--metal-recess))}.row-fill-value{font:var(--text-value);color:var(--color-ink);text-align:center;min-width:3ch}.row-fill-apply{font:var(--text-panel-label-sm);letter-spacing:var(--track-panel-label);text-transform:uppercase;color:var(--color-ink);background:var(--metal-raised);border:1px solid color-mix(in srgb, var(--lane-hue) 38%, var(--metal-raised));box-shadow:var(--elev-key);height:20px;padding:0 var(--space-2);cursor:pointer;border-radius:3px;line-height:1}.row-fill-apply:disabled{opacity:.55;cursor:default}.row-fill-apply:not(:disabled):hover,.row-fill-apply.is-armed{background:color-mix(in srgb, var(--lane-hue) 18%, var(--metal-raised))}.cell[data-preview=true]{outline:2px dashed var(--lane-hue);outline-offset:-2px}.note-runs{pointer-events:none;position:absolute;inset:0;overflow:hidden}.note-run{background:var(--lane-hue);box-shadow:0 0 3px color-mix(in srgb, var(--lane-hue) 50%, transparent);border-radius:3px;position:absolute;top:1px;bottom:1px}.note-run.is-drag-preview{background:color-mix(in srgb, var(--lane-hue) 25%, var(--color-ground));border:1px dashed var(--lane-hue);box-shadow:none}.note-edge{cursor:ew-resize;touch-action:pan-y;pointer-events:auto;width:min(5px,100%);position:absolute;top:0;bottom:0;right:0}.note-edge:after{content:"";background:color-mix(in srgb, var(--color-ground) 45%, var(--lane-hue));border-radius:1px;width:2px;position:absolute;top:2px;bottom:2px;right:1px}.grid-playhead{background:linear-gradient(to right, transparent 0, color-mix(in srgb, var(--color-ink) 30%, transparent) 55%, color-mix(in srgb, var(--color-ink) 85%, transparent) calc(100% - 2px), var(--color-ink) 100%);opacity:0;will-change:transform;pointer-events:none;width:14px;margin-left:-14px;position:absolute;top:0;bottom:0}.cell.is-triggering:after{animation:grid-cell-bloom var(--glow-trigger-decay) ease-out 1}@keyframes grid-cell-bloom{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.grid-playhead{display:none}.row-fill,.cell{transition:none}.lane-floor .cell:active{transform:none}.cell:after{transition:none}.cell.is-triggering:after{animation:none}.cell.is-col-active{border-color:var(--lane-hue);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--lane-hue) 45%, transparent)}}.lane-head-strip{align-items:stretch;gap:var(--space-2);margin-bottom:var(--space-2);flex-direction:column;display:flex}.lane-strip-compact{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.lane-strip-compact .lane-name{white-space:nowrap;margin-right:auto}.app.membrane:not([data-stage=phone]) .lane-strip-compact{flex-wrap:wrap}.app.membrane:not([data-stage=phone]) .lane-strip-compact .lane-name{flex-shrink:0}.lane-name:before{content:"";width:3px;height:3px;margin-right:var(--space-2);border:1px solid color-mix(in srgb, var(--color-ink) 55%, transparent);vertical-align:1px;background:var(--lane-hue);box-shadow:0 0 var(--glow-blur) color-mix(in srgb, var(--lane-hue) 55%, transparent);opacity:.35;transition:opacity var(--rim-pulse-decay) ease-out;border-radius:50%;display:inline-block}.lane-floor.is-sounding .lane-name:before{opacity:1}@media (prefers-reduced-motion:reduce){.lane-name:before{transition:none}}.lane-strip-edit{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.lane-strip-edit.is-hidden{display:none}.head-ctl{align-items:center;gap:var(--space-2);display:flex}.head-ctl-label{font:var(--text-panel-label-sm);letter-spacing:var(--track-panel-label);text-transform:uppercase;color:var(--theme-muted);line-height:1}.head-stepper{align-items:center;gap:var(--space-2);display:flex}.head-step-btn{font:var(--text-panel-label);color:var(--color-ink);background:var(--metal-raised);border:1px solid color-mix(in srgb, var(--lane-hue) 38%, var(--metal-raised));cursor:pointer;width:20px;height:20px;box-shadow:var(--keycap);border-radius:3px;place-items:center;line-height:1;display:grid}.head-step-btn:hover{background:color-mix(in srgb, var(--color-ink) 12%, var(--metal-raised))}.head-ctl-value{font:var(--text-value);color:var(--color-ink);text-align:center;min-width:8ch}.head-vol-value{text-align:right;min-width:4ch}.head-sound-browse{border:1px solid var(--theme-line);background:var(--metal-panel);width:132px;min-width:0;height:28px;color:var(--color-ink);cursor:pointer;text-align:left;border-radius:4px;padding:2px 4px}@media (width<=767px){.head-sound-browse{width:128px;height:44px}}.head-oct-value{min-width:2ch}.head-ctl-unit{color:color-mix(in srgb, var(--color-ink) 55%, var(--metal-panel));margin-left:2px}.head-range{appearance:none;cursor:pointer;background:0 0;width:72px;height:14px;margin:0}.head-range::-webkit-slider-runnable-track{background:var(--metal-recess);border:1px solid var(--metal-edge-lo);height:4px;box-shadow:var(--micro-recess);border-radius:2px}.head-range::-moz-range-track{background:var(--metal-recess);border:1px solid var(--metal-edge-lo);height:4px;box-shadow:var(--micro-recess);border-radius:2px}.head-range::-webkit-slider-thumb{appearance:none;background:var(--color-ink);border:1px solid color-mix(in srgb, var(--lane-hue) 55%, var(--color-ground));border-radius:1px;width:10px;height:10px;margin-top:-4px}.head-range::-moz-range-thumb{background:var(--color-ink);border:1px solid color-mix(in srgb, var(--lane-hue) 55%, var(--color-ground));border-radius:1px;width:10px;height:10px}.head-mix-btn{font:var(--text-panel-label-sm);letter-spacing:var(--track-panel-label);text-transform:uppercase;color:var(--color-ink);background:var(--metal-raised);border:1px solid color-mix(in srgb, var(--color-ink) 30%, var(--metal-raised));box-shadow:var(--keycap);height:20px;padding:0 var(--space-3);cursor:pointer;white-space:nowrap;border-radius:4px;line-height:1}.head-mix-btn:hover{background:color-mix(in srgb, var(--color-ink) 12%, var(--metal-raised))}.head-mix-btn.is-on{color:var(--color-ink-on-fill);background:var(--lane-hue);border-color:var(--lane-hue)}.head-mix-btn{position:relative}.head-mix-btn:before{content:"";background:var(--metal-recess);pointer-events:none;border-radius:1px;width:14px;height:2px;position:absolute;bottom:2px;left:4px;box-shadow:inset 0 1px 1px #0000008c}.head-mix-btn:after{content:"";background:color-mix(in srgb, var(--color-ink) 55%, var(--metal-raised));pointer-events:none;width:8px;height:2px;transition:transform var(--press-throw-time) var(--press-curve);border-radius:1px;position:absolute;bottom:2px;left:4px;transform:translate(0);box-shadow:0 1px #ffffff14}.head-mix-btn.is-on:after{transform:translateX(var(--press-throw));background:var(--color-ink-on-fill);box-shadow:none;animation:switch-throw var(--press-throw-time) ease-out}.head-scale-wrap{display:inline-flex;position:relative}.scale-chip{font:var(--text-panel-label-sm);letter-spacing:var(--track-panel-label);text-transform:uppercase;color:var(--color-ink);background:var(--metal-raised);border:1px solid color-mix(in srgb, var(--color-ink) 30%, var(--metal-raised));box-shadow:var(--keycap);cursor:pointer;white-space:nowrap;border-radius:4px;padding:4px 8px;line-height:1}.scale-chip:hover{background:color-mix(in srgb, var(--color-ink) 12%, var(--metal-raised))}.scale-chip.is-lane{border-color:var(--lane-hue);background:color-mix(in srgb, var(--lane-hue) 14%, var(--metal-raised));box-shadow:0 0 3px color-mix(in srgb, var(--lane-hue) 45%, transparent)}.scale-chip-booth{text-align:center;min-width:9ch}.scale-pop{top:calc(100% + var(--space-3));z-index:40;width:264px;padding:var(--space-4);gap:var(--space-4);background-color:var(--metal-panel);background-image:var(--metal-brush);border:1px solid color-mix(in srgb, var(--color-ink) 25%, var(--metal-panel));box-shadow:var(--elev-3);border-radius:6px;flex-direction:column;display:flex;position:absolute;left:0}.scale-pop-group{gap:var(--space-2);flex-direction:column;display:flex}.scale-pop-heading{font:var(--text-panel-label-sm);letter-spacing:var(--track-panel-label);text-transform:uppercase;color:var(--theme-muted);line-height:1}.scale-pop-roots{gap:var(--space-1);grid-template-columns:repeat(6,1fr);display:grid}.scale-pop-root{font:var(--text-value);color:var(--color-ink);background:var(--metal-raised);border:1px solid color-mix(in srgb, var(--color-ink) 24%, var(--metal-raised));cursor:pointer;border-radius:3px;padding:4px 0}.scale-pop-root:hover{background:color-mix(in srgb, var(--color-ink) 12%, var(--metal-raised))}.scale-pop-root[aria-pressed=true]{background:var(--color-ink);color:var(--color-ink-on-fill);border-color:var(--color-ink)}.scale-pop-modes{gap:var(--space-1);scrollbar-color:color-mix(in srgb, var(--color-ink) 30%, var(--metal-panel)) transparent;flex-direction:column;max-height:168px;display:flex;overflow-y:auto}.scale-pop-mode{font:var(--text-ui);text-align:left;color:var(--color-ink);background:color-mix(in srgb, var(--color-ink) 5%, var(--metal-raised));border:1px solid color-mix(in srgb, var(--color-ink) 18%, var(--metal-raised));cursor:pointer;border-radius:3px;padding:4px 8px;line-height:1.2}.scale-pop-mode:hover{background:color-mix(in srgb, var(--color-ink) 12%, var(--metal-raised))}.scale-pop-mode[aria-pressed=true]{background:var(--color-ink);color:var(--color-ink-on-fill);border-color:var(--color-ink)}.scale-pop-actions{gap:var(--space-2);flex-direction:column;display:flex}.scale-pop-commit{font:var(--text-panel-label-sm);letter-spacing:var(--track-panel-label);text-transform:uppercase;color:var(--color-ink-on-fill);background:var(--color-ink);border:1px solid var(--color-ink);cursor:pointer;border-radius:4px;padding:6px 8px;line-height:1}.scale-pop-detach{font:var(--text-panel-label-sm);letter-spacing:var(--track-panel-label);text-transform:uppercase;color:var(--color-ink);background:var(--metal-raised);border:1px solid color-mix(in srgb, var(--color-ink) 30%, var(--metal-raised));cursor:pointer;border-radius:4px;padding:6px 8px;line-height:1}.scale-pop-detach.is-dim{opacity:.55}.head-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app[data-stage=phone] .head-step-btn{width:44px;height:44px}.app[data-stage=phone] .head-mix-btn:before,.app[data-stage=phone] .head-mix-btn:after{border-radius:1.5px;height:3px;bottom:5px}.app[data-stage=phone] .head-mix-btn:before{width:20px}.app[data-stage=phone] .head-mix-btn:after{width:11px;box-shadow:0 1px #ffffff14}.app[data-stage=phone] .lane-strip-edit .scale-chip,.app[data-stage=phone] .head-mix-btn,.app[data-stage=phone] .head-fx{min-height:44px;padding-inline:var(--space-4)}.app[data-stage=phone] .head-range{height:44px}.app[data-stage=phone] .scale-pop{width:min(320px, calc(100vw - 2 * var(--space-4)))}.app[data-stage=phone] .scale-pop-root,.app[data-stage=phone] .scale-pop-mode,.app[data-stage=phone] .scale-pop-commit,.app[data-stage=phone] .scale-pop-detach{min-height:44px}.app[data-stage=phone] .lane-state{display:none}.app[data-stage=phone] .lane-strip-compact{align-items:stretch;row-gap:var(--space-2);flex-flow:column}.app[data-stage=phone] .lane-strip-row{align-items:center;column-gap:var(--space-4);flex-wrap:nowrap;min-width:0;display:flex}.app[data-stage=phone] .lane-strip-row-mix .head-ctl-vol{min-width:0;margin-left:auto}.app[data-stage=phone] .lane-strip-compact .head-range{min-width:48px}.app[data-stage=phone] .lane-strip-compact .head-ctl,.app[data-stage=phone] .lane-strip-compact .head-stepper{min-width:0}.app[data-stage=phone] .lane-strip-compact .head-step-btn,.app[data-stage=phone] .lane-strip-compact .head-mix-btn{flex-shrink:0}.app[data-stage=phone] .lane-strip-compact .head-ctl-value{text-overflow:ellipsis;white-space:nowrap;max-width:26vw;overflow:hidden}@media (width>=768px){.app[data-stage=phone] .lane-strip-compact{align-items:center;column-gap:var(--space-4);flex-flow:row}.app[data-stage=phone] .lane-strip-row-mix{margin-left:auto}}@media (prefers-reduced-motion:reduce){.head-mix-btn:after{transition:none}.head-mix-btn.is-on:after{animation:none}}.lane-fx-wrap{top:53px;left:var(--space-3);right:var(--space-3);bottom:var(--space-2);z-index:30;scrollbar-color:color-mix(in srgb, var(--color-ink) 30%, var(--metal-panel)) transparent;background-color:var(--metal-panel);background-image:var(--metal-brush);border:1px solid color-mix(in srgb, var(--color-ink) 25%, var(--metal-panel));box-shadow:var(--elev-3), inset 0 1px 0 var(--metal-edge-hi);border-radius:6px;flex-direction:column;display:flex;position:absolute;overflow-y:auto}.lane-fx-title{z-index:1;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background-color:var(--metal-panel);background-image:var(--metal-brush);border-bottom:1px solid var(--metal-edge-lo);display:flex;position:sticky;top:0}.lane-fx-title-led{background:var(--lane-hue);border:1px solid color-mix(in srgb, var(--color-ink) 65%, transparent);width:8px;height:8px;box-shadow:0 0 var(--glow-blur) color-mix(in srgb, var(--lane-hue) 55%, transparent);border-radius:50%;flex:none}.lane-fx-title-name{font:var(--text-label-sm);letter-spacing:.05em;color:var(--color-ink);white-space:nowrap;margin-right:auto}.lane-fx-close{font:var(--text-panel-label-sm);letter-spacing:var(--track-panel-label);text-transform:uppercase;color:var(--color-ink);background:var(--metal-raised);border:1px solid color-mix(in srgb, var(--color-ink) 30%, var(--metal-raised));box-shadow:var(--keycap);height:20px;padding:0 var(--space-3);cursor:pointer;white-space:nowrap;border-radius:3px;line-height:1}.lane-fx-close:hover{background:color-mix(in srgb, var(--color-ink) 12%, var(--metal-raised))}.lane-fx-close:focus-visible{outline:var(--focus-on-metal);outline-offset:var(--focus-on-metal-offset)}.fx-strip{gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4);flex-direction:column;display:flex}.fx-strip-modules{gap:var(--space-3);flex-wrap:wrap;display:flex}.fx-strip-empty{font:var(--text-label-sm);letter-spacing:.05em;color:color-mix(in srgb, var(--color-ink) 55%, var(--metal-panel));padding:var(--space-4) 0;margin:0}.fx-mod{gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4);background-color:var(--metal-raised);background-image:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--color-ink) 30%, transparent), var(--metal-edge-lo) 65%, transparent 70%), radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--color-ink) 30%, transparent), var(--metal-edge-lo) 65%, transparent 70%);border:1px solid color-mix(in srgb, var(--lane-hue) 55%, var(--metal-raised));box-shadow:var(--elev-key);cursor:grab;background-position:3px 3px,right 3px top 3px;background-repeat:no-repeat;background-size:6px 6px,6px 6px;border-radius:4px;flex-direction:column;flex:0 236px;display:flex;position:relative}.fx-mod.is-drop{border-color:var(--lane-hue);border-style:var(--rim-pending)}.fx-mod.is-bypassed{border-color:color-mix(in srgb, var(--color-ink) 16%, var(--metal-raised));background-color:color-mix(in srgb, var(--color-ink) 3%, var(--metal-raised))}.fx-mod.is-bypassed .fx-mod-name{color:color-mix(in srgb, var(--color-ink) 55%, var(--metal-raised))}.fx-mod-head{justify-content:flex-start;align-items:center;gap:var(--space-3);display:flex}.fx-mod-head:before{content:"";background-color:var(--metal-recess);background-image:repeating-linear-gradient(90deg, transparent 0 4px, var(--metal-recess) 4px 6px), linear-gradient(var(--lane-hue), var(--lane-hue));background-repeat:no-repeat;background-size:100% 100%, calc(var(--fx-meter,0) * 100%) 100%;width:44px;height:6px;box-shadow:var(--led-window);border-radius:2px;flex:none}.fx-mod.is-bypassed .fx-mod-head:before{opacity:.5}.fx-mod-name{font:var(--text-panel-label-sm);letter-spacing:var(--track-panel-label);text-transform:uppercase;color:var(--color-ink);line-height:1}.fx-mod-actions{gap:var(--space-1);margin-left:auto;display:flex}.fx-mod-btn{font:var(--text-panel-label-sm);letter-spacing:var(--track-panel-label);text-transform:uppercase;color:var(--color-ink);background:var(--metal-raised);border:1px solid color-mix(in srgb, var(--color-ink) 30%, var(--metal-raised));box-shadow:var(--keycap);cursor:pointer;border-radius:3px;place-items:center;min-width:20px;height:20px;padding:0 4px;line-height:1;display:grid}.fx-mod-btn:hover:not(:disabled){background:color-mix(in srgb, var(--color-ink) 12%, var(--metal-raised))}.fx-mod-btn:disabled{opacity:.55;cursor:default}.fx-mod-btn:focus-visible{outline:var(--focus-on-metal);outline-offset:var(--focus-on-metal-offset)}.fx-bypass-btn[aria-pressed=false]{background:var(--lane-hue);border-color:var(--lane-hue);color:var(--color-ink-on-fill)}.fx-bypass-btn{position:relative}.fx-bypass-btn:before{content:"";background:var(--metal-recess);pointer-events:none;border-radius:1px;width:14px;height:2px;position:absolute;bottom:2px;left:3px;box-shadow:inset 0 1px 1px #0000008c}.fx-bypass-btn:after{content:"";background:color-mix(in srgb, var(--color-ink) 55%, var(--metal-raised));pointer-events:none;width:8px;height:2px;transition:transform var(--press-throw-time) var(--press-curve);border-radius:1px;position:absolute;bottom:2px;left:3px;transform:translate(0);box-shadow:0 1px #ffffff14}.fx-bypass-btn[aria-pressed=false]:after{transform:translateX(var(--press-throw));background:var(--color-ink-on-fill);box-shadow:none;animation:switch-throw var(--press-throw-time) ease-out}.fx-remove-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-lane-drums) 55%, var(--metal-raised))}.fx-mod-params{gap:var(--space-2);flex-direction:column;display:flex}.fx-param{align-items:center;gap:var(--space-3);grid-template-columns:64px 1fr auto;display:grid}.fx-param-label{font:var(--text-panel-label-sm);letter-spacing:var(--track-panel-label);text-transform:uppercase;color:var(--theme-muted);line-height:1}.fx-mod.is-bypassed .fx-param-label{color:color-mix(in srgb, var(--color-ink) 55%, var(--metal-raised))}.fx-param-slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:14px;margin:0}.fx-param-slider::-webkit-slider-runnable-track{background:var(--metal-recess);border:1px solid var(--metal-edge-lo);height:4px;box-shadow:var(--micro-recess);border-radius:2px}.fx-param-slider::-moz-range-track{background:var(--metal-recess);border:1px solid var(--metal-edge-lo);height:4px;box-shadow:var(--micro-recess);border-radius:2px}.fx-param-slider::-webkit-slider-thumb{appearance:none;background:var(--color-ink);border:1px solid color-mix(in srgb, var(--lane-hue) 55%, var(--color-ground));border-radius:1px;width:10px;height:10px;margin-top:-4px;box-shadow:0 1px 2px #0009}.fx-param-slider::-moz-range-thumb{background:var(--color-ink);border:1px solid color-mix(in srgb, var(--lane-hue) 55%, var(--color-ground));border-radius:1px;width:10px;height:10px;box-shadow:0 1px 2px #0009}.fx-param-slider:focus-visible{outline:var(--focus-on-metal);outline-offset:var(--focus-on-metal-offset)}.fx-mod.is-bypassed .fx-param-slider::-webkit-slider-thumb{border-color:color-mix(in srgb, var(--color-ink) 35%, var(--color-ground))}.fx-mod.is-bypassed .fx-param-slider::-moz-range-thumb{border-color:color-mix(in srgb, var(--color-ink) 35%, var(--color-ground))}.fx-param-select{appearance:none;box-sizing:border-box;font:var(--text-value);color:var(--color-ink);background-color:var(--metal-raised);border:1px solid color-mix(in srgb, var(--color-ink) 30%, var(--metal-raised));box-shadow:var(--keycap);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0h10L5 6Z' fill='%23f5f2e9' fill-opacity='.7'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;background-size:10px 6px;border-radius:3px;width:100%;padding:2px 22px 2px 6px}.fx-param-select:hover{background-color:color-mix(in srgb, var(--color-ink) 8%, var(--metal-raised))}.fx-param-select:focus-visible{outline:var(--focus-on-metal);outline-offset:var(--focus-on-metal-offset)}.fx-param-readout{font:var(--text-value);color:var(--color-ink);background:var(--metal-recess);box-shadow:var(--led-window);text-align:right;white-space:nowrap;border-radius:2px;min-width:7ch;padding:2px 6px}.fx-mod.is-bypassed .fx-param-readout{color:color-mix(in srgb, var(--color-ink) 50%, var(--metal-recess))}.fx-strip-footer{align-items:center;min-height:24px;display:flex;position:relative}.fx-add-btn{font:var(--text-panel-label-sm);letter-spacing:var(--track-panel-label);text-transform:uppercase;color:var(--color-ink);background:var(--metal-raised);border:1px solid color-mix(in srgb, var(--lane-hue) 45%, var(--metal-raised));box-shadow:var(--keycap);cursor:pointer;border-radius:3px;padding:4px 10px;line-height:1}.fx-add-btn:hover{background:color-mix(in srgb, var(--color-ink) 12%, var(--metal-raised))}.fx-add-btn:focus-visible{outline:var(--focus-on-metal);outline-offset:var(--focus-on-metal-offset)}.fx-strip-cap{font:var(--text-panel-label-sm);letter-spacing:var(--track-panel-label);text-transform:uppercase;color:color-mix(in srgb, var(--color-ink) 55%, var(--metal-panel));line-height:1}.fx-add-menu{bottom:calc(100% + var(--space-2));z-index:40;gap:var(--space-1);padding:var(--space-2);background-color:var(--metal-panel);background-image:var(--metal-brush);border:1px solid color-mix(in srgb, var(--color-ink) 25%, var(--metal-panel));box-shadow:var(--elev-3);border-radius:4px;display:flex;position:absolute;left:0}.fx-add-item{font:var(--text-panel-label-sm);letter-spacing:var(--track-panel-label);text-transform:uppercase;color:var(--color-ink);background:var(--metal-raised);border:1px solid color-mix(in srgb, var(--color-ink) 30%, var(--metal-raised));box-shadow:var(--keycap);cursor:pointer;border-radius:3px;padding:5px 8px;line-height:1}.fx-add-item:hover{background:color-mix(in srgb, var(--color-ink) 12%, var(--metal-raised));border-color:color-mix(in srgb, var(--lane-hue) 55%, var(--metal-raised))}.fx-add-item:focus-visible{outline:var(--focus-on-metal);outline-offset:var(--focus-on-metal-offset)}.head-fx{font:var(--text-panel-label-sm);letter-spacing:var(--track-panel-label);text-transform:uppercase;color:var(--color-ink);background:var(--metal-raised);border:1px solid color-mix(in srgb, var(--lane-hue) 38%, var(--metal-raised));box-shadow:var(--keycap);cursor:pointer;border-radius:3px;padding:4px 10px;line-height:1}.head-fx:hover{background:color-mix(in srgb, var(--color-ink) 12%, var(--metal-raised))}.head-fx:focus-visible{outline:var(--focus-on-metal);outline-offset:var(--focus-on-metal-offset)}.head-fx.is-open{background:color-mix(in srgb, var(--lane-hue) 14%, var(--metal-raised));border-color:var(--lane-hue)}.fx-mod:before{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--lane-hue) 70%, transparent), 0 0 var(--glow-blur) color-mix(in srgb, var(--lane-hue) 60%, transparent);opacity:0;position:absolute;inset:0}.fx-mod.is-flash:before{animation:fx-mod-flash var(--glow-trigger-decay) ease-out 1 both}@keyframes fx-mod-flash{0%{opacity:1}to{opacity:0}}.app[data-stage=phone] .lane-fx-close,.app[data-stage=phone] .fx-add-btn,.app[data-stage=phone] .fx-add-item{min-width:44px;min-height:44px}.app[data-stage=phone] .head-fx{min-width:44px}.app[data-stage=phone] .fx-mod-btn{min-width:44px;min-height:44px}.app[data-stage=phone] .fx-bypass-btn:before,.app[data-stage=phone] .fx-bypass-btn:after{border-radius:1.5px;height:3px;bottom:5px}.app[data-stage=phone] .fx-bypass-btn:before{width:20px}.app[data-stage=phone] .fx-bypass-btn:after{width:11px;box-shadow:0 1px #ffffff14}.app[data-stage=phone] .fx-param-slider{height:44px}.app[data-stage=phone] .fx-param-select{min-height:44px}@media (prefers-reduced-motion:reduce){.fx-mod.is-flash:before{animation:none}.fx-bypass-btn:after{transition:none}.fx-bypass-btn[aria-pressed=false]:after{animation:none}}.fx-mod{background-image:var(--furniture-screw), var(--furniture-screw);background-repeat:no-repeat,no-repeat;background-size:var(--furniture-screw-size) var(--furniture-screw-size), var(--furniture-screw-size) var(--furniture-screw-size);background-position:3px 3px,right 3px top 3px}.rail{--lane-hue:var(--color-ink);width:calc(100% - 2 * var(--space-5));padding:var(--space-3) var(--space-5) 0;background-color:var(--metal-panel);background-image:var(--metal-brush-v);border-top:1px solid var(--metal-edge-hi);box-shadow:var(--elev-2);margin:0 auto}.app[data-stage=phone] .rail{width:calc(100% - 2 * var(--space-3));padding:var(--space-2) var(--space-3)}.app[data-stage=phone] .rail-head{display:none}.app[data-stage=phone] .rail-row{gap:var(--space-3);flex-wrap:nowrap}.app[data-stage=phone] .rail-lane-name{flex:none;width:auto}.app[data-stage=phone] .rail-tiles{scrollbar-width:thin;flex-wrap:nowrap;flex:auto;min-width:0;padding-right:1px;overflow-x:auto}.app[data-stage=phone] .rail-tools{flex:none}.app[data-stage=phone] .rail-tile{align-items:center;min-height:44px}.app[data-stage=phone] .rail-append,.app[data-stage=phone] .rail-tool{min-width:44px;min-height:44px}.app[data-stage=phone] .rail-edit{min-height:44px}.rail-head{margin-bottom:var(--space-2);justify-content:space-between;align-items:baseline;display:flex}.rail-title{font:var(--text-label-sm);letter-spacing:.05em;color:color-mix(in srgb, var(--color-ink) 62%, var(--metal-panel))}.rail-view-toggle{font:500 10px/1 var(--font-ui);letter-spacing:var(--track-panel-label);text-transform:uppercase;color:var(--color-ink);background:var(--metal-raised);border:1px solid color-mix(in srgb, var(--color-ink) 30%, var(--metal-raised));box-shadow:var(--keycap);padding:var(--space-1) var(--space-3);cursor:pointer;border-radius:3px}.rail-view-toggle:hover{background:color-mix(in srgb, var(--color-ink) 12%, var(--metal-raised))}.rail-view-toggle:focus-visible{outline:2px solid var(--color-ink);outline-offset:1px}.rail-row{--lane-hue:var(--color-ink);align-items:center;gap:var(--space-4);padding:var(--space-1) 0;flex-wrap:wrap;display:flex;position:relative}.rail-row[data-lane=drums]{--lane-hue:var(--color-lane-drums)}.rail-row[data-lane=bass]{--lane-hue:var(--color-lane-bass)}.rail-row[data-lane=chords]{--lane-hue:var(--color-lane-chords)}.rail-row[data-lane=lead]{--lane-hue:var(--color-lane-lead)}.rail-lane-name{width:64px;font:var(--text-panel-label-sm);letter-spacing:var(--track-panel-label);text-transform:uppercase;color:color-mix(in srgb, var(--color-ink) 62%, var(--metal-panel));-webkit-user-select:none;user-select:none;flex:none}.rail-tiles{align-items:stretch;gap:var(--space-2);flex-wrap:wrap;display:flex}.rail-tile{align-items:baseline;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid color-mix(in srgb, var(--color-ink) 30%, var(--metal-raised));background:var(--metal-raised);min-width:48px;box-shadow:var(--keycap);cursor:pointer;font:var(--text-value);white-space:nowrap;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:3px;display:flex;position:relative}.rail-tile:hover{border-color:color-mix(in srgb, var(--lane-hue) 55%, var(--metal-raised))}.rail-tile:focus-visible{outline:2px solid var(--color-ink);outline-offset:1px}.rail-tile-cue{font:var(--text-label-sm);letter-spacing:.05em;color:var(--color-ink)}.rail-tile-cue.is-empty{color:color-mix(in srgb, var(--color-ink) 55%, var(--metal-raised))}.rail-tile-name{color:var(--color-ink)}.rail-tile-bars{color:color-mix(in srgb, var(--color-ink) 55%, var(--metal-raised))}.rail-tile[data-state=selected] .rail-tile-bars,.rail-tile[data-state=active] .rail-tile-bars,.rail-tile[data-state=pending] .rail-tile-bars{color:var(--color-ink)}.rail-tile[data-state=active]{border-color:var(--lane-hue);background:color-mix(in srgb, var(--lane-hue) 18%, var(--metal-raised))}.rail-tile[data-state=selected]{border-color:var(--lane-hue);background:color-mix(in srgb, var(--lane-hue) 28%, var(--metal-raised));box-shadow:var(--keycap)}.rail-tile[data-state=pending]{border-color:var(--lane-hue);border-style:var(--rim-pending);background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--lane-hue) 32%, var(--metal-raised)) 0 4px, color-mix(in srgb, var(--lane-hue) 12%, var(--metal-raised)) 4px 8px);box-shadow:var(--keycap)}.rail-tile[data-sounding=true]{border-color:var(--lane-hue);outline:var(--rim-width) var(--rim-idle) color-mix(in srgb, var(--lane-hue) 80%, var(--metal-raised));outline-offset:-5px;box-shadow:0 0 var(--glow-blur) color-mix(in srgb, var(--lane-hue) 55%, transparent)}.rail-tile-flag{color:var(--color-ink);font-size:10px;line-height:1;position:absolute;top:2px;right:4px}.rail-tile[data-cue-preview=swept]{border-color:var(--lane-hue);border-style:var(--rim-pending)}.rail-tile[data-cue-preview=target]{border-color:var(--lane-hue);background:color-mix(in srgb, var(--lane-hue) 22%, var(--metal-raised));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--lane-hue) 70%, var(--metal-raised))}.rail-tile[data-in-range=true]{border-color:var(--lane-hue);background:color-mix(in srgb, var(--lane-hue) 14%, var(--metal-raised))}.rail-tile[data-in-range=true] .rail-tile-bars,.rail-tile[data-cue-preview] .rail-tile-bars{color:var(--color-ink)}.rail-append{font:var(--text-value);color:var(--color-ink);background:var(--metal-raised);border:1px dashed color-mix(in srgb, var(--color-ink) 30%, var(--metal-raised));box-shadow:var(--keycap);padding:var(--space-1) var(--space-3);cursor:pointer;border-radius:3px}.rail-append:hover{border-color:color-mix(in srgb, var(--lane-hue) 55%, var(--metal-raised))}.rail-append:focus-visible,.rail-tool:focus-visible{outline:2px solid var(--color-ink);outline-offset:1px}.rail-struct-flag{font:var(--text-label-sm);letter-spacing:.05em;color:var(--color-ink);background:var(--metal-raised);border:1px solid color-mix(in srgb, var(--color-ink) 35%, var(--metal-raised));box-shadow:var(--keycap);padding:var(--space-1) var(--space-3);border-radius:3px}.rail-tools{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.rail-tools-menu{top:calc(100% + var(--space-2));z-index:40;gap:var(--space-2);max-width:216px;padding:var(--space-3);background-color:var(--metal-panel);background-image:var(--metal-brush-v);border:1px solid color-mix(in srgb, var(--color-ink) 25%, var(--metal-panel));box-shadow:var(--elev-3);border-radius:6px;flex-wrap:wrap;display:flex;position:absolute;right:0}.rail-tool{font:500 10px/1 var(--font-ui);letter-spacing:var(--track-panel-label);text-transform:uppercase;color:var(--color-ink);background:var(--metal-raised);border:1px solid color-mix(in srgb, var(--color-ink) 30%, var(--metal-raised));box-shadow:var(--keycap);padding:var(--space-1) var(--space-3);cursor:pointer;border-radius:3px}.rail-tool:hover:not(:disabled){background:color-mix(in srgb, var(--color-ink) 12%, var(--metal-raised))}.rail-tool:disabled{opacity:.55;cursor:not-allowed}.rail-length{align-items:center;gap:var(--space-1);display:flex}.rail-length-value{font:var(--text-value);color:var(--color-ink);text-align:center;white-space:nowrap;min-width:11ch}.app:not([data-stage=phone]) .rail-tools-menu{max-width:280px}.app:not([data-stage=phone]) .rail-length-value{min-width:15ch}.rail-edit{font:var(--text-value);color:var(--color-ink);background:var(--metal-recess);border:1px solid var(--lane-hue);box-shadow:var(--led-window);padding:var(--space-1) var(--space-2);-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;border-radius:3px;width:9ch}.rail[data-view=focus] .rail-tile:not([data-state=active]):not([data-state=pending]):not([data-state=selected]),.rail[data-view=focus] .rail-tools,.rail[data-view=focus] .rail-append{display:none}.stage-floors[data-view=focus] .lane-floor[data-lane=drums] .lane-grid,.stage-floors[data-view=focus] .lane-floor[data-lane=chords] .lane-grid{zoom:1.25}.rail{background-image:var(--furniture-screw), var(--furniture-screw), var(--panel-light), var(--metal-brush-v);background-repeat:no-repeat,no-repeat,no-repeat,repeat;background-size:var(--furniture-screw-size) var(--furniture-screw-size), var(--furniture-screw-size) var(--furniture-screw-size), 100% 100%, auto;background-position:6px 2px,right 6px top 2px,0 0,0 0}.viz-page{z-index:55;color:var(--color-ink);background:var(--metal-deck);font:13px/1.5 var(--font-ui);--viz-border:color-mix(in srgb, var(--color-ink) 24%, var(--metal-panel));--viz-muted:color-mix(in srgb, var(--color-ink) 72%, var(--metal-panel));grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0}.viz-page *{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--viz-muted) var(--metal-panel)}.viz-page ::selection{background:var(--color-ink);color:var(--color-ink-on-fill)}.viz-header{border-bottom:1px solid var(--viz-border);background:var(--metal-panel);justify-content:space-between;align-items:center;gap:24px;padding:16px 24px;display:flex}.viz-header h1{font:500 18px/1.3 var(--font-ui);letter-spacing:-.02em;margin:0}.viz-header p{color:var(--viz-muted);margin:4px 0 0;font-size:11px}.viz-header-actions{gap:8px;display:flex}.viz-btn,.viz-field select{border:1px solid var(--viz-border);background:var(--metal-raised);color:var(--color-ink);min-height:44px;font:inherit;cursor:pointer;border-radius:4px;padding:8px 12px}.viz-btn:hover,.viz-field select:hover{background:color-mix(in srgb, var(--color-ink) 12%, var(--metal-raised))}.viz-btn:active{box-shadow:var(--keycap-down)}.viz-page :is(button,select,input):focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.viz-workspace{grid-template-columns:minmax(0,1fr) 304px;min-height:0;display:grid}.viz-stage{min-width:0;min-height:0;position:relative;overflow:hidden}.viz-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.viz-stage-hint{color:var(--viz-muted);pointer-events:none;margin:0;font-size:11px;position:absolute;bottom:16px;left:24px;right:24px}.viz-anchor{border:1px solid var(--viz-lane);background:var(--metal-recess);width:44px;height:44px;color:var(--color-ink);cursor:grab;touch-action:none;font:12px var(--font-ui);border-radius:50%;padding:0;position:absolute;transform:translate(-50%,-50%)}.viz-anchor[aria-pressed=true]{background:var(--viz-lane);color:var(--color-ink-on-fill);z-index:2;border-style:double;border-width:3px}.viz-anchor:active{cursor:grabbing}.viz-anchor-name{color:var(--color-ink);background:var(--metal-recess);font:10px/1.5 var(--font-ui);text-transform:uppercase;pointer-events:none;padding:2px 5px;position:absolute;top:48px;left:50%;transform:translate(-50%)}.viz-anchor[hidden],.viz-stage-hint[hidden]{display:none}.viz-remote{background:var(--metal-panel);border-left:1px solid var(--viz-border);overflow-y:auto}.viz-lane-tabs{border-bottom:1px solid var(--viz-border);grid-template-columns:1fr 1fr;gap:6px;padding:16px;display:grid}.viz-lane-tabs .viz-btn{text-transform:capitalize;align-items:center;gap:9px;padding:8px;font-size:12px;display:flex}.viz-lane-tabs .viz-btn[aria-pressed=true]{outline:1px solid var(--color-ink);outline-offset:-3px;background:var(--metal-recess)}.viz-lane-dot{flex:none;width:7px;height:7px}.viz-inspector-body{padding:22px 20px}.viz-inspector-body h2{font:500 23px/1.3 var(--font-ui);text-transform:capitalize;letter-spacing:-.02em;margin:0 0 22px}.viz-field{color:var(--viz-muted);font-size:12px;display:block}.viz-field select{appearance:auto;width:100%;margin-top:8px;font-size:13px;display:block}.viz-effect-description{min-height:74px;color:var(--viz-muted);margin:12px 0 26px;font-size:12px;line-height:1.65}.viz-position-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.viz-position-head h3{color:var(--viz-muted);margin:0;font-size:12px;font-weight:400}.viz-position-head output,.viz-scale output{font:11px var(--font-value);color:var(--color-ink)}.viz-position-map{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:10px;display:grid;position:relative}.viz-position-btn{border:1px solid var(--viz-border);background:var(--metal-recess);cursor:pointer;border-radius:2px;min-height:44px;padding:0}.viz-position-btn:hover{background:var(--metal-raised)}.viz-position-btn[aria-pressed=true]{border:2px solid var(--viz-lane)}.viz-position-marker{background:var(--viz-lane);pointer-events:none;width:7px;height:7px;position:absolute;transform:translate(-50%,-50%)}.viz-scale{margin-top:26px}.viz-scale output{float:right}.viz-scale input{width:100%;height:28px;accent-color:var(--viz-lane);cursor:pointer;margin:10px 0 0;display:block}.viz-inspector-tip{color:var(--viz-muted);margin:22px 0;font-size:11px;line-height:1.7}.viz-library-note{border-top:1px solid var(--viz-border);color:var(--viz-muted);padding-top:16px;font-size:11px}.viz-footer{border-top:1px solid var(--viz-border);background:var(--metal-panel);align-items:center;gap:18px;padding:12px 24px;display:flex}.viz-footer>span{color:var(--viz-muted);font-size:11px}.viz-footer output{font:11px var(--font-value);color:var(--viz-muted);margin-left:auto}.viz-reroll{background:var(--color-ink);color:var(--color-ink-on-fill);font-weight:500}.viz-reroll:hover{background:var(--color-ink);box-shadow:var(--keycap)}.viz-error:empty{display:none}.viz-error{color:var(--color-ink);background:var(--metal-recess);border:1px solid var(--color-ink);padding:16px;position:absolute;top:16px;left:16px;right:16px}.viz-announce{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.viz-view-only .viz-workspace{grid-template-columns:minmax(0,1fr)}.viz-view-only .viz-remote{display:none}.app[data-help-mode=on] .viz-footer{padding-bottom:56px}@media (width<=700px){.viz-header{flex-wrap:wrap;gap:12px;padding:12px}.viz-header h1{font-size:16px}.viz-header-actions{width:100%}.viz-header-actions .viz-btn{flex:1;font-size:11px}.viz-workspace{grid-template-rows:minmax(200px,1fr) minmax(160px,38%);grid-template-columns:minmax(0,1fr)}.viz-remote{border-left:0;border-top:1px solid var(--viz-border)}.viz-lane-tabs{z-index:3;background:var(--metal-panel);grid-template-columns:repeat(4,minmax(0,1fr));padding:8px;display:grid;position:sticky;top:0}.viz-lane-tabs .viz-btn{flex:1;justify-content:center;gap:5px;padding:6px;font-size:10px}.viz-inspector-body{padding:16px}.viz-inspector-body h2{margin-bottom:14px;font-size:18px}.viz-stage-hint{display:none}.viz-footer{gap:12px;padding:10px 12px}.viz-footer>span{display:none}.viz-footer output{font-size:9px}.viz-footer .viz-btn{font-size:11px}.viz-view-only .viz-workspace{grid-template-rows:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.viz-page *,.viz-page :before,.viz-page :after{transition:none!important;animation:none!important}}.viz-orbit-guide{pointer-events:none;fill:none;width:100%;height:100%;stroke:var(--color-ink);stroke-opacity:.2;stroke-width:.12px;position:absolute;inset:0}.viz-orbit-guide circle{stroke-dasharray:.6 1.4}.viz-motion-controls{flex-wrap:wrap;gap:12px;display:flex}.viz-motion-controls label{color:var(--color-ink);gap:4px;font-size:11px;display:grid}.viz-motion-controls select{border:1px solid color-mix(in srgb, var(--color-ink) 24%, var(--metal-panel));background:var(--metal-panel);min-height:44px;color:var(--color-ink);font:inherit;padding:8px 12px}.viz-motion-controls select:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.viz-view-only .viz-motion-controls{display:none}@media (width<=700px){.viz-motion-controls{width:100%}.viz-motion-controls label{flex:1;min-width:0}.viz-motion-controls select{width:100%;min-width:0}}.mode-icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:square;stroke-linejoin:miter;flex:none;width:1em;height:1em}.rail-tile-mode{width:11px;height:11px;color:color-mix(in srgb, var(--color-ink) 55%, var(--metal-raised));cursor:pointer;border-radius:2px;justify-content:center;align-items:center;font-size:10px;display:inline-flex;position:absolute;bottom:1px;right:1px}.rail-tile-mode:before{content:"";position:absolute;inset:-5px}.rail-tile-mode:hover{color:var(--color-ink);background:color-mix(in srgb, var(--color-ink) 12%, transparent)}.rail-tile-mode[data-mode=loop],.rail-tile[data-state] .rail-tile-mode[data-mode=loop]{color:var(--color-ink)}.lane-follow{align-items:center;gap:var(--space-2);min-width:0;height:14px;line-height:14px;font:var(--text-label-sm);letter-spacing:.05em;color:color-mix(in srgb, var(--color-ink) 62%, var(--metal-panel));-webkit-user-select:none;user-select:none;flex:none;margin-top:0;display:flex;overflow:hidden}.lane-follow-btn{align-items:center;gap:var(--space-1);height:14px;padding:0 var(--space-2);border:1px solid color-mix(in srgb, var(--color-ink) 30%, var(--metal-raised));background:var(--metal-raised);box-shadow:var(--keycap);color:var(--color-ink);font:inherit;letter-spacing:inherit;cursor:pointer;border-radius:3px;flex:none;display:inline-flex}.lane-follow-btn .mode-icon{font-size:10px}.lane-follow-btn[aria-pressed=true]{border-color:var(--lane-hue);background:color-mix(in srgb, var(--lane-hue) 22%, var(--metal-raised));box-shadow:var(--keycap-lit)}.lane-follow-btn:active{box-shadow:var(--keycap-down)}.lane-follow-btn:focus-visible{outline:2px solid var(--color-ink);outline-offset:1px}.lane-follow-slot{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app[data-stage=phone] .lane-follow{margin-top:var(--space-2);height:auto;overflow:visible}.app[data-stage=phone] .lane-follow-btn{height:44px;padding:0 var(--space-3)}.phone-page-toggle{min-width:64px;min-height:44px;padding:0 var(--space-3);border:1px solid color-mix(in srgb, var(--color-ink) 30%, var(--metal-raised));background:var(--metal-raised);box-shadow:var(--keycap);color:var(--color-ink);font:var(--text-panel-label-sm);letter-spacing:var(--track-panel-label);text-transform:uppercase;cursor:pointer;border-radius:3px;justify-content:center;justify-self:end;align-items:center;display:inline-flex}.phone-page-toggle[aria-pressed=true]{background:color-mix(in srgb, var(--color-ink) 14%, var(--metal-raised));box-shadow:var(--keycap-lit)}.phone-page-toggle:active{box-shadow:var(--keycap-down)}.phone-page-toggle:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.booth-btn-song[aria-pressed=true]{background:var(--color-ink);border-color:var(--color-ink);color:var(--metal-panel)}.stage[hidden]{display:none!important}.stage-song{min-height:0;overflow:hidden auto}.stage-song .rail{flex-direction:column;flex:1;justify-content:space-evenly;width:auto;min-height:0;margin:0;display:flex}.stage-song .rail-row{border-top:1px solid color-mix(in srgb, var(--color-ink) 12%, transparent);flex-wrap:nowrap;flex:none;align-items:center}.stage-song .rail-row:first-of-type{border-top:0}.stage-song .rail-lane-name{width:64px;color:var(--color-ink);flex:none}.stage-song .rail-tiles{scrollbar-width:thin;flex-wrap:nowrap;flex:auto;align-items:stretch;min-width:0;padding-right:1px;overflow:auto hidden}.stage-song .rail-tools{flex:none}.stage-song .rail-tile{min-width:76px;min-height:56px;padding:var(--space-2) var(--space-3);white-space:nowrap;flex-direction:column;flex:none;justify-content:center;align-items:flex-start;gap:2px}.stage-song .rail-tile-name{font-size:15px;line-height:1.1}.app[data-stage=phone] .stage-song{padding:var(--space-2) var(--space-3) var(--space-3)}.app[data-stage=phone] .stage-song .rail{padding:var(--space-2);gap:0}.app[data-stage=phone] .stage-song .rail-row{gap:var(--space-2);padding:var(--space-2) 0}.app[data-stage=phone] .stage-song .rail-lane-name{white-space:nowrap;text-overflow:ellipsis;width:46px;overflow:hidden}.app[data-stage=phone] .stage-song .rail-tile{min-width:72px;min-height:84px;padding:var(--space-2)}.app[data-stage=phone] .stage-song .rail-tile-name{font-size:17px}.app[data-stage=phone] .stage-song .rail-tile-mode{width:28px;height:28px;margin:0;font-size:15px;bottom:0;right:0}.app[data-stage=phone] .stage-song .rail-tile-mode:before{inset:-8px}@media (height<=520px){.app[data-stage=phone] .stage-song{padding:var(--space-1) var(--space-2) var(--space-2)}.app[data-stage=phone] .stage-song .rail{padding:var(--space-1) var(--space-2)}.app[data-stage=phone] .stage-song .rail-row{padding:var(--space-1) 0}.app[data-stage=phone] .stage-song .rail-tile{min-height:52px}.app[data-stage=phone] .stage-song .rail-tile-name{font-size:15px}}.app{background-image:radial-gradient(90% 70% at 22% 0%, #ffffff09 0%, transparent 70%), var(--metal-brush)}.lane-floor{background-image:var(--panel-light), var(--metal-brush);box-shadow:var(--chamfer), inset 0 -5px 3px #00000059, 0 3px 4px #000000bf, 0 12px 18px -8px #000c;border-radius:8px}.lane-head-strip{box-shadow:0 1px #ffffff1a}.lane-strip-compact .lane-name,.stage-song .rail-lane-name{font:700 13px/1.2 var(--font-label);letter-spacing:.02em;color:var(--color-ink);text-shadow:0 1px 1px #000c}.lane-name:before{width:5px;height:5px}.lane-name .lane-state{font:var(--text-panel-label-sm);letter-spacing:var(--track-panel-label)}.app:not([data-stage=phone]) .lane-strip-compact{column-gap:var(--space-3)}.booth{background-image:var(--panel-light), var(--metal-brush-v)}.stage-song .rail-lane-name{width:76px}.phone-chrome{background-color:var(--metal-panel);background-image:var(--panel-light), var(--metal-grain);box-shadow:var(--chamfer), 0 1px 1px #0000008c, 0 10px 20px -8px #000000b3}.booth-btn-play.is-on{box-shadow:var(--keycap-lit), 0 0 var(--glow-blur) color-mix(in srgb, var(--color-lane-chords) 50%, transparent)}.booth-btn-loop.is-on{box-shadow:var(--keycap-lit), 0 0 var(--glow-blur) color-mix(in srgb, var(--color-lane-lead) 50%, transparent)}.booth-btn-metro.is-on{box-shadow:var(--keycap-lit), 0 0 var(--glow-blur) color-mix(in srgb, var(--color-lane-bass) 50%, transparent)}.booth-btn-preview.is-on{box-shadow:var(--keycap-lit), 0 0 var(--glow-blur) color-mix(in srgb, var(--color-lane-chords) 50%, transparent)}.booth-btn-info.is-on,.booth-btn-viz.is-on{box-shadow:var(--keycap-lit), 0 0 var(--glow-blur) color-mix(in srgb, var(--color-ink) 50%, transparent)}.head-mix-btn.is-on,.lane-switch-tab[aria-selected=true],.scale-pop-root[aria-pressed=true],.scale-pop-mode[aria-pressed=true],.scale-pop-commit{box-shadow:var(--keycap-lit)}.scale-chip.is-lane{box-shadow:var(--keycap), 0 0 3px color-mix(in srgb, var(--lane-hue) 45%, transparent)}.rail-tile[data-sounding=true]{box-shadow:var(--keycap), 0 0 var(--glow-blur) color-mix(in srgb, var(--lane-hue) 55%, transparent)}.booth-btn:active,.booth-step-btn:active,.head-step-btn:active,.head-mix-btn:active,.head-fx:active,.scale-chip:active,.scale-pop-root:active,.scale-pop-mode:active,.scale-pop-commit:active,.scale-pop-detach:active,.row-fill-apply:not(:disabled):active,.lane-switch-tab:active,.register-shift-btn:not(:disabled):active,.rail-view-toggle:active,.rail-tool:not(:disabled):active,.rail-append:active,.fx-mod-btn:active,.lane-fx-close:active,.fx-add-btn:active,.fx-add-item:active,.projects-item:active,.projects-x:active,.projects-confirm:active{box-shadow:var(--keycap-down)}.lane-grid-scroll{box-shadow:inset 0 1px #000000e6,inset 0 3px 8px #000000d9,inset 0 -1px #ffffff17,0 1px #ffffff14,0 -1px #0000008c}.booth-led,.booth-led-input,.save-indicator{background-image:linear-gradient(#ffffff12 0%,#ffffff06 46%,#0000 50%),repeating-linear-gradient(#ffffff09 0 1px,#0000 1px 3px)}.booth-led{isolation:isolate;position:relative}.booth-led:before{content:"8888888888";inset:0 var(--space-2);z-index:-1;white-space:nowrap;color:color-mix(in srgb, var(--color-ink) 8%, transparent);text-shadow:none;pointer-events:none;direction:rtl;position:absolute;overflow:hidden}input,textarea{caret-color:var(--color-ink)}.roll-value{display:inline-block}.scale-pop:after,.projects-pop:after,.rail-tools-menu:after,.fx-add-menu:after,.lane-fx-wrap:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(#0000 0%,#fff0 38%,#ffffff1f 48%,#ffffff8c 50%,#0000 50.4%) 0 0/100% 200% no-repeat;animation:.2s cubic-bezier(.3,.7,.2,1) unit-scan-on;position:absolute;inset:0}@keyframes unit-scan-on{0%{opacity:1;background-position:0 100%}85%{opacity:1}to{opacity:0;background-position:0 0}}.rail-tile:after{content:"";border-radius:inherit;pointer-events:none;background:color-mix(in srgb, var(--lane-hue) 55%, #fff6);box-shadow:inset 0 0 0 1px var(--color-ink);opacity:0;position:absolute;inset:-1px}.rail-tile[data-sounding=true]:after{animation:.26s ease-out unit-land}@keyframes unit-land{0%{opacity:.85}22%{opacity:.2}38%{opacity:.6}to{opacity:0}}.app[data-stage=desktop] .booth-group-position{display:contents}.app[data-stage=desktop] .booth-group-position>.booth-led{margin-left:auto}.app[data-stage=desktop] .save-label,.app[data-stage=desktop] .theme-selector span{display:none}.lane-meter{pointer-events:none;background:color-mix(in srgb, var(--lane-hue) 14%, var(--metal-recess));position:relative;overflow:hidden}.lane-meter-lit{background:var(--lane-hue);position:absolute;inset:0}.lane-meter:after{content:"";position:absolute;inset:0}.lane-meter{left:2px;top:var(--space-5);bottom:var(--space-5);width:3px;box-shadow:var(--micro-recess);border-radius:1px;position:absolute}.lane-meter-lit{transform-origin:bottom;background:linear-gradient(to top, var(--lane-hue) 0 70%, color-mix(in srgb, var(--color-ink) 70%, var(--lane-hue)) 100%);transform:scaleY(0)}.lane-meter:after{background:repeating-linear-gradient(to top, transparent 0 6px, var(--metal-recess) 6px 8px)}.unit-boot{z-index:96;pointer-events:none;background:var(--metal-recess);animation:.52s cubic-bezier(.2,.7,.2,1) forwards unit-power;position:fixed;inset:0}@keyframes unit-power{0%{opacity:1}22%{opacity:.92}30%{opacity:.5}36%{opacity:.7}to{opacity:0}}.app.is-booting .lane-floor:after{animation:.46s ease-out both unit-rim-check;animation-delay:calc(.16s + var(--boot-i,0) * 70ms)}.app.is-booting .lane-floor[data-lane=bass]{--boot-i:1}.app.is-booting .lane-floor[data-lane=chords]{--boot-i:2}.app.is-booting .lane-floor[data-lane=lead]{--boot-i:3}@keyframes unit-rim-check{0%{opacity:0}22%{opacity:1}to{opacity:0}}.app.is-booting .booth-beat-led{animation:90ms linear unit-led-check;animation-delay:calc(.22s + var(--boot-i,0) * 55ms)}.app.is-booting .booth-beat-led:nth-child(2){--boot-i:1}.app.is-booting .booth-beat-led:nth-child(3){--boot-i:2}.app.is-booting .booth-beat-led:nth-child(4){--boot-i:3}@keyframes unit-led-check{0%,to{background:var(--color-lane-bass);border-color:var(--color-lane-bass)}}@media (prefers-reduced-motion:reduce){.unit-boot{display:none}.scale-pop:after,.projects-pop:after,.rail-tools-menu:after,.fx-add-menu:after,.lane-fx-wrap:after,.rail-tile[data-sounding=true]:after,.app.is-booting .lane-floor:after,.app.is-booting .booth-beat-led{animation:none}}@font-face{font-family:Barlow;src:url(/assets/barlow-700-CqhdknQi.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--color-ground:#0c0c10;--color-ink:#f4f5fa;--color-ink-on-fill:#0c0c10;--color-lane-drums:#ff7893;--color-lane-bass:#e3ef88;--color-lane-chords:#70ded0;--color-lane-lead:#ba9aff;--metal-deck:#0c0c10;--metal-panel:#25252b;--metal-raised:#383940;--metal-recess:#0d0d13;--theme-line:#393944;--theme-muted:#b8b8c9;--theme-accent:#c7b4ff;--theme-radius:3px;--metal-edge-hi:#393944;--metal-edge-lo:#393944;--metal-grain:none;--metal-brush:none;--metal-brush-v:none;--panel-light:none;--keycap:none;--keycap-lit:none;--keycap-down:none;--elev-key:none;--elev-1:none;--elev-2:none;--elev-3:none;--chamfer:none;--led-window:none;--micro-recess:none;--font-ui:"Segoe UI", Arial, sans-serif;--font-label:var(--font-ui);--font-value:var(--font-ui);--font-led:var(--font-ui);--font-display:"Barlow", "Segoe UI", sans-serif;--track-panel-label:.025em;--press-travel:0px;--text-panel-label-sm:600 11px/1.2 var(--font-ui);--text-panel-label:600 12px/1.2 var(--font-ui);--text-label-sm:600 11px/1.2 var(--font-ui);--text-value:500 12px/1.2 var(--font-ui);--text-ui:400 13px/1.5 var(--font-ui);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--color-ground:#dfe5ed;--color-ink:#182638;--color-ink-on-fill:#fff;--color-lane-drums:#bb3055;--color-lane-bass:#886000;--color-lane-chords:#007967;--color-lane-lead:#4f48bd;--metal-deck:#dfe5ed;--metal-panel:#f6f8fb;--metal-raised:#e5ebf2;--metal-recess:#edf1f6;--theme-line:#bac7d6;--theme-muted:#506078;--theme-accent:#4f48bd;--metal-edge-hi:#bac7d6;--metal-edge-lo:#bac7d6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body,.app{background:var(--color-ground);color:var(--color-ink);font-family:var(--font-ui)}.app{box-sizing:border-box;background-image:none;padding:8px}.app:before,.app:after,.stage-floors:before,.lane-floor:before,.lane-floor:after,.booth:before,.booth:after,.booth-led:before,.booth-led:after,.booth-led-input:before,.head-ctl-value:before,.head-ctl-value:after{display:none}.app .booth,.app .lane-floor,.app .lane-floor[data-editing],.app .rail,.app .lane-head-strip,.app .phone-chrome,.app .phone-options-drawer,.app .fx-strip,.app .lane-fx-wrap{background:var(--metal-panel);box-shadow:none;background-image:none}.app .lane-floor{border:1px solid var(--theme-line);border-radius:var(--theme-radius);padding:12px}.app .lane-floor[data-editing=true]{border-color:var(--lane-hue)}.app .stage-floors{gap:12px;padding:12px 4px 4px}.app .booth{border:1px solid var(--theme-line);border-radius:var(--theme-radius);gap:10px;padding:10px 12px}.app .booth-group-position{background:var(--metal-recess);box-shadow:none;border:0;min-height:40px;padding:6px}.app button,.app select,.app input{font-family:var(--font-ui)}.app button:not(.cell):not(.row-label),.app select{border-radius:var(--theme-radius);box-shadow:none;text-shadow:none;background-image:none}.app .row-fill.is-overlay button{border-radius:3px}.app :is(.booth-btn,.booth-step-btn,.head-step-btn,.head-mix-btn,.head-fx,.scale-chip,.rail-tool,.theme-selector,.register-shift-btn){color:var(--color-ink);background:var(--metal-raised);border:1px solid var(--theme-line);min-height:30px}.app :is(.booth-btn,.head-mix-btn,.rail-view-toggle,.lane-switch-tab).is-on,.app .booth-btn[aria-pressed=true],.app .head-mix-btn[aria-pressed=true]{background:var(--color-ink);color:var(--color-ground);border-color:var(--color-ink)}.app button:focus-visible,.app select:focus-visible{outline:2px solid var(--theme-accent);outline-offset:3px}.app .lane-head-strip{gap:8px;margin:0 0 8px;padding:0}.app .lane-name:before{box-shadow:none;background:var(--lane-hue);border:0;border-radius:1px;width:5px;height:13px}.app .lane-state{font:500 10px/1.2 var(--font-ui);letter-spacing:0;color:var(--theme-muted)}.app .lane-strip-compact{gap:8px;min-height:34px}.app .head-ctl-label{letter-spacing:.02em;color:var(--theme-muted);font-size:10px}.app .head-ctl-value{box-shadow:none;background:0 0;border:0;font-size:12px}.app .head-mix-btn{padding:4px 7px}.app .lane-strip-edit{border:0;gap:10px;min-height:32px}.app .lane-strip-edit.is-hidden{visibility:hidden;display:flex}.app .lane-grid-scroll{background:var(--metal-recess);box-shadow:none;border:1px solid var(--theme-line);border-radius:2px}.app .row-label{color:var(--theme-muted);font:500 11px/1 var(--font-ui);text-shadow:none}.app .cell{box-shadow:none;background:color-mix(in srgb, var(--color-ink) 5%, var(--metal-recess));border-color:color-mix(in srgb, var(--theme-line) 65%, transparent);border-radius:1px}.app .cell[data-on=true],.app .note-run{background:var(--lane-hue);box-shadow:none;color:var(--color-ink-on-fill);border-radius:2px}.app .cell[data-on=true]{clip-path:none}.app .note-run:before{display:none}.app .lane-follow{color:var(--theme-muted);font-family:var(--font-ui);letter-spacing:.01em}.app .register-shift{background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:12px;min-height:40px;padding:6px 0 9px;display:flex}.app .register-stepper{gap:5px}.app .register-stepper-label{font:500 10px/1.2 var(--font-ui);color:var(--theme-muted)}.app .register-window-readout{color:var(--color-ink);box-shadow:none;font:500 11px/1.2 var(--font-ui);background:0 0;border:0}.app .theme-selector{min-height:32px;font:500 12px/1 var(--font-ui);flex:none;align-items:center;gap:6px;padding:5px 9px;display:inline-flex}.app .theme-selector svg{flex:none}.app .lane-grid-scroll,.app [role=dialog]{scrollbar-color:var(--theme-muted) var(--metal-recess)}::selection{background:var(--theme-accent);color:var(--color-ground)}.app input{accent-color:var(--lane-hue,var(--theme-accent))}.app .viz-page{background:var(--metal-recess);color:var(--color-ink)}.app .viz-remote,.app .viz-inspector{background:var(--metal-panel);color:var(--color-ink)}.app .viz-page button,.app .viz-page select{color:var(--color-ink);background:var(--metal-raised)}@media (width<=1250px) and (width>=768px){.app .lane-strip-compact{flex-wrap:wrap}.app .lane-name{font-size:15px}}.app[data-stage=phone]{padding:0}.app[data-stage=phone] .phone-chrome{border-bottom:1px solid var(--theme-line)}.app[data-stage=phone] .booth{border:0;padding:4px 8px}.app[data-stage=phone] .booth-group-position{gap:7px;min-height:44px}.app[data-stage=phone] .theme-selector{min-height:44px;padding:8px}.app[data-stage=phone] .stage-floors{padding:8px}.app[data-stage=phone] .lane-strip-row{gap:8px;min-height:44px}.app[data-stage=phone] .lane-strip-edit,.app[data-stage=phone] :is(.head-step-btn,.head-mix-btn,.head-fx,.scale-chip,.register-shift-btn){min-height:44px}.app[data-stage=phone] .register-shift{gap:8px;padding:8px 0 12px}.app[data-stage=phone] .register-shift-btn{min-width:44px;min-height:44px}.app[data-stage=phone] .phone-transport{padding:6px 8px}@media (prefers-reduced-motion:reduce){.app .lane-name:before,.app .lane-floor:after{transition:none;animation:none}}.app .register-stepper{align-items:center;gap:6px;display:flex}.app .register-stepper-btns{gap:4px;display:flex}.app .register-window-arrow{display:none}.app .register-zoom-chip{color:var(--theme-muted);border:1px solid var(--theme-line);border-radius:var(--theme-radius);min-height:30px;font:500 11px/1 var(--font-ui);background:0 0;padding:5px 7px}.app .register-shift-btn{width:30px;min-height:30px}.app .drum-register-label{color:var(--theme-muted);font-size:11px}.app .booth{box-shadow:none;background-image:none}.app .row-fill.is-overlay{z-index:10}.app .lane-strip-compact{flex-wrap:nowrap}.app .head-ctl{gap:4px}.app .head-vol-value{display:none}.app .lane-name{min-width:70px}.app .lane-state{display:none}.app[data-stage=phone] .register-shift{min-height:58px}.app[data-stage=phone] .register-zoom-chip{min-height:44px}.app[data-stage=phone] .lane-head-strip{gap:6px;margin-bottom:4px}.app[data-stage=phone] .lane-strip-edit{gap:6px}.app[data-stage=phone] .head-gate .head-step-btn{min-width:36px}.app[data-stage=phone] .head-gate{gap:4px}.app[data-stage=phone] .register-shift{min-height:52px;padding:4px 0 8px}.app[data-stage=phone] .drum-register-label{min-height:30px}.app[data-stage=phone] .lane-floor{padding:8px}.app[data-stage=phone] .lane-head-strip{gap:4px}.app[data-stage=phone] .register-shift{padding:2px 0 6px}:root{--brand-cyan:#62dff9;--brand-violet:#bc9cff;--display-ground:#080d18;--display-ink:#b4f0ff;--display-edge:#394553}:root[data-theme=light]{--brand-cyan:#007d97;--brand-violet:#6841c4;--display-ground:#e0e9f0;--display-ink:#123c51;--display-edge:#a4b6c6}.app .bitbounce-brand{color:var(--color-ink);font:700 25px/1 var(--font-display);letter-spacing:-.035em;flex:none;align-items:center;gap:8px;padding-right:12px;display:inline-flex}.app .bitbounce-brand img{object-fit:contain;width:46px;height:46px}.app .brand-period{color:var(--brand-cyan)}.app .booth{align-items:center;gap:8px 12px;padding:8px 12px}.app[data-stage=phone] .booth-group-position{box-sizing:border-box;border-top:1px solid var(--theme-line);background:0 0;gap:9px;width:100%;margin:0;padding:8px 0 0}.app .booth-led,.app .booth-led-input{background:var(--display-ground);color:var(--display-ink);border:1px solid var(--display-edge);font-variant-numeric:tabular-nums;text-shadow:none;border-radius:4px;font-family:IBM Plex Mono,monospace;font-weight:500;box-shadow:inset 0 2px 5px #00000026}.app .booth-led{padding:3px 9px;font-size:25px}.app .booth-led-input{height:38px;padding:0 6px;font-size:23px}.app .lane-name{font:700 23px/1.05 var(--font-display);letter-spacing:-.025em}.app .lane-name:before{background:var(--lane-hue);width:4px;height:19px}.app .lane-head-strip{border-bottom:1px solid var(--theme-line);padding-bottom:7px;position:relative}.app .lane-meter{border-radius:var(--theme-radius) var(--theme-radius) 0 0;background:color-mix(in srgb, var(--lane-hue) 12%, transparent);width:auto;height:3px;box-shadow:none;inset:0 0 auto}.app .lane-meter-lit{transform-origin:0;background:linear-gradient(to right, var(--lane-hue), color-mix(in srgb, var(--lane-hue) 28%, transparent));transform:scaleX(0)}.app .head-ctl-value{letter-spacing:.015em;font-weight:600}.app .head-step-btn,.app .head-mix-btn,.app .head-fx,.app .booth-btn,.app .theme-selector{border-color:var(--theme-line);transition:border-color .13s ease-out}.app :is(.head-step-btn,.head-mix-btn,.head-fx,.booth-btn,.theme-selector):not(.is-on):not([aria-pressed=true]):hover{border-color:var(--brand-cyan);background-color:color-mix(in srgb, var(--brand-cyan) 9%, var(--metal-raised))}.app .booth-btn-play.is-on{background:var(--brand-cyan);color:var(--color-ground);border-color:var(--brand-cyan)}.app .row-label{font:500 11px/1 IBM Plex Mono,monospace}.app .register-window-readout{color:var(--display-ink);background:var(--display-ground);border:1px solid var(--display-edge);border-radius:3px;padding:6px 8px;font:500 11px/1.2 IBM Plex Mono,monospace}.app[data-stage=phone] .booth{padding:3px 8px}.app[data-stage=phone] .phone-options-drawer{gap:var(--space-5) var(--space-3);padding:var(--space-3)}.app[data-stage=phone] .lane-fx-wrap{scroll-padding-block-start:54px}.app[data-stage=phone] .projects-pop{top:45px;right:auto;left:var(--space-4);width:min(320px,100vw - 24px);min-width:0;position:fixed}.app[data-stage=phone] .booth-group-position{border:0;flex-wrap:nowrap;gap:6px;padding:0}.app[data-stage=phone] .bitbounce-brand{gap:4px;margin-right:auto;padding-right:0;font-size:19px}.app[data-stage=phone] .bitbounce-brand img{width:33px;height:33px}.app[data-stage=phone] .save-text{display:none}.app[data-stage=phone] .save-indicator{width:10px;min-width:10px;margin:0;padding:0}.app[data-stage=phone] .lane-name{font-size:23px}.app[data-stage=phone] .lane-strip-row-id{align-items:flex-start}.app[data-stage=phone] .lane-head-strip{padding-bottom:3px}.app[data-stage=phone] .register-window-readout{padding:5px}.app:not([data-stage=phone]) .lane-state{display:inline}.app .phone-options-btn.is-on,.app .phone-options-btn.is-on:hover,.app .phone-options-btn[aria-pressed=true]{color:var(--color-ground);background:var(--color-ink);border-color:var(--color-ink)}@media (prefers-reduced-motion:reduce){.app :is(.head-step-btn,.head-mix-btn,.head-fx,.booth-btn,.theme-selector){transition:none}}:root{--panel-light:linear-gradient(180deg, #ffffff14, transparent 40%, #00000018);--keycap:inset 0 1px 0 #ffffff45, inset 1px 0 0 #ffffff12, inset 0 -3px 1px #0005, 0 3px 5px -2px #0009;--keycap-down:inset 0 2px 4px #0006, inset 0 -1px 0 #ffffff20;--led-window:inset 0 3px 7px #0005, inset 0 -1px 0 #ffffff20}.app .booth,.app .lane-floor,.app .lane-floor[data-editing],.app .rail,.app .phone-chrome,.app .phone-options-drawer,.app .fx-strip,.app .lane-fx-wrap{background-image:var(--panel-light);box-shadow:inset 0 1px #ffffff30,inset 0 -3px 2px #00000030,0 3px 5px #00000035,0 12px 18px -12px #00000080}.app button:not(.cell):not(.row-label),.app select{box-shadow:var(--keycap);font-family:var(--font-display);letter-spacing:.025em}.app button:not(.cell):not(.row-label):active:not(:disabled){box-shadow:var(--keycap-down)}.app .head-ctl-value,.app .head-vol-value{font-family:Departure Mono,IBM Plex Mono,monospace;font-size:11px;font-weight:400}.app .booth-led,.app .booth-led-input,.app .register-window-readout{box-shadow:var(--led-window)}.app .lane-name{text-shadow:none}@font-face{font-family:Unbounded;src:url(/assets/unbounded-500-DOHeubRJ.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Barlow;src:url(/assets/barlow-400-D9VpUvlI.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Barlow;src:url(/assets/barlow-500-Apw_3I1e.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Barlow;src:url(/assets/barlow-600-S-AH7y_S.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}:root{--font-ui:"Barlow", "Segoe UI", sans-serif;--font-instrument:"Unbounded", "Barlow", sans-serif;--color-ground:#080b0d;--color-ink:#e8eff2;--color-ink-on-fill:#0b171a;--color-lane-drums:#dfaaa1;--color-lane-bass:#c4d49e;--color-lane-chords:#93cfc7;--color-lane-lead:#aabbe7;--metal-deck:#080b0d;--metal-panel:#10191d;--metal-raised:#1b282e;--metal-recess:#0c1419;--theme-line:#304048;--theme-muted:#a0b1b9;--theme-accent:#b7eeeb;--brand-cyan:#b7eeeb;--display-ground:#0c1419;--display-ink:#d5e9ed;--display-edge:#304048;--metal-edge-hi:#34434b;--metal-edge-lo:#233139;--theme-radius:8px;--panel-light:none;--keycap:none;--keycap-down:none;--keycap-lit:none;--led-window:none;--membrane-surface:linear-gradient(145deg, #182125, #0a1013 55%, #101b20);--membrane-seam:#ffffff12;--membrane-cell:#a5c4d80b;--membrane-beat:#a5c4d814}:root[data-theme=light]{--color-ground:#e5e9e7;--color-ink:#263438;--color-ink-on-fill:#fff;--metal-deck:#e5e9e7;--metal-panel:#edf2ef;--metal-raised:#e0e8e3;--metal-recess:#f4f7f4;--theme-line:#adbbb5;--theme-muted:#526560;--theme-accent:#146861;--brand-cyan:#146861;--display-ground:#e5eeea;--display-ink:#26453e;--display-edge:#b8c8c0;--metal-edge-hi:#bacbc2;--metal-edge-lo:#c1cec7;--membrane-surface:linear-gradient(145deg, #f6f8f5, #e4ebe6 70%, #edf3ee);--membrane-seam:#29434626;--membrane-cell:#29433e0b;--membrane-beat:#29433e14}.app.membrane{background:var(--color-ground);font-family:var(--font-ui);padding:18px clamp(12px,2.3vw,38px)}.app.membrane :is(.booth,.lane-floor,.lane-floor[data-editing],.rail,.lane-head-strip,.phone-chrome,.phone-options-drawer,.fx-strip,.lane-fx-wrap){box-shadow:none;background-image:none}.app.membrane button:not(.cell):not(.row-label),.app.membrane select{box-shadow:none;font-family:var(--font-ui);letter-spacing:.015em;text-shadow:none;font-weight:600}.app.membrane button:not(.cell):not(.row-label):active:not(:disabled){box-shadow:none}.app.membrane .booth{background:var(--metal-panel);border:1px solid var(--membrane-seam);border-radius:22px 22px 0 0;gap:8px 12px;padding:15px 22px 10px}.app.membrane .bitbounce-brand{font-family:var(--font-instrument);letter-spacing:-.035em;gap:9px;font-size:19px;font-weight:500}.app.membrane .bitbounce-brand img{width:31px;height:31px}.app.membrane :is(.booth-led,.booth-led-input,.register-window-readout){box-shadow:none;color:var(--display-ink);background:0 0;border-color:#0000}.app.membrane .desktop-page-nav{border-top:1px solid var(--membrane-seam);flex:1 0 100%;order:3;gap:4px;padding-top:8px;display:flex}.app.membrane .desktop-page-nav button{min-height:36px;color:var(--theme-muted);background:0 0;border:1px solid #0000;border-radius:6px;padding:8px 18px;font-size:13px}.app.membrane .desktop-page-nav button[aria-pressed=true]{color:var(--color-ink);background:var(--metal-raised);border-color:var(--theme-line);box-shadow:inset 0 -2px var(--theme-accent)}.app.membrane .booth-label{color:var(--theme-muted);font-size:10px}.app.membrane .booth-value{font-family:IBM Plex Mono,monospace;font-size:11px}.app.membrane :is(.booth-btn,.booth-step-btn,.head-step-btn,.head-mix-btn,.head-fx,.scale-chip,.theme-selector,.projects-trigger,.phone-options-btn,.phone-page-toggle,.rail-tool,.rail-view-toggle,.rail-append,.lane-follow-btn,.fx-mod-btn,.fx-add-btn,.lane-fx-close){border:1px solid var(--theme-line);color:var(--color-ink);text-shadow:none;background:0 0;border-radius:6px}.app.membrane :is(.booth-btn,.head-mix-btn,.head-fx,.scale-chip,.theme-selector){padding-inline:9px}.app.membrane .booth-btn-play{min-width:75px;color:var(--theme-accent);border-color:color-mix(in srgb, var(--theme-accent) 35%, transparent);background:color-mix(in srgb, var(--theme-accent) 7%, transparent);border-radius:24px}.app.membrane .booth-btn-play.is-on{background:var(--theme-accent);color:var(--color-ground)}.app.membrane :is(.head-mix-btn.is-on,.head-fx.is-on,.booth-btn-loop.is-on,.booth-btn-metro.is-on,.booth-btn-preview.is-on,.phone-options-btn.is-on,.phone-page-toggle[aria-pressed=true]){background:var(--color-ink);color:var(--color-ground);border-color:#0000}.app.membrane :is(button,select):disabled{opacity:.48}.app.membrane .stage-floors{border:1px solid var(--membrane-seam);background:var(--membrane-surface);border-top:0;border-radius:0 0 22px 22px;gap:0;padding:0}.app.membrane .lane-floor,.app.membrane .lane-floor[data-editing]{box-shadow:none;background:0 0;border:0;border-radius:0;padding:19px 22px 15px}.app.membrane .lane-floor:nth-child(odd){border-right:1px solid var(--membrane-seam)}.app.membrane .lane-floor:nth-child(-n+2){border-bottom:1px solid var(--membrane-seam)}.app.membrane .lane-head-strip{background:0 0;border:0;margin-bottom:10px;padding:0;position:static}.app.membrane .lane-name{text-transform:none;font:500 20px/1.25 var(--font-instrument);letter-spacing:-.025em}.app.membrane .lane-name:before{background:var(--lane-hue);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, var(--lane-hue) 8%, transparent);vertical-align:middle;opacity:1;border:0;border-radius:50%;margin-right:9px}.app.membrane .lane-state{color:var(--theme-muted);font:9px/1 var(--font-ui);letter-spacing:.06em;margin-left:7px}.app.membrane .head-ctl-value,.app.membrane .head-vol-value{font:500 11px/1.2 var(--font-ui);letter-spacing:0}.app.membrane .head-ctl-label{color:var(--theme-muted);letter-spacing:.02em;font-size:9px}.app.membrane .lane-meter{background:0 0;height:1px;inset:auto 22px 0}.app.membrane :is(.head-range,.booth-range,.fx-param-range){accent-color:var(--lane-hue,var(--theme-accent))}.app.membrane :is(.head-range,.booth-range,.fx-param-range)::-webkit-slider-thumb{background:var(--lane-hue,var(--theme-accent));box-shadow:none;border:0;border-radius:50%}.app.membrane :is(.head-range,.booth-range,.fx-param-range)::-moz-range-thumb{background:var(--lane-hue,var(--theme-accent));box-shadow:none;border:0;border-radius:50%}.app.membrane .cell{background:var(--membrane-cell);border-color:#0000;border-radius:3px}.app.membrane .cell[data-beat="1"]{background:var(--membrane-beat);border-color:#0000}.app.membrane .cell[data-on=true],.app.membrane .note-run{background:var(--lane-hue);box-shadow:0 2px 9px color-mix(in srgb, var(--lane-hue) 24%, transparent);color:var(--track-note-ink,var(--color-ink-on-fill));border-color:#0000;border-radius:3px}.app.membrane .cell:after{background:radial-gradient(ellipse, color-mix(in srgb, var(--lane-hue) 35%, white) 0%, color-mix(in srgb, var(--lane-hue) 70%, transparent) 55%, transparent 100%);box-shadow:0 2px 12px color-mix(in srgb, var(--lane-hue) 40%, transparent);border-radius:3px}.app.membrane .row-label{color:var(--theme-muted);font:400 10px/1 IBM Plex Mono,monospace}.app.membrane .lane-follow{color:var(--theme-muted);font:10px/1 var(--font-ui);letter-spacing:.02em}.app.membrane .lane-follow-btn{background:0 0;border-color:#0000}.app.membrane .register-window-readout{padding-inline:4px;font-size:10px}.app.membrane .lane-fx-wrap{background:var(--metal-panel);border:1px solid var(--theme-line);border-radius:12px;box-shadow:0 12px 28px #0004}.app.membrane :is(.lane-fx-title,.fx-strip){background:var(--metal-panel);box-shadow:none;background-image:none}.app.membrane :is(.fx-module,.fx-mod){background:var(--metal-raised);border:1px solid var(--membrane-seam);box-shadow:none;background-image:none;border-radius:9px}.app.membrane :is(.fx-module,.fx-mod):after{display:none}.app.membrane .stage-song{background:var(--membrane-surface);border:1px solid var(--membrane-seam);border-top:0;border-radius:0 0 22px 22px}.app.membrane .stage-song .rail{background:0 0;border:0}.app.membrane .stage-song .rail-lane{border-color:var(--membrane-seam);background:0 0}.app.membrane .stage-song .rail-lane-name{font:500 18px/1.3 var(--font-instrument);letter-spacing:-.025em}.app.membrane .rail-tile{box-shadow:none;background-image:none;border-radius:5px}.app.membrane .rail-tile[data-state]{border-color:var(--lane-hue);box-shadow:0 2px 8px color-mix(in srgb, var(--lane-hue) 15%, transparent)}.app.membrane :is(.projects-pop,.scale-pop,.phone-options-drawer,.viz-remote){background:var(--metal-panel);border-color:var(--theme-line);box-shadow:none;background-image:none}.app.membrane :is(.viz-toolbar,.viz-footer,.viz-inspector-body,.viz-lane-tabs){background:var(--metal-panel);border-color:var(--membrane-seam)}.app.membrane .viz-btn{border-color:var(--theme-line);background:0 0;border-radius:6px}.app.membrane .viz-btn[aria-pressed=true]{background:var(--metal-raised)}.app.membrane :is(.viz-field select,.fx-param select){background:var(--metal-recess);border:1px solid var(--theme-line);color:var(--color-ink);border-radius:6px}.app.membrane .save-indicator{box-shadow:none;color:var(--theme-muted);background:0 0;border-color:#0000}.app.membrane :is(.booth,.lane-floor,.lane-head-strip,.phone-chrome):before,.app.membrane :is(.booth,.lane-floor,.lane-head-strip,.phone-chrome):after{animation:none;display:none}@media (width<=1300px){.app.membrane{padding:12px}.app.membrane .booth{gap:8px 10px;padding:11px 16px 8px}.app.membrane .lane-floor,.app.membrane .lane-floor[data-editing]{padding:14px 16px 12px}}.app.membrane[data-stage=phone]{padding:0 8px 8px}.app.membrane[data-stage=phone] .phone-chrome{background:var(--metal-panel);border:1px solid var(--membrane-seam);border-radius:0 0 12px 12px}.app.membrane[data-stage=phone] .booth{background:0 0;border:0;border-radius:0;padding:4px 7px}.app.membrane[data-stage=phone] .bitbounce-brand{font-size:15px}.app.membrane[data-stage=phone] .bitbounce-brand img{width:28px;height:28px}.app.membrane[data-stage=phone] .stage-floors{border:1px solid var(--membrane-seam);border-radius:16px;margin-top:8px}.app.membrane[data-stage=phone] .lane-floor,.app.membrane[data-stage=phone] .lane-floor[data-editing]{border:0;padding:15px 10px 10px}.app.membrane[data-stage=phone] .lane-name{font-size:20px}.app.membrane[data-stage=phone] [data-lane^=extra] .lane-strip-row-id .lane-name{white-space:normal;min-width:0;font-size:17px}.app.membrane[data-stage=phone] [data-lane^=extra] .lane-strip-edit>.track-color-control{position:static}.app.membrane .lane-head[data-editing=true] .lane-name{color:var(--lane-hue)}.app.membrane:not([data-stage=phone]) .lane-strip-compact{flex-flow:column;align-items:stretch}.app.membrane:not([data-stage=phone]) .lane-strip-row{align-items:center;gap:8px;min-width:0;display:flex}.app.membrane:not([data-stage=phone]) .lane-strip-row-mix .head-ctl-vol{margin-left:auto}.app.membrane:not([data-stage=phone]) .lane-strip-row-mix .head-ctl,.app.membrane:not([data-stage=phone]) .lane-strip-row-mix .head-stepper{min-width:0}.app.membrane:not([data-stage=phone]) .head-sound-browse{width:clamp(90px,11vw,160px);min-width:0}.app.membrane[data-stage=phone] .lane-switcher{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 8px;padding-bottom:0;display:grid}.app.membrane[data-stage=phone] .phone-add-instrument{width:44px;min-width:44px;min-height:44px;color:var(--theme-muted);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;margin:0;font-size:12px;display:flex}.app.membrane[data-stage=phone] .phone-instrument-picker{align-items:flex-start;padding-right:8px;display:flex}.app.membrane[data-stage=phone] .phone-instrument-picker .lane-switcher{flex:1;min-width:0}.app.membrane .phone-add-instrument span{font-size:20px}.app.membrane[data-stage=phone] .lane-strip-row-id{align-items:center}.app.membrane[data-stage=phone] button.lane-switch-tab:not(.cell):not(.row-label){font-family:var(--font-instrument);letter-spacing:-.02em;color:var(--theme-muted);box-shadow:none;background:0 0;border:0;border-radius:0;font-size:10px;font-weight:500}.app.membrane[data-stage=phone] .lane-switch-tab[aria-selected=true],.app.membrane[data-stage=phone] .lane-switch-tab[aria-pressed=true]{color:var(--color-ink);box-shadow:inset 0 -2px var(--lane-hue);background:0 0}.app.membrane[data-stage=phone] .stage-song{border-radius:16px;margin-top:8px}.app.membrane[data-stage=phone] .stage-song .rail{justify-content:flex-start;gap:12px}.app.membrane[data-stage=phone] .stage-song .rail-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px 8px;padding:14px 0;display:grid}.app.membrane[data-stage=phone] .stage-song .rail-lane-name{text-align:center;width:auto;font:500 12px/1.4 var(--font-instrument);letter-spacing:.02em;color:var(--theme-muted);grid-column:1/-1;overflow:visible}.app.membrane[data-stage=phone] .stage-song .rail-tiles{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:6px;display:grid;overflow:visible}.app.membrane[data-stage=phone] .stage-song .rail-tile{min-width:0;min-height:84px}.app.membrane[data-stage=phone] .stage-song .rail-append{min-height:44px}.app.membrane[data-stage=phone] .phone-options-drawer{border-radius:14px 14px 0 0}:root[data-theme=light] .app.membrane .cell[data-on=true],:root[data-theme=light] .app.membrane .note-run{box-shadow:0 2px 7px color-mix(in srgb, var(--lane-hue) 12%, transparent)}@media (prefers-reduced-motion:reduce){.app.membrane .cell:after{box-shadow:none;transition:none;animation:none}}.app.membrane .lane-floor[data-editing=true]{outline:none}.app.membrane .lane-floor[data-editing=true] .lane-state{color:var(--lane-hue)}.app.membrane .lane-grid-scroll{box-shadow:none;background:0 0;border-color:#0000}.app.membrane .lane-fx-title,.app.membrane .fx-strip{flex-shrink:0}.app.membrane .fx-param-slider::-webkit-slider-thumb{background:var(--lane-hue);box-shadow:none;border:0;border-radius:50%}.app.membrane .fx-param-readout{box-shadow:none;color:var(--color-ink);background:0 0;border:0;font-family:IBM Plex Mono,monospace}.app.membrane .fx-param-select{background:var(--metal-recess);border:1px solid var(--theme-line);color:var(--color-ink);border-radius:5px}.app.membrane[data-stage=phone] .booth-group-position{border:0;gap:6px;padding:0}.app.membrane[data-stage=phone] .save-label{display:none}.app.membrane[data-stage=phone] .stage-floors{margin-top:0}.app.membrane[data-stage=phone] .lane-floor,.app.membrane[data-stage=phone] .lane-floor[data-editing]{padding-top:9px}.app.membrane[data-stage=phone] .lane-head-strip{margin-bottom:6px}.app.membrane :is(.lane-fx-wrap,.fx-add-menu,.scale-pop,.projects-pop,.rail-tools-menu):after{animation:none;display:none}.app.membrane[data-stage=phone]{--mobile-bottom-reserve:44px;padding-bottom:calc(44px + env(safe-area-inset-bottom,0px))}.mobile-save-status{min-height:36px;padding:5px 12px calc(5px + env(safe-area-inset-bottom,0px));background:var(--color-ground);border-top:1px solid var(--membrane-seam);z-index:12;justify-content:center;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.app.membrane[data-stage=phone] .mobile-save-status .save-indicator{width:auto;min-width:0;max-width:100%;min-height:24px;font:11px/1.4 var(--font-ui);color:var(--theme-muted);gap:7px;margin:0;padding:0 4px}.app.membrane[data-stage=phone] .mobile-save-status .save-label{white-space:normal;text-align:center;display:inline}.app.membrane[data-stage=phone] .lane-strip-edit>.track-color-control{position:absolute;top:10px;left:145px}.app.membrane[data-stage=phone] .lane-strip-edit>.track-color-control .track-color-trigger{min-width:44px;padding:5px 9px}.app.membrane[data-stage=phone] .lane-strip-edit>.track-color-control .track-color-trigger>span{display:none}.app.membrane[data-stage=phone] .phone-options-drawer{gap:12px;padding:12px}.app.membrane[data-stage=phone] .phone-help-toggle{flex-basis:100%}.app.membrane[data-stage=phone] .phone-help{width:100%;min-width:0;color:var(--color-ink);font:400 14px/1.5 var(--font-ui);gap:8px;display:grid}.app.membrane[data-stage=phone] .phone-help select{width:100%;min-width:0;min-height:44px;font:inherit}.app.membrane[data-stage=phone] .phone-help-copy{overscroll-behavior:contain;max-height:min(38dvh,320px);overflow-y:auto}.app.membrane[data-stage=phone] .phone-help-copy p{margin:0}.app.membrane[data-stage=phone] .phone-options-drawer :is(.booth-btn,.booth-step-btn,.scale-chip){min-width:44px;height:44px;min-height:44px}.app.membrane[data-stage=phone] .phone-options-drawer :is(.booth-btn,.booth-step-btn,.scale-chip):before{inset:0}.app.membrane[data-stage=phone] .head-gate>.head-ctl-label{display:none}.app.membrane[data-stage=phone] .head-gate .head-ctl-value{min-width:3ch}.app.membrane[data-stage=phone] .head-gate .head-step-btn,.app.membrane[data-stage=phone] .head-fill-toggle,.app.membrane[data-stage=phone] .track-color-trigger{min-width:44px}.app.membrane[data-stage=phone] .lane-strip-row-id .track-color-trigger{padding:5px 9px}.app.membrane[data-stage=phone] .lane-strip-row-id .track-color-trigger>span{display:none}.app.membrane[data-stage=phone] .phone-transport{padding:0 8px}.app.membrane[data-stage=phone] .phone-transport .booth-btn{height:44px;min-height:44px}.app.membrane[data-stage=phone] .phone-transport .booth-btn:before{inset:0}.app.membrane[data-stage=phone] .register-shift{padding-block:0}.app.membrane[data-stage=phone] .lane-strip-edit{column-gap:4px}.app.membrane:not([data-stage=phone]) .lane-grid-scroll.fill-rails-open{min-height:0;overflow-y:auto}.app.membrane:not([data-stage=phone]) .lane-grid-scroll.fill-rails-open .grid-row{min-height:40px}.app.membrane:not([data-stage=phone]) .row-fill.is-overlay{width:max-content;max-width:100%}@media (height<=850px){.app.membrane:not([data-stage=phone]) .booth{padding-block:7px 4px}.app.membrane:not([data-stage=phone]) .lane-floor{padding-block:8px}.app.membrane:not([data-stage=phone]) .lane-head-strip{gap:4px;margin-bottom:4px}.app.membrane:not([data-stage=phone]) .lane-strip-compact{row-gap:4px}.app.membrane:not([data-stage=phone]) .register-shift{padding-block:0}}@media (width<=1024px),(any-pointer:coarse){.app.membrane:not([data-stage=phone]) .lane-floor{padding:3px 12px}.app.membrane:not([data-stage=phone]) .lane-head-strip{gap:0;margin-bottom:0}.app.membrane:not([data-stage=phone]) .lane-strip-compact{row-gap:0}.app.membrane:not([data-stage=phone]) .register-shift{gap:4px;min-height:40px;padding-block:0}.app.membrane:not([data-stage=phone]) .register-stepper{gap:4px}}.app-icon{vertical-align:middle;flex-shrink:0;display:inline-block}.app.membrane :is(.head-step-btn,.booth-step-btn,.register-shift-btn),.app.membrane :is(.rail-append,.rail-paste-end,.phone-add-instrument),.app.membrane :is(.fx-mod-btn,.mixer-eq-add){justify-content:center;align-items:center;display:inline-flex}