@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/nunito-latin-300-normal-COoPE5VN.woff2)format("woff2"),url(/assets/nunito-latin-300-normal-C3ZIKvzv.woff)format("woff")}:root{--turntable-stage:#ff8000;--primary-blue:#000;--button-fill:#fff;--button-fill-hover:#fff;--button-text:#000;--turntable-soft-orange:#ffe6cc;--control-panel:#fbfcfa;--control-border:#c3cbc6;--button-stroke:var(--primary-blue);--button-stroke-width:2.5px;--turntable-stroke-width:1.5px;--selected-sample-stroke:red;--playing-stroke:#0f0;--control-text:var(--primary-blue);--side-control-length:clamp(225px, 72.5vh, 700px);--side-control-gap:10px;--sample-control-height:calc((var(--side-control-length) - (var(--side-control-gap) * 2)) / 8);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--turntable-stage);color:var(--control-text);font-family:Nunito,ui-sans-serif,system-ui,sans-serif;font-size:156%;font-weight:300}*{box-sizing:border-box}body{background:var(--turntable-stage);min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{background:var(--turntable-stage);flex-direction:column;min-height:100vh;display:flex}.app-header{background:#f9faf7;border-bottom:1px solid #cbd3ce;justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:18px clamp(16px,4vw,40px);display:flex}.app-header__title{min-width:0}.app-header h1,.status-panel h2{letter-spacing:0;margin:0}.app-header h1{font-size:clamp(1.35rem,1.2rem + .8vw,2rem);line-height:1.1}.app-header p{color:var(--primary-blue);margin:6px 0 0;font-size:.95rem}.app-main{flex:1;min-height:100vh;display:block}.workspace{grid-template-columns:clamp(115px,11.25vw,165px) minmax(0,1fr) clamp(115px,11.25vw,160px);align-items:stretch;gap:12.5px;height:100svh;min-height:100svh;padding:10px;display:grid;overflow:hidden}.section-label{color:var(--primary-blue);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.85rem;font-weight:300}.turntable-surface{background:0 0;border:0;border-radius:0;place-items:center;min-height:0;padding:0;display:grid;overflow:hidden}.turntable-visual{aspect-ratio:1;width:min(100%,100svh - 20px);max-width:100%;max-height:calc(100svh - 20px);position:relative}.turntable-canvas,.turntable-vector{width:100%;height:100%;display:block;position:absolute;inset:0}.turntable-canvas{z-index:2;touch-action:none}.turntable-vector{pointer-events:none}.turntable-vector--base{z-index:1}.turntable-vector--chrome{z-index:4}.turntable-play-button{z-index:6;border-radius:50%;min-width:0;min-height:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.turntable-play-button__icon-shell{transform-origin:50%;place-items:center;width:100%;height:100%;display:grid}.turntable-play-button .transport-button__icon{width:76%;height:76%}.phase-note{color:var(--primary-blue);margin:0;font-size:.9rem}.transport-controls{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;align-items:stretch;gap:12px;min-height:0;display:grid}.audio-controls{background:#fbfcfa;border:1px solid #cbd3ce;border-radius:8px;grid-template-columns:repeat(3,minmax(0,auto)) minmax(0,1fr);align-items:center;gap:10px;padding:12px;display:grid}.audio-button{border:var(--button-stroke-width) solid var(--button-stroke);min-height:38px;color:var(--button-text);background:var(--button-fill);white-space:nowrap;border-radius:8px;padding:0 12px;font-size:.86rem;font-weight:300}.audio-button--secondary{color:var(--button-text)}.audio-button:disabled{cursor:default;opacity:.55}.audio-controls__status{min-width:0;color:var(--primary-blue);overflow-wrap:anywhere;text-align:right;font-size:.78rem}.audio-controls.is-ready .audio-controls__status{color:var(--primary-blue);font-weight:300}.audio-controls.is-error .audio-controls__status,.audio-controls.is-unsupported .audio-controls__status{color:var(--primary-blue)}.paint-controls{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;align-items:stretch;gap:12.5px;min-height:0;display:grid;overflow:hidden}.paint-controls__label{color:var(--primary-blue);font-size:1.075rem;font-weight:300}.sample-slots{--sample-line-width:2.55px;--sample-active-line-width:7.65px;scrollbar-width:thin;grid-template-columns:1fr;align-content:center;gap:0;min-width:0;min-height:0;display:grid;overflow-y:auto}.sample-chip{grid-template-columns:minmax(0,1fr);gap:0;min-width:0;display:grid}.sample-chip__action{border-radius:0;grid-template-columns:minmax(0,1fr) 37.5px;align-items:stretch;min-width:0;display:grid;position:relative}.sample-chip__action:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(var(--turntable-soft-orange), var(--turntable-soft-orange)) top / 100% var(--sample-line-width) no-repeat;position:absolute;inset:0}.sample-chip:first-child .sample-chip__action:after{background:linear-gradient(var(--turntable-soft-orange), var(--turntable-soft-orange)) top / 100% var(--sample-line-width) no-repeat}.sample-chip:nth-child(6) .sample-chip__action:after{background:linear-gradient(var(--turntable-soft-orange), var(--turntable-soft-orange)) top / 100% var(--sample-line-width) no-repeat, linear-gradient(var(--turntable-soft-orange), var(--turntable-soft-orange)) bottom / 100% var(--sample-line-width) no-repeat}.sample-chip__select{min-width:0;min-height:var(--sample-control-height);color:var(--turntable-soft-orange);background:var(--turntable-stage);text-align:left;place-items:center stretch;gap:2.5px;padding:5px 12.5px 5px 25px;display:grid}.paint-swatch,.tool-button{min-height:var(--sample-control-height);border:var(--button-stroke-width) solid var(--button-stroke);background:var(--button-fill);border-radius:10px}.paint-swatch{background:var(--button-fill);min-width:35px;position:relative;overflow:hidden}.sample-chip__action .paint-swatch{min-height:var(--sample-control-height);border-color:var(--turntable-soft-orange);background:var(--turntable-stage);border-width:0;border-radius:0}.sample-chip__action .sample-chip__select:hover,.sample-chip__action .sample-chip__select:focus-visible{background:#ffa64d}.paint-swatch:after{content:"";background:var(--swatch-colour);opacity:1;z-index:0;width:15px;position:absolute;inset:0 auto 0 0}.paint-swatch:hover:after,.paint-swatch:focus-visible:after{background:color-mix(in srgb, var(--swatch-colour) 80%, white)}.tool-button.is-selected{border-color:var(--button-stroke);box-shadow:none}.tool-button.is-selected:before{content:"";z-index:1;pointer-events:none;border:7.5px solid var(--selected-sample-stroke);border-radius:10px;position:absolute;inset:0}.sample-chip__name,.sample-chip__message{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sample-chip__name{z-index:1;width:100%;max-width:100%;color:inherit;text-align:left;font-size:1.05rem;font-weight:300;position:relative}.sample-chip.is-selected .sample-chip__name{color:var(--selected-sample-stroke)}.sample-chip.is-sounding .sample-chip__name{color:var(--playing-stroke)}.sample-chip__message{z-index:1;color:var(--button-text);font-size:.875rem;position:relative}.sample-chip.is-sounding .sample-chip__select{box-shadow:none}.sample-chip__upload{min-width:37.5px;min-height:var(--sample-control-height);background:var(--turntable-stage);color:var(--turntable-soft-orange);cursor:pointer;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;font-size:.95rem;font-weight:300;display:inline-flex}.sample-chip__upload:hover,.sample-chip__upload:focus-within{background:var(--turntable-stage)}.sample-chip__upload-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:.85rem;height:.85rem;stroke-width:var(--sample-line-width);display:block;overflow:visible}.sample-chip__upload-mark{vector-effect:non-scaling-stroke}.sample-chip__file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.sample-chip__message{grid-column:1/-1;min-height:.8rem;margin-top:5px;display:none}.sample-chip__message:empty{display:none}.sample-chip.is-error .sample-chip__message{color:var(--button-text)}.tool-button{color:var(--button-text);place-items:center;padding:0 15px;font-size:1.075rem;font-weight:300;display:inline-grid;position:relative}.tool-button__icon{width:1.35rem;height:1.35rem;display:none}.tool-button--danger{color:var(--button-text);border-color:var(--button-stroke);background:#8000ff}.tool-button--danger:hover,.tool-button--danger:focus-visible{background:#a64dff}.tool-button--eraser{color:#000;background:#00ff80}.tool-button--eraser:hover,.tool-button--eraser:focus-visible{background:#4dffa6}.paint-tools{grid-template-columns:1fr;gap:10px;margin-top:10px;display:grid}.paint-controls__status{color:var(--primary-blue);grid-column:1/-1;font-size:.975rem;line-height:1}.transport-button{z-index:1;border:var(--button-stroke-width) solid var(--button-stroke);width:100%;min-width:0;min-height:54px;color:var(--button-text);background:var(--turntable-stage);border-radius:8px;grid-area:1/1;align-self:start;place-items:center;font-weight:300;display:inline-grid}.transport-button__icon{width:1.15rem;height:1.15rem;display:none}.transport-button[aria-pressed=false] .transport-button__icon--play,.transport-button[aria-pressed=true] .transport-button__icon--pause{display:block}.transport-button:hover{background:var(--turntable-stage);outline:0}.transport-button:focus-visible{outline-offset:2px;outline:2px solid #3189c733}.transport-button.turntable-play-button{z-index:6;border:var(--turntable-stroke-width) solid #000;color:#fff;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#8000ff;border-radius:50%;min-height:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.transport-button.turntable-play-button:focus,.transport-button.turntable-play-button:focus-visible,.transport-button.turntable-play-button:active{box-shadow:none;outline:0}.transport-button.turntable-play-button:hover{background:#a64dff}.speed-control{--speed-slider-length:var(--side-control-length);--speed-slider-width:45px;--speed-thumb-size:40px;--speed-track-size:7.5px;--speed-track-colour:var(--turntable-soft-orange);--speed-track-fill:var(--turntable-soft-orange);--speed-fill-percent:62.5%;--speed-thumb-colour:#00ff80;--speed-label-colour:var(--turntable-soft-orange);grid-area:1/1;grid-template-columns:var(--speed-slider-width) auto;grid-template-rows:minmax(0, 1fr) var(--speed-slider-length) minmax(0, 1fr);justify-content:center;place-items:stretch center;gap:5px 2.5px;min-width:0;min-height:0;display:grid}.speed-control__header{color:var(--speed-label-colour);grid-area:3/1;place-self:start center;font-size:1.075rem;font-weight:300}.speed-control__slider-frame{width:var(--speed-slider-width);height:var(--speed-slider-length);grid-area:2/1;align-self:stretch;min-height:0;max-height:100%;display:block;position:relative;overflow:visible}.speed-control__track{z-index:0;width:var(--speed-track-size);background:linear-gradient(to top, var(--speed-track-fill) 0 var(--speed-fill-percent), var(--speed-track-colour) var(--speed-fill-percent) 100%);pointer-events:none;border-radius:999px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.speed-control__thumb{z-index:1;left:50%;bottom:var(--speed-fill-percent);width:var(--speed-thumb-size);height:var(--speed-thumb-size);background:var(--speed-thumb-colour);pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,50%);box-shadow:0 3px 9px #0000003d}.speed-control__slider{z-index:2;writing-mode:vertical-lr;appearance:none;width:100%;height:100%;min-height:0;max-height:100%;accent-color:var(--speed-thumb-colour);cursor:pointer;opacity:0;direction:rtl;background:0 0;position:absolute;inset:0}.speed-control__slider::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:999px;width:100%;height:100%}.speed-control__slider::-webkit-slider-thumb{width:var(--speed-thumb-size);height:var(--speed-thumb-size);background:var(--speed-thumb-colour);appearance:none;border:0;border-radius:50%}.speed-control__slider::-moz-range-track{background:0 0;border:0;border-radius:999px;width:100%;height:100%}.speed-control__slider::-moz-range-progress{background:0 0;border:0}.speed-control__slider::-moz-range-thumb{width:var(--speed-thumb-size);height:var(--speed-thumb-size);background:var(--speed-thumb-colour);border:0;border-radius:50%}.speed-control__ticks,.speed-control__directions{height:var(--speed-slider-length);min-height:0;max-height:100%;color:var(--speed-label-colour);text-align:center;grid-area:2/2;grid-template-rows:repeat(7,minmax(0,1fr));grid-template-columns:1fr;align-self:stretch;place-items:center;font-size:.975rem;line-height:1.1;display:grid}.speed-control__tick.is-zero{color:var(--speed-label-colour);font-weight:300}.speed-control__directions{color:var(--speed-label-colour);grid-template-columns:repeat(3,minmax(0,1fr))}.transport-readout{background:#fbfcfa;border:1px solid #cbd3ce;border-radius:8px;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-content:center;gap:7px 10px;margin:0;padding:12px;display:grid}.playhead-readout,.voice-readout{background:#fbfcfa;border:1px solid #cbd3ce;border-radius:8px;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-content:center;gap:7px 10px;margin:0;padding:12px;display:grid}.transport-readout dt,.playhead-readout dt,.voice-readout dt{color:var(--primary-blue);font-size:.78rem}.transport-readout dd,.playhead-readout dd,.voice-readout dd{text-align:right;min-width:0;margin:0;font-family:inherit;font-size:.83rem}.status-panel{background:#fff;border-left:1px solid #cbd3ce;padding:24px;overflow:auto}.status-panel h2{margin-top:26px;font-size:.96rem}.status-panel h2:first-child{margin-top:0}.status-panel__meta{color:var(--primary-blue);margin:8px 0 14px;font-size:.9rem}.status-pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:4px 10px;font-size:.8rem;font-weight:300;display:inline-flex}.status-pill--phase{color:var(--primary-blue);background:#dceef8;border-color:#b8d9ea}.status-pill--ok{color:var(--primary-blue);background:#e1f4e7;border-color:#bbdec8}.status-pill--warn{color:var(--primary-blue);background:#fff0d9;border-color:#efcea0}.capability-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.capability-item{border-bottom:1px solid #edf0ee;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 10px;padding:10px 0;display:grid}.capability-item__name{min-width:0;font-weight:300}.capability-item__detail{color:var(--primary-blue);grid-column:1;font-size:.84rem}.capability-item .status-pill{grid-area:1/2/span 2}.runtime-state,.module-status{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:8px 12px;margin:12px 0 0;display:grid}.runtime-state dt,.module-status dt{color:var(--primary-blue);font-size:.84rem}.runtime-state dd,.module-status dd{overflow-wrap:anywhere;min-width:0;margin:0;font-family:inherit;font-size:.82rem}@media (width<=1100px){.workspace{grid-template-columns:clamp(103px,12vw,128px) minmax(0,1fr) clamp(103px,12.5vw,138px);gap:10px;padding:8px}.turntable-visual{width:min(100%,100svh - 16px);max-height:calc(100svh - 16px)}.sample-chip__name,.tool-button,.transport-button{font-size:.78rem}}@media (width<=620px){.workspace{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr;gap:6px;padding:6px}.turntable-surface{container-type:size}.turntable-visual{width:min(100cqw,100cqh);max-height:100%}.paint-controls,.transport-controls{gap:6px;padding-block:6px;padding-inline:16px}.paint-controls{min-width:0;padding-block:14px 6px}.sample-slots{contain:paint;grid-template-columns:repeat(6,minmax(0,1fr)) 6px minmax(0,1fr) 4px minmax(0,1fr);align-content:center;align-items:start;gap:0;width:100%;max-width:100%;display:grid;overflow:hidden}.sample-chip{gap:0;min-width:0;height:63px}.paint-tools{display:contents}.paint-tools .tool-button:first-child{grid-column:8}.paint-tools .tool-button:last-child{grid-column:10}.paint-controls__label,.speed-control__header{font-size:.72rem}.sample-chip__action{grid-template-rows:42px 21px;grid-template-columns:minmax(0,1fr);height:63px}.sample-chip__action:after,.sample-chip:first-child .sample-chip__action:after,.sample-chip:nth-child(6) .sample-chip__action:after{background:linear-gradient(var(--turntable-soft-orange), var(--turntable-soft-orange)) left / var(--sample-line-width) 100% no-repeat}.sample-chip:nth-child(6) .sample-chip__action:after{background:linear-gradient(var(--turntable-soft-orange), var(--turntable-soft-orange)) left / var(--sample-line-width) 100% no-repeat, linear-gradient(var(--turntable-soft-orange), var(--turntable-soft-orange)) right / var(--sample-line-width) 100% no-repeat}.sample-chip__select,.sample-chip__upload{min-height:0}.tool-button,.transport-button{min-height:42px;font-size:.68rem}.sample-chip__name,.sample-chip__message{display:none}.sample-chip__select{grid-row:1;padding:0}.sample-chip__select.paint-swatch{background:var(--swatch-colour);min-width:0;min-height:0}.sample-chip__select.paint-swatch:hover,.sample-chip__select.paint-swatch:focus-visible{background:color-mix(in srgb, var(--swatch-colour) 80%, white)}.sample-chip__select.paint-swatch:after{width:100%}.sample-chip__upload{grid-row:2;width:100%;min-width:0;height:21px;min-height:21px}.sample-chip__upload-icon{width:.72rem;height:.72rem;font-size:0;transform:rotate(90deg)}.tool-button{width:auto;min-width:0;padding:0 3px;font-size:.56rem}.tool-button__label{display:none}.tool-button__icon{stroke-width:2px;width:1rem;height:1rem;display:block}.transport-controls{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr);align-items:center;min-width:0;padding-block:6px 14px}.speed-control{grid-area:1/1;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);place-content:center stretch;gap:2px}.speed-control__header{grid-area:3/1}.speed-control__slider-frame{width:100%;min-width:0;height:var(--speed-thumb-size);grid-area:1/1;min-height:0}.speed-control__track{width:100%;height:var(--speed-track-size);background:linear-gradient(to right, var(--speed-track-fill) 0 var(--speed-fill-percent), var(--speed-track-colour) var(--speed-fill-percent) 100%);top:50%;bottom:auto;left:0;transform:translateY(-50%)}.speed-control__thumb{top:50%;bottom:auto;left:var(--speed-fill-percent);transform:translate(-50%,-50%)}.speed-control__slider{writing-mode:horizontal-tb;direction:ltr}.speed-control__slider::-webkit-slider-runnable-track{width:100%;height:100%}.speed-control__slider::-moz-range-track{width:100%;height:100%}.speed-control__ticks{direction:rtl;grid-area:2/1;grid-template-rows:1fr;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;height:auto;min-height:0;font-size:.58rem}.speed-control__tick{direction:ltr}}