:root{--dial-size:32px;--dial-face:#232a30;--dial-border:#58626a;--dial-track:#46515a;--dial-needle:#f1f3f2;--control-accent:#9bdad1;--control-text:#e7ecea;--control-muted:#97a7aa;--control-bg:#151c21;--dial-shadow:none;--meter-height:66px;--meter-width:16px;--level-color:var(--control-text)}.param .knob-control{width:var(--dial-size);height:var(--dial-size);vertical-align:middle;touch-action:none;cursor:ns-resize;isolation:isolate;color:var(--control-accent);border-radius:50%;flex:none;display:inline-block;position:relative}.param .knob-control:before{content:"";background:conic-gradient(from 225deg,var(--control-accent) 0deg calc(var(--knob-normalized,0)*270deg),var(--dial-track) calc(var(--knob-normalized,0)*270deg) 270deg,transparent 270deg);pointer-events:none;border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px))}.param .knob-face{border:1px solid var(--dial-border);background:var(--dial-face);box-shadow:var(--dial-shadow);pointer-events:none;border-radius:50%;position:absolute;inset:5px}.param .knob-face:after{content:"";background:var(--dial-needle);transform-origin:50% 100%;width:2px;height:38%;transform:rotate(var(--knob-angle,-135deg));pointer-events:none;border-radius:1px;position:absolute;bottom:50%;left:calc(50% - 1px)}.param .knob-control>input,.meter-control .knob-control>input{cursor:ns-resize;touch-action:none;opacity:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;position:absolute!important;inset:0!important}.param .knob-control:hover .knob-face,.param .knob-control.dragging .knob-face{border-color:var(--control-accent)}.param .knob-control:focus-within{outline:2px solid var(--control-accent);outline-offset:3px}.param .knob-control:is(.automating,.auto-held) .knob-face{border:2px solid var(--control-accent);background:color-mix(in srgb,var(--control-accent) 16%,var(--control-bg));box-shadow:0 0 0 3px color-mix(in srgb,var(--control-accent) 30%,transparent)}.param .knob-control:is(.automating,.auto-held):after{content:"";border:1px solid var(--control-accent);background:var(--control-accent);width:5px;height:5px;box-shadow:0 0 0 2px var(--control-bg);pointer-events:none;border-radius:50%;position:absolute;top:0;right:0}.param .knob-control.auto-held:after{background:var(--control-bg)}.param .knob-control.planned .knob-face{border:2px dotted var(--control-accent)}.param .knob-control.manual:before{opacity:.52}.param .knob-control.manual .knob-face{border-style:dashed}.param>.param-label.manual-return:focus-visible{outline:2px solid var(--control-accent);outline-offset:3px}.knob-control.disabled{opacity:.35;cursor:default}.meter-control{color:var(--control-accent);justify-content:center;align-items:center;display:inline-flex;position:relative}.meter-control .knob-control{width:var(--meter-width);height:var(--meter-height);cursor:ns-resize;touch-action:none;background:var(--control-bg);border:1px solid var(--dial-border);isolation:isolate;display:block;position:relative}.meter-control .knob-face{pointer-events:none;background:repeating-linear-gradient(to top,transparent 0 calc(25% - 1px),color-mix(in srgb,var(--control-muted) 20%,transparent) calc(25% - 1px) 25%);position:absolute;inset:1px;overflow:hidden}.meter-control .knob-face:before{content:"";background:var(--control-accent);transform:scaleY(var(--rms,0));transform-origin:bottom;position:absolute;inset:0}.meter-control .knob-face:after{content:"";bottom:clamp(0px,calc(var(--peak,0)*100%),calc(100% - 2px));background:var(--control-text);height:2px;position:absolute;left:0;right:0}.meter-control .knob-control:after{content:"";left:-5px;right:-5px;bottom:clamp(-1px,calc(var(--value,.8)*100% - 1px),calc(100% - 1px));background:var(--level-color);height:2px;box-shadow:0 1px var(--control-bg),0 -1px var(--control-bg);pointer-events:none;position:absolute}.meter-control .knob-control:hover,.meter-control .knob-control.dragging{border-color:var(--control-accent)}.meter-control .knob-control:focus-within{outline:2px solid var(--control-accent);outline-offset:5px}.meter-control .knob-control.manual{border-style:dashed}.meter-reduction{background:color-mix(in srgb,var(--control-muted) 22%,transparent);pointer-events:none;width:2px;position:absolute;top:1px;bottom:1px;right:-8px}.meter-reduction i{background:var(--control-text);height:100%;transform:scaleY(var(--reduction,0));transform-origin:top;display:block}@media (prefers-reduced-motion:reduce){.param .knob-control,.meter-control .knob-control{transition:none!important}}.param>.param-label{font:inherit;line-height:inherit;white-space:nowrap;color:inherit;background:0 0;border:0;border-radius:0;padding:0}.param>.param-label.manual-return{color:var(--control-accent);cursor:pointer;text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.param>.param-label.manual-return:hover{color:var(--control-accent);background:0 0}.sr-only{clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.score-wheel{isolation:isolate;min-width:0;color:var(--wheel-text,var(--ink,#e8e9e2));justify-content:center;align-items:center;display:flex;position:relative}.wheel-layout{justify-content:center;align-items:center;width:100%;min-width:0;height:100%;display:flex}.wheel-surface{aspect-ratio:1;touch-action:none;flex:none;max-width:100%;max-height:100%;position:relative}.wheel-score{pointer-events:none;width:100%;height:100%;display:block;overflow:visible}.wheel-lane{color:var(--lane-color,var(--wheel-note,var(--a,#b1d587)))}.wheel-track,.wheel-pitch-guide{fill:none;stroke:var(--wheel-grid,var(--rule,#303a39));stroke-width:.8px}.wheel-pitch-guide{opacity:.5;stroke-dasharray:1 5}.wheel-step-tick{stroke:var(--wheel-grid,var(--rule,#303a39));stroke-width:1px}.wheel-major-tick{stroke:var(--wheel-muted,var(--muted,#7b8581));stroke-width:1px;opacity:.7}.wheel-note{fill:currentColor;stroke:currentColor;stroke-width:1.3px}.wheel-note.is-rest{fill:var(--wheel-bg,var(--paper,#131a19));stroke:var(--wheel-muted,var(--muted,#7b8581));stroke-width:1.1px}.wheel-note.is-current{stroke:var(--wheel-head,var(--ink,#f1f4e9));stroke-width:1.5px}.wheel-pitch-stem{stroke:currentColor;stroke-width:.7px;opacity:.25;stroke-dasharray:1 2}.wheel-note-label{fill:var(--wheel-text,var(--ink,#e8e9e2));letter-spacing:-.1px;font-family:inherit;font-size:9px;font-weight:500;line-height:1}.wheel-note-label.is-rest{fill:var(--wheel-muted,var(--muted,#7b8581));opacity:.7}.wheel-accent{fill:none;stroke:currentColor;stroke-width:1.05px}.wheel-slide{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;opacity:.7}.wheel-velocity{stroke:currentColor;stroke-width:4.5px;stroke-linecap:round;opacity:.83}.wheel-selection{fill:none;stroke:var(--wheel-head,var(--ink,#f1f4e9));stroke-width:.9px;stroke-dasharray:2 2;opacity:.95}.wheel-hit-glow{fill:currentColor;fill-opacity:.08;stroke:currentColor;stroke-width:1.8px}.wheel-hand{stroke:var(--wheel-head,var(--ink,#f1f4e9));stroke-width:1.15px;stroke-linecap:round;vector-effect:non-scaling-stroke}.wheel-hand-tip{fill:var(--wheel-head,var(--ink,#f1f4e9))}.wheel-trail-ray{stroke:var(--wheel-trail,var(--wheel-note,var(--a,#b1d587)));stroke-width:2px;stroke-linecap:round}.wheel-center-disc{fill:var(--wheel-bg,var(--paper,#131a19));stroke:none}.wheel-center-title{letter-spacing:1px;fill:var(--wheel-muted,var(--muted,#7b8581));font-family:inherit;font-size:9px;font-weight:650}.wheel-center-value{letter-spacing:-1px;fill:var(--wheel-text,var(--ink,#e8e9e2));font-variant-numeric:tabular-nums;font-family:inherit;font-size:27px;font-weight:500}.wheel-center-detail{letter-spacing:.3px;fill:var(--wheel-muted,var(--muted,#7b8581));font-variant-numeric:tabular-nums;font-family:inherit;font-size:8px}.wheel-center.is-sounding{color:var(--lane-color,var(--wheel-note,var(--a,#b1d587)))}.wheel-center.is-sounding .wheel-center-value{fill:currentColor;opacity:.8;font-size:23px}.is-drums .wheel-center.is-sounding .wheel-center-value{font-size:25px}.wheel-hit-layer{pointer-events:none;position:absolute;inset:0}.wheel-step-target{pointer-events:auto;border-radius:50%;width:8%;max-width:23px;height:8%;max-height:23px;display:block;position:absolute;transform:translate(-50%,-50%)}.is-drums .wheel-step-target{width:12%;max-width:23px;height:12%;max-height:23px}.wheel-step-target input.wheel-step-input{appearance:none;clip-path:inset(0);cursor:ns-resize;touch-action:none;z-index:2;background:0 0;border:0;outline:0;opacity:0!important;width:100%!important;min-width:0!important;height:100%!important;margin:0!important;padding:0!important;display:block!important;position:absolute!important;inset:0!important}.wheel-step-target input.wheel-step-input::-webkit-slider-thumb{appearance:none;width:1px;height:1px;box-shadow:none;background:0 0;border:0}.wheel-step-target input.wheel-step-input::-moz-range-thumb{appearance:none;width:1px;height:1px;box-shadow:none;background:0 0;border:0}.wheel-step-target input.wheel-step-input::-webkit-slider-runnable-track{background:0 0;border:0;width:100%;height:1px}.wheel-step-target input.wheel-step-input::-moz-range-track{background:0 0;border:0;width:100%;height:1px}.wheel-step-focus{pointer-events:none;background:0 0;border:1px solid #0000;border-radius:50%;display:block;position:absolute;inset:1px}.wheel-step-target:hover .wheel-step-focus{border-color:var(--wheel-head,var(--ink,#f1f4e9));background:color-mix(in srgb,var(--wheel-note,var(--a,#b1d587)) 12%,transparent)}.wheel-step-target:has(input:focus-visible) .wheel-step-focus{border:2px solid var(--wheel-head,var(--ink,#f1f4e9));outline:2px solid var(--wheel-bg,var(--paper,#131a19));outline-offset:1px}.wheel-step-target.dragging .wheel-step-focus{border-color:var(--wheel-head,var(--ink,#f1f4e9));background:color-mix(in srgb,var(--wheel-note,var(--a,#b1d587)) 20%,transparent)}.wheel-step-target.is-pending .wheel-step-focus{border-color:var(--accent,var(--wheel-head,#f1f4e9));border-style:dashed}.wheel-lane.is-muted :is(.wheel-marks,.wheel-slides,.wheel-playhead){opacity:.4}.step-editor[hidden],.step-editor [hidden]{display:none!important}.step-editor{z-index:100;box-sizing:border-box;border:1px solid var(--rule,#3b4442);background:var(--paper,#131a19);width:268px;max-width:calc(100vw - 20px);color:var(--ink,#e8e9e2);gap:9px;padding:12px;font-family:inherit;font-size:11px;line-height:1.25;display:grid;position:fixed;box-shadow:0 8px 24px #0003}.step-editor-heading{white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex}.step-editor-heading strong{font-weight:650}.step-editor-heading [data-editor-step]{color:var(--muted,#7b8581);font-variant-numeric:tabular-nums}.step-editor-heading [data-edit=close]{min-width:24px;min-height:24px;color:var(--ink,#e8e9e2);border:0;margin-left:auto;padding:0;font-size:18px;line-height:1}.step-editor-articulation{gap:4px;display:flex}.step-editor button{box-sizing:border-box;border:1px solid var(--rule,#3b4442);min-width:27px;min-height:28px;color:var(--ink,#e8e9e2);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:1px;padding:4px 7px}.step-editor button:hover{border-color:var(--accent,var(--a,#b1d587));background:color-mix(in srgb,var(--accent,var(--a,#b1d587)) 10%,transparent)}.step-editor button[aria-pressed=true]{border-color:var(--accent,var(--a,#b1d587));background:color-mix(in srgb,var(--accent,var(--a,#b1d587)) 16%,transparent);color:var(--ink,#e8e9e2)}.step-editor button:focus-visible,.step-editor input:focus-visible{outline:2px solid var(--accent,var(--ink,#f1f4e9));outline-offset:2px}.step-editor-adjustment{align-items:center;gap:5px;display:flex}.step-editor-adjustment label{width:45px;color:var(--muted,#7b8581)}.step-editor-adjustment input{box-sizing:border-box;border:1px solid var(--rule,#3b4442);width:53px;min-width:0;height:28px;color:var(--ink,#e8e9e2);font:inherit;font-variant-numeric:tabular-nums;text-align:center;-moz-appearance:textfield;background:0 0;border-radius:0;padding:3px}.step-editor-adjustment input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.step-editor-adjustment input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.step-editor-adjustment output{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:13px;font-weight:600}.step-editor-help{color:var(--muted,#7b8581);font-size:9px;line-height:1.4}@media (prefers-reduced-motion:reduce){.wheel-trail-ray,.wheel-hit-glow{display:none}.wheel-step-target *{transition:none!important;animation:none!important}}.jam-timeline{height:184px;min-height:184px;max-height:184px;color:var(--ink);isolation:isolate;grid-template-rows:18px minmax(0,1fr);font:10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid;position:relative}.timeline-head{white-space:nowrap;align-items:center;gap:14px;min-width:0;display:flex}.timeline-head strong{color:var(--ink);font-size:11px;font-weight:500}.timeline-head strong,.timeline-key{flex-shrink:0}.timeline-phrase,.timeline-range,.timeline-empty{color:var(--muted)}.timeline-phrase{text-overflow:ellipsis;min-width:0;overflow:hidden}.timeline-range{font-variant-numeric:tabular-nums;font-size:9px}.timeline-key{color:var(--muted);align-items:center;gap:5px;margin-left:auto;font-size:10px;display:flex}.timeline-key i{border-top:2px solid var(--ink);width:13px;margin-left:9px;display:inline-block}.timeline-key i.committed{opacity:.45;border-top-style:dashed;border-top-width:1px}.timeline-close{width:100%;height:100%;display:block;overflow:visible}.timeline-overview g rect{fill:#0000;stroke:var(--rule);stroke-width:1px}.timeline-overview g.is-current rect{fill:color-mix(in srgb,var(--accent) 7%,transparent)}.timeline-overview text{fill:var(--muted);pointer-events:none;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.timeline-overview g.is-current text{fill:var(--ink)}.timeline-phrase-boundary{stroke:var(--rule);stroke-width:1px;opacity:.6;pointer-events:none}.timeline-grid text{fill:var(--muted);font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.timeline-grid .timeline-value-guide{stroke:var(--paper);stroke-width:3px;paint-order:stroke;stroke-linejoin:round;font-size:9px}.timeline-row{stroke:var(--rule);stroke-width:.6px;opacity:.55}.timeline-bar{stroke:var(--rule);stroke-width:.6px;opacity:.6}.timeline-event-baseline{stroke:var(--rule);stroke-width:.7px}.timeline-gesture{color:var(--gesture-color);cursor:help;outline:none}.timeline-observed,.timeline-future{fill:none;stroke:currentColor;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none}.timeline-observed{stroke-width:1.6px}.timeline-future{stroke-width:1px;stroke-dasharray:3 3;opacity:.3}.timeline-hit{fill:none;stroke:#0000;stroke-width:8px;pointer-events:stroke;vector-effect:non-scaling-stroke}.timeline-tail{fill:currentColor;stroke:var(--paper);stroke-width:.8px;pointer-events:none}.timeline-label{fill:currentColor;stroke:var(--paper);stroke-width:3.5px;stroke-linejoin:round;paint-order:stroke;pointer-events:all;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.timeline-label-leader{fill:none;stroke:currentColor;stroke-width:.7px;opacity:.4;pointer-events:none}.timeline-gesture.is-label-hidden .timeline-label,.timeline-gesture.is-label-hidden .timeline-label-leader{visibility:hidden}.timeline-gesture.is-label-hidden:is(.is-inspected,:focus-visible) .timeline-label,.timeline-gesture.is-label-hidden:is(.is-inspected,:focus-visible) .timeline-label-leader{visibility:visible}.timeline-gesture.is-completed{opacity:.72}.timeline-gesture.is-cancelled .timeline-tail{fill:var(--paper);stroke:currentColor;stroke-width:1.3px}.timeline-gesture.is-inspected,.timeline-gesture:focus-visible{opacity:1}.timeline-gesture.is-inspected .timeline-observed,.timeline-gesture:focus-visible .timeline-observed{stroke-width:2.6px}.timeline-gesture.is-inspected .timeline-label,.timeline-gesture:focus-visible .timeline-label{fill:var(--ink);font-weight:650}.timeline-cursor{pointer-events:none;fill:var(--ink);stroke:var(--ink);stroke-width:.8px}.timeline-cursor line{opacity:.65}.timeline-event{fill:var(--event-color,var(--muted));stroke:var(--paper);stroke-width:.7px;cursor:help;outline:none}.timeline-event-hit{fill:#0000;stroke:none}.timeline-event-guide{stroke:var(--ink);stroke-width:.8px;opacity:0;pointer-events:none}.timeline-event:hover .timeline-event-guide,.timeline-event:focus-visible .timeline-event-guide{opacity:.55}.timeline-event:hover,.timeline-event:focus-visible{fill:var(--ink)}.timeline-event:focus-visible .timeline-event-mark{stroke:var(--ink);stroke-width:2px}.timeline-event.is-layer .timeline-event-mark{fill:var(--event-color,var(--muted));stroke:var(--event-color,var(--muted));stroke-width:1.2px;stroke-linejoin:round}.timeline-event-label,.timeline-event-count{fill:var(--event-color,var(--muted));stroke:var(--paper);stroke-width:3px;paint-order:stroke;stroke-linejoin:round;pointer-events:none;font:9px ui-monospace,SFMono-Regular,Consolas,monospace}.timeline-event-label{font-size:10px;font-weight:650}.timeline-event:hover .timeline-event-label,.timeline-event:focus-visible .timeline-event-label{fill:var(--ink)}.timeline-empty{text-overflow:ellipsis;pointer-events:none;max-width:calc(100% - 12px);position:absolute;top:78px;left:6px;overflow:hidden}.timeline-empty:empty{display:none}.timeline-detail{z-index:30;border:1px solid var(--rule);background:var(--paper);width:max-content;max-width:min(360px,100% - 4px);max-height:134px;color:var(--ink);white-space:normal;pointer-events:auto;overscroll-behavior:contain;padding:7px 9px;font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;overflow:auto}.timeline-detail strong,.timeline-detail span{display:block}.timeline-detail strong{font-weight:550}.timeline-detail span{color:var(--muted);margin-top:3px}.timeline-detail ul{color:var(--muted);margin:5px 0 0;padding:0;list-style:none}.timeline-detail li+li{border-top:1px solid var(--rule);margin-top:4px;padding-top:4px}.jam-timeline [hidden]{display:none!important}.param.timeline-linked,.channel.timeline-linked,.choices.timeline-linked{outline:1px solid var(--accent);outline-offset:4px}.knob-control.timeline-linked{outline:2px solid var(--accent);outline-offset:3px}@media (max-width:850px){.timeline-head{gap:8px}.timeline-key{gap:3px}.timeline-key i{margin-left:4px}.timeline-phrase{max-width:35%}.timeline-range{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f4f1e7;--ink:#252b27;--muted:#6a6f65;--rule:#d0d1c5;--a:#2850cc;--b:#be452c;--drum:#58745b;--accent:var(--a);--ch:#866837;--oh:#7f667a;--snare:#67723c;--face:#faf7ef;--track:#d5d8cc;--button-radius:0px;--heading-font:system-ui,sans-serif;--heading-weight:450;--control-text:var(--ink);--control-muted:var(--muted);--control-bg:var(--paper);--control-accent:var(--accent);--dial-face:var(--face);--dial-border:color-mix(in srgb,var(--ink) 35%,var(--paper));--dial-track:var(--track);--dial-needle:var(--ink);--dial-size:34px;--wheel-head:var(--ink);--wheel-text:var(--ink);--wheel-muted:var(--muted);--wheel-grid:var(--rule);--wheel-bg:var(--paper);--wheel-trail:var(--a);--wheel-note:var(--a);--drum-kick:var(--drum);--drum-snare:var(--snare);--drum-ch:var(--ch);--drum-oh:var(--oh);--meter-height:112px;--meter-width:16px;--level-color:var(--ink);font:13px/1.4 system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0}button,input{font:inherit}button{color:inherit;border:1px solid var(--rule);border-radius:var(--button-radius);cursor:pointer;touch-action:manipulation;background:0 0;padding:4px 8px}button:hover{border-color:var(--control-accent);background:color-mix(in srgb,var(--control-accent) 7%,var(--paper))}button[aria-pressed=true]{background:var(--control-accent);color:var(--paper);border-color:var(--control-accent)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit;text-underline-offset:3px}output{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}:where(#app-layout) h1,:where(#app-layout) h2,:where(#app-layout) h3{margin:0}:where(#app-layout) h2{font-size:13px;font-weight:550}:where(#app-layout) h3{font-size:11px;font-weight:500}:where(#app-layout) h1{font:var(--heading-weight) 30px/1.15 var(--heading-font);letter-spacing:-.035em;white-space:normal;overflow-wrap:break-word;min-width:0}.control-value-tip{z-index:100;background:var(--ink);color:var(--paper);pointer-events:none;border-radius:2px;max-width:280px;padding:6px 8px;font:11px ui-monospace,monospace;position:fixed;box-shadow:0 2px 6px #0002}.param .knob-control.planned .knob-face{border-style:dotted;border-color:var(--control-accent)}.tempo-entry{z-index:110;background:var(--paper);border:1px solid var(--rule);gap:6px;padding:9px;display:flex;position:fixed;box-shadow:0 4px 15px #0002}.tempo-entry input{background:var(--paper);border:1px solid var(--rule);width:90px;color:var(--ink);padding:5px}.tempo-entry button{font-size:11px}.local-step-editor{z-index:80}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#1c1b21;--ink:#ece7df;--muted:#aaa1ad;--rule:#403b47;--a:#efb69d;--b:#c6b4e6;--drum:#d0ad9b;--snare:#bd99b8;--ch:#a9c7bc;--oh:#c4b3e5;--face:#28252e;--track:#514958;--button-radius:2px;--heading-font:Georgia,serif;--heading-weight:400}html[data-theme=dark] :where(#app-layout) h1{font-style:italic}html[data-theme=blueprint]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#102641;--ink:#e1edf4;--muted:#91acc3;--rule:#36516a;--a:#8be1e0;--b:#f3d28b;--drum:#b6cce4;--snare:#c6abdf;--ch:#a5d4b6;--oh:#dfa7c0;--face:#16314f;--track:#496279;--dial-border:#91acc3;--dial-needle:#e1edf4;--dial-track:#36516a;--heading-font:ui-monospace,monospace;font-family:ui-monospace,monospace}html[data-theme=blueprint] :where(#app-layout) h1{letter-spacing:-.04em;font-size:25px}html[data-theme=blueprint] .param .knob-face{background:0 0}html[data-theme=ember]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#251e1a;--ink:#f0dfc6;--muted:#b7a18b;--rule:#574638;--a:#efa365;--b:#a7c9b1;--drum:#d8bb77;--snare:#c99787;--ch:#a9be8a;--oh:#c3a9c7;--face:linear-gradient(145deg,#544234,#30271f);--track:#66503d;--heading-font:Georgia,serif;--button-radius:4px;--dial-shadow:inset 0 1px #ffedb82c,0 2px 2px #0003}html[data-theme=press]{--paper:#e9e7df;--ink:#191b19;--muted:#656861;--rule:#afb3a9;--a:#bc2f25;--b:#244daf;--drum:#414d38;--snare:#736732;--ch:#7e4b41;--oh:#5b667b;--face:#ecebe4;--track:#b7bcb0;--heading-font:Arial,Helvetica,sans-serif;--heading-weight:800}html[data-theme=press] :where(#app-layout) h1{letter-spacing:-.06em}html[data-theme=mist]{--paper:#eaf0ed;--ink:#2d423c;--muted:#5a6d67;--rule:#c0d0c8;--a:#236e76;--b:#a15753;--drum:#647140;--snare:#866636;--ch:#497464;--oh:#676b81;--face:linear-gradient(145deg,#f8fbf9,#e1eee7);--track:#c3d6cf;--dial-border:#a8beb3;--dial-shadow:inset 0 1px #fff9;--button-radius:8px;--heading-font:system-ui,sans-serif;--heading-weight:350}html[data-theme=mist] .param .knob-face{border-color:var(--dial-border);box-shadow:var(--dial-shadow)}html:where([data-theme=paper],[data-theme=press],[data-theme=mist]) button[aria-pressed=true]{background:color-mix(in srgb,var(--control-accent) 60%,var(--ink))}.bipolar .knob-control:after{content:"";background:var(--control-accent);pointer-events:none;width:1px;height:3px;position:absolute;top:-3px;left:50%}body:where([data-layout=desktop]){min-width:1180px}:where(body[data-layout=desktop] #app-layout) .shell{max-width:1780px;margin:auto;padding:0 28px}:where(body[data-layout=desktop] #app-layout) .track-number,:where(body[data-layout=desktop] #app-layout) .choices,:where(body[data-layout=desktop] #app-layout) .length,:where(body[data-layout=desktop] #app-layout) .activity,:where(body[data-layout=desktop] #app-layout) .group-label,:where(body[data-layout=desktop] #app-layout) .param,:where(body[data-layout=desktop] #app-layout) footer{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}:where(body[data-layout=desktop] #app-layout) .transport{justify-content:space-between;align-items:center;gap:20px;height:auto;min-height:79px;padding-block:14px;display:flex}:where(body[data-layout=desktop] #app-layout) .identity{flex:1;align-items:center;gap:19px;min-width:0;display:flex}:where(body[data-layout=desktop] #app-layout) .track-number{white-space:nowrap;color:var(--a);flex:none;font-size:10px}:where(body[data-layout=desktop] #app-layout) .transport-actions{flex:none;align-items:center;gap:8px;display:flex}:where(body[data-layout=desktop] #app-layout) .transport-actions>button{min-height:38px;padding:9px 15px;font-size:12px}:where(body[data-layout=desktop] #app-layout) .transport-actions .play{background:var(--ink);border-color:var(--ink);color:var(--paper);min-width:96px;font-weight:600}:where(body[data-layout=desktop] #app-layout) .transport-actions .play:hover{background:var(--accent);border-color:var(--accent);color:var(--paper)}:where(body[data-layout=desktop] #app-layout) .tempo{cursor:ns-resize;align-items:baseline;gap:5px;margin-right:19px;display:flex;position:relative}:where(body[data-layout=desktop] #app-layout) .tempo output{border-bottom:1px dotted var(--muted);font-size:24px;line-height:1.1}:where(body[data-layout=desktop] #app-layout) .tempo>span{color:var(--muted);font-size:10px}:where(body[data-layout=desktop] #app-layout) .tempo .knob-control{cursor:ns-resize;width:calc(100% + 14px);height:calc(100% + 14px);position:absolute;inset:-7px}:where(body[data-layout=desktop] #app-layout) .tempo .knob-face{display:none}:where(body[data-layout=desktop] #app-layout) .tempo input{opacity:0;cursor:ns-resize;width:100%;height:100%;position:absolute;inset:0}:where(body[data-layout=desktop] #app-layout) .tempo:focus-within{outline:2px solid var(--accent);outline-offset:6px}:where(body[data-layout=desktop] #app-layout) .longview{border-top:1px solid var(--rule);--timeline-accent:var(--accent);height:184px}:where(body[data-layout=desktop] #app-layout) .instruments{grid-template-columns:1fr 1fr 1.22fr;gap:27px;margin-top:21px;display:grid}:where(body[data-layout=desktop] #app-layout) .synth,:where(body[data-layout=desktop] #app-layout) .percussion{flex-direction:column;min-width:0;display:flex}:where(body[data-layout=desktop] #app-layout) .source-a{--control-accent:var(--a);--wheel-note:var(--a);--wheel-trail:var(--a)}:where(body[data-layout=desktop] #app-layout) .source-b{--control-accent:var(--b);--wheel-note:var(--b);--wheel-trail:var(--b)}:where(body[data-layout=desktop] #app-layout) .percussion{--control-accent:var(--drum)}:where(body[data-layout=desktop] #app-layout) .source-heading{flex:none;justify-content:space-between;align-items:center;height:32px;min-height:32px;margin-bottom:4px;display:flex}:where(body[data-layout=desktop] #app-layout) .source-title{align-items:baseline;gap:7px;min-width:0;display:flex}:where(body[data-layout=desktop] #app-layout) .source-title h2{white-space:nowrap;line-height:1.2}:where(body[data-layout=desktop] #app-layout) .source-heading h2 b{color:var(--control-accent);margin-right:6px;font-size:18px;font-weight:550}:where(body[data-layout=desktop] #app-layout) .activity{color:var(--muted);font-size:10px}:where(body[data-layout=desktop] #app-layout) .voice-body{flex:1;grid-template-columns:minmax(155px,1.08fr) minmax(165px,1fr);align-items:start;gap:12px;display:grid}:where(body[data-layout=desktop] #app-layout) .score-and-cycle{flex-direction:column;align-self:stretch;min-width:0;display:flex}:where(body[data-layout=desktop] #app-layout) .synth-wheel{flex:1;width:100%;height:auto;min-height:210px}:where(body[data-layout=desktop] #app-layout) .score-and-cycle>div:last-child{margin-top:auto}:where(body[data-layout=desktop] #app-layout) .rethink{width:24px;height:24px;color:var(--muted);border:0;flex:none;padding:4px;line-height:16px;display:inline-block}:where(body[data-layout=desktop] #app-layout) .rethink:hover{color:var(--control-accent);background:0 0}:where(body[data-layout=desktop] #app-layout) .rethink svg{vertical-align:-1px;fill:none;stroke:currentColor;stroke-width:1.1px;width:16px;height:16px;display:inline-block;position:relative;top:3px}:where(body[data-layout=desktop] #app-layout) .rethink path{stroke-width:2.4px;stroke-linecap:round}:where(body[data-layout=desktop] #app-layout) .sound-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 9px;padding-top:3px;display:grid}:where(body[data-layout=desktop] #app-layout) .param{cursor:ns-resize;min-width:0;color:var(--ink);flex-direction:column;align-items:center;gap:3px;font-size:10px;display:flex}:where(body[data-layout=desktop] #app-layout) .param>span:first-child{white-space:nowrap}:where(body[data-layout=desktop] #app-layout) .param output{color:var(--muted);font-size:9px;line-height:1.1}:where(body[data-layout=desktop] #app-layout) .sound-switches{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0 0 12px;display:flex}:where(body[data-layout=desktop] #app-layout) .choices{align-items:center;gap:3px;display:flex}:where(body[data-layout=desktop] #app-layout) .choices button{min-height:23px;padding:3px 6px;font-size:10px}:where(body[data-layout=desktop] #app-layout) .wave button{min-width:30px;padding:3px 6px}:where(body[data-layout=desktop] #app-layout) .wave svg{fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linejoin:round;width:24px;height:14px;display:block}:where(body[data-layout=desktop] #app-layout) .loop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding-top:7px;display:flex}:where(body[data-layout=desktop] #app-layout) .length{align-items:center;gap:5px;font-size:11px;display:flex}:where(body[data-layout=desktop] #app-layout) .length button{padding:1px 6px;font-size:14px;line-height:19px}:where(body[data-layout=desktop] #app-layout) .length output{text-align:center;min-width:17px}:where(body[data-layout=desktop] #app-layout) .rate button{min-height:21px;padding:2px 5px;font-size:9px}:where(body[data-layout=desktop] #app-layout) .drum-lanes{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}:where(body[data-layout=desktop] #app-layout) .drum-lane{--dial-size:28px;--control-accent:var(--drum);--wheel-note:var(--control-accent);--wheel-trail:var(--control-accent);flex-direction:column;min-width:0;display:flex}:where(body[data-layout=desktop] #app-layout) .drum-1{--control-accent:var(--snare)}:where(body[data-layout=desktop] #app-layout) .drum-2{--control-accent:var(--ch)}:where(body[data-layout=desktop] #app-layout) .drum-3{--control-accent:var(--oh)}:where(body[data-layout=desktop] #app-layout) .drum-lane h3{text-align:center;color:var(--control-accent);height:21px;font:10px ui-monospace,monospace}:where(body[data-layout=desktop] #app-layout) .drum-wheel{width:100%;height:125px;margin:0 0 7px}:where(body[data-layout=desktop] #app-layout) .drum-lane>.param{flex-direction:row;justify-content:center;gap:6px;font-size:9px}:where(body[data-layout=desktop] #app-layout) .drum-lane .loop{justify-content:center;gap:6px;margin-top:auto}:where(body[data-layout=desktop] #app-layout) .drum-lane .rate{justify-content:center}:where(body[data-layout=desktop] #app-layout) .drum-lane .rate button{padding:2px 4px;font-size:9px}:where(body[data-layout=desktop] #app-layout) .drum-lane .length{gap:3px}:where(body[data-layout=desktop] #app-layout) .drum-lane .length button{padding-inline:5px}:where(body[data-layout=desktop] #app-layout) .mix-console{border-top:1px solid var(--ink);margin-top:25px;padding-top:12px}:where(body[data-layout=desktop] #app-layout) .mix-heading{justify-content:space-between;align-items:center;height:24px;display:flex}:where(body[data-layout=desktop] #app-layout) .mix-heading h2{font-size:13px}:where(body[data-layout=desktop] #app-layout) .mix-heading span{color:var(--muted);font:10px ui-monospace,monospace}:where(body[data-layout=desktop] #app-layout) .mixer{grid-template-columns:2.1fr 4.9fr 2.3fr .65fr;gap:24px;display:grid}:where(body[data-layout=desktop] #app-layout) .mixer-group{min-width:0}:where(body[data-layout=desktop] #app-layout) .group-label{color:var(--muted);border-top:1px solid var(--rule);justify-content:space-between;height:23px;padding-top:5px;font-size:9px;display:flex}:where(body[data-layout=desktop] #app-layout) .source-channels{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}:where(body[data-layout=desktop] #app-layout) .drum-channels{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.2fr);gap:12px;display:grid}:where(body[data-layout=desktop] #app-layout) .return-channels{grid-template-columns:1.8fr .7fr;gap:17px;display:grid}:where(body[data-layout=desktop] #app-layout) .channel{--control-accent:var(--drum);min-width:0}:where(body[data-layout=desktop] #app-layout) .channel-0{--control-accent:var(--a)}:where(body[data-layout=desktop] #app-layout) .channel-1{--control-accent:var(--b)}:where(body[data-layout=desktop] #app-layout) .channel-3{--control-accent:var(--snare)}:where(body[data-layout=desktop] #app-layout) .channel-4{--control-accent:var(--ch)}:where(body[data-layout=desktop] #app-layout) .channel-5{--control-accent:var(--oh)}:where(body[data-layout=desktop] #app-layout) .channel-7,:where(body[data-layout=desktop] #app-layout) .channel-8{--control-accent:var(--muted)}:where(body[data-layout=desktop] #app-layout) .channel-9{--control-accent:var(--ink)}:where(body[data-layout=desktop] #app-layout) .channel h3{color:var(--control-accent);height:23px;font:10px ui-monospace,monospace}:where(body[data-layout=desktop] #app-layout) .channel-visual{align-items:flex-start;gap:15px;padding-left:5px;display:flex}:where(body[data-layout=desktop] #app-layout) .channel-level{flex-direction:column;flex:none;align-items:center;gap:7px;width:28px;display:flex}:where(body[data-layout=desktop] #app-layout) .channel-level output{color:var(--muted);white-space:nowrap;font-size:9px;line-height:1.2}:where(body[data-layout=desktop] #app-layout) .channel-controls{height:var(--meter-height);flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}:where(body[data-layout=desktop] #app-layout) .channel-controls .mute{margin-top:auto}:where(body[data-layout=desktop] #app-layout) .sends{height:var(--meter-height);--dial-size:27px;flex-direction:column;gap:5px;display:flex}:where(body[data-layout=desktop] #app-layout) .sends .param{flex-direction:row;justify-content:space-between;gap:5px;min-width:52px;font-size:9px}:where(body[data-layout=desktop] #app-layout) .mute{width:20px;padding:1px 5px;font-size:9px;line-height:16px}:where(body[data-layout=desktop] #app-layout) .sends .mute{margin-right:calc((var(--dial-size) - 20px)/2);align-self:flex-end}:where(body[data-layout=desktop] #app-layout) .channel.absent .meter-control{opacity:.35}:where(body[data-layout=desktop] #app-layout) .channel.absent h3:after{content:" ·";color:var(--muted)}:where(body[data-layout=desktop] #app-layout) .drum-bus{border-left:1px solid var(--rule);background:linear-gradient(to right,color-mix(in srgb,var(--drum) 5%,transparent),transparent);padding-left:13px}:where(body[data-layout=desktop] #app-layout) .drum-bus h3{color:var(--ink);font-weight:600}:where(body[data-layout=desktop] #app-layout) .delay-controls{--dial-size:29px;flex:1;align-items:center;gap:10px;min-width:0;display:flex}:where(body[data-layout=desktop] #app-layout) .delay-controls>.param{font-size:9px}:where(body[data-layout=desktop] #app-layout) .delay-choice{min-width:0}:where(body[data-layout=desktop] #app-layout) .delay-choice .choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;display:grid}:where(body[data-layout=desktop] #app-layout) .delay-choice button{min-height:21px;padding:2px 4px;font-size:9px}:where(body[data-layout=desktop] #app-layout) .returns .channel-visual{gap:12px}:where(body[data-layout=desktop] #app-layout) .output .channel-visual{padding-left:5px}:where(body[data-layout=desktop] #app-layout) footer{border-top:1px solid var(--rule);min-height:38px;color:var(--muted);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;margin-top:19px;font-size:10px;display:grid}:where(body[data-layout=desktop] #app-layout) .footer-right{justify-self:end;align-items:center;gap:24px;min-width:0;display:flex}:where(body[data-layout=desktop] #app-layout) .audio-status{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}:where(body[data-layout=desktop] #app-layout) #cpu{font-variant-numeric:tabular-nums}:where(body[data-layout=desktop] #app-layout) .error{border:1px solid var(--b);color:var(--b);margin-bottom:10px;padding:8px 10px;font-size:12px}@media (min-width:1650px){:where(body[data-layout=desktop] #app-layout) .shell{padding-inline:38px}:where(body[data-layout=desktop] #app-layout) .transport{min-height:91px}:where(body[data-layout=desktop] #app-layout) .instruments{gap:35px;margin-top:25px}:where(body[data-layout=desktop] #app-layout) .voice-body{gap:22px}:where(body[data-layout=desktop] #app-layout) .synth-wheel{min-height:245px}:where(body[data-layout=desktop] #app-layout) .sound-controls{--dial-size:39px;gap:18px 12px}:where(body[data-layout=desktop] #app-layout) .drum-wheel{height:153px}:where(body[data-layout=desktop] #app-layout) .source-heading{height:36px}:where(body[data-layout=desktop] #app-layout) .mix-console{margin-top:29px;padding-top:15px}:where(body[data-layout=desktop] #app-layout) .channel-visual{--meter-height:128px}:where(body[data-layout=desktop] #app-layout) .group-label{height:27px}:where(body[data-layout=desktop] #app-layout) .sends{--dial-size:31px;gap:8px}:where(body[data-layout=desktop] #app-layout) footer{min-height:44px;margin-top:24px}}@media (max-width:1300px){:where(body[data-layout=desktop] #app-layout) .shell{padding-inline:20px}:where(body[data-layout=desktop] #app-layout) .instruments{grid-template-columns:1fr 1fr 1.28fr;gap:18px}:where(body[data-layout=desktop] #app-layout) .voice-body{grid-template-columns:minmax(150px,1.03fr) minmax(155px,1fr);gap:9px}:where(body[data-layout=desktop] #app-layout) .synth-wheel{min-height:202px}:where(body[data-layout=desktop] #app-layout) .sound-controls{--dial-size:31px;gap:11px 4px}:where(body[data-layout=desktop] #app-layout) .param{font-size:9px}:where(body[data-layout=desktop] #app-layout) .sound-switches{gap:6px}:where(body[data-layout=desktop] #app-layout) .character button{padding-inline:5px}:where(body[data-layout=desktop] #app-layout) .drum-lanes{gap:7px}:where(body[data-layout=desktop] #app-layout) .drum-wheel{height:120px}:where(body[data-layout=desktop] #app-layout) .drum-lane .rate button{padding-inline:3px;font-size:8px}:where(body[data-layout=desktop] #app-layout) .drum-lane .length button{padding-inline:4px}:where(body[data-layout=desktop] #app-layout) .mixer{grid-template-columns:2fr 4.8fr 2.4fr .65fr;gap:17px}:where(body[data-layout=desktop] #app-layout) .source-channels{gap:10px}:where(body[data-layout=desktop] #app-layout) .drum-channels{gap:9px}:where(body[data-layout=desktop] #app-layout) .channel-visual{gap:10px}:where(body[data-layout=desktop] #app-layout) .sends{--dial-size:25px}:where(body[data-layout=desktop] #app-layout) .sends .param{min-width:47px;font-size:8px}:where(body[data-layout=desktop] #app-layout) .drum-bus{padding-left:9px}:where(body[data-layout=desktop] #app-layout) .return-channels{gap:12px}:where(body[data-layout=desktop] #app-layout) .delay-controls{--dial-size:25px;gap:7px}:where(body[data-layout=desktop] #app-layout) .delay-choice button{padding-inline:3px;font-size:8px}:where(body[data-layout=desktop] #app-layout) .channel-visual{--meter-width:14px;--meter-height:104px}:where(body[data-layout=desktop] #app-layout) .transport{min-height:73px}:where(body[data-layout=desktop] #app-layout) h1{font-size:27px}}html[data-theme=dark] :where(body[data-layout=desktop] #app-layout) .transport-actions .play{background:var(--a);color:var(--paper);border-color:var(--a)}html[data-theme=blueprint] :where(body[data-layout=desktop] #app-layout) .longview{background-image:radial-gradient(#91acc340 .6px,#0000 .6px);background-size:12px 12px}html[data-theme=ember] :where(body[data-layout=desktop] #app-layout) .source-heading{border-bottom:1px solid var(--rule);margin-bottom:8px}html[data-theme=ember] :where(body[data-layout=desktop] #app-layout) .transport-actions .play{background:var(--a);color:var(--paper);border-color:var(--a)}html[data-theme=press] :where(body[data-layout=desktop] #app-layout) .source-heading h2{text-transform:uppercase;font-size:12px;font-weight:700}html[data-theme=press] :where(body[data-layout=desktop] #app-layout) .mix-console{border-top:2px solid var(--ink)}html[data-theme=press] :where(body[data-layout=desktop] #app-layout) .group-label{border-color:var(--ink)}html[data-theme=mist] :where(body[data-layout=desktop] #app-layout) .longview{background:color-mix(in srgb,var(--ink) 2%,var(--paper));border-color:#0000}html[data-theme=mist] :where(body[data-layout=desktop] #app-layout) .choices button:not([aria-pressed=true]){background:#f3f8f5;box-shadow:inset 0 1px #fffc}html[data-theme=mist] :where(body[data-layout=desktop] #app-layout) .group-label{border-color:#a8beb3}html[data-theme=mist] :where(body[data-layout=desktop] #app-layout) .transport-actions .play{background:var(--a);border-color:var(--a);color:var(--paper)}:where(body[data-layout=desktop] #app-layout) .tempo .knob-control{width:calc(100% - 20px);right:auto}:where(body[data-layout=desktop] #app-layout) .tempo>[data-tempo-entry]{z-index:2;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:10px;position:relative}:where(body[data-layout=desktop] #app-layout) .tempo>[data-tempo-entry]:hover{color:var(--ink);text-decoration:underline}:where(body[data-layout=desktop] #app-layout) .cpu-readout{align-items:center;gap:7px;display:flex}:where(body[data-layout=desktop] #app-layout) .cpu-bar{background:var(--rule);width:43px;height:4px;display:block;overflow:hidden}:where(body[data-layout=desktop] #app-layout) .cpu-bar i{background:var(--accent);width:0;height:100%;display:block}:where(body[data-layout=desktop] #app-layout) .theme-picker{flex-wrap:nowrap;justify-content:center;gap:3px;display:flex}:where(body[data-layout=desktop] #app-layout) .theme-picker button{color:var(--muted);border:0;border-radius:0;padding:3px 6px;font:10px ui-monospace,monospace}:where(body[data-layout=desktop] #app-layout) .theme-picker button[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 -1px var(--ink);background:0 0}:where(body[data-layout=desktop] #app-layout) .theme-picker button:hover{color:var(--ink);background:0 0}:where(body[data-layout=desktop] #app-layout) .footer-appearance{flex-direction:column;align-items:center;gap:1px;min-width:0;padding-block:5px;display:flex}:where(body[data-layout=desktop] #app-layout) #layout-picker{justify-content:center;align-items:center;gap:3px;display:flex}:where(body[data-layout=desktop] #app-layout) #layout-picker:before{content:"Layout";color:var(--muted);margin-right:3px;font-size:9px}:where(body[data-layout=desktop] #app-layout) #layout-picker button{color:var(--muted);border:0;border-radius:0;padding:2px 6px;font:9px ui-monospace,monospace}:where(body[data-layout=desktop] #app-layout) #layout-picker button[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 -1px var(--ink);background:0 0}:where(body[data-layout=desktop] #app-layout) #layout-picker button:hover{color:var(--ink);background:0 0}@media (min-width:1650px) and (max-height:950px){:where(body[data-layout=desktop] #app-layout) .transport{min-height:79px}:where(body[data-layout=desktop] #app-layout) .instruments{margin-top:21px}:where(body[data-layout=desktop] #app-layout) .source-heading{height:32px}:where(body[data-layout=desktop] #app-layout) .synth-wheel{flex:none;height:210px;min-height:210px}:where(body[data-layout=desktop] #app-layout) .drum-wheel{height:125px}:where(body[data-layout=desktop] #app-layout) .mix-console{margin-top:25px;padding-top:12px}:where(body[data-layout=desktop] #app-layout) .group-label{height:23px}:where(body[data-layout=desktop] #app-layout) footer{min-height:38px;margin-top:19px}}:where(body[data-layout=desktop] #app-layout) .skip-link{z-index:200;background:var(--paper);border:1px solid var(--ink);padding:9px 12px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}:where(body[data-layout=desktop] #app-layout) .skip-link:focus{transform:none}:where(body[data-layout=desktop] #app-layout) #mix-console:focus-visible{outline:2px solid var(--accent);outline-offset:5px}:where(body[data-layout=desktop] #app-layout) #show-help{color:var(--ink);text-underline-offset:3px;border:0;border-radius:0;padding:2px 0;font-size:10px;text-decoration:underline}:where(body[data-layout=desktop] #app-layout) .activity .cancel-rest{min-height:24px;color:var(--muted);font:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:3px;border:0;border-radius:0;padding:3px 0;line-height:1.2}:where(body[data-layout=desktop] #app-layout) .activity .cancel-rest:hover{color:var(--control-accent);background:0 0;text-decoration-color:currentColor}:where(body[data-layout=desktop] #app-layout) .activity .cancel-rest[aria-disabled=true]{cursor:default;text-decoration:none}:where(body[data-layout=desktop] #app-layout) button.cpu-readout{color:var(--muted);font:inherit;white-space:nowrap;border-color:#0000;border-radius:0;padding:4px 0}:where(body[data-layout=desktop] #app-layout) button.cpu-readout:hover{color:var(--ink);border-bottom-color:var(--muted);background:0 0}:where(body[data-layout=desktop] #app-layout) button.cpu-readout.needs-attention{color:var(--ink);border-bottom-color:var(--accent)}:where(body[data-layout=desktop] #app-layout) .delay-controls{align-items:flex-start}:where(body[data-layout=desktop] #app-layout) .delay-dials{flex-direction:column;flex:none;gap:9px;display:flex}:where(body[data-layout=desktop] #app-layout) .delay-dials .param{font-size:9px}:where(body[data-layout=desktop] #app-layout) .delay-choice{flex-direction:column;flex:1;gap:3px;display:flex}:where(body[data-layout=desktop] #app-layout) .delay-choice>span{color:var(--muted);font-size:9px}:where(body[data-layout=desktop] #app-layout) .delay-choice>span:not(:first-child){margin-top:3px}:where(body[data-layout=desktop] #app-layout) .delay-choice .choices{grid-template-columns:repeat(3,minmax(0,1fr))}:where(body[data-layout=desktop] #app-layout) .delay-choice .delay-relationship{grid-template-columns:repeat(4,minmax(0,1fr))}:where(body[data-layout=desktop] #app-layout) .delay-choice button{white-space:nowrap;min-height:19px}:where(body[data-layout=desktop] #app-layout) .delay-choice>output{color:var(--muted);white-space:nowrap;font-size:9px}:where(body[data-layout=desktop] #app-layout) .channel-7 .channel-controls{height:auto;min-height:var(--meter-height)}:where(body[data-layout=desktop] #app-layout) .delay-choice .choices.manual{outline:1px dashed var(--control-accent);outline-offset:2px}html[data-theme=lcd]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#c8d4a0;--ink:#203520;--muted:#475c3b;--rule:#93a17a;--a:#29472e;--b:#4d5d29;--drum:#40542d;--snare:#4d5c3b;--ch:#315044;--oh:#56592e;--face:#d3dfad;--track:#9ba981;--button-radius:0px;--heading-font:ui-monospace,SFMono-Regular,Consolas,monospace;--heading-weight:500;--dial-border:#6e8057;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}html[data-theme=lcd] :where(#app-layout) h1{letter-spacing:-.055em}html[data-theme=lcd] :where(body[data-layout=desktop] #app-layout) .source-heading h2{font-weight:600}html[data-theme=lcd] :where(body[data-layout=desktop] #app-layout) .longview{background-image:radial-gradient(#2035200c .6px,#0000 .6px);background-size:3px 3px}html[data-theme=lcd] .param .knob-face{background:var(--paper)}html[data-theme=lcd] .meter-control .knob-face{background:0 0}html[data-theme=lcd] .meter-control .knob-face:before{background:repeating-linear-gradient(to top,var(--control-accent) 0 3px,transparent 3px 4px);clip-path:inset(calc((1 - var(--rms,0))*100%) 0 0);transform:none}@supports (clip-path:inset(round(up,50%,4px) 0 0)){html[data-theme=lcd] .meter-control .knob-face:before{clip-path:inset(round(up,calc((1 - var(--rms,0))*100%),4px) 0 0)}}html[data-theme=arcade]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#251044;--ink:#fff7f8;--muted:#c4a3cc;--rule:#624176;--a:#49e7ec;--b:#ff7892;--drum:#ffda45;--snare:#ffab6b;--ch:#c0bcff;--oh:#e6a0dc;--face:#32184e;--track:#79528e;--button-radius:0px;--heading-font:system-ui,sans-serif;--heading-weight:700}html[data-theme=arcade] :where(#app-layout) h1{letter-spacing:-.045em}html[data-theme=arcade] :where(body[data-layout=desktop] #app-layout) .transport-actions .play{background:var(--a);border-color:var(--a);color:var(--paper)}html[data-theme=sorbet]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f2d3c4;--ink:#272744;--muted:#6c5368;--rule:#c3a0a6;--a:#494d7e;--b:#80486d;--drum:#685533;--snare:#7b4d3d;--ch:#475e59;--oh:#6b4f7e;--face:#fbf5ef;--track:#c0a1b2;--button-radius:3px;--heading-font:system-ui,sans-serif;--heading-weight:650;--dial-border:#a78d9d;--dial-needle:#494160;--dial-shadow:inset 0 1px #fff,inset 0 -1px #bca1ae66}html[data-theme=sorbet] :where(#app-layout) h1{letter-spacing:-.055em}html[data-theme=sorbet] :where(body[data-layout=desktop] #app-layout) .choices button:not([aria-pressed=true]){background:#fbf5ef;box-shadow:inset 0 -1px #bca1ae44}html[data-theme=sorbet] .meter-control .knob-control{background:#f7e8e0}html[data-theme=cove]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0d2b35;--ink:#ffecd6;--muted:#b9abae;--rule:#36535f;--a:#ffaa5e;--b:#c9a6c8;--drum:#80bfb0;--snare:#d0b0a3;--ch:#ffd4a3;--oh:#9eb7d9;--face:#102e36;--track:#526775;--button-radius:2px;--heading-font:Georgia,serif;--heading-weight:400;--dial-border:#64807d;--dial-shadow:inset 0 1px #a8d1c51c}html[data-theme=cove] :where(#app-layout) h1{letter-spacing:-.03em}html[data-theme=cove] :where(body[data-layout=desktop] #app-layout) .choices button:not([aria-pressed=true]){background:#15343d;box-shadow:inset 0 1px #ffecd60b}html[data-theme=cove] :where(body[data-layout=desktop] #app-layout) .transport-actions .play{background:var(--a);border-color:var(--a);color:var(--paper)}html:where([data-layout=compact]){scroll-padding-top:115px;font-size:13px}body:where([data-layout=compact]){background:var(--paper);min-width:0;color:var(--ink);--dial-size:44px;--dial-face:var(--face);--dial-track:var(--track);--dial-needle:var(--ink);--control-text:var(--ink);--control-muted:var(--muted);--control-bg:var(--paper);--control-accent:var(--drum);--level-color:var(--ink);margin:0;font:13px/1.4 system-ui,sans-serif}:where(body[data-layout=compact]) *,:where(body[data-layout=compact]) :before,:where(body[data-layout=compact]) :after{box-sizing:border-box}:where(body[data-layout=compact]) [hidden]{display:none!important}:where(body[data-layout=compact]) button,:where(body[data-layout=compact]) a,:where(body[data-layout=compact]) input{-webkit-tap-highlight-color:transparent}:where(body[data-layout=compact]) button{min-width:44px;min-height:44px;font:inherit;touch-action:manipulation;color:inherit;background:0 0;border:0;border-radius:0;padding:6px 8px}:where(body[data-layout=compact]) button:hover{border-color:#0000}:where(body[data-layout=compact]) button:focus-visible,:where(body[data-layout=compact]) a:focus-visible,:where(body[data-layout=compact]) input:focus-visible{outline:2px solid var(--control-accent);outline-offset:3px}:where(body[data-layout=compact]) button:disabled{opacity:.45}:where(body[data-layout=compact]) button[aria-pressed=true]{background:var(--control-accent);color:var(--paper)}:where(body[data-layout=compact]) svg{display:block}:where(body[data-layout=compact]) .m-shell{max-width:440px;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));margin:auto}:where(body[data-layout=compact]) .m-header{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}:where(body[data-layout=compact]) .m-header h1{letter-spacing:-.035em;overflow-wrap:anywhere;min-width:0;font-size:25px;line-height:1.15}:where(body[data-layout=compact]) .m-tempo{min-height:44px;color:var(--muted);flex:none;align-items:center;gap:1px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex;position:relative}:where(body[data-layout=compact]) .m-tempo output{text-align:right;font-variant-numeric:tabular-nums;min-width:35px;font-size:14px}:where(body[data-layout=compact]) .m-tempo button{z-index:1;padding-inline:2px;font-size:11px;position:relative}:where(body[data-layout=compact]) .m-tempo>.knob-control{opacity:0;touch-action:none;width:44px;height:44px;position:absolute;inset:0 auto 0 -4px}:where(body[data-layout=compact]) .m-tempo>.knob-control input{opacity:0;touch-action:none;width:100%;height:100%}:where(body[data-layout=compact]) .m-tempo:focus-within{outline:2px solid var(--control-accent);outline-offset:2px}:where(body[data-layout=compact]) .m-chrome{top:env(safe-area-inset-top,0px);z-index:25;background:var(--paper);padding-top:5px;position:sticky}:where(body[data-layout=compact]) .m-transport{gap:8px;padding-block:5px;display:flex}:where(body[data-layout=compact]) .m-transport>button{border:1px solid var(--rule);flex:1;font-size:13px}:where(body[data-layout=compact]) .m-transport>.m-play{color:var(--paper);background:var(--ink);border-color:var(--ink);font-weight:600}:where(body[data-layout=compact]) .m-nav{border-block:1px solid var(--rule);grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;display:grid}:where(body[data-layout=compact]) .m-nav button{color:var(--muted);padding-inline:2px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;position:relative}:where(body[data-layout=compact]) .m-nav button[aria-current=page]{color:var(--ink)}:where(body[data-layout=compact]) .m-nav button[aria-current=page]:before{content:"";background:var(--ink);height:2px;position:absolute;top:0;left:10px;right:10px}:where(body[data-layout=compact]) #m-content{outline-offset:-2px;min-height:310px}:where(body[data-layout=compact]) .m-shell .mobile-overview-canvas{height:clamp(208px,100svh - 422px,264px)}:where(body[data-layout=compact]) .m-source-heading{justify-content:space-between;align-items:center;gap:8px;min-height:48px;display:flex}:where(body[data-layout=compact]) .m-source-heading h2{font-size:15px;font-weight:500;line-height:1.2}:where(body[data-layout=compact]) .m-source-heading h2 b{color:var(--control-accent);margin-right:5px;font-size:19px;font-weight:500}:where(body[data-layout=compact]) .m-source-actions{align-items:center;gap:4px;min-width:0;display:flex}:where(body[data-layout=compact]) .m-source-actions>span,:where(body[data-layout=compact]) .m-rest-actions{color:var(--muted);font:11px ui-monospace,SFMono-Regular,Consolas,monospace}:where(body[data-layout=compact]) .m-dice{color:var(--muted);flex:none;padding:12px}:where(body[data-layout=compact]) .m-dice:hover{color:var(--control-accent);background:0 0}:where(body[data-layout=compact]) .m-dice svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:18px;height:18px}:where(body[data-layout=compact]) .m-dice path{stroke-linecap:round;stroke-width:2.4px}:where(body[data-layout=compact]) .m-part-actions{border-block:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;display:grid}:where(body[data-layout=compact]) .m-part-action{min-width:0;color:var(--control-accent);justify-content:space-between;align-items:center;display:flex}:where(body[data-layout=compact]) .m-part-action>button:first-child{white-space:nowrap;flex:1;padding-inline:2px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}:where(body[data-layout=compact]) .m-part-action .m-dice{padding-inline:10px}:where(body[data-layout=compact]) .m-rest-actions{justify-content:space-evenly;align-items:center;display:flex}:where(body[data-layout=compact]) .m-rest-actions:has(>span:not(:empty)){padding-top:2px}:where(body[data-layout=compact]) .m-cancel-rest{text-underline-offset:3px;min-width:0;color:var(--control-accent);padding-inline:5px;font-size:11px;text-decoration:underline}:where(body[data-layout=compact]) .m-cancel-rest[aria-disabled=true]{opacity:.6;text-decoration:none}:where(body[data-layout=compact]) .source-a,:where(body[data-layout=compact]) .channel-0{--control-accent:var(--a);--wheel-note:var(--a);--wheel-trail:var(--a)}:where(body[data-layout=compact]) .source-b,:where(body[data-layout=compact]) .channel-1{--control-accent:var(--b);--wheel-note:var(--b);--wheel-trail:var(--b)}:where(body[data-layout=compact]) .source-drums{--control-accent:var(--drum)}:where(body[data-layout=compact]) .m-drum{--control-accent:var(--drum);--wheel-note:var(--control-accent);--wheel-trail:var(--control-accent)}:where(body[data-layout=compact]) .drum-1,:where(body[data-layout=compact]) .channel-3{--control-accent:var(--snare,var(--drum))}:where(body[data-layout=compact]) .drum-2,:where(body[data-layout=compact]) .channel-4{--control-accent:var(--ch,var(--drum))}:where(body[data-layout=compact]) .drum-3,:where(body[data-layout=compact]) .channel-5{--control-accent:var(--oh,var(--drum))}:where(body[data-layout=compact]) .channel-7,:where(body[data-layout=compact]) .channel-8{--control-accent:var(--muted)}:where(body[data-layout=compact]) .channel-9{--control-accent:var(--ink)}:where(body[data-layout=compact]) .m-synth-wheel{width:100%;height:280px}:where(body[data-layout=compact]) .m-synth-wheel .wheel-note-label{font-size:10px}:where(body[data-layout=compact]) .m-synth-wheel:not(.editing) .wheel-surface,:where(body[data-layout=compact]) .m-drum-wheel:not(.editing) .wheel-surface{touch-action:pan-y}:where(body[data-layout=compact]) .m-cycle{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;margin:4px 0 12px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}:where(body[data-layout=compact]) .m-length{align-items:center;gap:2px;display:flex}:where(body[data-layout=compact]) .m-length button{width:44px;padding:2px;font-size:18px;line-height:1}:where(body[data-layout=compact]) .m-length output{text-align:center;min-width:23px;font-size:12px}:where(body[data-layout=compact]) .m-choices{gap:3px;min-width:0;display:flex}:where(body[data-layout=compact]) .m-choices button{border-bottom:1px solid var(--rule);white-space:nowrap;min-width:44px;padding-inline:6px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}:where(body[data-layout=compact]) .m-choices button[aria-pressed=true]{border-color:#0000}:where(body[data-layout=compact]) .m-choices.manual{outline:1px dashed var(--control-accent);outline-offset:3px}:where(body[data-layout=compact]) .m-switches{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}:where(body[data-layout=compact]) .m-sound{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px;margin:12px 0 18px;display:grid}:where(body[data-layout=compact]) .param{min-width:0;color:var(--ink);cursor:ns-resize;flex-direction:column;align-items:center;gap:6px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}:where(body[data-layout=compact]) .param>.param-label{justify-content:center;align-items:center;max-width:100%;min-height:24px;padding:0;font-size:12px;line-height:1.2;display:flex}:where(body[data-layout=compact]) .param>output{color:var(--muted);min-height:14px;font-size:11px;line-height:1.2}:where(body[data-layout=compact]) .m-edit-row{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:3px;display:flex}:where(body[data-layout=compact]) .m-edit-row>span{color:var(--muted);text-align:right;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}:where(body[data-layout=compact]) .m-edit-row>button{border-bottom:1px solid var(--rule);font-size:12px}:where(body[data-layout=compact]) .m-drum-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;display:grid}:where(body[data-layout=compact]) .m-drum-title{justify-content:space-between;align-items:center;height:44px;display:flex}:where(body[data-layout=compact]) .m-drum-title h3{color:var(--control-accent);font:12px ui-monospace,SFMono-Regular,Consolas,monospace}:where(body[data-layout=compact]) .m-drum-wheel{width:100%;height:138px}:where(body[data-layout=compact]) .m-drum .m-cycle{justify-content:center;gap:2px;margin:2px 0 8px}:where(body[data-layout=compact]) .m-drum .m-rates{justify-content:center}:where(body[data-layout=compact]) .m-drum .m-rates button{padding-inline:3px;font-size:11px}:where(body[data-layout=compact]) .m-drum>.param{margin-top:10px}:where(body[data-layout=compact]) .m-mute{color:var(--muted);font:12px ui-monospace,SFMono-Regular,Consolas,monospace}:where(body[data-layout=compact]) .m-mute[aria-pressed=true]{color:var(--paper);background:var(--control-accent)}:where(body[data-layout=compact]) .m-banks{border-bottom:1px solid var(--rule);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:14px;display:grid}:where(body[data-layout=compact]) .m-banks button{color:var(--muted);padding-inline:2px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}:where(body[data-layout=compact]) .m-banks button[aria-pressed=true]{color:var(--ink);border-bottom:2px solid var(--ink);background:0 0}:where(body[data-layout=compact]) .m-levels{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding:5px 0 12px;display:grid}:where(body[data-layout=compact]) .m-drum-levels{grid-template-columns:repeat(5,minmax(0,1fr))}:where(body[data-layout=compact]) .m-strip{--meter-height:162px;--meter-width:14px;--control-accent:var(--drum);flex-direction:column;align-items:center;gap:9px;min-width:0;display:flex}:where(body[data-layout=compact]) .m-strip.channel-0{--control-accent:var(--a)}:where(body[data-layout=compact]) .m-strip.channel-1{--control-accent:var(--b)}:where(body[data-layout=compact]) .m-strip.channel-3{--control-accent:var(--snare,var(--drum))}:where(body[data-layout=compact]) .m-strip.channel-4{--control-accent:var(--ch,var(--drum))}:where(body[data-layout=compact]) .m-strip.channel-5{--control-accent:var(--oh,var(--drum))}:where(body[data-layout=compact]) .m-strip.channel-7,:where(body[data-layout=compact]) .m-strip.channel-8{--control-accent:var(--muted)}:where(body[data-layout=compact]) .m-strip.channel-9{--control-accent:var(--ink)}:where(body[data-layout=compact]) .m-strip h3{color:var(--control-accent);white-space:nowrap;height:18px;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}:where(body[data-layout=compact]) .m-strip>output{color:var(--muted);white-space:nowrap;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}:where(body[data-layout=compact]) .m-strip .meter-control,:where(body[data-layout=compact]) .m-strip .meter-control .knob-control{width:44px}:where(body[data-layout=compact]) .m-strip .meter-control .knob-control{background:0 0;border:0}:where(body[data-layout=compact]) .m-strip .meter-control .knob-face{border:1px solid var(--dial-border);inset:1px 15px}:where(body[data-layout=compact]) .m-strip .meter-control .knob-control:after{left:10px;right:10px}:where(body[data-layout=compact]) .m-strip .meter-reduction{right:8px}:where(body[data-layout=compact]) .m-strip.absent .meter-control{opacity:.35}:where(body[data-layout=compact]) .m-bus{border-left:1px solid var(--rule)}:where(body[data-layout=compact]) .m-bus-sound{border-top:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-top:12px;display:grid}:where(body[data-layout=compact]) .m-sends{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;padding:8px 0 16px;display:grid}:where(body[data-layout=compact]) .m-send h3{color:var(--control-accent);margin-bottom:8px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}:where(body[data-layout=compact]) .m-send>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}:where(body[data-layout=compact]) .m-fx h3{color:var(--muted);margin:18px 0 8px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}:where(body[data-layout=compact]) .m-delay-times{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}:where(body[data-layout=compact]) .m-delay-ratios{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}:where(body[data-layout=compact]) .m-delay-pair{color:var(--muted);text-align:center;margin:12px 0 15px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;display:block}:where(body[data-layout=compact]) .m-fx-dials{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}:where(body[data-layout=compact]) .m-detail-note{color:var(--muted);margin:20px 0 10px;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}:where(body[data-layout=compact]) .m-footer{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:8px;min-height:45px;margin-top:12px;display:flex}:where(body[data-layout=compact]) .m-footer button{color:var(--muted);white-space:nowrap;padding-inline:4px;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}:where(body[data-layout=compact]) .m-footer #m-performance{font-variant-numeric:tabular-nums}:where(body[data-layout=compact]) .m-footer{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 8px;display:grid}:where(body[data-layout=compact]) .m-footer>#m-theme{text-align:left}:where(body[data-layout=compact]) .m-footer>#m-performance{text-align:right}:where(body[data-layout=compact]) #m-layout-picker{border-top:1px solid var(--rule);grid-column:1/-1;justify-content:center;align-items:center;gap:2px;display:flex}:where(body[data-layout=compact]) #m-layout-picker:before{content:"Layout";color:var(--muted);margin-right:5px;font:10px ui-monospace,monospace}:where(body[data-layout=compact]) #m-layout-picker button{min-width:64px;padding-inline:6px}:where(body[data-layout=compact]) #m-layout-picker button[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 -2px var(--ink);background:0 0}:where(body[data-layout=compact]) .m-desktop-link{color:var(--muted);text-align:center;min-height:44px;padding:12px 6px;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;text-decoration:none;display:block}:where(body[data-layout=compact]) .m-skip{z-index:200;background:var(--ink);color:var(--paper);padding:12px;position:absolute;top:-100px;left:12px}:where(body[data-layout=compact]) .m-skip:focus{top:12px}:where(body[data-layout=compact]) .m-pending{color:var(--muted);margin:6px 0;font-size:11px;line-height:1.5}:where(body[data-layout=compact]) .m-error{color:var(--b);overflow-wrap:anywhere;margin:8px 0;padding:8px 0;font-size:13px}:where(body[data-layout=compact]) .control-value-tip{max-width:calc(100vw - 24px);font-size:12px}:where(body[data-layout=compact]) .tempo-entry{max-width:calc(100vw - 16px)}:where(body[data-layout=compact]) .tempo-entry input{width:85px;font-size:16px}:where(body[data-layout=compact]) .step-editor{width:300px;max-width:calc(100vw - 20px);font-size:12px}:where(body[data-layout=compact]) .step-editor button,:where(body[data-layout=compact]) .step-editor-adjustment input{min-width:44px;min-height:44px;font-size:14px}:where(body[data-layout=compact]) .step-editor-heading [data-edit=close]{min-width:44px;min-height:44px}:where(body[data-layout=compact]) .step-editor-articulation{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}:where(body[data-layout=compact]) .step-editor-articulation button{padding-inline:3px;font-size:12px}:where(body[data-layout=compact]) .step-editor-help{font-size:11px}:where(body[data-layout=compact]) #m-appearance{border:1px solid var(--rule);background:var(--paper);width:min(370px,100vw - 24px);max-height:calc(100dvh - 32px);color:var(--ink);padding:16px;overflow:auto}:where(body[data-layout=compact]) #m-appearance::backdrop{background:#0008}:where(body[data-layout=compact]) .m-dialog-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}:where(body[data-layout=compact]) .m-dialog-heading h2{font-size:18px;font-weight:500}:where(body[data-layout=compact]) .m-theme-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:12px;display:grid}:where(body[data-layout=compact]) .m-theme-choices button{border:1px solid var(--rule);font-size:12px}@media (max-width:350px){:where(body[data-layout=compact]) .m-header h1{font-size:23px}:where(body[data-layout=compact]) .m-part-action>button:first-child{font-size:11px}:where(body[data-layout=compact]) .m-drum-wheel{height:124px}}@media (prefers-reduced-motion:reduce){:where(body[data-layout=compact]) *,:where(body[data-layout=compact]) :before,:where(body[data-layout=compact]) :after{scroll-behavior:auto!important}}.mobile-overview{width:100%;min-width:0;margin-inline:auto}.mobile-overview-canvas{aspect-ratio:1;width:100%;height:auto;max-height:264px;display:block}.mobile-ring-key{justify-content:center;align-items:center;gap:10px;min-height:21px;font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.mobile-ring-direction{color:var(--muted);margin-right:1px;font-size:10px}.mobile-ring-key-a{color:var(--a)}.mobile-ring-key-b{color:var(--b)}.mobile-ring-key-drum{color:var(--drum)}.mobile-ring-key-snare{color:var(--snare,var(--drum))}.mobile-ring-key-ch{color:var(--ch,var(--drum))}.mobile-ring-key-oh{color:var(--oh,var(--drum))}.mobile-movements{border-top:1px solid var(--rule);min-width:0;margin-top:8px}.mobile-movements-button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:0;padding:8px 0 3px;display:block}.mobile-movements-button:hover{background:0 0}.mobile-movements-button:focus-visible{outline:2px solid var(--a);outline-offset:3px}.mobile-movements-head{color:var(--muted);justify-content:space-between;align-items:baseline;gap:8px;font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.mobile-movements-head>:first-child{color:var(--ink)}.mobile-movement-chart{width:100%;height:180px;margin-top:10px;display:block}.mobile-movement-chart.is-compact{height:56px;margin-top:6px}.mobile-current-movement{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--muted);padding-top:5px;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;display:block;overflow:hidden}.mobile-track{min-width:0;padding-block:10px 18px}.mobile-track-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mobile-track-heading h2{margin:0;font-size:15px;font-weight:550}.mobile-track-heading>span,.mobile-track-legend{color:var(--muted);font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.mobile-track-legend{white-space:pre-wrap;margin:7px 0 15px}.mobile-track-subheading{color:var(--muted);margin:17px 0 5px;font-size:12px;font-weight:550}.mobile-moving-list,.mobile-section-list,.mobile-event-list{margin:0;padding:0;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;list-style:none}.mobile-moving-list li{overflow-wrap:anywhere;padding:4px 0}.mobile-section-list li,.mobile-event-list li{border-top:1px solid var(--rule);justify-content:space-between;gap:12px;padding:7px 0;display:flex}.mobile-section-list li>span:last-child{color:var(--muted);white-space:nowrap}.mobile-section-list li.is-current{color:var(--a)}.mobile-event-list li{justify-content:flex-start;align-items:baseline}.mobile-event-at{min-width:36px;color:var(--muted);flex:none;font-size:11px}.mobile-event-list li>span:last-child{overflow-wrap:anywhere;min-width:0}.mobile-track .is-empty{color:var(--muted)}@media (max-width:340px){.mobile-ring-key{gap:8px}.mobile-ring-direction{font-size:9px}.mobile-overview-canvas{max-height:248px}.mobile-section-list li,.mobile-event-list li{gap:8px}}.mobile-dialog{box-sizing:border-box;width:calc(100% - 24px);max-width:500px;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));color:var(--ink);background:var(--paper);border:1px solid var(--rule);font:inherit;overscroll-behavior:contain;border-radius:8px;margin:auto;padding:22px 20px;line-height:1.5;overflow:auto}.mobile-dialog::backdrop{background:#09090fd9}.mobile-dialog[data-compact=false]{border-radius:var(--button-radius,0px)}#mobile-help[data-compact=false]{max-width:560px}.mobile-dialog [hidden],.mobile-audio-warning[hidden]{display:none!important}.mobile-dialog-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.mobile-dialog h2{margin:0 0 16px;font-size:1.3rem;font-weight:650;line-height:1.25}.mobile-dialog h2:focus{outline:none}.mobile-dialog h3{margin:0 0 6px;font-size:.95rem;line-height:1.4}.mobile-dialog p{margin:0 0 14px}.mobile-dialog section{margin:18px 0 0}.mobile-dialog button,.mobile-audio-warning button{font:inherit;color:var(--ink);border:1px solid var(--rule);touch-action:manipulation;background:0 0;border-radius:4px;min-height:44px;padding:10px 12px;line-height:1.2}.mobile-dialog button:hover,.mobile-audio-warning button:hover{border-color:var(--ink)}.mobile-dialog button:focus-visible,.mobile-dialog a:focus-visible,.mobile-audio-warning button:focus-visible{outline:2px solid var(--b);outline-offset:3px}.mobile-dialog button:disabled{opacity:.5}.mobile-dialog-heading>button{flex:none;width:44px;margin:-10px -10px 0 0;font-size:1.35rem;line-height:1}.mobile-dialog footer{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.mobile-dialog a{color:var(--b);text-underline-offset:3px}.mobile-dialog ol,.mobile-dialog ul{margin:10px 0 14px;padding-left:22px}.mobile-dialog li+li{margin-top:9px}.mobile-guide-intro{color:var(--muted)}.mobile-help-dice{vertical-align:-4px;fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;width:18px;height:18px;display:inline-block}.mobile-help-dice path{stroke-width:2.7px}.mobile-guide-details{margin:20px 0 16px}.mobile-guide-details>div{border-top:1px solid var(--rule);grid-template-columns:46px 1fr;gap:10px;padding:9px 0;display:grid}.mobile-guide-details dt{font-weight:600}.mobile-guide-details dd{color:var(--muted);margin:0}.mobile-dialog kbd{font:inherit;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.mobile-dialog [data-app-version]{color:var(--muted);overflow-wrap:anywhere;font-size:.7rem;display:block}.mobile-performance-stats{margin:0 0 18px}.mobile-performance-stats>div{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;gap:3px 12px;padding:7px 0;font-size:.82rem;display:flex}.mobile-performance-stats dt{color:var(--muted)}.mobile-performance-stats dd{text-align:right;font-variant-numeric:tabular-nums;flex-grow:1;margin:0}.mobile-dialog .mobile-dialog-note{color:var(--muted);font-size:.8rem;line-height:1.5}.mobile-dialog .mobile-buffering{border-top:1px solid var(--rule);margin-top:22px;padding-top:18px}.mobile-buffering-choices{gap:6px;margin:10px 0 12px;display:flex}.mobile-buffering-choices button{flex:1;padding-inline:4px;font-size:.8rem}.mobile-buffering-choices button[aria-pressed=true]{color:var(--paper);background:var(--a);border-color:var(--a)}.mobile-dialog [data-recovery]{color:var(--muted);font-size:.8rem}.mobile-audio-warning{z-index:40;top:calc(10px + env(safe-area-inset-top));border:1px solid var(--a);background:var(--paper);color:var(--ink);border-radius:6px;align-items:center;gap:7px;padding:10px 12px;font-size:.8rem;display:flex;position:fixed;left:10px;right:10px}.mobile-audio-warning p{flex:1;min-width:0;margin:0}.mobile-audio-warning strong,.mobile-audio-warning span{display:block}.mobile-audio-warning span{color:var(--muted)}.mobile-audio-warning button{white-space:nowrap;padding:8px}.mobile-audio-warning-inline{margin:0 0 10px;position:relative;inset:auto}@media (max-width:350px){.mobile-dialog{padding:18px 15px}.mobile-dialog h2{font-size:1.15rem}.mobile-dialog-heading>button{margin-top:-8px;margin-right:-7px}.mobile-guide-details>div{grid-template-columns:40px 1fr;gap:8px}}