.drum-canvas[data-v-4d549801]{width:100%;height:100%;position:relative;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.drum-a11y[data-v-4d549801]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.step-hit[data-v-4d549801]{position:absolute;background:transparent;border:none;padding:0;pointer-events:none}.step-hit[data-v-4d549801]:focus-visible{outline:2px solid #1f1f1f;outline-offset:-2px}.pad-canvas[data-v-28c344d5]{width:100%;height:100%;position:relative;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.pad-a11y[data-v-28c344d5]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pad-hit[data-v-28c344d5]{position:absolute;background:transparent;border:none;padding:0;pointer-events:none}.pad-hit[data-v-28c344d5]:focus-visible{outline:2px solid #1f1f1f;outline-offset:-2px}.synth-canvas[data-v-795ed906]{width:100%;height:100%;position:relative;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none}.synth-a11y[data-v-795ed906]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;pointer-events:none}.slider-hit[data-v-795ed906]{flex:1;background:transparent;pointer-events:none}.slider-hit[data-v-795ed906]:focus-visible{outline:2px solid #1f1f1f;outline-offset:-2px}.play-pause-btn[data-v-e474de40]{background:none;border:none;cursor:pointer;width:var(--play-size, 84px);height:var(--play-size, 84px);padding:0;flex-shrink:0}.play-pause-btn svg[data-v-e474de40]{width:100%;height:100%}.knob-group[data-v-83da3246]{display:flex;flex-direction:column;align-items:center;gap:4px}.knob-label[data-v-83da3246]{font-size:var(--top-label-size, .7rem)}.knob[data-v-83da3246]{width:var(--top-control-size, 84px);height:var(--top-control-size, 84px);cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none}.knob svg[data-v-83da3246]{width:100%;height:100%}.start-overlay[data-v-71557c6a]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#ff0080;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.start-credit[data-v-71557c6a]{position:absolute;bottom:clamp(8px,1.7vw,20px);left:clamp(8px,1.7vw,20px);color:#fff;font-family:Fredoka,sans-serif;font-size:.75rem}.start-label[data-v-71557c6a]{color:#fff;font-family:Fredoka,sans-serif;font-size:3rem;letter-spacing:-1px}.app[data-v-71557c6a]{--ui-line-width: 4px;--section-gap: 8px;width:100%;max-width:1100px;display:flex;flex-direction:column;gap:var(--section-gap);box-sizing:border-box;margin:0 auto;margin-top:clamp(4px,min(2.5vw,4vh),30px);padding:60px 40px 40px}.header[data-v-71557c6a]{--top-control-size: clamp(46px, 9.5vmin, 84px);--top-label-size: clamp(.58rem, 1.2vmin, .7rem);--play-size: var(--top-control-size);display:flex;align-items:center;gap:clamp(8px,2vmin,20px)}.transport[data-v-71557c6a]{display:flex;align-items:flex-end;gap:clamp(4px,.8vmin,8px)}.title[data-v-71557c6a]{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;align-self:center;text-align:center}.title-text[data-v-71557c6a]{font-size:4rem;letter-spacing:-1px;white-space:nowrap}.knobs[data-v-71557c6a]{display:flex;gap:6px;align-items:flex-end;margin-left:auto}.knob-group[data-v-71557c6a]{display:flex;flex-direction:column;align-items:center;gap:4px}.knob-label[data-v-71557c6a]{font-size:var(--top-label-size)}.knob[data-v-71557c6a]{width:var(--top-control-size);height:var(--top-control-size);cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none}.knob svg[data-v-71557c6a]{width:100%;height:100%}.share-wrap[data-v-71557c6a]{position:fixed;top:clamp(8px,1.7vw,20px);right:clamp(8px,1.7vw,20px);display:flex;align-items:center;z-index:10}.share-btn[data-v-71557c6a]{background:none;border:none;cursor:pointer;color:#ff0080;width:clamp(20px,3vw,36px);height:clamp(20px,3vw,36px);padding:2px;display:flex;align-items:center;justify-content:center}.share-btn svg[data-v-71557c6a]{width:100%;height:100%}.copied-label[data-v-71557c6a]{position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%);background:#ff0080;color:#fff;font-family:Fredoka,sans-serif;font-size:.75rem;white-space:nowrap;padding:3px 8px;pointer-events:none}.copied-enter-active[data-v-71557c6a]{transition:opacity .1s ease}.copied-leave-active[data-v-71557c6a]{transition:opacity .4s ease}.copied-enter-from[data-v-71557c6a],.copied-leave-to[data-v-71557c6a]{opacity:0}.progress-bar[data-v-71557c6a]{width:100%;height:25px;border:var(--ui-line-width) solid #ff0080;position:relative;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.cycle-region[data-v-71557c6a]{position:absolute;top:0;bottom:0;left:0;pointer-events:none}.progress-fill[data-v-71557c6a]{position:absolute;top:0;bottom:0;left:0;background:#ff0080;pointer-events:none}.cycle-marker[data-v-71557c6a]{position:absolute;top:0;bottom:0;width:var(--ui-line-width);background:#ff0080;transform:translate(-50%);pointer-events:none}.instrument-view[data-v-71557c6a]{width:100%;max-width:100%;min-width:0;aspect-ratio:4 / 1;overflow:hidden}.instrument-view[data-v-71557c6a]>*{width:100%;height:100%}.instrument-section[data-v-71557c6a]{display:flex;flex-direction:column;gap:8px;width:100%;max-width:100%;min-width:0;align-items:stretch}.tab-bar[data-v-71557c6a]{display:grid;grid-template-columns:repeat(3,auto);border:var(--ui-line-width) solid #ff0080}.tab[data-v-71557c6a]{background:#fff;border:none;border-left:var(--ui-line-width) solid #ff0080;height:50px;padding:0 10px;display:flex;align-items:center;justify-content:center;font-family:Fredoka,sans-serif;font-size:.9rem;color:#ff0080;cursor:pointer;flex:1}.tab[data-v-71557c6a]:first-child{border-left:none}.tab.is-active[data-v-71557c6a]{background:#ff0080;color:#fff}@media (max-width: 900px){.instrument-section[data-v-71557c6a]{grid-template-columns:1fr}.tab-bar[data-v-71557c6a]{display:grid;grid-template-columns:repeat(3,1fr)}}@media (max-width: 400px){.header[data-v-71557c6a]{flex-wrap:wrap;row-gap:8px}.title[data-v-71557c6a]{order:-1;flex:0 0 100%}}