.bar-envelope{touch-action:none;cursor:crosshair;min-width:0;min-height:0;display:flex}.bar-envelope .bar{border-right:var(--line-width) solid var(--editor-grid);flex:1 1 0;min-width:0;position:relative}.bar-envelope .bar:last-child{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 .fill{background:var(--editor-bar);border-top:var(--bar-edge-width) solid var(--editor-accent);pointer-events:none;position:absolute;inset:auto 0 0}.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 .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}.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.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(--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(--gutter-width);border:var(--gutter-width) solid var(--focus);display:flex;position:fixed}.panel.control-chooser>.button{white-space:nowrap;flex:none}.panel.control-chooser.stepper>.button[data-unavailable=true]{visibility:hidden}.panel.control-chooser.stepper .stepper-value{min-width:var(--button-min-width);padding:var(--control-padding);border:var(--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}.panel.control-chooser.stepper .stepper-value.number-value{gap:var(--control-padding);display:flex}.panel.control-chooser.stepper .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}.panel.control-chooser.stepper .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{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%}.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)}.level-meter{gap:var(--gutter-width);border:var(--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(--gutter-width);background:var(--page-gutter);border:var(--gutter-width) solid var(--page-gutter);border-inline-width:var(--edge-gutter-width);flex-shrink:0}.slot.top-bar>.header-section{padding:var(--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>.preset-section{flex:0 0 calc(var(--editor-side-width) - var(--gutter-width))}.slot.top-bar>.preset-section>.preset-selector{width:0;color:var(--panel-value-text);font-weight:var(--value-weight);white-space:nowrap;text-overflow:ellipsis;flex:1;display:block;overflow:hidden}.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 .panels{--header-span:3}.slot.top-bar .speed{--header-span:5}.slot.top-bar .length{--header-span:6}.slot.top-bar .layer-controls>.control-label{flex:0 0 calc(2 * var(--header-unit));justify-content:center}.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(--gutter-width);border:var(--hint-border-width) solid var(--hint-accent);background:var(--surface-1);color:var(--hint-accent);font-size:var(--axis-font-size);text-align:center;white-space:nowrap;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.key-hints .panel.key-hint kbd{font:inherit;font-weight:var(--value-weight)}.key-hints .panel.key-hint.legend{justify-content:center;gap:var(--gutter-width) var(--control-padding);white-space:normal;flex-wrap:wrap;display:flex}.key-hints .panel.key-hint.legend .hint-command{align-items:baseline;gap:var(--gutter-width);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(--gutter-width)) 0;width:calc(var(--edge-gutter-width) + var(--editor-side-width));padding:var(--gutter-width);border:var(--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:first-of-type>*{display:none}.panel.text-chooser>input{width:var(--text-input-width);min-width:0;padding:var(--control-padding);border:var(--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%;max-width:none;height:100%;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}.screen-too-small[open]{place-content:center;gap:var(--control-padding);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}html:has(.screen-too-small[open]){overflow:hidden}.editor[data-view=master]>.graph-panel{padding:0}.editor[data-view=master] .master-controls{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(var(--panel-control-rows), max-content);align-content:start;gap:var(--panel-gap);padding:var(--gutter-width);flex:1;min-width:0;min-height:0;display:grid;overflow:clip}.editor[data-view=master] .master-side>.button{grid-column:1/-1}@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);--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));--playback-selection-background:color-mix(in oklch, var(--text) 10%, transparent);--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);--workspace-min-width:1220px;--panel-gap:0px;--control-padding:6px;--panel-padding:var(--control-padding);--button-radius:0px;--button-min-width:calc(var(--font-size) * var(--line-height) + 2 * var(--control-padding) + 2 * var(--gutter-width));--header-unit:calc(var(--button-min-width) / 2);--editor-side-width:260px;--side-columns:12;--panel-control-rows:3;--control-columns:6;--axis-width:52px;--line-width:1px;--bar-edge-width:2px;--gutter-width:3px;--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;--text-input-width:22ch;--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;--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% .04 10);--surface-step:-.06;--control-hover-step:-.03;--text:oklch(0% 0 0);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;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{-webkit-user-select:none;user-select:none;margin:0}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)}.control-label{align-items:center;gap:var(--control-padding);padding:var(--control-padding);display:inline-flex}.control{padding:var(--control-padding);border:var(--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[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 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] .timeline-cursor{display:block}.slot.editor-selectors>.select-control:nth-child(2){grid-column:span var(--control-columns) / -1}.slot.side-controls{grid-template-columns:repeat(var(--side-columns), minmax(0, 1fr));padding:var(--gutter-width);align-content:start;display:grid}.slot.side-controls>.select-control,.slot.side-controls>.slider-control{grid-column:span var(--control-columns)}.editor{grid-template-columns:var(--editor-side-width) minmax(0, 1fr) var(--editor-side-width);border:var(--gutter-width) solid var(--page-gutter);border-inline-width:var(--edge-gutter-width);margin-top:calc(-1 * var(--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:first-of-type{border-inline-end:var(--gutter-width) solid var(--page-gutter)}.editor-side:last-child{border-inline-start:var(--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}.graph-panel:focus-within{border-color:var(--focus)}.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 .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 .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>.bar-envelope,.plot-surface>.point-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)}