.bar.svelte-1ff5xfe{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem 1rem;padding:.3rem .4rem;background:#0a0a0a;border:1px solid #1a1a1a;font-size:.72rem}.group.svelte-1ff5xfe{display:flex;align-items:center;gap:.3rem}.btn.svelte-1ff5xfe{padding:.2rem .3rem;white-space:nowrap}.btn.svelte-1ff5xfe:disabled{opacity:.35;cursor:default}.btn.play.svelte-1ff5xfe{min-width:4rem}.slash.svelte-1ff5xfe{color:#777}.bpm-tap.svelte-1ff5xfe{padding:0;border:0;background:none;color:#666;font:inherit;cursor:pointer}.bpm-tap.svelte-1ff5xfe:hover{color:#fff}.bpm-input.svelte-1ff5xfe{width:3em;padding:.15rem .2rem;background:#000;border:0;border-bottom:1px solid #333;color:#fff;font:inherit;text-align:center;appearance:textfield}.bpm-input.svelte-1ff5xfe::-webkit-outer-spin-button,.bpm-input.svelte-1ff5xfe::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bpm-input.svelte-1ff5xfe:hover{border-bottom-color:#666}.status.svelte-1ff5xfe{margin-left:auto;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.info.svelte-1ff5xfe{display:flex;gap:.6rem;color:#666;white-space:nowrap}.info.svelte-1ff5xfe strong:where(.svelte-1ff5xfe){color:#aaa;font-weight:400}.dirty.svelte-1ff5xfe{color:#e0b050;margin-right:.4rem}.busy-dot.svelte-1ff5xfe{display:inline-block;width:.45rem;height:.45rem;margin-right:.4rem;border-radius:50%;background:#e0b050}@media(max-width:760px){.bar.svelte-1ff5xfe{overflow-x:auto;flex-wrap:nowrap}}.panel.svelte-nwuskx{width:15rem;flex:none;display:flex;flex-direction:column;gap:.55rem;padding:.6rem;background:#0a0a0a;border:1px solid #1a1a1a;overflow-y:auto;box-sizing:border-box}h3.svelte-nwuskx{margin:0;font-size:.68rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:#777}.control.svelte-nwuskx{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.15rem .5rem;font-size:.72rem;color:#aaa}.control.svelte-nwuskx .pair:where(.svelte-nwuskx){display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.control.svelte-nwuskx em:where(.svelte-nwuskx){font-style:normal;color:#fff}.control.svelte-nwuskx .slider-root{grid-column:1 / -1;height:1rem}.blend-row.svelte-nwuskx .stepped-select{justify-self:end}.blend [data-select-trigger]{width:6em;height:18px!important;min-height:18px!important}.blend .select-label{font-size:.65rem}.transient-y-track,.radius-track{height:8px;background:linear-gradient(to right,#000,#fff);clip-path:polygon(100% 0,0 50%,100% 100%)}.hardness-track{height:8px;background-image:linear-gradient(90deg,#0000,#fff),linear-gradient(#000,#fff,#000)}.flow-track,.level-track{height:8px;background:linear-gradient(90deg,#000,#fff)}.mix-track{height:8px;background:linear-gradient(90deg,#4a7dff,#fff 50%,#ff4a4a)}.transient-x-track,.fade-track,.release-track{height:8px;background:linear-gradient(to left,#000,#fff);clip-path:polygon(100% 50%,0 0,0 100%)}.attack-track{height:8px;background:linear-gradient(to left,#fff,#000)}.hidden-range{display:none}.tool .select-frame{width:6.2rem;font-size:.72rem;height:22px}.spacing-control.svelte-nwuskx{margin-top:.2rem;display:flex}.spacing-drag-input.svelte-nwuskx,.ratio-drag.svelte-nwuskx{color:#ddd;cursor:ns-resize;-webkit-user-select:none;user-select:none;touch-action:none;padding:.1rem .2rem;background:#060606;border:1px solid #222;font-size:.66rem;text-align:center;box-sizing:border-box}.spacing-drag-input.svelte-nwuskx{width:5em}.ratio-drag.svelte-nwuskx{width:4em;text-align:right}.spacing-drag-input.svelte-nwuskx:hover,.ratio-drag.svelte-nwuskx:hover{border-color:#444;color:#fff}.partials-wrap.svelte-nwuskx{display:flex;flex-direction:column;gap:.3rem}.partials-wrap.svelte-nwuskx .partials-list:where(.svelte-nwuskx){display:flex;flex-direction:column-reverse;touch-action:none;cursor:ew-resize}.partials-wrap.svelte-nwuskx .partials-list:where(.svelte-nwuskx) .partial:where(.svelte-nwuskx){background:#000;display:grid;grid-template-columns:3.1rem 1fr 1rem;align-items:center;gap:.3rem}.partials-wrap.svelte-nwuskx .partials-list:where(.svelte-nwuskx) .partial:where(.svelte-nwuskx) .custom-slider:where(.svelte-nwuskx){height:1px;position:relative;cursor:ew-resize;pointer-events:none}.partials-wrap.svelte-nwuskx .partials-list:where(.svelte-nwuskx) .partial:where(.svelte-nwuskx) .custom-slider-fill:where(.svelte-nwuskx){position:absolute;top:0;left:0;bottom:0;pointer-events:none}.rm.svelte-nwuskx{padding:0;border:0;background:none;color:#777;font-size:.85rem;line-height:1;cursor:pointer}.rm.svelte-nwuskx:hover{color:#fff}.rm.svelte-nwuskx:disabled{opacity:.3;cursor:default}.add.svelte-nwuskx{width:100%;padding:.15rem 0;font-size:.66rem}.grid-key.svelte-nwuskx{flex:none;overflow-x:auto}.grid-key.off.svelte-nwuskx{opacity:.45}.layer-list.svelte-nwuskx{display:flex;flex-direction:column;gap:.15rem}.layer-row.svelte-nwuskx{display:grid;grid-template-columns:1rem 1fr auto;align-items:center;gap:.3rem;padding:0 .4rem;border:1px solid transparent;background:#060606;font-size:.7rem}.layer-row.active.svelte-nwuskx{border-left-color:#888;background:#101010}.eye.svelte-nwuskx{display:flex;align-items:center;justify-content:center;padding:0;border:0;height:1em;width:1em;background:none;color:#eee;cursor:pointer}.eye.off.svelte-nwuskx{color:#999}.layer-name.svelte-nwuskx{padding:.1rem 0;border:0;background:none;color:inherit;font:inherit;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.pct.svelte-nwuskx{color:#888;font-size:.62rem;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;padding:.15rem .1rem}.pct.svelte-nwuskx:hover{color:#fff}.layer-actions.svelte-nwuskx{display:flex;grid-template-columns:repeat(5,1fr);gap:.5rem}.layer-actions.svelte-nwuskx .btn:where(.svelte-nwuskx){display:flex;align-items:center;justify-content:center;text-align:center;width:1.1rem;height:1.1rem;border:none;padding:0;background:#0000}@media(max-width:760px){.panel.svelte-nwuskx{width:100%;max-height:min(38vh,10em)}}main.svelte-dnmrxh{display:flex;flex-direction:column;gap:.2rem;width:100%;height:calc(100dvh - var(--site-header-h, 0px));box-sizing:border-box;overflow:hidden;background:#000;color:#eee;font-family:Inter,JetBrains Mono,SFMono-Regular,Consolas,monospace;user-select:none;-webkit-user-select:none}main.svelte-dnmrxh input,main.svelte-dnmrxh textarea{user-select:text;-webkit-user-select:text}.workspace.svelte-dnmrxh{flex:1;min-height:0;display:flex;gap:.2rem}.canvas-wrap.svelte-dnmrxh{flex:1;min-width:0;position:relative;background:#050505;border:1px solid #141414;overflow:hidden}.canvas-wrap.space.svelte-dnmrxh canvas:where(.svelte-dnmrxh){cursor:grab}canvas.svelte-dnmrxh{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}.busy.svelte-dnmrxh{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:.5rem .9rem;background:#000c;border:1px solid #333;color:#ddd;font-size:.75rem;pointer-events:none}.new-dialog.svelte-dnmrxh{padding:1rem;min-width:19rem;background:#0a0a0a;border:1px solid #333;color:#eee;font-family:inherit}.new-dialog.svelte-dnmrxh::backdrop{background:#000b}.new-dialog.svelte-dnmrxh h3:where(.svelte-dnmrxh){margin:0 0 .8rem;font-size:.7rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:#888}.new-dialog.svelte-dnmrxh label:where(.svelte-dnmrxh){display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.6rem;font-size:.75rem;color:#aaa}.new-dialog.svelte-dnmrxh input[type=number]:where(.svelte-dnmrxh){width:6rem;padding:.3rem .4rem;background:#000;border:1px solid #333;color:#fff;font:inherit}.new-dialog.svelte-dnmrxh p:where(.svelte-dnmrxh){margin:0 0 .9rem;font-size:.66rem;color:#666}.new-dialog.svelte-dnmrxh .actions:where(.svelte-dnmrxh){display:flex;justify-content:flex-end;gap:.4rem}.new-dialog.svelte-dnmrxh .rates:where(.svelte-dnmrxh){display:flex;gap:.25rem}.new-dialog.svelte-dnmrxh .rates:where(.svelte-dnmrxh) .btn:where(.svelte-dnmrxh){padding:.25rem .4rem;font-size:.66rem}.new-dialog.svelte-dnmrxh .btn:where(.svelte-dnmrxh){padding:.3rem .8rem;font-size:.72rem}@media(max-width:760px){.workspace.svelte-dnmrxh{flex-direction:column}}