@font-face{font-family:Inter Tight;src:url(./InterTight-nVVgM2Eh.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono;src:url(./GeistMono-Tvk-k7EG.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{color-scheme:light dark;--ground: light-dark(#e9e4e6, #15121a);--ground-2: light-dark(#f2eef0, #1c1822);--band: light-dark(#e0dade, #1a1620);--line: light-dark(#cfc6cc, #2f2936);--ink: light-dark(#1a1620, #ece6ee);--ink-mut: light-dark(#635b67, #93899a);--mark: light-dark(#1a1620, #ece6ee);--acc: var(--ink);--drum-kick: light-dark(#a33445, #ff7a86);--drum-snare: light-dark(#2f7a8c, #4fb4c8);--drum-hats: light-dark(#778916, #b4c840);--drum-perc: light-dark(#6b4fbf, #b29aff);--font-sans: "Inter Tight", -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--head-stretch: 100%;--head-weight: 900;--head-tracking: -.02em;--head-case: none;--button-case: uppercase;--button-tracking: .01em;--space: 8px;--radius: 0;--hairline: 1px solid var(--line)}[data-theme=paper]{color-scheme:light}[data-theme=night]{color-scheme:dark}[data-theme]{background-color:var(--ground);color:var(--ink)}[data-category=transcribe]{--acc: light-dark(#326a7a, #7fbccc)}[data-category=transform]{--acc: light-dark(#5c4a9e, #a796e6)}[data-category=perceive]{--acc: light-dark(#5f652a, #bcc47c)}[data-category=workflow]{--acc: light-dark(#a54357, #f0919f)}@supports not (color: light-dark(#000000,#ffffff)){:root,[data-theme]{color-scheme:light}:root{--ground: #e9e4e6;--ground-2: #f2eef0;--band: #e0dade;--line: #cfc6cc;--ink: #1a1620;--ink-mut: #635b67;--mark: #1a1620;--drum-kick: #a33445;--drum-snare: #2f7a8c;--drum-hats: #778916;--drum-perc: #6b4fbf}[data-category=transcribe]{--acc: #326a7a}[data-category=transform]{--acc: #5c4a9e}[data-category=perceive]{--acc: #5f652a}[data-category=workflow]{--acc: #a54357}}.seekable{cursor:pointer;touch-action:pan-y;user-select:none;-webkit-user-select:none}.seekable.seeking{cursor:ew-resize}.playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--acc);cursor:ew-resize}.playhead:before{content:"";position:absolute;inset:0 -6px}.range{display:grid;gap:6px;min-width:0}.range-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space)}.range-head label{color:var(--ink-mut);font:13px/1 var(--font-mono)}.range-head output{color:var(--acc);font:600 13px/1 var(--font-mono);font-variant-numeric:tabular-nums}.range input[type=range],input[type=range].range-line{appearance:none;-webkit-appearance:none;width:100%;height:16px;margin:0;background:transparent;cursor:pointer}.range input[type=range]::-webkit-slider-runnable-track,input[type=range].range-line::-webkit-slider-runnable-track{height:1px;background:linear-gradient(to right,var(--acc) var(--fill, 0%),var(--line) var(--fill, 0%));transition:height .15s}.range input[type=range]:hover::-webkit-slider-runnable-track,input[type=range].range-line:hover::-webkit-slider-runnable-track,.range input[type=range]:focus-visible::-webkit-slider-runnable-track,input[type=range].range-line:focus-visible::-webkit-slider-runnable-track{height:4px}.range input[type=range]::-webkit-slider-thumb,input[type=range].range-line::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:2px;height:14px;margin-top:-7px;border:0;border-radius:0;background:var(--acc)}.range input[type=range]:hover::-webkit-slider-thumb,input[type=range].range-line:hover::-webkit-slider-thumb,.range input[type=range]:focus-visible::-webkit-slider-thumb,input[type=range].range-line:focus-visible::-webkit-slider-thumb{margin-top:-5px}.range input[type=range]::-moz-range-track,input[type=range].range-line::-moz-range-track{height:1px;background:var(--line)}.range input[type=range]::-moz-range-progress,input[type=range].range-line::-moz-range-progress{height:1px;background:var(--acc)}.range input[type=range]:hover::-moz-range-track,input[type=range].range-line:hover::-moz-range-track,.range input[type=range]:hover::-moz-range-progress,input[type=range].range-line:hover::-moz-range-progress{height:4px}.range input[type=range]::-moz-range-thumb,input[type=range].range-line::-moz-range-thumb{width:2px;height:14px;border:0;border-radius:0;background:var(--acc)}.range input[type=range]:focus-visible,input[type=range].range-line:focus-visible{outline:1px solid var(--acc);outline-offset:4px}.range input[type=range]:disabled,input[type=range].range-line:disabled{cursor:default;opacity:.4}.range-ticks{display:flex;justify-content:space-between;padding:0 1px}.range-ticks span{width:1px;height:4px;background:var(--line)}.ds-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:0;padding:5px 12px;border:var(--hairline);border-radius:var(--radius);background:var(--ground-2);color:var(--ink);font:inherit;font-size:14px;line-height:20px;text-decoration:none;cursor:pointer}.ds-button:hover:not(:disabled){border-color:var(--ink)}.ds-button.primary{background:var(--acc);border-color:var(--acc);color:var(--ground);font-weight:700}.ds-button.primary:hover:not(:disabled){border-color:var(--ink)}.ds-button.ghost{background:transparent;border-color:transparent;color:var(--ink-mut)}.ds-button.ghost:hover:not(:disabled){border-color:transparent;color:var(--ink)}.ds-button.small{padding:2px 8px;font-size:12px;line-height:18px}.ds-choice{display:inline-flex;flex-wrap:wrap;vertical-align:middle}.ds-choice>button,.ds-choice>label{box-sizing:border-box;position:relative;display:inline-flex;align-items:center;margin:0 -1px 0 0;padding:5px 12px;border:var(--hairline);border-radius:0;background:var(--ground-2);color:var(--ink);font:inherit;font-size:14px;line-height:20px;cursor:pointer}.ds-choice>label>input{position:absolute;opacity:0;pointer-events:none}.ds-choice>button:hover:not(:disabled),.ds-choice>label:hover{z-index:1;border-color:var(--ink)}.ds-choice>.on,.ds-choice>[aria-pressed=true],.ds-choice>label:has(input:checked){z-index:2;background:var(--acc);border-color:var(--acc);color:var(--ground)}.ds-choice>label:has(input:focus-visible){z-index:3;outline:2px solid var(--acc);outline-offset:1px}.ds-choice.small>button,.ds-choice.small>label{padding:2px 8px;font-size:12px;line-height:18px}.ds-chips{display:flex;flex-wrap:wrap;gap:6px}.ds-chip{position:relative;display:inline-flex}.ds-chip>input{position:absolute;opacity:0;pointer-events:none}.ds-chip>span{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:var(--hairline);background:var(--ground-2);color:var(--ink-mut);font-size:13px;line-height:18px;cursor:pointer}.ds-chip>span:before{content:"";flex:none;width:7px;height:7px;border:1px solid var(--ink-mut)}.ds-chip>span:hover{border-color:var(--ink)}.ds-chip>input:checked+span{border-color:var(--ink);color:var(--ink)}.ds-chip>input:checked+span:before{border-color:var(--acc);background:var(--acc)}.ds-chip>input:focus-visible+span{outline:2px solid var(--acc);outline-offset:1px}.ds-chip>input:disabled+span{cursor:default;opacity:.45}.ds-field,.ds-select{box-sizing:border-box;margin:0;padding:5px 8px;border:var(--hairline);border-radius:var(--radius);background-color:var(--ground-2);color:var(--ink);font:inherit;font-size:14px;line-height:20px}.ds-field::placeholder{color:var(--ink-mut);opacity:1}.ds-field[type=number],.ds-field.num{font-family:var(--font-mono);font-size:13px}.ds-field[type=file]{padding:0;border:0;background:none;color:var(--ink-mut);font-size:13px}.ds-field[type=file]::file-selector-button{margin-right:10px;padding:5px 12px;border:var(--hairline);border-radius:var(--radius);background:var(--ground-2);color:var(--ink);font:inherit;font-size:14px;cursor:pointer}.ds-field[type=file]::file-selector-button:hover{border-color:var(--ink)}.ds-select{appearance:none;-webkit-appearance:none;padding-right:28px;background-image:linear-gradient(45deg,transparent 50%,var(--ink-mut) 50%),linear-gradient(135deg,var(--ink-mut) 50%,transparent 50%);background-position:calc(100% - 15px) 55%,calc(100% - 10px) 55%;background-size:5px 5px;background-repeat:no-repeat;cursor:pointer}.ds-select:hover:not(:disabled){border-color:var(--ink)}.ds-field:focus-visible,.ds-select:focus-visible{outline:2px solid var(--acc);outline-offset:-1px}.ds-drop{box-sizing:border-box;display:grid;gap:4px;justify-items:center;padding:28px 20px;border:1px dashed var(--line);background:var(--ground-2);color:var(--ink);text-align:center;cursor:pointer}.ds-drop:hover,.ds-drop.over{border-color:var(--acc)}.ds-drop-main{font-weight:700}.ds-drop-sub{color:var(--ink-mut);font:12px/1.4 var(--font-mono)}.ds-drop:focus-visible{outline:2px solid var(--acc);outline-offset:1px}.ds-header{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;min-height:56px;padding:0 24px;border-bottom:var(--hairline);background:var(--ground-2)}.ds-header>.end{margin-left:auto}.ds-wordmark{margin:0;color:var(--ink);font-size:22px;line-height:1;font-weight:var(--head-weight);font-stretch:var(--head-stretch);letter-spacing:var(--head-tracking);text-decoration:none;white-space:nowrap}.ds-wordmark .dot{color:var(--acc)}@media(max-width:600px){.ds-header{padding:8px 16px}}.ds-label{margin:0;color:var(--ink-mut);font:600 12px/1.3 var(--font-mono);text-transform:var(--button-case);letter-spacing:.04em}.ds-button:focus-visible,.ds-choice>button:focus-visible{z-index:3;outline:2px solid var(--acc);outline-offset:1px}.ds-button:disabled,.ds-choice>button:disabled,.ds-field:disabled,.ds-select:disabled{cursor:default;opacity:.45}.ds-choice>label:has(input:disabled){cursor:default;opacity:.45}.ds-button[hidden],.ds-choice[hidden],.ds-chips[hidden],.ds-chip[hidden],.ds-field[hidden],.ds-select[hidden],.ds-drop[hidden]{display:none}.ds-choice>label:has(input:disabled):hover{border-color:var(--line)}.iconbutton{--iconbutton-size: calc(var(--space) * 4);--iconbutton-glyph: 16px;box-sizing:border-box;display:inline-grid;place-items:center;flex:none;width:var(--iconbutton-size);height:var(--iconbutton-size);margin:0;padding:0;border:var(--hairline);border-radius:var(--radius);background:var(--ground-2);color:var(--ink);cursor:pointer;vertical-align:middle}.iconbutton[data-size=s]{--iconbutton-size: calc(var(--space) * 3);--iconbutton-glyph: 14px}.iconbutton .ds-icon{display:block;width:var(--iconbutton-glyph);height:var(--iconbutton-glyph);pointer-events:none}.ds-icon *{vector-effect:non-scaling-stroke}.iconbutton:hover{background:var(--band)}.iconbutton[aria-pressed=true]{border-color:var(--acc);color:var(--acc)}.iconbutton[aria-pressed=true]:hover{background:var(--ground-2)}.iconbutton:focus-visible{outline:2px solid var(--acc);outline-offset:1px}.iconbutton:disabled{cursor:default;opacity:.45}.iconbutton:disabled:hover{background:var(--ground-2)}.ds-icon{flex:none;vertical-align:-.2em}.themeswitch{display:inline-flex}.themeswitch .iconbutton{border-radius:0}.themeswitch .iconbutton:first-child{border-radius:var(--radius) 0 0 var(--radius)}.themeswitch .iconbutton:last-child{border-radius:0 var(--radius) var(--radius) 0}.themeswitch .iconbutton+.iconbutton{margin-left:-1px}.themeswitch .iconbutton[aria-pressed=true]{position:relative;z-index:1}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-sans);font-size:14px;font-variant-numeric:tabular-nums;display:flex;flex-direction:column;height:100vh}body>main{flex:1}.embed .ds-wordmark,.embed .modes{display:none}.bar{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;padding:12px 24px;background:var(--ground-2);border-top:var(--hairline)}.group{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center;padding-left:16px;border-left:var(--hairline)}.group label{display:inline-flex;gap:8px;align-items:center;color:var(--ink-mut)}#takes{width:11em}#tuning{width:9em}#anchor{width:5.5em}#take-name{width:7em}.root-note{display:inline-flex;gap:8px;align-items:center}.root-note[hidden]{display:none}.group.status{margin-left:auto;padding-left:0;border-left:0;color:var(--ink-mut)}main{display:grid;grid-template-columns:1fr 320px;min-height:0}#controls .presets{display:flex;gap:8px;margin-bottom:20px}.stage{position:relative;min-height:0}#roll{width:100%;height:100%;display:block}.empty{position:absolute;inset:0;display:flex;gap:var(--space);align-items:center;justify-content:center;color:var(--ink-mut)}.empty[hidden]{display:none}.empty p{margin:0;padding:0 calc(var(--space) * 2);text-align:center}button.link{padding:0;border:0;background:none;color:var(--acc);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.fine{font-size:12px;color:var(--ink-mut)}#controls{padding:20px 24px;border-left:var(--hairline);overflow:auto;font-size:13px}#controls label:not(.ds-chip){display:grid;grid-template-columns:1fr auto;gap:calc(var(--space) / 2);margin-bottom:calc(var(--space) * 2)}#controls label:not(.ds-chip)>span{color:var(--acc)}#controls .onset-off{margin:calc(var(--space) * -1.5) 0 calc(var(--space) * 2)}#controls code{font-family:var(--font-mono);font-size:12px;word-break:break-all}:focus-visible{outline:1px solid var(--acc);outline-offset:1px}input[type=checkbox]{accent-color:var(--acc)}#controls input[type=range]{grid-column:1 / -1}.error{color:var(--ink);font-weight:600}#controls h3{margin:28px 0 12px}#controls .presets+h3{margin-top:0}.legend{display:inline-flex;flex-wrap:wrap;gap:var(--space);align-items:center;margin-left:auto;color:var(--ink-mut);font-size:12px}.legend .mk,.legend .ln{display:inline-block}.legend .mk.tick{width:2px;height:8px;background:var(--ink)}.legend .mk.slash{width:1px;height:9px;background:var(--ink);transform:rotate(30deg)}.legend .ln{width:16px;border-top:2px solid var(--ink)}.legend .ln.mut{border-top:1.5px solid var(--ink-mut);opacity:.5}.message{margin:0;padding:6px 24px;border-bottom:var(--hairline);color:var(--ink-mut);font-size:13px}.message:empty{display:none}.drag{padding:calc(var(--space) / 2) var(--space);border:1px dashed var(--line);color:var(--ink-mut)}.drag[draggable=true]{color:var(--ink);border-color:var(--acc);cursor:grab}#drags{display:inline-flex;gap:calc(var(--space) / 2);flex-wrap:wrap}.formats{display:inline-flex;flex-wrap:wrap;gap:var(--space)}@media(max-width:700px){body{display:block;height:auto}main{grid-template-columns:1fr}.stage{height:55vh;min-height:280px}#controls{border-left:0;border-top:var(--hairline);overflow:visible}.group{padding-left:0;border-left:0}.group.status,.legend{margin-left:0}}