.om[data-v-54ae596a]{display:inline-flex;position:relative}.om__btn[data-v-54ae596a]{background:var(--panel-2);border:1px solid var(--border);border-radius:4px;color:var(--text);cursor:pointer;font:inherit;font-size:13px;line-height:1;min-width:32px;padding:5px 10px}.om--open .om__btn[data-v-54ae596a],.om__btn[data-v-54ae596a]:hover{background:#242a36}.om__panel[data-v-54ae596a]{background:var(--panel);border:1px solid var(--border);border-radius:6px;box-shadow:0 6px 24px #00000059;display:flex;flex-direction:column;gap:4px;min-width:180px;padding:6px;position:absolute;top:calc(100% + 6px);z-index:30}.om__panel--right[data-v-54ae596a]{right:0}.om__panel--left[data-v-54ae596a]{left:0}.ctrl[data-v-a5f0c229]{background:var(--panel);border-bottom:1px solid var(--border);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px;padding:9px 12px}.ctrl__row[data-v-a5f0c229]{display:flex;flex-wrap:wrap;gap:10px}.btn[data-v-a5f0c229],.ctrl__row[data-v-a5f0c229]{align-items:center}.btn[data-v-a5f0c229]{background:var(--panel-2);border:1px solid var(--border);border-radius:4px;color:var(--text);cursor:pointer;display:inline-flex;font:inherit;font-size:12px;justify-content:center;line-height:1;min-height:27px;min-width:32px;padding:5px 12px;text-align:center}.btn[data-v-a5f0c229]>:where(svg,.svg-inline--fa){display:block}.btn[data-v-a5f0c229]:hover:not(:disabled){background:#242a36}.btn[data-v-a5f0c229]:disabled{cursor:not-allowed;opacity:.5}.btn--primary[data-v-a5f0c229]{background:var(--accent);border-color:transparent;color:#0b1020;font-weight:600}.btn--primary[data-v-a5f0c229]:hover:not(:disabled){background:#8cbcff}.btn--primary[data-v-a5f0c229]:active:not(:disabled){background:#5a98f0}.btn--practice-on[data-v-a5f0c229]{border-color:var(--ok);color:var(--ok)}.btn--practice-waiting[data-v-a5f0c229]{animation:practice-pulse-a5f0c229 1.1s ease-in-out infinite}@keyframes practice-pulse-a5f0c229{0%,to{box-shadow:0 0 #34d39900}50%{box-shadow:0 0 0 4px #34d39959}}.btn--record[data-v-a5f0c229]{color:#f87171}.btn--record-on[data-v-a5f0c229]{animation:record-pulse-a5f0c229 1.4s ease-in-out infinite;background:#f8717126;border-color:#f87171;color:#f87171}@keyframes record-pulse-a5f0c229{0%,to{box-shadow:0 0 #f8717100}50%{box-shadow:0 0 0 4px #f8717159}}.tgl[data-v-a5f0c229]{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--panel-2);border:1px solid var(--border);border-radius:4px;color:var(--muted);cursor:pointer;display:inline-flex;gap:6px;justify-content:center;line-height:1;font:inherit;font-size:12px;min-height:27px;padding:5px 12px;white-space:nowrap}.tgl[data-v-a5f0c229]>:where(svg,.svg-inline--fa){font-size:11px}.tgl[data-v-a5f0c229]:hover{background:#242a36}.tgl[data-v-a5f0c229]:hover:not(.tgl--on){color:var(--text)}.tgl--on[data-v-a5f0c229]{background:#6ea8ff1a;border-color:var(--accent);color:var(--accent)}.tgl--left.tgl--on[data-v-a5f0c229]{background:#ff97701f;border-color:var(--left-hand);color:var(--left-hand)}.tgl--right.tgl--on[data-v-a5f0c229]{background:#6ea8ff1f;border-color:var(--right-hand);color:var(--right-hand)}.tgl--user.tgl--on[data-v-a5f0c229]{background:#c8ceda1f;border-color:#c8ceda;color:#c8ceda}.tgl--compact .tgl__abbr[data-v-a5f0c229]{display:none}.ctrl__row--scrub[data-v-a5f0c229]{display:none;flex-wrap:nowrap;gap:10px}.time[data-v-a5f0c229]{color:var(--muted);flex:0 0 auto;font-variant-numeric:tabular-nums;white-space:nowrap}.ctrl__scrub[data-v-a5f0c229]{flex:1 1 auto;min-width:0}.ctrl__time--inline[data-v-a5f0c229]{min-width:110px}.ctrl__scrub--inline[data-v-a5f0c229]{min-width:140px}.ctrl__label[data-v-a5f0c229]{color:var(--muted);min-width:50px}.ctrl__slider[data-v-a5f0c229]{width:180px}.ctrl__value[data-v-a5f0c229]{color:var(--muted);font-variant-numeric:tabular-nums;min-width:48px;text-align:right}.ctrl__spacer[data-v-a5f0c229]{flex:1}.ctrl__sep[data-v-a5f0c229]{background:var(--border);height:18px;margin:0 2px;width:1px}.ctrl__menu[data-v-a5f0c229]{display:none}.ctrl__menu[data-v-a5f0c229] .om__btn{align-items:center;display:inline-flex;font-size:inherit;justify-content:center;line-height:1;min-height:27px;min-width:32px;padding:5px 12px}.ctrl__menu[data-v-a5f0c229] .om__btn>:where(svg,.svg-inline--fa){display:block}.om__row[data-v-a5f0c229]{align-items:center;color:var(--text);display:flex;font-size:13px;gap:8px;padding:6px 8px}.om__row input[type=range][data-v-a5f0c229]{flex:1;min-width:140px}.om__row-label[data-v-a5f0c229]{min-width:48px}.om__row-label[data-v-a5f0c229],.om__row-value[data-v-a5f0c229]{color:var(--muted);font-size:12px}.om__row-value[data-v-a5f0c229]{font-variant-numeric:tabular-nums;min-width:44px;text-align:right}.om__check[data-v-a5f0c229]{align-items:center;border-radius:4px;color:var(--text);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 10px}.om__check[data-v-a5f0c229]:hover{background:var(--panel-2)}.om__check--mobile-only[data-v-a5f0c229]{display:none}.om__zoom[data-v-a5f0c229]{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:6px 8px}@media(hover:none),(max-height:500px),(max-width:900px){.ctrl[data-v-a5f0c229]{gap:6px;padding:6px 8px}.ctrl__row--secondary[data-v-a5f0c229]{display:none}.ctrl__menu[data-v-a5f0c229]{display:inline-flex}.ctrl__row--primary[data-v-a5f0c229]{flex-wrap:nowrap;gap:8px}.ctrl__row--scrub[data-v-a5f0c229]{gap:8px}.time[data-v-a5f0c229]{font-size:12px}.tgl--compact[data-v-a5f0c229]{padding:5px 9px}.tgl--compact .tgl__label[data-v-a5f0c229]{display:none}.tgl--compact .tgl__abbr[data-v-a5f0c229]{display:inline;font-size:12px;font-weight:700}.btn[data-v-a5f0c229]{min-width:32px;padding:5px 10px}.ctrl__hand[data-v-a5f0c229]{display:none}.om__check--mobile-only[data-v-a5f0c229]{display:flex}.ctrl__scrub--inline[data-v-a5f0c229],.ctrl__time--inline[data-v-a5f0c229]{display:none}.ctrl__row--scrub[data-v-a5f0c229]{display:flex}.ctrl__menu[data-v-a5f0c229]{margin-left:auto}}@media(hover:none){.ctrl__scrub[data-v-a5f0c229]{height:28px}.ctrl__scrub[data-v-a5f0c229]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:1px solid var(--border);border-radius:50%;cursor:pointer;height:22px;width:22px}.ctrl__scrub[data-v-a5f0c229]::-moz-range-thumb{background:var(--accent);border:1px solid var(--border);border-radius:50%;cursor:pointer;height:22px;width:22px}}.midi[data-v-24002f2a]{align-items:center;display:inline-flex;font-size:12px;gap:6px}.midi[data-v-24002f2a],.midi__icon[data-v-24002f2a]{color:var(--muted)}.midi__text[data-v-24002f2a]{align-items:center;display:inline-flex;gap:6px}.midi__text--error[data-v-24002f2a]{color:var(--danger)}.midi__muted[data-v-24002f2a]{color:var(--muted)}.midi__btn[data-v-24002f2a]{background:var(--panel-2);border:1px solid var(--border);border-radius:4px;color:var(--text);cursor:pointer;font:inherit;font-size:12px;padding:5px 12px;white-space:nowrap}.midi__btn[data-v-24002f2a]:hover{background:#242a36}.midi__select[data-v-24002f2a]{background:var(--panel-2);border:1px solid var(--border);border-radius:4px;color:var(--text);cursor:pointer;font:inherit;font-size:12px;max-width:220px;padding:4px 8px}