.drum-pattern-input-row{align-items:center;gap:4px;display:flex}.drum-pattern-input-row .drum-pattern-input{flex:auto;min-width:0;margin-bottom:0}.drum-notation-mini-header-row{justify-content:flex-end;align-items:center;gap:6px;min-height:28px;margin-bottom:2px;display:flex}.drum-notation-mini-header-row__main{flex:auto;min-width:0}.drum-notation-mini-header-row .rhythm-template-variation{margin-bottom:0}.drum-notation-mini-toolbar-row{justify-content:flex-end;align-items:center;min-height:28px;margin-bottom:2px;display:flex}.drum-accompaniment--playback-focus{flex-direction:column;gap:2px;min-width:0;display:flex}.drum-accompaniment--playback-focus .stanza-drums-notation-toolbar{justify-content:space-between}.drum-accompaniment--playback-focus .stanza-drums-notation-toolbar__trail{flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.drum-pattern-edit-btn{border-radius:var(--theme-radius-sm,6px);border:1px solid var(--theme-border,#0f172a24);background:var(--theme-surface,#ffffffdb);min-height:1.375rem;color:var(--theme-text-secondary,#0f172ab8);font-family:inherit;font-size:var(--font-size-xs,.625rem);font-weight:var(--font-weight-bold,700);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;flex-shrink:0;padding:0 8px}.drum-pattern-edit-btn:hover:not([aria-expanded=true]){border-color:var(--labs-selection-secondary-border,color-mix(in srgb, var(--theme-primary) 28%, var(--theme-border)));background:var(--labs-selection-secondary-bg,color-mix(in srgb, var(--theme-primary) 12%, var(--theme-surface)));color:var(--theme-text,#0f172ae6)}.drum-pattern-edit-btn[aria-expanded=true]{border-color:var(--labs-selection-primary-bg,var(--theme-primary));background:var(--labs-selection-primary-bg,var(--theme-primary));color:var(--labs-selection-primary-fg,#fff)}.drum-pattern-edit-btn:focus-visible{box-shadow:var(--labs-control-focus-ring-inset,var(--labs-control-focus-ring));outline:none}.stanza-drums-notation-trigger{cursor:pointer;border-radius:8px;position:relative}.stanza-drums-notation-trigger__hit{z-index:1;cursor:pointer;border-radius:inherit;background:0 0;border:none;margin:0;padding:0;position:absolute;top:0;bottom:0;left:0;right:0}.stanza-drums-notation-trigger.is-editing .stanza-drums-notation-trigger__hit{display:none}.stanza-drums-notation-trigger.is-editing{background:var(--labs-selection-secondary-bg,color-mix(in srgb, var(--theme-primary,#7c3aed) 8%, transparent));box-shadow:inset 0 0 0 1px var(--labs-selection-secondary-border,color-mix(in srgb, var(--theme-primary,#7c3aed) 28%, transparent))}.stanza-drums-notation-trigger:has(.stanza-drums-notation-trigger__hit:hover){background:var(--labs-selection-secondary-bg,color-mix(in srgb, var(--theme-primary,#7c3aed) 8%, transparent));box-shadow:inset 0 0 0 1px var(--labs-selection-secondary-border,color-mix(in srgb, var(--theme-primary,#7c3aed) 28%, transparent))}.stanza-drums-notation-trigger:has(.stanza-drums-notation-trigger__hit:focus-visible){background:var(--labs-selection-secondary-bg,color-mix(in srgb, var(--theme-primary,#7c3aed) 8%, transparent));box-shadow:inset 0 0 0 1px var(--labs-selection-secondary-border,color-mix(in srgb, var(--theme-primary,#7c3aed) 28%, transparent))}.stanza-drums-notation-trigger__hit:focus-visible{outline:none}.drum-pattern-edit-menu.labs-popover-surface{-webkit-backdrop-filter:none;isolation:isolate;max-width:min(92vw,22.5rem);color:var(--theme-text,#1e293b);font-family:var(--theme-font-ui,system-ui), -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;background-color:#fff;background-image:none;padding:.7rem .8rem .75rem}.drum-pattern-edit-menu__body{flex-direction:column;gap:.55rem;min-width:min(20.5rem,90vw);display:flex}.drum-pattern-edit-menu__preview{--drum-edit-menu-preview-height:132px;box-sizing:border-box;width:100%;min-width:0;height:calc(var(--drum-edit-menu-preview-height) + 1.25rem);min-height:calc(var(--drum-edit-menu-preview-height) + 1.25rem);max-height:calc(var(--drum-edit-menu-preview-height) + 1.25rem);border-radius:var(--theme-radius-lg,var(--theme-radius-md,12px));border:1px solid var(--theme-border,#e2e8f0);background:color-mix(in srgb, var(--theme-surface,#fff) 92%, var(--theme-bg,#f8fafc));flex-direction:column;justify-content:center;align-items:stretch;margin:0;padding:.7rem .75rem .55rem;display:flex;overflow:hidden}.drum-pattern-edit-menu__preview .drum-notation-mini-x-scroll{width:100%;max-width:100%;height:var(--drum-edit-menu-preview-height);max-height:var(--drum-edit-menu-preview-height);flex:none;overflow:auto hidden}.drum-pattern-edit-menu__preview .drum-notation-mini{width:max-content;max-width:none;height:var(--drum-edit-menu-preview-height);max-height:var(--drum-edit-menu-preview-height);overflow:visible}.drum-pattern-edit-menu__preview .drum-display-error{text-align:center;font-size:var(--font-size-sm,.75rem);flex-direction:column;flex:auto;justify-content:center;align-items:center;margin:0;padding:.25rem;display:flex}.drum-pattern-edit-menu__preview .drum-display-error p{font-family:inherit;font-weight:var(--font-weight-semibold,600);color:var(--theme-text-secondary,#64748b);margin:0}.drum-pattern-edit-menu__body .drum-presets-block{flex-direction:column;gap:6px;min-width:0;margin:0;display:flex}.drum-pattern-edit-menu__body .drum-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;display:grid}.drum-pattern-edit-menu__body .drum-presets__random-row,.drum-presets__random-row{flex-wrap:wrap;align-items:center;gap:6px;margin:0;display:flex}.drum-presets--compact .drum-presets__random-row{flex:none}.drum-pattern-edit-menu__body .preset-btn{background:var(--theme-surface,#fff);border:1px solid var(--theme-border,#e2e8f0);color:var(--theme-text-secondary,var(--theme-text,#1e293b));font-family:inherit;font-size:.73rem;font-weight:var(--font-weight-semibold,600);letter-spacing:.01em;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;min-width:0;height:1.9rem;min-height:1.9rem;box-shadow:none;border-radius:999px;justify-content:center;align-items:center;padding:0 .55rem;line-height:1.1;transition:background-color .12s,border-color .12s,color .12s,transform .12s;display:inline-flex;overflow:hidden}.drum-pattern-edit-menu__body .preset-btn:hover:not(.active){border-color:var(--labs-selection-secondary-border,var(--theme-border));background:var(--labs-selection-secondary-hover-bg,var(--labs-selection-secondary-bg));color:var(--labs-selection-secondary-fg,var(--theme-primary));transform:translateY(-1px)}.drum-pattern-edit-menu__body .preset-btn.active{background:var(--labs-selection-secondary-bg,color-mix(in srgb, var(--theme-primary) 12%, #fff));color:var(--labs-selection-secondary-fg,var(--theme-primary-hover,var(--theme-primary)));border-color:var(--labs-selection-secondary-border,var(--theme-primary));font-weight:var(--labs-selection-secondary-weight,600)}.drum-pattern-edit-menu__body .preset-btn:focus-visible{box-shadow:var(--labs-control-focus-ring-inset,var(--labs-control-focus-ring));outline:none}.drum-pattern-edit-menu__body .preset-btn-icon{border-radius:999px;flex:0 0 1.9rem;width:1.9rem;min-width:1.9rem;max-width:1.9rem;height:1.9rem;min-height:1.9rem;padding:0}.drum-pattern-edit-menu__variations{align-items:center;min-height:2rem;margin:0;display:flex}.drum-pattern-edit-menu__variations-spacer{width:100%;height:2rem}.drum-pattern-edit-menu__variations .rhythm-template-variation{gap:4px;margin-bottom:0}.drum-pattern-edit-menu__variations .rhythm-template-variation-controls{justify-content:space-between;gap:8px;width:100%}.drum-pattern-edit-menu__variations .rhythm-template-variation-counter{font-family:inherit;font-size:var(--font-size-sm,.75rem);color:var(--theme-text-secondary,#64748b);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.drum-pattern-edit-menu__variations .rhythm-template-variation-arrow{border-color:var(--theme-border,#e2e8f0);background:var(--theme-surface,#fff);width:1.9rem;height:1.9rem;color:var(--theme-text,#1e293b);border-radius:999px}.drum-pattern-edit-menu__variations .rhythm-template-variation-arrow:hover{border-color:var(--labs-selection-secondary-border,var(--theme-border));background:var(--labs-selection-secondary-hover-bg,var(--labs-selection-secondary-bg));color:var(--labs-selection-secondary-fg,var(--theme-primary))}.drum-pattern-edit-menu__variations .rhythm-template-variation-arrow:focus-visible{box-shadow:var(--labs-control-focus-ring-inset,var(--labs-control-focus-ring));outline:none}.drum-pattern-edit-menu__body .drum-pattern-input,.drum-pattern-edit-menu__body .drum-pattern-input-row{margin:0}.drum-pattern-edit-menu__body .drum-pattern-input input{box-sizing:border-box;width:100%;font-family:inherit;font-size:var(--font-size-md,.875rem);font-weight:var(--font-weight-semibold,600);border:1px solid var(--theme-border,#e2e8f0);background:var(--theme-surface,#fff);height:2rem;min-height:2rem;color:var(--theme-text,#1e293b);border-radius:999px;padding:0 .85rem}.drum-pattern-edit-menu__body .drum-pattern-input input:focus-visible{border-color:var(--labs-selection-secondary-border,var(--theme-primary));box-shadow:var(--labs-control-focus-ring-inset,var(--labs-control-focus-ring));outline:none}.drum-pattern-edit-menu__footer{justify-content:flex-end;margin-top:.15rem;display:flex}.drum-pattern-edit-menu__done.labs-btn{height:2rem;min-height:2rem;font-size:var(--font-size-sm,.75rem);padding:0 1rem}