.mm-menu-item[data-v-6cbde889]{z-index:2;color:#ffffffd1;width:100%;min-width:0;min-height:40px;box-shadow:none;background:0 0;border:0;border-radius:6px;padding:0 8px;font-family:Roboto,sans-serif;font-size:18px;text-decoration:none}.mm-menu-item__layout[data-v-6cbde889]{justify-content:flex-start;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.mm-menu-item__icon[data-v-6cbde889]{flex:0 0 20px;place-items:center;display:grid}.mm-menu-item__label[data-v-6cbde889]{flex:1;min-width:0}.mm-menu-item__trailing[data-v-6cbde889]{flex:none;margin-left:auto;display:inline-flex}.mm-menu-item--row[data-v-6cbde889]{min-height:44px}.mm-menu-item--compact[data-v-6cbde889]{min-height:36px;font-size:12px}.mm-menu-item--tile[data-v-6cbde889]{background:#ffffff0b;justify-content:center;min-height:64px;padding:7px 4px}.mm-menu-item--tile .mm-menu-item__layout[data-v-6cbde889]{text-align:center;flex-direction:column;justify-content:center;gap:4px;font-size:.66rem}.mm-menu-item--tile .mm-menu-item__label[data-v-6cbde889]{flex:0 auto}.mm-menu-item--selected[data-v-6cbde889]{color:var(--dark-bg);background:var(--toggle-on)}.mm-menu-item--danger[data-v-6cbde889]{color:var(--negative)}@media (hover:hover){.mm-menu-item[data-v-6cbde889]:hover:not(:disabled){color:#ffffffd1;filter:none;background:#fff1;transform:none}.mm-menu-item--selected[data-v-6cbde889]:hover:not(:disabled){color:var(--dark-bg);background:var(--toggle-on)}.mm-menu-item--danger[data-v-6cbde889]:hover:not(:disabled){color:var(--negative);background:color-mix(in srgb,var(--negative) 12%,transparent)}}.visual-play-pattern[data-v-9e6049f4]{width:100%}.pattern-notes[data-v-9e6049f4]{background:#0000004d;border-radius:6px;display:flex;overflow:hidden}.note-block[data-v-9e6049f4]{opacity:.9;border-right:2px solid #0006;justify-content:center;align-items:center;margin:0 1px;transition:opacity .2s,transform .2s;display:flex;position:relative}.note-block[data-v-9e6049f4]:last-child{border-right:none}.note-block[data-v-9e6049f4]:hover{opacity:1;z-index:1;transform:scaleY(1.1)}.note-block .note-label[data-v-9e6049f4]{color:#fff;text-shadow:0 1px 2px #00000080;font-size:11px;font-weight:600}.note-block .rest-symbol[data-v-9e6049f4]{color:#ffffff4d;font-size:18px;font-weight:700}.note-block.measure[data-v-9e6049f4],.note-block.whole[data-v-9e6049f4]{background:var(--note-color)}.note-block.whole-dotted[data-v-9e6049f4]{background:linear-gradient(135deg,var(--note-color),color-mix(in srgb,var(--note-color) 70%,#fff))}.note-block.half[data-v-9e6049f4]{background:var(--note-color)}.note-block.half-dotted[data-v-9e6049f4]{background:linear-gradient(135deg,var(--note-color),color-mix(in srgb,var(--note-color) 70%,#fff))}.note-block.quarter[data-v-9e6049f4]{background:var(--note-color)}.note-block.quarter-dotted[data-v-9e6049f4]{background:linear-gradient(135deg,var(--note-color),color-mix(in srgb,var(--note-color) 70%,#fff))}.note-block.eighth[data-v-9e6049f4]{background:var(--note-color)}.note-block.eighth-dotted[data-v-9e6049f4]{background:linear-gradient(135deg,var(--note-color),color-mix(in srgb,var(--note-color) 70%,#fff))}.note-block.sixteenth[data-v-9e6049f4]{background:var(--note-color)}.note-block.sixteenth-dotted[data-v-9e6049f4]{background:linear-gradient(135deg,var(--note-color),color-mix(in srgb,var(--note-color) 70%,#fff))}.note-block.thirtysecond[data-v-9e6049f4]{background:var(--note-color)}.note-block.thirtysecond-dotted[data-v-9e6049f4]{background:linear-gradient(135deg,var(--note-color),color-mix(in srgb,var(--note-color) 70%,#fff))}.note-block.small[data-v-9e6049f4]{background:var(--note-color);min-width:4px}.note-block.triplet[data-v-9e6049f4]{background:var(--note-color);position:relative}.note-block.triplet[data-v-9e6049f4]:after{content:"3";color:#ffffffe6;text-shadow:0 0 2px #00000080;font-size:8px;font-weight:700;position:absolute;top:-2px;right:-2px}.note-block.rest[data-v-9e6049f4]{opacity:.7;background:#1e1e1e99;border:2px dashed #96969699;position:relative}.note-block.rest[data-v-9e6049f4]:after{transform:translate(-50%,-50%)}.note-block.rest[data-v-9e6049f4]:after,.note-block.rest[data-v-9e6049f4]:before{content:"";background:#969696cc;border-radius:1px;width:8px;height:2px;position:absolute;top:50%;left:50%}.note-block.rest[data-v-9e6049f4]:before{transform:translate(-50%,-50%)rotate(90deg)}.note-block.default[data-v-9e6049f4]{background:#607d8b}.pattern-builder[data-v-053934d7]{background:#0003;border-radius:12px;flex-direction:column;gap:1.5rem;padding:1rem;display:flex}.builder-header[data-v-053934d7]{text-align:center}.builder-header .builder-title[data-v-053934d7]{color:#fff;margin:0 0 .25rem;font-size:1.25rem;font-weight:600}.builder-header .builder-subtitle[data-v-053934d7]{color:#fff9;margin:0;font-size:.9rem}.pattern-name-input .name-field[data-v-053934d7]{color:#fff;text-align:center;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;width:100%;padding:.75rem;font-size:1rem}.pattern-name-input .name-field[data-v-053934d7]:focus{border-color:var(--positive);background:#ffffff14;outline:none}.pattern-name-input .name-field[data-v-053934d7]::placeholder{color:#fff6}.beat-grid .beat-grid-scroll[data-v-053934d7]{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;max-width:100%;padding:.75rem;overflow-x:auto}.beat-grid .beat-labels[data-v-053934d7]{grid-template-columns:repeat(16,minmax(32px,1fr));gap:4px;margin-bottom:.5rem;display:grid}.beat-grid .beat-labels .beat-label[data-v-053934d7]{text-align:center;color:#fff6;font-size:.75rem;font-weight:500}.beat-grid .beat-labels .beat-label.accent[data-v-053934d7]{color:var(--positive);font-weight:700}.beat-grid .beat-cells[data-v-053934d7]{grid-template-columns:repeat(16,minmax(32px,1fr));gap:4px;display:grid}.beat-grid .beat-cells .beat-cell[data-v-053934d7]{aspect-ratio:1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;min-width:32px;min-height:32px;transition:transform .2s;position:relative}.beat-grid .beat-cells .beat-cell[data-v-053934d7]:hover{background:rgba(var(--positive),.2);border-color:rgba(var(--positive),.5);transform:scale(1.05)}.beat-grid .beat-cells .beat-cell.active[data-v-053934d7]{background:var(--positive);border-color:var(--positive);box-shadow:0 0 10px rgba(var(--positive),.4)}.beat-grid .beat-cells .beat-cell.active .beat-dot[data-v-053934d7]{background:#0000004d}.beat-grid .beat-cells .beat-cell.accent[data-v-053934d7]{border-bottom:2px solid rgba(var(--positive),.4)}.beat-grid .beat-cells .beat-cell .beat-dot[data-v-053934d7]{background:0 0;border-radius:2px;position:absolute;inset:4px}.quick-templates[data-v-053934d7]{flex-direction:column;gap:.75rem;display:flex}.quick-templates label[data-v-053934d7]{color:#ffffffe6;font-size:.9rem;font-weight:500}.quick-templates .template-grid[data-v-053934d7]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem;display:grid}.quick-templates .template-grid .template-btn[data-v-053934d7]{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.75rem;font-size:.85rem;font-weight:500;transition:transform .2s}.quick-templates .template-grid .template-btn[data-v-053934d7]:hover{background:rgba(var(--positive),.1);border-color:rgba(var(--positive),.3);transform:translateY(-2px)}.builder-actions[data-v-053934d7]{border-top:1px solid #ffffff1a;justify-content:flex-end;gap:.75rem;padding-top:.75rem;display:flex}.play-pattern-selector[data-v-ae230ee4]{flex-direction:column;gap:1.5rem;display:flex}.category-tabs[data-v-ae230ee4]{background:#ffffff0d;border-radius:12px;gap:.5rem;padding:.25rem;display:flex}.category-tab[data-v-ae230ee4]{background:0 0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:500;display:flex}.category-tab[data-v-ae230ee4]:hover{background:#ffffff0d}.category-tab.active[data-v-ae230ee4]{background:var(--positive);color:#000;font-weight:600}.category-tab.is-locked[data-v-ae230ee4]{opacity:.5}.category-tab .tab-icon[data-v-ae230ee4]{font-size:1.1rem}.pattern-grid[data-v-ae230ee4]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.pattern-card[data-v-ae230ee4]{cursor:pointer;background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;padding:1rem}.pattern-card[data-v-ae230ee4]:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-2px)}.pattern-card.selected[data-v-ae230ee4]{background:rgba(var(--mm-primary-rgb),.1);border-color:var(--mm-primary)}.pattern-card .delete-pattern-btn[data-v-ae230ee4]{color:#ffffff80}.pattern-card .delete-pattern-btn[data-v-ae230ee4]:hover{color:#f44336;transform:scale(1.1)}.pattern-header[data-v-ae230ee4]{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.pattern-actions[data-v-ae230ee4]{align-items:center;gap:.25rem;display:flex}.preview-pattern-btn[data-v-ae230ee4]{color:#ffffffb3;transition:transform .2s,color .2s}.preview-pattern-btn[data-v-ae230ee4]:hover{color:var(--positive);transform:scale(1.1)}.preview-pattern-btn.playing[data-v-ae230ee4]{color:var(--positive);animation:1s ease-in-out infinite pulse-ae230ee4}@keyframes pulse-ae230ee4{0%,to{opacity:1}50%{opacity:.6}}.pattern-name[data-v-ae230ee4]{color:var(--mm-text-1);margin:0;font-size:1rem;font-weight:600}.pattern-description[data-v-ae230ee4]{margin:0 0 1rem;font-size:.85rem;line-height:1.4}.random-section[data-v-ae230ee4]{justify-content:center;display:flex}.random-btn[data-v-ae230ee4]{background:var(--mm-accent);color:#fff;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;display:flex}.random-btn[data-v-ae230ee4]:hover{background:var(--mm-accent-dark);transform:translateY(-1px)}.custom-pattern-section[data-v-ae230ee4]{min-height:200px}