.drum-grid[data-v-34e0fa89]{border-top:4px solid #000;border-left:4px solid #000;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(16,1fr);width:100%;height:100%;display:grid}.grid-row[data-v-34e0fa89]{display:contents}.grid-step[data-v-34e0fa89]{aspect-ratio:1;cursor:pointer;background-color:#fff;border-bottom:4px solid #000;border-right:4px solid #000}.grid-step.is-active[data-v-34e0fa89]{background-color:#000}.pad-row[data-v-bb2c43cd]{-webkit-user-select:none;user-select:none;background-color:#222;border:4px solid #222;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);gap:4px;width:100%;display:grid}.pad-btn[data-v-bb2c43cd]{cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#fff}.pad-btn.is-active[data-v-bb2c43cd]{background-color:#000}.multislider[data-v-4454ace0]{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;border:4px solid #000;width:100%;height:100%;display:flex}.slider-col[data-v-4454ace0]{flex-direction:column;flex:1;justify-content:flex-end;display:flex}.slider-fill[data-v-4454ace0]{pointer-events:none;background:#000;width:100%}.play-pause-btn[data-v-42928f1b]{cursor:pointer;background:0 0;border:none;flex-shrink:0;width:56px;height:56px;padding:0}.play-pause-btn svg[data-v-42928f1b]{width:100%;height:100%}.knob-group[data-v-86d09c4a]{flex-direction:column;align-items:center;gap:4px;display:flex}.knob-label[data-v-86d09c4a]{font-size:.7rem;font-weight:700}.knob[data-v-86d09c4a]{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;width:62px;height:62px}.knob svg[data-v-86d09c4a]{width:100%;height:100%}.start-overlay[data-v-fc71a501]{z-index:100;cursor:pointer;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.start-label[data-v-fc71a501]{color:#fff;letter-spacing:-1px;font-family:Nunito,sans-serif;font-size:3rem;font-weight:800}.app[data-v-fc71a501]{max-width:1400px;margin:0 auto;padding:32px 40px 40px}.header[data-v-fc71a501]{align-items:center;gap:20px;margin-bottom:16px;display:flex}.title[data-v-fc71a501]{text-align:center;letter-spacing:-1px;flex:1;font-size:5rem;font-weight:800;line-height:1}.knobs[data-v-fc71a501]{align-items:flex-end;gap:6px;display:flex}.knob-group[data-v-fc71a501]{flex-direction:column;align-items:center;gap:4px;display:flex}.knob-label[data-v-fc71a501]{font-size:.7rem;font-weight:700}.knob[data-v-fc71a501]{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;width:62px;height:62px}.knob svg[data-v-fc71a501]{width:100%;height:100%}.progress-bar[data-v-fc71a501]{border:4px solid #000;width:100%;height:28px;margin-bottom:4px;display:flex;overflow:hidden}.progress-fill[data-v-fc71a501]{background:#000}.instrument-view[data-v-fc71a501]{aspect-ratio:4}.instrument-view[data-v-fc71a501]>*{height:100%}.tab-bar[data-v-fc71a501]{border:4px solid #000;grid-template-columns:repeat(3,1fr);margin-top:12px;display:grid}.tab[data-v-fc71a501]{cursor:pointer;background:#fff;border:none;border-left:4px solid #000;padding:14px;font-family:Nunito,sans-serif;font-size:1rem;font-weight:700}.tab[data-v-fc71a501]:first-child{border-left:none}.tab.is-active[data-v-fc71a501]{color:#fff;background:#000}