.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-01180a49]{width:100%;height:100%;position:relative;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;border:4px solid #ff0080}.synth-a11y[data-v-01180a49]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;pointer-events:none}.slider-hit[data-v-01180a49]{flex:1;background:transparent;pointer-events:none}.slider-hit[data-v-01180a49]: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-8452ace4]{display:flex;flex-direction:column;align-items:center;gap:4px}.knob-label[data-v-8452ace4]{font-size:var(--ui-font-size)}.knob[data-v-8452ace4]{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-8452ace4]{width:100%;height:100%}:root{--ui-font-size: clamp(.55rem, 2.8vw, 1.2rem)}.start-overlay[data-v-01e19dbb]{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-01e19dbb]{position:absolute;bottom:clamp(8px,1.7vw,20px);left:clamp(8px,1.7vw,20px);color:#fff;font-family:Fredoka,sans-serif;font-size:var(--ui-font-size)}.start-label[data-v-01e19dbb]{color:#fff;font-family:Fredoka,sans-serif;font-size:3rem;letter-spacing:-1px}.app[data-v-01e19dbb]{--ui-line-width: 4px;--section-gap: 8px;width:95%;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 8px 40px}@media (max-width: 480px){.app[data-v-01e19dbb]{padding:50px 8px 30px}}.header[data-v-01e19dbb]{--top-control-size: clamp(34px, 9.5vmin, 84px);--play-size: var(--top-control-size);display:flex;align-items:center;gap:clamp(8px,2vmin,20px)}.transport[data-v-01e19dbb]{display:flex;align-items:flex-end;gap:clamp(4px,.8vmin,8px)}.title[data-v-01e19dbb]{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;align-self:center;text-align:center}.title-text[data-v-01e19dbb]{font-size:4rem;letter-spacing:-1px;white-space:nowrap}.knobs[data-v-01e19dbb]{display:flex;gap:6px;align-items:flex-end;margin-left:auto}.knob-group[data-v-01e19dbb]{display:flex;flex-direction:column;align-items:center;gap:4px}.knob-label[data-v-01e19dbb]{font-size:var(--ui-font-size)}.knob[data-v-01e19dbb]{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-01e19dbb]{width:100%;height:100%}.share-wrap[data-v-01e19dbb]{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-01e19dbb]{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-01e19dbb]{width:100%;height:100%}.copied-label[data-v-01e19dbb]{position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%);background:#ff0080;color:#fff;font-family:Fredoka,sans-serif;font-size:var(--ui-font-size);white-space:nowrap;padding:3px 8px;pointer-events:none}.copied-enter-active[data-v-01e19dbb]{transition:opacity .1s ease}.copied-leave-active[data-v-01e19dbb]{transition:opacity .4s ease}.copied-enter-from[data-v-01e19dbb],.copied-leave-to[data-v-01e19dbb]{opacity:0}.progress-bar[data-v-01e19dbb]{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-01e19dbb]{position:absolute;top:0;bottom:0;left:0;pointer-events:none}.progress-fill[data-v-01e19dbb]{position:absolute;top:0;bottom:0;left:0;background:#ff0080;pointer-events:none}.cycle-marker[data-v-01e19dbb]{position:absolute;top:0;bottom:0;width:var(--ui-line-width);background:#ff0080;transform:translate(-50%);pointer-events:none}.instrument-view[data-v-01e19dbb]{width:100%;max-width:100%;min-width:0;min-height:100px;aspect-ratio:4 / 1;overflow:hidden}.instrument-view[data-v-01e19dbb]>*{width:100%;height:100%}.instrument-section[data-v-01e19dbb]{display:flex;flex-direction:column;gap:8px;width:100%;max-width:100%;min-width:0;align-items:stretch}.tab-bar[data-v-01e19dbb]{display:grid;grid-template-columns:repeat(3,auto);border:var(--ui-line-width) solid #ff0080}.tab[data-v-01e19dbb]{background:#fff;border:none;border-left:var(--ui-line-width) solid #ff0080;height:clamp(30px,9vmin,50px);padding:0 10px;display:flex;align-items:center;justify-content:center;font-family:Fredoka,sans-serif;font-size:var(--ui-font-size);color:#ff0080;cursor:pointer;flex:1}.tab[data-v-01e19dbb]:first-child{border-left:none}.tab.is-active[data-v-01e19dbb]{background:#ff0080;color:#fff}@media (max-width: 900px){.instrument-section[data-v-01e19dbb]{grid-template-columns:1fr}.tab-bar[data-v-01e19dbb]{display:grid;grid-template-columns:repeat(3,1fr)}}