.panel.tooltip{z-index:var(--tooltip-layer);max-width:calc(100vw - 2 * var(--tooltip-gap));background:var(--panel-background);color:var(--text);overflow-wrap:anywhere;pointer-events:none;position:fixed}.panel-identity{z-index:2;top:var(--panel-caption-top);left:calc(50% + (var(--editor-left-width) - var(--editor-right-width)) / 2);max-width:calc(100% - var(--editor-left-width) - var(--editor-right-width) - 2 * var(--panel-padding));font-family:var(--font-family);font-size:var(--axis-font-size);font-weight:var(--font-weight);text-align:center;text-transform:uppercase;line-height:1;position:absolute}.panel-caption{width:max-content;padding:var(--panel-caption-padding);border:var(--line-width) solid var(--editor-grid-base);border-radius:var(--panel-caption-radius);background:var(--editor-background);color:var(--text);text-box:trim-both cap alphabetic;cursor:pointer;outline:none;transform:translate(-50%,-50%)}.panel-caption:not(button){cursor:default}.editor.selected .panel-caption{border-color:var(--focus);background:var(--focus);color:var(--focus-text)}.panel-menu{z-index:var(--chooser-layer);transform:translate(-50%, calc(-.5 * var(--panel-menu-row-height) - var(--line-width)));border:var(--line-width) solid var(--editor-grid-base);border-radius:var(--panel-caption-radius);background:var(--editor-background);width:max-content;color:var(--text);outline:none;flex-direction:column;display:flex;overflow:clip}.panel-menu .panel-menu-row{min-width:0;padding:var(--panel-caption-padding);border:var(--line-width) solid transparent;color:inherit;font:inherit;text-align:inherit;text-transform:inherit;text-box:trim-both cap alphabetic;white-space:nowrap;cursor:pointer;background:0 0;flex:none;display:block}.panel-menu .panel-menu-row[aria-selected=true]{border-color:var(--focus);border-radius:var(--panel-caption-radius);background:var(--focus);color:var(--focus-text)}.panel-menu .panel-menu-reservation{visibility:hidden;pointer-events:none;height:0;display:grid;overflow:hidden}.panel-menu .panel-menu-reservation>span{grid-area:1/1}.panel-menu .panel-menu-arrow{height:var(--panel-menu-row-height);color:inherit;font:inherit;font-size:var(--font-size);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.slot.editor>.editor-side[data-side=left]{grid-area:1/2}.slot.editor>.graph-panel{grid-area:1/3}.slot.editor>.editor-side[data-side=right]{grid-area:1/4/auto/5}.slot.editor>.editor-rail{gap:var(--inner-gutter-width);background:var(--panel-control);border-inline-end:var(--outer-gutter-width) solid var(--page-gutter);grid-row:1;grid-template-rows:repeat(2,minmax(0,1fr));padding:0;display:none}.slot.editor>.editor-rail[data-side=left]{grid-column:1}.slot.editor>.editor-rail[data-side=right]{border-inline-end:0;border-inline-start:var(--outer-gutter-width) solid var(--page-gutter);grid-column:5}.slot.editor>.editor-rail[data-side=right] .editor-ear-toggle .control-icon{transform:scaleX(-1)}.slot.editor>.editor-rail>.button{visibility:hidden;width:100%;min-width:0;min-height:0;padding:0}.slot.editor>.editor-rail>.editor-cycle,.slot.editor>.editor-rail>.editor-ear-toggle{grid-area:1/1/-1}@media (width<1200px){.slot.editor{--editor-left-ear-width:0px;--editor-left-rail-width:var(--editor-rail-width)}.slot.editor>.editor-rail[data-side=left]{display:grid}.slot.editor[data-left-controls=true]>.editor-rail[data-side=left]>.editor-ear-toggle{visibility:visible}.slot.editor>.editor-side[data-side=left]{z-index:3;width:var(--editor-side-width);border:var(--outer-gutter-width) solid var(--focus);overscroll-behavior:contain;visibility:hidden;pointer-events:none;position:absolute;inset-block:0;inset-inline-start:0;overflow-y:auto}.slot.editor[data-open-ear=left]>.editor-side[data-side=left]{visibility:visible;pointer-events:auto}}@media (width<940px){.slot.editor{--editor-right-ear-width:0px;--editor-right-rail-width:var(--editor-rail-width)}.slot.editor>.editor-rail[data-side=right]{display:grid}.slot.editor[data-right-controls=true]>.editor-rail[data-side=right]>.editor-ear-toggle{visibility:visible}.slot.editor>.editor-side[data-side=right]{z-index:3;width:var(--editor-side-width);border:var(--outer-gutter-width) solid var(--focus);overscroll-behavior:contain;visibility:hidden;pointer-events:none;position:absolute;inset-block:0;inset-inline-end:0;overflow-y:auto}.slot.editor[data-open-ear=right]>.editor-side[data-side=right]{visibility:visible;pointer-events:auto}}.slot.editor[data-ear-open=true]{border-color:var(--page-gutter)}@media (any-pointer:coarse){.slot.editor{--editor-left-rail-width:var(--editor-rail-width);--editor-right-rail-width:var(--editor-rail-width)}.slot.editor>.editor-rail{display:grid}.slot.editor>.editor-rail>.editor-cycle{visibility:visible}@media (width<1200px){.slot.editor>.editor-rail>.editor-cycle{grid-row:1}.slot.editor>.editor-rail>.editor-ear-toggle{grid-row:2}.slot.editor[data-panel-navigation=false]>.editor-rail>.editor-ear-toggle{grid-row:1/-1}}}.playback-selection{inset-block:0;left:min(var(--playback-start), calc(100% - var(--line-width)));width:calc(var(--playback-end) - var(--playback-start));background:var(--playback-selection-background);border-left:var(--line-width) dotted var(--playback-selection-edge);pointer-events:none;z-index:1;position:absolute}.playback-selection[data-bounded=true]{border-right:var(--line-width) dotted var(--playback-selection-edge)}.button.playback-selection-clear{z-index:3;bottom:var(--inner-gutter-width);left:clamp(0px, calc(var(--playback-end) - var(--button-min-width)), calc(100% - var(--button-min-width)));width:var(--button-min-width);height:var(--button-min-width);opacity:var(--playback-clear-opacity);padding:0;display:none;position:absolute}@media (any-pointer:coarse){.button.playback-selection-clear{display:inline-grid}}.bar-envelope{border-left:var(--line-width) solid var(--editor-grid);touch-action:none;cursor:crosshair;min-width:0;min-height:0;display:flex;position:relative}.bar-envelope[data-zero-based=true]:before{content:"";inset-inline:0;top:clamp(0px, var(--bar-zero), calc(100% - var(--line-width)));border-top:var(--line-width) solid var(--editor-grid);pointer-events:none;z-index:1;position:absolute}.bar-envelope .bar{flex:0 0 calc(100% / var(--bar-column-count));border-right:var(--line-width) solid var(--editor-grid);min-width:0;position:relative}.bar-envelope .bar[data-quarter=true]{border-right-width:var(--grid-major-width)}.bar-envelope .bar:last-of-type{border-right:0}.bar-envelope:focus-within .bar[data-selected=true]{background:var(--editor-selection)}.bar-envelope:focus-within .bar[data-selected=true] .fill{background:var(--editor-bar-active)}.bar-envelope[data-range-selected=true]:focus-within .bar[data-selected=true]{background:0 0}.bar-envelope[data-range-selected=true]:focus-within .bar[data-selected=true] .fill{background:var(--editor-bar)}.bar-envelope .fill{background:var(--editor-bar);border-top:var(--bar-edge-width) solid var(--editor-accent);pointer-events:none;position:absolute;inset:auto 0 0}.bar-envelope .fill[data-below=true]{border-top:0;border-bottom:var(--bar-edge-width) solid var(--editor-accent)}.bar-envelope .fill[data-zero=true]{top:clamp(0px, var(--bar-zero), calc(100% - var(--bar-edge-width)));z-index:1}.point-envelope{touch-action:none;min-width:0;min-height:0;position:relative}.point-envelope .graph{cursor:crosshair;width:100%;height:100%;display:block;overflow:visible}.point-envelope .area{fill:var(--editor-area);pointer-events:none}.point-envelope .curve{fill:none;stroke:var(--editor-accent);stroke-width:var(--envelope-line-width);vector-effect:non-scaling-stroke}.point-envelope .point,.point-envelope .segment{width:var(--point-hit-size);height:var(--point-hit-size);cursor:grab}.point-envelope .point:after,.point-envelope .segment:after{content:"";inset:calc((var(--point-hit-size) - var(--point-size)) / 2);border:var(--line-width) solid var(--editor-accent);background:var(--editor-point);pointer-events:none;position:absolute}.point-envelope .point:after{border-radius:50%}.point-envelope .point:focus:after,.point-envelope .segment:focus:after,.point-envelope .point[data-dragging]:after{background:var(--focus)}.point-envelope[data-range-selected=true] .point:focus:after,.point-envelope[data-range-selected=true] .segment:focus:after{background:var(--editor-point)}.point-envelope[data-range-selected=true] .point[data-in-range=true]:after{background:var(--focus)}.point-envelope .segment{cursor:ns-resize}.point-envelope .segment:after{inset:calc((var(--point-hit-size) - var(--segment-size)) / 2);transform:rotate(45deg)}.point-envelope .segment[data-flat]{display:none}.notes-plot .value-axis{grid-template-rows:repeat(var(--note-row-count), minmax(0, 1fr));font-size:var(--axis-font-size);line-height:1;display:grid}.notes-plot .value-axis>span{justify-content:flex-end;align-items:center;display:flex}.notes-plot .value-axis [data-root=true]{color:var(--editor-accent);font-weight:var(--value-weight)}.note-envelope{touch-action:none;cursor:crosshair;min-width:0;min-height:0;display:flex;position:relative}.note-envelope .note-row,.note-envelope .note-block,.note-envelope .note-focus{top:calc(var(--note-row) * 100% / var(--note-row-count));height:calc(100% / var(--note-row-count));pointer-events:none;position:absolute}.note-envelope .note-row{border-bottom:var(--line-width) solid var(--editor-grid);background:var(--editor-background);inset-inline:0}.note-envelope .note-row[data-black=true]{background:var(--editor-selection)}.note-envelope .note-row[data-root=true]{background:var(--panel-control)}.note-envelope .note-column{flex:0 0 calc(100% / var(--note-column-count));border-right:var(--line-width) solid var(--editor-grid);min-width:0;position:relative}.note-envelope .note-column[data-quarter=true]{border-right-width:var(--grid-major-width)}.note-envelope .note-column:nth-last-child(1 of .note-column){border-right:0}.note-envelope .note-block,.note-envelope .note-focus{left:calc(var(--note-start) * 100% / var(--note-column-count));width:calc(var(--note-length) * 100% / var(--note-column-count))}.note-envelope .note-focus{border:var(--bar-edge-width) solid var(--focus);display:none}.note-envelope .note-block{color:var(--text);background:var(--editor-bar);border:var(--line-width) solid var(--editor-accent);justify-content:center;align-items:center;display:flex}.note-envelope .note-name{font-size:var(--axis-font-size);white-space:nowrap;line-height:1}.note-envelope .note-offscreen{height:calc(100% / var(--note-row-count));color:var(--editor-accent);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset-inline:0}.note-envelope .note-offscreen[data-direction=above]{top:0}.note-envelope .note-offscreen[data-direction=below]{bottom:0}.note-envelope .note-offscreen svg{width:min(100%, var(--control-icon-size));height:var(--axis-font-size);fill:none;stroke:currentColor;stroke-width:var(--curve-width)}.note-envelope:not([data-range-selected=true]):focus-within .note-focus{display:block}.note-envelope:not([data-range-selected=true]):focus-within .note-block[data-selected=true]{border-width:var(--bar-edge-width);border-color:var(--focus)}.panel.select-control{white-space:nowrap;touch-action:none;flex-shrink:0;justify-content:center;align-items:center;display:grid}.panel.select-control .control-content,.panel.select-control .control-reservation{justify-content:center;align-items:center;gap:var(--control-padding);grid-area:1/1;min-width:0;display:inline-flex}.panel.select-control .control-reservation{visibility:hidden;pointer-events:none}.panel.select-control .control-label{padding:0;display:inline}.panel.select-control strong{color:var(--panel-value-text);font-variant-numeric:tabular-nums;align-items:center;display:grid}.panel.select-control strong span{grid-area:1/1}.panel.select-control.expanded{justify-content:normal;align-items:stretch;gap:calc(2 * var(--inner-gutter-width));background:var(--panel-gutter);padding:0;display:flex}.panel.select-control.expanded>.button{border:0;flex:1;min-width:0}.panel.control-chooser{--control-focus-border:var(--panel-gutter);z-index:var(--chooser-layer);padding:var(--inner-edge-gutter-width);border:var(--inner-gutter-width) solid var(--focus);display:flex;position:fixed}.panel.control-chooser>.button{white-space:nowrap;flex:none}.stepper-value{min-width:var(--button-min-width);padding:var(--control-padding);border:var(--inner-gutter-width) solid var(--panel-gutter);color:var(--panel-value-text);background:var(--surface-1);font-variant-numeric:tabular-nums;flex:none;place-items:center;display:grid}.stepper-value.number-value{gap:var(--control-padding);display:flex}.stepper-value.number-value input{width:var(--number-input-width);min-width:0;color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:center;background:0 0;border:0;padding:0}.stepper-value.number-value input::selection{color:var(--text);background:var(--panel-background)}.panel.slider-control{touch-action:none;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:0;display:grid;position:relative}.panel.slider-control:focus-within{border-color:var(--control-focus-border)}.panel.slider-control .slider-content{justify-content:center;align-items:center;gap:var(--control-padding);padding:var(--control-padding);pointer-events:none;display:flex}.panel.slider-control strong{color:var(--panel-value-text);font-variant-numeric:tabular-nums}.panel.slider-control .slider-filled{color:var(--panel-button-active-text);background:var(--panel-button-active);clip-path:inset(0 calc(100% - var(--slider-fill)) 0 0);pointer-events:none;position:absolute;inset:0}.panel.slider-control .slider-filled:after{content:"";inset-block:0;right:calc(100% - var(--slider-fill));width:min(var(--bar-edge-width), var(--slider-fill));background:var(--panel-control-accent);position:absolute}@media (hover:hover){.panel.slider-control:hover .slider-filled{background:oklch(from var(--panel-button-active) calc(l + var(--control-hover-step)) c h)}}.panel.slider-control:active .slider-filled{background:oklch(from var(--panel-button-active) calc(l + var(--control-hover-step)) c h)}.panel.slider-control input{appearance:none;opacity:0;cursor:ew-resize;touch-action:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.panel.slider-control input::-webkit-slider-thumb{appearance:none;width:0;height:100%}.panel.slider-control input::-moz-range-thumb{border:0;width:0;height:100%}.hint-binding{font:inherit;font-weight:var(--value-weight);white-space:nowrap}.hint-binding .binding-separator{color:var(--text)}.hint-binding .binding-icon{vertical-align:-.125em;fill:none;stroke:currentColor;width:1em;height:1em;stroke-width:var(--line-width);stroke-linejoin:round}.panel-counter{gap:0;display:flex}.panel-counter>.counter-step{width:var(--button-min-width);flex:none}.panel-counter>.panel-count-value{justify-content:center;align-items:center;gap:var(--control-padding);width:calc(3 * var(--header-unit));cursor:default;white-space:nowrap;display:flex}.panel-counter>.panel-count-value strong{color:var(--panel-value-text)}.panel-counter[data-compact=true]>.counter-step{display:none}.slot.layer-controls{gap:0}.slot.layer-controls>.button{flex:0 0 var(--button-min-width);min-width:0}.panel.control-chooser.application-sidebar{inset-block:calc(-1 * var(--outer-gutter-width)) 0;width:min(100%, calc(var(--edge-gutter-width) + var(--editor-side-width)));gap:var(--inner-gutter-width);border-width:var(--outer-gutter-width);border-inline-end-width:var(--edge-gutter-width);overscroll-behavior:contain;scroll-padding-block:var(--inner-edge-gutter-width);flex-direction:column;position:absolute;inset-inline-end:0;overflow-y:auto}body:has(.control-chooser[data-parent-menu=application-menu]) .panel.control-chooser.application-sidebar{border-color:var(--page-gutter)}.panel.control-chooser.application-sidebar>.menu-controls{flex:none;display:flex}.panel.control-chooser.application-sidebar>.menu-controls>.layer-controls{flex:1}.panel.control-chooser.application-sidebar>.menu-controls>.layer-controls>.button{flex:1}.panel.control-chooser.application-sidebar>.menu-controls>.panel-counter{flex:1}.panel.control-chooser.application-sidebar>.menu-controls .panel-count-value{flex:1;width:auto}.panel.control-chooser.application-sidebar>.menu-controls[data-selected=true] .panel-count-value{--control-background:var(--panel-button-active);color:var(--panel-button-active-text)}.panel.control-chooser.application-sidebar>.button{align-items:center;gap:var(--control-padding);text-align:start;font-weight:var(--font-weight);padding-inline-start:0;display:flex}.panel.control-chooser.application-sidebar>.button>.control-icon-box{margin-block:calc(-1 * (var(--control-padding) + var(--inner-gutter-width)));margin-inline-start:calc(-1 * var(--inner-gutter-width))}.panel.control-chooser.application-sidebar>.button .menu-label{flex:1}.panel.control-chooser.application-sidebar>.button .menu-value{color:var(--panel-value-text)}.panel.control-chooser.application-sidebar>.button .hint-binding{color:var(--hint-accent);font-size:var(--hint-font-size);flex:none}.panel.control-chooser.application-sidebar .menu-separator{height:var(--line-width);margin-block:var(--control-padding);background:var(--page-gutter);flex:none}.panel.control-chooser.application-sidebar .menu-separator[data-bottom=true]{border-block-end:var(--line-width) solid var(--page-gutter);background:0 0;flex-grow:1}.level-meter{gap:var(--inner-gutter-width);border:var(--inner-gutter-width) solid var(--panel-gutter);background:var(--panel-gutter);flex:1;min-width:0;padding:0;display:flex}.level-meter .meter-track{background:var(--panel-control);flex:1;min-width:0;overflow:hidden}.level-meter .meter-fill{background:var(--level-accent);width:0;height:100%;display:block}.level-meter .clip-indicator{flex:0 0 var(--meter-clip-width);background:var(--panel-control)}.level-meter .clip-indicator[data-clipped=true]{background:var(--clipping-accent)}.slot.top-bar{align-items:stretch;gap:var(--outer-gutter-width);background:var(--page-gutter);border:var(--outer-gutter-width) solid var(--page-gutter);border-inline-width:var(--edge-gutter-width);flex-shrink:0}.slot.top-bar>.header-section{padding:var(--inner-edge-gutter-width);flex-shrink:0;align-items:stretch;gap:0;display:flex}.slot.top-bar>.header-spacer{flex:1;min-width:0;overflow:hidden}.slot.top-bar[data-view=simple]>.panel-count-section,.slot.top-bar[data-view=simple]>.edit-layers-section,.slot.top-bar[data-view=simple]>.play-layers-section,.slot.top-bar[data-view=simple]>.speed-section,.slot.top-bar[data-view=simple]>.length-section,.slot.top-bar[data-view=simple]>.application>.theme-selector{display:none}@media (width<1240px){.slot.top-bar>.panel-count-section{display:none}}@media (width<1200px){.slot.top-bar>.header-spacer{min-width:calc(var(--header-meter-min-width) + 2 * var(--inner-edge-gutter-width))}}@media (width<1000px){.slot.top-bar>.application>.theme-selector{display:none}}@media (width<940px){.slot.top-bar>.speed-section{display:none}}@media (width<840px){.slot.top-bar>.length-section{display:none}}@media (width<640px){.slot.top-bar>.play-layers-section{display:none}}@media (width<700px){.slot.top-bar{--header-meter-min-width:var(--header-meter-compact-min-width)}}.slot.top-bar>.preset-section{flex:0 0 calc(var(--editor-side-width) - var(--outer-gutter-width))}@media (width<1200px){.slot.top-bar>.preset-section{flex-shrink:1;min-width:0}}.slot.top-bar>.preset-section>.preset-selector{width:0;color:var(--panel-value-text);font-weight:var(--value-weight);flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.slot.top-bar>.preset-section>.preset-selector .preset-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.slot.top-bar>.preset-section>.preset-selector .preset-dirty{white-space:pre;flex:none}.slot.top-bar>.preset-section>.preset-selector .preset-icon{flex:none;display:none}.slot.top-bar>.preset-section[data-compact=true]{flex:0 0 calc(var(--button-min-width) + 2 * var(--inner-edge-gutter-width));min-width:0}.slot.top-bar>.preset-section[data-compact=true]>.preset-selector .preset-name{display:none}.slot.top-bar>.preset-section[data-compact=true]>.preset-selector .preset-icon{display:flex}.slot.top-bar>.preset-section[data-compact=true]>.preset-selector .preset-dirty{font-size:var(--axis-font-size);white-space:normal;line-height:1;position:absolute;inset-block-start:var(--inner-gutter-width);inset-inline-end:var(--inner-gutter-width)}.slot.top-bar .button,.slot.top-bar .select-control{--header-span:2;width:calc(var(--header-unit) * var(--header-span));flex:none;min-width:0}.slot.top-bar .speed{--header-span:5}.slot.top-bar .length{--header-span:6}.panel.modal-dialog{width:fit-content;min-width:min(var(--dialog-min-width), calc(100% - 2 * var(--edge-gutter-width)));max-width:min(var(--dialog-max-width), calc(100% - 2 * var(--edge-gutter-width)));max-height:calc(100dvh - 2 * var(--edge-gutter-width));border:var(--outer-gutter-width) solid var(--focus);color:var(--text);overscroll-behavior:contain;margin:auto;position:fixed;inset:0;overflow:auto}.panel.modal-dialog:not([open]){display:none}.panel.modal-dialog::backdrop{background:var(--modal-backdrop)}.panel.modal-dialog>form{gap:calc(2 * var(--control-padding));display:grid}.panel.modal-dialog h2{font-weight:var(--value-weight)}.panel.modal-dialog .body{gap:var(--control-padding);overflow-wrap:anywhere;display:grid}.panel.modal-dialog p{margin:0}.panel.modal-dialog .actions{gap:var(--inner-gutter-width);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.panel.modal-dialog .actions .button:focus{border-color:var(--control-focus-border)}.panel.modal-dialog:not(:has(.actions .button:focus))[data-default-action=confirm] .actions [type=submit],.panel.modal-dialog:not(:has(.actions .button:focus))[data-default-action=cancel] .actions [type=button]{border-color:var(--control-focus-border)}.panel.embed-dialog .embed-option{align-items:center;gap:var(--control-padding);grid-template-columns:6ch minmax(0,1fr);display:grid}.panel.embed-dialog .embed-choices{gap:var(--inner-gutter-width);display:flex}.panel.embed-dialog .embed-choices>.button{flex:1}.panel.embed-dialog .panel-count-value{cursor:default;flex:1;width:auto}.panel.embed-dialog .panel-count-value:focus,.panel.embed-dialog .embed-choices>.button:focus{border-color:var(--control-focus-border)}.stacked-note{white-space:nowrap;font-variant-numeric:tabular-nums;grid-template-rows:repeat(3,1em);justify-items:center;line-height:1;display:inline-grid}.editor[data-view=sequencer]>.graph-panel{padding:0}.sequence-grid{grid-template-columns:repeat(var(--sequence-columns), minmax(0, 1fr));gap:var(--inner-gutter-width);min-width:0;min-height:0;padding:var(--inner-edge-gutter-width);flex:1;grid-auto-rows:minmax(0,1fr);display:grid}.sequence-grid .sequence-step{min-width:0;min-height:0;display:grid;position:relative;container-type:size}.sequence-grid .sequence-step[data-playing=true] .step-note[aria-pressed]{--control-background:var(--level-accent)}.sequence-grid .sequence-step[data-playing=true] .step-velocity{--control-background:color-mix(in oklch, var(--level-accent) 35%, var(--panel-control))}.sequence-grid .sequence-step[data-playing=true] .step-velocity .velocity-fill{background:var(--level-accent)}.sequence-grid .sequence-step[data-on=false] :is(.velocity-fill,.velocity-value){opacity:.5}.sequence-grid .sequence-step[data-beat-start=true]:before{content:"";inset-block:0;left:calc((var(--inner-gutter-width) + var(--line-width)) / -2);width:var(--line-width);background:var(--sequence-grid);position:absolute}.sequence-grid .sequence-step[data-bar-start=true]:before{background:var(--sequence-grid-major)}.sequence-grid .sequence-step[data-row-start=true]:before{content:none}.sequence-grid .step-note[aria-pressed],.sequence-grid .velocity-value{font-size:clamp(var(--axis-font-size), min(25cqi, 25cqb), calc(2 * var(--font-size)))}.sequence-grid .step-note[aria-pressed]{touch-action:none;--control-background:var(--editor-background);color:var(--text);font-weight:var(--font-weight);min-width:0;padding:var(--bar-edge-width);font-variant-numeric:tabular-nums;line-height:1;overflow:hidden}.sequence-grid .step-note[aria-pressed] .stacked-note{white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sequence-grid .step-note[aria-pressed][aria-pressed=true]{--control-background:var(--editor-bar);font-weight:var(--value-weight)}.sequence-grid .step-note[aria-pressed][aria-pressed=false]:after{content:none}.sequence-grid .step-note[aria-pressed]:focus{--control-background:var(--editor-selection)}.sequence-grid .step-note[aria-pressed]:focus[aria-pressed=true]{--control-background:var(--editor-bar-active)}.sequence-grid[data-compact=true] .velocity-value{display:none}.sequence-grid .step-velocity{place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.sequence-grid .step-velocity:focus-within{border-color:var(--control-focus-border)}.sequence-grid .step-velocity .velocity-fill{inset-inline:0;height:var(--velocity);background:var(--panel-button-active);box-shadow:inset 0 var(--bar-edge-width) var(--panel-control-accent);pointer-events:none;position:absolute;bottom:0}.sequence-grid .step-velocity .velocity-value{white-space:nowrap;pointer-events:none;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sequence-grid .step-velocity input{opacity:0;writing-mode:vertical-lr;cursor:ns-resize;touch-action:none;direction:rtl;width:100%;height:100%;margin:0;position:absolute;inset:0}.side-controls.sequence-selectors>.sequence-enabled{grid-column:span 6}.key-hints{z-index:var(--hint-layer);pointer-events:none;position:fixed;inset:0}.key-hints .version{border:var(--line-width) solid var(--page-gutter);color:var(--text-muted);font-size:var(--axis-font-size);position:absolute;inset-block-end:var(--control-padding);inset-inline-end:calc(var(--edge-gutter-width) + var(--control-padding))}.key-hints .panel.key-hint{min-width:var(--button-min-width);padding:var(--inner-gutter-width);border:var(--hint-border-width) solid var(--hint-accent);background:var(--surface-1);color:var(--hint-accent);font-size:var(--hint-font-size);text-align:center;white-space:nowrap;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.key-hints .panel.key-hint.legend{justify-content:flex-start;gap:var(--inner-gutter-width) calc(2 * var(--control-padding));text-align:left;white-space:normal;max-height:calc(100dvh - 2 * var(--control-padding));flex-wrap:wrap;display:flex;overflow:auto;transform:translateY(-50%)}.key-hints .panel.key-hint.legend[data-scrollable=true]{pointer-events:auto;overscroll-behavior:contain}.key-hints .panel.key-hint.legend .help-title{color:var(--text);font-weight:var(--value-weight);white-space:nowrap}.key-hints .panel.key-hint.legend .help-cycle{padding:var(--line-width) var(--inner-gutter-width);border-width:var(--line-width);color:var(--text);pointer-events:auto;flex:none;align-self:center;margin-inline-start:auto}.key-hints .panel.key-hint.legend .help-cycle kbd{color:var(--hint-accent)}.key-hints .panel.key-hint.legend .hint-command{align-items:baseline;gap:var(--control-padding);display:inline-flex}.key-hints .panel.key-hint.legend .hint-command kbd{white-space:nowrap}.key-hints .panel.key-hint.legend .hint-command>span{color:var(--text)}.preset-library{inset-block:calc(-1 * var(--outer-gutter-width)) 0;width:calc(var(--edge-gutter-width) + var(--editor-side-width));padding:var(--inner-edge-gutter-width);border:var(--outer-gutter-width) solid var(--focus);border-inline-start-width:var(--edge-gutter-width);z-index:1;flex-direction:column;display:flex;position:absolute;inset-inline-start:0;overflow:hidden}body:has(.control-chooser[data-control-scope=library]) .preset-library{border-color:var(--page-gutter)}.preset-library .library-actions{grid-template-columns:repeat(var(--side-columns), minmax(0, 1fr));flex:none;display:grid}.preset-library .library-actions>.button{white-space:nowrap;grid-column:span 4;min-width:0}.preset-library .library-actions>.button.file-action{grid-column:span 2}.preset-library .library-footer{min-height:var(--button-min-width)}.preset-library .library-footer>.button{grid-column:span 6}.preset-library .preset-list{overscroll-behavior:contain;flex:1;overflow-y:auto}.preset-library .preset-list>.button{text-align:start;overflow-wrap:anywhere;border-color:var(--panel-gutter);flex-shrink:0;width:100%;display:block}.workspace[data-library-open=true] .editor.selected{border-color:var(--page-gutter)}.workspace[data-library-open=true] .editor-side[data-side=left]>*{visibility:hidden}.panel.text-chooser input{width:100%;min-width:0;max-width:100%;padding:var(--control-padding);border:var(--inner-gutter-width) solid var(--panel-gutter);color:var(--panel-value-text);background:var(--surface-1);font:inherit;font-weight:var(--value-weight)}.panel.text-chooser input::selection{color:var(--text);background:var(--panel-background)}.screen-too-small{width:100%;min-width:0;max-width:none;height:100%;min-height:0;max-height:none;padding:calc(2 * var(--panel-padding));border-radius:var(--button-radius);background:var(--page-gutter);color:var(--text);text-align:center;border:0;margin:0;position:fixed;inset:0;overflow:hidden}.screen-too-small[open]{align-content:safe center;gap:var(--control-padding);grid-template-columns:minmax(0,1fr);display:grid}.screen-too-small::backdrop{background:var(--page-gutter)}.screen-too-small h1{color:var(--panel-value-text);font-size:calc(1.5 * var(--font-size));font-weight:var(--value-weight)}.screen-too-small p{margin:0}.screen-too-small h1,.screen-too-small p{overflow-wrap:anywhere;min-width:0}@media (height<=200px){.screen-too-small{padding:var(--control-padding)}.screen-too-small[open]{gap:var(--inner-gutter-width)}.screen-too-small h1{font-size:var(--font-size)}.screen-too-small #screen-too-small-size{display:none}}.screen-too-small .rotation-hint{--size:96px;width:var(--size);height:var(--size);margin-bottom:var(--panel-padding);fill:none;stroke:var(--panel-value-text);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;justify-self:center}.screen-too-small .rotation-phone{transform-box:fill-box;transform-origin:50%;animation:3s ease-in-out infinite rotate-phone}@media (prefers-reduced-motion:reduce){.screen-too-small .rotation-phone{animation:none;transform:rotate(90deg)}}@keyframes rotate-phone{0%,20%,to{transform:rotate(0)}50%,80%{transform:rotate(90deg)}}html:has(.screen-too-small[open]){overflow:hidden}html:has(.screen-too-small[open]) .workspace{overflow:hidden}.welcome-screen{--spacing:calc(2 * var(--control-padding));--logo-height:min(30dvh, 180px);width:min(480px, calc(100% - 2 * var(--spacing)));max-width:none;max-height:calc(100dvh - 2 * var(--control-padding));padding:var(--spacing);border:var(--outer-gutter-width) solid var(--page-gutter);color:var(--text);text-align:center;margin:auto;inset:0}.welcome-screen[open]{gap:var(--spacing);display:grid}.welcome-screen::backdrop{background:var(--modal-backdrop)}.welcome-screen .welcome-brand{align-content:center;justify-items:center;gap:var(--control-padding);display:grid}.welcome-screen .welcome-brand img{width:auto;height:var(--logo-height);object-fit:contain;max-width:100%}.welcome-screen .welcome-brand .logo-light{display:none}.welcome-screen .welcome-brand p{white-space:nowrap;margin:0}.welcome-screen .welcome-content{align-content:center;gap:var(--control-padding);grid-template-columns:1fr 1fr;display:grid}.welcome-screen .welcome-actions{gap:var(--control-padding);grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.welcome-screen .welcome-help{justify-content:center;align-items:center;gap:var(--control-padding);padding:var(--control-padding);grid-column:1/-1;display:flex}.welcome-screen .welcome-help kbd{font:inherit;font-size:calc(2 * var(--font-size));color:var(--hint-accent)}.welcome-screen .welcome-preference{grid-column:1/-1;justify-self:center}@media (height<=480px){.welcome-screen{--logo-height:min(140px, calc(100dvh - 90px));width:min(600px, calc(100% - 2 * var(--spacing)));grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.welcome-screen .welcome-content{justify-self:center;gap:var(--inner-gutter-width);grid-template-columns:minmax(0,1fr);width:min(100%,260px)}.welcome-screen .welcome-content .button{padding-block:var(--inner-gutter-width)}.welcome-screen .welcome-actions{gap:var(--inner-gutter-width);grid-template-columns:minmax(0,1fr)}.welcome-screen .welcome-preference{grid-row:2;justify-self:stretch}.welcome-screen .welcome-help{text-align:left;grid-row:3;padding-block:0}.welcome-screen .welcome-help kbd{font-size:inherit}}:root[data-theme=light] .welcome-screen .welcome-brand .logo-light{display:block}:root[data-theme=light] .welcome-screen .welcome-brand .logo-dark{display:none}.editor:is([data-view=master],[data-view=masterDelay])>.graph-panel{padding:0}.editor:is([data-view=master],[data-view=masterDelay]) .master-controls{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(var(--panel-control-rows), max-content);align-content:start;align-items:start;gap:var(--panel-gap);padding:var(--inner-edge-gutter-width);flex:1;min-width:0;min-height:0;display:grid;overflow:clip}.editor:is([data-view=master],[data-view=masterDelay]) .master-side>.button{grid-column:1/-1}.editor:is([data-view=master],[data-view=masterDelay]) .master-wet{grid-column:1/-1}.editor:is([data-view=master],[data-view=masterDelay]) .master-wet>.master-enabled{width:calc(3ch + 2 * var(--control-padding) + 2 * var(--inner-gutter-width));flex:none}.editor:is([data-view=master],[data-view=masterDelay]) .master-wet>.slider-control{flex:1}.editor:is([data-view=master],[data-view=masterDelay]) .master-control-row{gap:var(--panel-gap);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.editor:is([data-view=master],[data-view=masterDelay]) .master-control-row.delay-cuts{grid-template-columns:repeat(2,minmax(0,1fr))}.editor:is([data-view=master],[data-view=masterDelay]) .delay-time-control{grid-column:span 2}.editor:is([data-view=master],[data-view=masterDelay]) .delay-time-control>.slider-control{flex:1}.envelope-editing-area{flex:1;min-width:0;min-height:0;display:flex;position:relative}.envelope-editing-area .envelope-underlay{flex:1;min-width:0;min-height:0;display:flex}.envelope-editing-area .envelope-underlay[inert]{pointer-events:none}.static-envelope{z-index:2;padding:var(--panel-padding);background:var(--modal-backdrop);place-items:center;display:grid;position:absolute;inset:0}.static-envelope>.slider-control{width:min(100%, calc(2 * var(--editor-side-width)))}@font-face{font-family:Oxanium;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/oxanium-latin.woff2)format("woff2")}:root{--background-base:oklch(5.8% .08 255.6);--accent-base:oklch(67.6% .206 24.9);--surface-step:.12;--accent-hue-step:67;--surface-1:var(--background-base);--surface-2:oklch(from var(--background-base) calc(l + var(--surface-step)) c h);--surface-3:oklch(from var(--background-base) calc(l + 2 * var(--surface-step)) c h);--surface-4:oklch(from var(--background-base) calc(l + 3 * var(--surface-step)) c h);--surface-5:oklch(from var(--background-base) calc(l + 4 * var(--surface-step)) c h);--surface-6:oklch(from var(--background-base) calc(l + 5 * var(--surface-step)) c h);--editor-background:var(--surface-1);--editor-point:var(--surface-2);--editor-bar:var(--surface-5);--editor-selection:var(--surface-2);--editor-area:var(--surface-2);--editor-bar-active:var(--surface-6);--editor-grid-base:var(--surface-4);--panel-background:var(--surface-2);--panel-gutter:var(--surface-2);--panel-control:var(--surface-3);--control-hover-step:.03;--page-gutter:var(--surface-4);--scrollbar-thumb:color-mix(in srgb, var(--accent-4) 70%, transparent);--scrollbar-track:var(--panel-background);--accent-1:var(--accent-base);--accent-2:oklch(from var(--accent-base) l c calc(h + var(--accent-hue-step)));--accent-3:oklch(from var(--accent-base) l c calc(h + 2 * var(--accent-hue-step)));--accent-4:oklch(from var(--accent-base) l c calc(h + 3 * var(--accent-hue-step)));--accent-5:oklch(from var(--accent-base) l c calc(h + 4 * var(--accent-hue-step)));--accent-6:oklch(from var(--accent-base) l c calc(h + 5 * var(--accent-hue-step)));--output-accent:var(--accent-1);--level-accent:var(--accent-4);--clipping-accent:var(--accent-2);--editor-accent:var(--accent-2);--focus:var(--accent-3);--focus-text:oklch(0% 0 0);--control-focus-border:var(--focus);--panel-value-text:var(--accent-2);--hint-accent:var(--accent-5);--panel-control-accent:var(--accent-2);--panel-button-active:var(--surface-5);--panel-button-active-text:var(--text);--text:oklch(100% 0 0);--text-muted:color-mix(in oklch, var(--text) 65%, var(--panel-background));--modal-backdrop:color-mix(in oklch, var(--editor-background) 50%, transparent);--dialog-min-width:280px;--dialog-max-width:480px;--playback-selection-background:color-mix(in oklch, var(--text) 10%, transparent);--playback-clear-opacity:.6;--playback-selection-edge:var(--text-muted);--editor-grid-opacity:60%;--editor-grid:color-mix(in srgb, var(--editor-grid-base) var(--editor-grid-opacity), transparent);--sequence-grid:var(--editor-grid-base);--sequence-grid-major:oklch(from var(--editor-grid-base) calc(l + var(--surface-step)) c h);--workspace-min-width:500px;--workspace-min-height:200px;--panel-gap:0px;--control-padding:6px;--panel-padding:var(--inner-edge-gutter-width);--button-radius:0px;--button-min-width:calc(var(--font-size) * var(--line-height) + 2 * var(--control-padding) + 2 * var(--inner-gutter-width));--header-unit:calc(var(--button-min-width) / 2);--header-meter-min-width:80px;--header-meter-compact-min-width:32px;--header-preset-label-min-width:120px;--editor-side-width:260px;--editor-rail-width:calc(var(--button-min-width) + var(--outer-gutter-width));--side-columns:12;--panel-control-rows:3;--control-columns:6;--axis-width:52px;--note-row-height:18px;--line-width:1px;--grid-major-width:2px;--bar-edge-width:2px;--outer-gutter-width:4px;--inner-gutter-width:1px;--inner-edge-gutter-width:8px;--scrollbar-size:3px;--edge-gutter-width:10px;--curve-width:1.5px;--envelope-line-width:2.5px;--point-hit-size:22px;--point-size:10px;--segment-size:6px;--wave-width:32px;--wave-height:16px;--control-icon-size:18px;--meter-clip-width:5px;--tooltip-gap:var(--panel-padding);--tooltip-layer:10;--chooser-layer:20;--number-input-width:5ch;--panel-caption-top:-2px;--panel-caption-padding:4px 20px 3px;--panel-caption-radius:1em;--panel-menu-max-items:6;--panel-menu-spare-rows:2;--hint-layer:30;--hint-border-width:2px;--font-family:"Oxanium", sans-serif;--font-size:14px;--line-height:1.4;--font-weight:400;--value-weight:600;--axis-font-size:11px;--hint-font-size:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-family);font-weight:var(--font-weight);font-size:var(--font-size);line-height:var(--line-height);color:var(--text);background:var(--page-gutter)}:root[data-theme=light]{--background-base:oklch(100% .02 180);--surface-step:-.06;--control-hover-step:-.03;--text:oklch(0% 0 0);--focus-text:oklch(100% 0 0);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}@supports selector(::-webkit-scrollbar){*{scrollbar-width:auto;scrollbar-color:auto}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-corner{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--button-radius)}*::-webkit-scrollbar-button{display:none}}body{margin:0}input,textarea{-webkit-user-select:text;user-select:text}button{font:inherit;color:inherit}h1,h2{font-size:inherit;font-weight:inherit;margin:0}strong{font-weight:var(--value-weight)}:focus,:focus-visible{box-shadow:none;outline:none}[hidden]{display:none!important}.slot{gap:var(--panel-gap);min-width:0;min-height:0;display:flex}.slot.row{flex-direction:row}.slot.column{flex-direction:column}.panel{min-width:0;min-height:0;padding:var(--panel-padding);background:var(--panel-background)}.mnemonic{white-space:nowrap}.control-label{align-items:center;gap:var(--control-padding);padding:var(--control-padding);display:inline-flex}.control-icon-box{width:var(--button-min-width);height:var(--button-min-width);padding:var(--control-padding);border:var(--inner-gutter-width) solid transparent;flex:none;place-items:center;display:inline-grid}.control{padding:var(--control-padding);border:var(--inner-gutter-width) solid var(--panel-gutter);border-radius:var(--button-radius);cursor:pointer}.control:focus-visible{border-color:var(--control-focus-border)}.control:not(.expanded){--control-background:var(--panel-control);background:var(--control-background)}@media (hover:hover){.control:not(.expanded):hover{background:oklch(from var(--control-background) calc(l + var(--control-hover-step)) c h)}}.control:not(.expanded):active{background:oklch(from var(--control-background) calc(l + var(--control-hover-step)) c h)}.button{min-width:var(--button-min-width);place-items:center;display:inline-grid;position:relative}.button[data-unavailable=true]{color:#0000;pointer-events:none;--control-background:var(--panel-control)}.button[aria-pressed=true],.button[data-playing=true],.button[aria-selected=true],.button[data-selected=true]{color:var(--panel-button-active-text);--control-background:var(--panel-button-active);font-weight:var(--value-weight)}:is(.button[aria-pressed=true],.button[data-playing=true],.button[aria-selected=true],.button[data-selected=true]):after{content:"";inset-inline:0;height:var(--bar-edge-width);background:var(--panel-control-accent);pointer-events:none;position:absolute;bottom:0}.wave-icon{width:var(--wave-width);height:var(--wave-height);fill:none;stroke:currentColor;stroke-width:var(--curve-width);stroke-linejoin:round;display:block}.control-icon{width:var(--control-icon-size);height:var(--control-icon-size);fill:none;stroke:currentColor;stroke-width:var(--curve-width);stroke-linejoin:round;display:block}.control-icon[data-filled=true]{fill:currentColor;stroke:none}.control-icon circle{fill:currentColor}.workspace{height:100dvh;padding:var(--panel-gap);background:var(--page-gutter)}.timeline-zone{flex:1;position:relative}.timeline-zone[data-cursor-visible=true]:not([data-cursor-timeline=phrase]) .timeline-plot:not([data-timeline=phrase]) .timeline-cursor,.timeline-zone[data-cursor-visible=true][data-cursor-timeline=phrase] .timeline-plot[data-timeline=phrase] .timeline-cursor{display:block}.slot.side-controls.editor-selectors>.button{grid-column:1/-1}.slot.side-controls.editor-selectors>.lock-control{grid-column:span 6}.slot.side-controls.editor-selectors>.select-control:last-child:nth-child(2n of .select-control){grid-column:1/-1}.slot.side-controls{grid-template-columns:repeat(var(--side-columns), minmax(0, 1fr));padding:var(--inner-edge-gutter-width);align-content:start;display:grid}.slot.side-controls>.select-control,.slot.side-controls>.slider-control{grid-column:span var(--control-columns)}.editor{--editor-left-rail-width:0px;--editor-left-ear-width:var(--editor-side-width);--editor-left-width:calc(var(--editor-left-rail-width) + var(--editor-left-ear-width));--editor-right-ear-width:var(--editor-side-width);--editor-right-rail-width:0px;--editor-right-width:calc(var(--editor-right-ear-width) + var(--editor-right-rail-width));grid-template-columns:var(--editor-left-rail-width) var(--editor-left-ear-width) minmax(0, 1fr) var(--editor-right-ear-width) var(--editor-right-rail-width);border:var(--outer-gutter-width) solid var(--page-gutter);border-inline-width:var(--edge-gutter-width);margin-top:calc(-1 * var(--outer-gutter-width));flex:1 1 0;display:grid;position:relative}.editor.selected{border-color:var(--focus);z-index:1}body:has(.control-chooser) .editor.selected{border-color:var(--page-gutter)}.editor-side{background:var(--panel-background);padding:0;overflow:clip}.editor-side[data-side=left]{border-inline-end:var(--outer-gutter-width) solid var(--page-gutter)}.editor-side[data-side=right]{border-inline-start:var(--outer-gutter-width) solid var(--page-gutter)}.graph-panel{background:var(--editor-background);border:var(--line-width) solid transparent;flex:1;display:flex;position:relative;overflow:clip}.timeline-plot{grid-template-columns:var(--axis-width) minmax(0, 1fr);min-width:0;min-height:0;font-size:var(--axis-font-size);flex:1;grid-template-rows:minmax(0,1fr);display:grid}.timeline-plot:has(.point-envelope){padding-block:calc(var(--point-size) / 2)}.timeline-plot:has(.point-envelope) .plot-surface{margin-inline:calc(var(--point-size) / 2)}.timeline-plot .value-axis{text-align:right;padding-right:var(--panel-padding);flex-direction:column;justify-content:space-between;display:flex;overflow:hidden}.timeline-plot .value-axis .wave-icon{margin-left:auto}.timeline-plot path{fill:none;vector-effect:non-scaling-stroke}.timeline-plot .tail-background{fill:var(--editor-area);pointer-events:none}.timeline-plot .grid-lines{stroke:var(--editor-grid);stroke-width:var(--line-width)}.timeline-plot .curve{stroke:var(--editor-accent);stroke-width:var(--envelope-line-width)}.plot-surface{min-width:0;min-height:0;display:flex;position:relative}.plot-surface[data-selectable=true]{touch-action:none}.plot-surface>.bar-envelope,.plot-surface>.point-envelope,.plot-surface>.note-envelope{flex:1}.plot-surface>svg{width:100%;height:100%;min-height:0;overflow:hidden}.timeline-cursor,.playback-cursor{width:var(--line-width);pointer-events:none;z-index:1;position:absolute;top:0;bottom:0}.timeline-cursor{left:var(--cursor-position,0%);border-left:var(--line-width) dotted var(--text);display:none}.playback-cursor{background:var(--editor-accent)}.editor[data-view=output] .plot-surface{touch-action:none;cursor:crosshair}.editor[data-view=output] .curve{stroke:var(--output-accent);stroke-width:var(--curve-width)}.editor[data-view=output] .clipped-curve{stroke:var(--clipping-accent)}.editor[data-view=output] .playback-cursor{background:var(--output-accent)}