.mpg-host[data-v-3845b61f]{display:flex;flex-direction:column;gap:.4rem;--cell-w:34px}.mpg-scroll[data-v-3845b61f]{background:var(--panel-surface,#fff);border:1px solid var(--panel-border,rgba(0,0,0,.08));border-radius:4px;overflow-x:auto}.mpg-grid[data-v-3845b61f]{display:grid;grid-auto-rows:1.9rem;grid-template-columns:2.6rem repeat(var(--num-cols),var(--cell-w));position:relative}.mpg-row[data-v-3845b61f]{display:contents}.mpg-playhead[data-v-3845b61f]{background:#c14a4a;bottom:0;pointer-events:none;position:absolute;top:0;width:2px;z-index:2}.mpg-label[data-v-3845b61f]{align-items:center;background:var(--panel-surface-alt,#f5f1e8);border-bottom:1px solid var(--panel-border,rgba(0,0,0,.06));border-right:1px solid var(--panel-border,rgba(0,0,0,.1));display:flex;font-family:monospace;font-size:.75rem;gap:.2rem;justify-content:center;left:0;position:sticky;z-index:1}.mpg-role-num[data-v-3845b61f]{font-size:.6rem;opacity:.45}.mpg-cell[data-v-3845b61f]{align-items:center;border-bottom:1px solid var(--panel-border,rgba(0,0,0,.06));border-right:1px solid var(--panel-border,rgba(0,0,0,.04));cursor:pointer;display:flex;font-size:.72rem;justify-content:center}.mpg-cell.is-downbeat[data-v-3845b61f]{border-left:2px solid var(--panel-border,rgba(0,0,0,.2))}.mpg-cell.is-beat[data-v-3845b61f]{border-left:1px solid var(--panel-border,rgba(0,0,0,.12))}.mpg-cell.is-playhead[data-v-3845b61f]{background:#c14a4a1a}.mpg-beat-cell[data-v-3845b61f]{cursor:default;font-size:.66rem;opacity:.7}.mpg-strum-cell.is-down[data-v-3845b61f]{background:#b3cde3}.mpg-strum-cell.is-up[data-v-3845b61f]{background:#fed9a6}.mpg-strum-cell.is-muted[data-v-3845b61f]{background:#ccc;color:#666}.mpg-pick-cell.has-pick[data-v-3845b61f]{font-weight:700}.mpg-cell.is-selected[data-v-3845b61f]{outline:2px solid #c14a4a;outline-offset:-2px}.mpg-role-name[data-v-3845b61f]{font-weight:600}.mpg-sel[data-v-3845b61f]{align-items:center;background:var(--panel-surface-alt,#f5f1e8);border:1px solid var(--panel-border,rgba(0,0,0,.08));border-radius:4px;display:flex;font-size:.78rem;gap:.5rem;padding:.35rem .6rem}.mpg-sel-label[data-v-3845b61f]{opacity:.8}.mpg-hand-group[data-v-3845b61f]{display:inline-flex;gap:.15rem}.mpg-hand-group button[data-v-3845b61f]{background:var(--panel-surface,#fff);border:1px solid var(--panel-border,rgba(0,0,0,.15));border-radius:4px;cursor:pointer;font-size:.72rem;padding:.15rem .45rem}.mpg-hand-group button.active[data-v-3845b61f]{background:var(--panel-accent,#4a82cc);border-color:var(--panel-accent,#4a82cc);color:#fff}.mpg-sel-delete[data-v-3845b61f]{background:transparent;border:1px solid #c14a4a;border-radius:4px;color:#c14a4a;cursor:pointer;margin-left:auto;padding:.2rem .5rem}.pattern-editor[data-v-0520eb38]{background:var(--island-bg,var(--panel-surface,transparent));gap:.5rem;overflow-y:auto;padding:.6rem .8rem}.pattern-editor[data-v-0520eb38],.pe-empty[data-v-0520eb38]{display:flex;flex-direction:column;height:100%}.pe-empty[data-v-0520eb38]{align-items:center;color:var(--textMuted,#999);gap:.7rem;justify-content:center}.pe-empty-text[data-v-0520eb38]{font-style:italic;margin:0}.pe-new-btn[data-v-0520eb38]{background:var(--panel-accent,#4a82cc);border:1px solid var(--panel-accent,#4a82cc);border-radius:5px;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem .9rem}.pe-toolbar[data-v-0520eb38]{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.pe-title[data-v-0520eb38]{border:1px solid var(--panel-border,rgba(0,0,0,.15));border-radius:4px;flex:1 1 8rem;font-size:.9rem;font-weight:600;min-width:6rem;padding:.25rem .45rem}.pe-field[data-v-0520eb38]{align-items:center;display:inline-flex;font-size:.72rem;gap:.25rem;opacity:.85}.pe-num[data-v-0520eb38]{width:3rem}.pe-num[data-v-0520eb38],.pe-select[data-v-0520eb38]{border:1px solid var(--panel-border,rgba(0,0,0,.15));border-radius:4px;font-size:.78rem;padding:.15rem .3rem}.pe-mode-badge[data-v-0520eb38]{background:#00000014;border-radius:999px;font-size:.68rem;letter-spacing:.04em;padding:.1rem .45rem;text-transform:uppercase}.pe-clear-btn[data-v-0520eb38]{background:transparent;border:1px solid var(--panel-border,rgba(0,0,0,.2));border-radius:4px;cursor:pointer;font-size:.75rem;padding:.2rem .5rem}.pe-save[data-v-0520eb38]{font-size:.7rem;letter-spacing:.04em;margin-left:auto;text-transform:uppercase}.pe-save.is-saved[data-v-0520eb38]{opacity:.5}.pe-save.is-saving[data-v-0520eb38]{color:#c89040}.pe-save.is-unsaved[data-v-0520eb38]{color:#c14a4a}.pe-transport[data-v-0520eb38]{align-items:center;display:flex;flex-wrap:wrap;gap:.7rem;padding:.3rem 0}.pe-mixer[data-v-0520eb38]{margin-left:auto}.pe-play-btn[data-v-0520eb38]{align-items:center;background:var(--panel-accent,#4a82cc);border:1px solid var(--panel-accent,#4a82cc);border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;height:2rem;justify-content:center;line-height:1;width:2rem}.pe-play-btn.is-playing[data-v-0520eb38]{background:#c14a4a;border-color:#c14a4a}.pe-rec-btn[data-v-0520eb38]{align-items:center;background:var(--panel-surface,#fff);border:1px solid var(--panel-border,rgba(0,0,0,.2));border-radius:50%;color:#c14a4a;cursor:pointer;display:inline-flex;font-size:1rem;height:2rem;justify-content:center;line-height:1;width:2rem}.pe-rec-btn.is-recording[data-v-0520eb38]{animation:pe-rec-pulse-0520eb38 1s ease-in-out infinite;background:#c14a4a;border-color:#c14a4a;color:#fff}@keyframes pe-rec-pulse-0520eb38{0%,to{box-shadow:0 0 #c14a4a80}50%{box-shadow:0 0 0 4px #c14a4a00}}.pe-countin[data-v-0520eb38]{color:#c14a4a;font-size:1.1rem;font-variant-numeric:tabular-nums;font-weight:700;min-width:1.2rem;text-align:center}.pe-hint kbd[data-v-0520eb38]{background:var(--panel-surface-alt,#f5f1e8);border:1px solid var(--panel-border,rgba(0,0,0,.2));border-radius:3px;display:inline-block;font-family:monospace;font-size:.68rem;font-style:normal;padding:0 .3rem}.pe-metro[data-v-0520eb38]{align-items:center;flex-direction:row;gap:.3rem}.pe-hint[data-v-0520eb38]{font-size:.72rem;font-style:italic;margin:0;opacity:.6}