.markdown-reading-view .el-p.drum-notation-before-code-block>p:last-child,.markdown-preview-view .el-p.drum-notation-before-code-block>p:last-child{margin-bottom:0}.markdown-reading-view .el-pre.drum-notation-code-block,.markdown-preview-view .el-pre.drum-notation-code-block{margin-top:0}.markdown-reading-view .el-pre.drum-notation-code-block+.el-pre.drum-notation-code-block,.markdown-preview-view .el-pre.drum-notation-code-block+.el-pre.drum-notation-code-block{margin-top:var(--p-spacing, 1rem)}.markdown-source-view.mod-cm6 .cm-embed-block.cm-preview-code-block.drum-notation-preview-code-block{margin:var(--p-spacing, 1rem) 0;padding:0;border:0;border-radius:8px;background:transparent;box-shadow:none}.drum-notation-host{margin:0}.drum-notation{--drum-border: var(--background-modifier-border);--drum-panel: var(--background-secondary);--drum-panel-alt: var(--background-primary);--drum-text: var(--text-normal);--drum-muted: var(--text-muted);--drum-accent: var(--interactive-accent);--drum-control-color: var(--text-normal);--drum-control-muted: color-mix(in srgb, var(--text-normal) 62%, transparent);--drum-control-hover-bg: color-mix(in srgb, var(--interactive-accent) 14%, transparent);--drum-dark-ink: var(--text-normal, rgb(199, 208, 242));--drum-notation-ink: rgb(77, 79, 102);--drum-ink-line: var(--drum-notation-ink);--drum-ink-stem: var(--drum-notation-ink);--drum-ink-note: var(--drum-notation-ink);--drum-ink-symbol: var(--drum-notation-ink);--drum-buzz-center-lift: -5px;--pg-bg: var(--background-primary);--pg-panel: var(--background-secondary);--pg-border: var(--drum-border);--pg-text: var(--drum-text);--pg-muted: var(--drum-muted);--pg-accent: var(--drum-accent);--pg-mono: var(--font-monospace, ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace);display:flex;flex-direction:column;gap:.55rem;max-width:100%;padding:.65rem;border:1px solid var(--drum-border);border-radius:8px;background:var(--drum-panel)}.drum-notation__toolbar{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:.75rem}.drum-notation__warnings{padding:.45rem .55rem;border:1px solid color-mix(in srgb,#f59e0b 45%,var(--drum-border));border-radius:6px;color:#b45309;background:color-mix(in srgb,var(--drum-panel) 88%,#f59e0b);font-size:var(--font-smallest)}.drum-notation__tip{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.45rem .55rem;border:1px solid color-mix(in srgb,var(--drum-accent) 32%,var(--drum-border));border-radius:6px;color:var(--drum-muted);background:color-mix(in srgb,var(--drum-panel) 92%,var(--drum-accent));font-size:var(--font-smallest)}.drum-notation__tip[hidden]{display:none}.drum-notation__tip-dismiss{flex:0 0 auto;padding:.12rem .42rem;border:1px solid var(--drum-border);border-radius:999px;color:var(--drum-muted);background:var(--background-primary);font:inherit;font-size:var(--font-smallest);cursor:pointer}.drum-notation__tip-dismiss:hover,.drum-notation__tip-dismiss:focus-visible{color:var(--drum-text);border-color:var(--drum-accent)}.drum-notation__warnings[hidden]{display:none}.drum-notation__warnings ul{margin:0;padding-inline-start:1.1rem}.drum-notation__warnings li{margin:.08rem 0}.drum-notation__title{display:flex;flex:1 1 16rem;flex-direction:column;gap:.15rem;min-width:min(100%,14rem);color:var(--drum-text);font-weight:560}.drum-notation__title small{color:var(--drum-muted);font-size:var(--font-smallest);font-weight:430}.drum-notation__controls{display:inline-flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.35rem}.drum-notation__speed{width:4.1rem;height:1.7rem;min-width:4.1rem;padding:0 .25rem;border:1px solid var(--drum-border);border-radius:5px;color:var(--drum-ink-symbol);background:var(--background-primary);font-size:var(--font-smallest);font-variant-numeric:tabular-nums}.drum-notation__speed:disabled{opacity:.55}.drum-notation .drum-notation__button{--icon-color: var(--drum-control-color);--icon-color-hover: var(--drum-accent);--icon-color-active: var(--drum-accent);--icon-color-focused: var(--drum-accent);-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;min-width:auto;padding:0;border:1px solid transparent;border-radius:5px;color:var(--drum-control-color);background:transparent;box-shadow:none;line-height:1;cursor:pointer}.drum-notation .drum-notation__button[hidden]{display:none}.drum-notation .drum-notation__button svg{width:1.05rem;height:1.05rem;color:currentColor;stroke:currentColor;opacity:1}.drum-notation .drum-notation__button svg *{stroke:currentColor}.drum-notation .drum-notation__button:hover,.drum-notation .drum-notation__button:focus-visible{border-color:transparent;color:var(--drum-accent);background:var(--drum-control-hover-bg);box-shadow:none}.drum-notation .drum-notation__button.is-playing{color:var(--drum-accent);background:var(--drum-control-hover-bg);box-shadow:inset 0 0 0 1px var(--drum-accent)}.drum-notation .drum-notation__button.is-active{color:var(--drum-accent);background:var(--drum-control-hover-bg)}.drum-notation .drum-notation__button:disabled{--icon-color: var(--drum-control-muted);--icon-color-hover: var(--drum-control-muted);--icon-color-active: var(--drum-control-muted);--icon-color-focused: var(--drum-control-muted);color:var(--drum-control-muted);opacity:.7}.drum-notation__control-divider{align-self:center;width:1px;height:1.05rem;margin:0 .15rem;background:var(--drum-border)}.drum-notation__score-viewport{max-width:100%;overflow-x:hidden;border:1px solid var(--drum-border);border-radius:6px;background:var(--background-primary)}.drum-notation__score{position:relative;box-sizing:border-box;width:100%;min-height:var(--drum-score-min-height, 0);padding:.35rem;background:transparent}.drum-notation__score-buffer{position:absolute;left:var(--drum-score-buffer-left, 0);top:var(--drum-score-buffer-top, 0);width:var(--drum-score-buffer-width, 100%);min-height:var(--drum-score-buffer-min-height, 0);visibility:hidden;pointer-events:none}.drum-notation__score svg{display:block;width:100%;max-width:100%;aspect-ratio:var(--drum-system-w, 1) / var(--drum-system-h, 1);height:auto;color:var(--drum-ink-line);overflow:visible}.drum-notation__score svg text{fill:var(--drum-ink-symbol);font-weight:400}.drum-notation__score svg .vf-stave path,.drum-notation__score svg .vf-barline path,.drum-notation__score svg .vf-ledger path,.drum-notation__score svg .vf-ledger-line path{stroke:var(--drum-ink-line);fill:var(--drum-ink-line);stroke-width:.68;opacity:.55}.drum-notation__score svg .vf-stem path{stroke:var(--drum-ink-stem);fill:var(--drum-ink-stem);stroke-width:.68;opacity:.72}.drum-notation__score svg .vf-beam path{fill:var(--drum-ink-stem);opacity:.72}.drum-notation__score svg .drum-notation__drag-grace-beam>path{fill:var(--drum-notehead-color, var(--drum-ink-note));opacity:.86;transform:scaleY(.66);transform-box:fill-box;transform-origin:center}.drum-notation__score svg .drum-notation__accent{color:var(--drum-ink-stem)}.drum-notation__score svg .vf-notehead path{stroke:var(--drum-notehead-color, var(--drum-ink-note));fill:var(--drum-notehead-color, var(--drum-ink-note))}.drum-notation__score svg .vf-notehead text{stroke:var(--drum-notehead-color, var(--drum-ink-note));fill:var(--drum-notehead-color, var(--drum-ink-note))}.drum-notation__score svg .vf-clef path,.drum-notation__score svg .vf-timesignature path,.drum-notation__score svg .vf-articulation path,.drum-notation__score svg .vf-parenthesis path,.drum-notation__score svg .vf-gracenote path,.drum-notation__score svg .vf-tuplet path{stroke:var(--drum-ink-symbol);fill:var(--drum-ink-symbol)}.theme-dark .drum-notation,.drum-notation.theme-dark{--drum-dark-ink: var(--text-normal, rgb(199, 208, 242));--drum-notation-ink: var(--drum-dark-ink);--drum-ink-line: var(--drum-dark-ink);--drum-ink-stem: var(--drum-dark-ink);--drum-ink-note: var(--drum-dark-ink);--drum-ink-symbol: var(--drum-dark-ink)}.theme-dark .drum-notation__button,.drum-notation.theme-dark .drum-notation__button{color:var(--drum-dark-ink)}.theme-dark .drum-notation__score svg,.drum-notation.theme-dark .drum-notation__score svg{color:var(--drum-dark-ink)}.theme-dark .drum-notation__score svg text,.theme-dark .drum-notation__score svg path,.theme-dark .drum-notation__score svg line,.theme-dark .drum-notation__score svg polygon,.theme-dark .drum-notation__score svg polyline,.drum-notation.theme-dark .drum-notation__score svg text,.drum-notation.theme-dark .drum-notation__score svg path,.drum-notation.theme-dark .drum-notation__score svg line,.drum-notation.theme-dark .drum-notation__score svg polygon,.drum-notation.theme-dark .drum-notation__score svg polyline{stroke:var(--drum-dark-ink);fill:var(--drum-dark-ink)}.theme-dark .drum-notation__score svg .drum-notation__accent,.theme-dark .drum-notation__score svg .drum-notation__open-hat,.drum-notation.theme-dark .drum-notation__score svg .drum-notation__accent,.drum-notation.theme-dark .drum-notation__score svg .drum-notation__open-hat{fill:none}.drum-notation__score svg .drum-notation__buzz{fill:none;stroke:currentColor;transform:translateY(var(--drum-buzz-center-lift));transform-box:fill-box;transform-origin:center}.drum-notation__score svg .drum-notation__buzz line{fill:none}.drum-notation__score svg .drum-notation__sticking{fill:var(--drum-ink-symbol);stroke:none;font-family:var(--font-monospace, monospace)}.drum-notation__system{position:relative;width:100%}.drum-notation__system-subtitle{box-sizing:border-box;width:100%;padding:.4rem 1rem 0;color:var(--text-muted, var(--drum-ink-symbol));font-size:.82rem;font-weight:500;line-height:1.35;overflow-wrap:anywhere}.drum-notation__system-score{position:relative;width:100%}body.is-mobile .drum-notation__system-score svg{transform:translateZ(0);backface-visibility:hidden}body.is-mobile .drum-notation__button,body.is-mobile .drum-notation__speed{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.drum-notation__legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.25rem .5rem;padding:.1rem .15rem}.drum-notation__legend-item{display:inline-flex;align-items:center;min-width:0;gap:.35rem;color:var(--drum-ink-symbol);font-size:.78rem;line-height:1.2}.drum-notation__legend-swatch{flex:0 0 auto;width:.75rem;height:.75rem;background:var(--drum-legend-color, var(--drum-ink-symbol));border:1px solid color-mix(in srgb,var(--background-primary) 40%,var(--drum-border));border-radius:999px;box-shadow:inset 0 0 0 1px color-mix(in srgb,white 28%,transparent)}.drum-notation__legend-item.is-playing .drum-notation__legend-swatch,.drum-notation__legend-item.is-previewing .drum-notation__legend-swatch{border-color:color-mix(in srgb,var(--drum-accent) 72%,var(--background-primary));box-shadow:0 0 0 .18rem color-mix(in srgb,var(--drum-accent) 18%,transparent),0 0 .55rem color-mix(in srgb,var(--drum-accent) 58%,transparent),inset 0 0 0 1px color-mix(in srgb,white 42%,transparent);animation:drum-notation-legend-pulse .18s ease-out infinite alternate}.drum-notation__legend-item.is-playing .drum-notation__legend-code,.drum-notation__legend-item.is-previewing .drum-notation__legend-code{color:var(--drum-accent)}.drum-notation__legend-code{flex:0 0 auto;min-width:2.25rem;padding:0;color:var(--drum-ink-symbol);background:transparent;font-size:.78em;font-weight:430}.drum-notation__legend-label{overflow:hidden;color:var(--drum-ink-symbol);font-weight:430;text-overflow:ellipsis;white-space:nowrap}@keyframes drum-notation-legend-pulse{0%{transform:scale(1)}to{transform:scale(1.22)}}@media(prefers-reduced-motion:reduce){.drum-notation__legend-item.is-playing .drum-notation__legend-swatch,.drum-notation__legend-item.is-previewing .drum-notation__legend-swatch{animation:none;transform:scale(1.14)}}.drum-notation__cursor{position:absolute;top:var(--drum-cursor-top, 0);left:var(--drum-cursor-left, 0);z-index:2;width:2px;height:var(--drum-cursor-height, 0);pointer-events:none;opacity:0;background:var(--drum-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--drum-accent) 18%,transparent);transition:left 80ms linear,top 80ms linear,opacity .12s ease}.drum-notation__cursor.is-active{opacity:1;animation:drum-notation-cursor-blink .7s steps(2,start) infinite}.drum-notation__measure-repeat-count{font-variant-numeric:tabular-nums;transition:fill .12s ease}.drum-notation__measure-repeat-count.is-active{fill:var(--drum-accent)}.drum-notation__hit-target{cursor:pointer;pointer-events:all}.drum-notation__interactive-note:focus-visible{outline:none;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--drum-accent) 55%,transparent))}.drum-notation__interactive-note.is-playing{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--drum-accent) 72%,transparent))}.drum-notation__score svg .drum-notation__interactive-note.is-playing .vf-notehead path,.drum-notation__score svg .drum-notation__interactive-note.is-playing .vf-notehead text{stroke:var(--drum-accent);fill:var(--drum-accent)}.drum-notation__edit-root{min-width:0;padding:.2rem 0 0}.drum-notation.is-editing .drum-notation__interactive-note.is-edit-selected,.pg-editing #pg-preview .drum-notation__interactive-note.is-edit-selected{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--pg-accent) 72%,transparent))}.drum-notation.is-editing .drum-notation__score svg .drum-notation__interactive-note.is-edit-selected .vf-notehead path,.drum-notation.is-editing .drum-notation__score svg .drum-notation__interactive-note.is-edit-selected .vf-notehead text,.pg-editing #pg-preview .drum-notation__score svg .drum-notation__interactive-note.is-edit-selected .vf-notehead path,.pg-editing #pg-preview .drum-notation__score svg .drum-notation__interactive-note.is-edit-selected .vf-notehead text{stroke:var(--pg-accent);fill:var(--pg-accent)}.pg-bar-selectors{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.drum-notation .pg-bar-selector,#pg-preview .pg-bar-selector{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;left:var(--pg-bar-selector-left, 0);top:var(--pg-bar-selector-top, 0);width:var(--pg-bar-selector-width, 0);height:var(--pg-bar-selector-height, 0);padding:0;margin:0;min-width:0;min-height:0;color:inherit;background:transparent;background-image:none;border:0;border-radius:4px;box-shadow:none;cursor:pointer;font:inherit;line-height:1;pointer-events:auto;text-shadow:none}.drum-notation .pg-bar-selector:hover,.drum-notation .pg-bar-selector.is-selected,#pg-preview .pg-bar-selector:hover,#pg-preview .pg-bar-selector.is-selected{background:color-mix(in srgb,var(--pg-accent) 8%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--pg-accent) 78%,transparent)}.pg-note{margin:0 0 .3rem}.pg-note--warn{color:#b45309}.pg-note--error{color:#dc2626;font-family:var(--pg-mono);white-space:pre-wrap}.pg-note--ok{color:var(--pg-muted)}.pg-grid-editor{--pg-editor-control-bg: var(--pg-panel);--pg-danger: #dc2626;--pg-tool-strip-bg: color-mix(in srgb, var(--pg-panel) 86%, var(--pg-accent));--pg-tool-separator: color-mix(in srgb, var(--pg-tool-strip-bg) 76%, black);display:flex;flex-direction:column;gap:.75rem;container-type:inline-size;min-width:0;max-width:100%;overflow-x:hidden;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.theme-dark .pg-grid-editor,.pg-grid-editor.theme-dark{--pg-tool-separator: color-mix(in srgb, var(--pg-tool-strip-bg) 72%, white)}.pg-grid-editor button,.pg-grid-editor .pg-btn,.pg-grid-editor__tool,.pg-grid-editor__bar-chip,.pg-grid-editor__bar-action,.pg-grid__cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:auto;height:auto;min-width:0;min-height:0;margin:0;background-image:none;box-shadow:none;text-shadow:none}.pg-grid-editor__bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;min-width:0}.pg-grid-editor__palette-wrap{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}.pg-grid-editor__palette{font:inherit;font-size:.8rem;color:var(--pg-text);background:var(--pg-bg);border:1px solid var(--pg-border);border-radius:6px;padding:.25rem .4rem}.drum-notation .pg-grid-editor__palette,#pg-edit-root .pg-grid-editor__palette{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:1.8rem;padding:0 1.35rem 0 .55rem;line-height:1;color:var(--pg-text);background-color:var(--pg-editor-control-bg);background-image:none;border-color:var(--pg-border);border-radius:5px;box-shadow:none;outline:none}.drum-notation .pg-grid-editor__palette:hover,.drum-notation .pg-grid-editor__palette:focus,.drum-notation .pg-grid-editor__palette:focus-visible,#pg-edit-root .pg-grid-editor__palette:hover,#pg-edit-root .pg-grid-editor__palette:focus,#pg-edit-root .pg-grid-editor__palette:focus-visible{border-color:var(--pg-accent);box-shadow:none;outline:none}.pg-grid-editor__palette-caret{display:none}.drum-notation .pg-grid-editor__palette-caret,#pg-edit-root .pg-grid-editor__palette-caret{position:absolute;right:.6rem;top:50%;display:block;width:.42rem;height:.42rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;color:var(--pg-muted);pointer-events:none;transform:translateY(-62%) rotate(45deg)}.pg-grid-editor__spacer{flex:1;min-width:8rem;font-size:var(--font-smallest);color:var(--pg-muted)}.pg-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.2rem;padding:0 .75rem;font:inherit;font-size:.8rem;line-height:1;color:var(--pg-text);background:var(--pg-bg);border:1px solid var(--pg-border);border-radius:6px;cursor:pointer;white-space:nowrap}.pg-btn.is-playing{color:#fff;background:var(--pg-accent);border-color:var(--pg-accent)}.drum-notation .pg-grid-editor__bar .pg-btn,#pg-edit-root .pg-grid-editor__bar .pg-btn{min-height:1.8rem;padding:0 .55rem;font-size:.76rem;color:var(--pg-text);background:var(--pg-editor-control-bg);border-radius:5px}.drum-notation .pg-grid-editor__bar .pg-btn:hover,.drum-notation .pg-grid-editor__bar .pg-btn:focus-visible,#pg-edit-root .pg-grid-editor__bar .pg-btn:hover,#pg-edit-root .pg-grid-editor__bar .pg-btn:focus-visible{border-color:var(--pg-accent)}.pg-grid-editor__tools{display:flex;align-items:center;gap:.35rem;flex-wrap:nowrap;min-height:3.25rem;overflow-x:auto;overflow-y:hidden;padding:.4rem;border:1px solid var(--pg-border);border-radius:6px;background:var(--pg-tool-strip-bg)}.pg-grid-editor__selection{flex:0 0 auto;min-width:3.6rem;font-family:var(--pg-mono);font-size:.75rem;color:var(--pg-muted);white-space:nowrap}.pg-grid-editor__tools-placeholder{flex:0 0 auto;color:var(--pg-muted);font-size:.82rem;white-space:nowrap}.pg-grid-editor__hint{display:flex;align-items:center;justify-content:space-between;gap:.55rem;padding:.35rem .5rem;border:1px solid color-mix(in srgb,var(--pg-accent) 24%,var(--pg-border));border-radius:6px;color:var(--pg-muted);background:color-mix(in srgb,var(--pg-tool-strip-bg) 92%,var(--pg-accent));font-size:.78rem}.pg-grid-editor__hint-dismiss{flex:0 0 auto;padding:.08rem .38rem;border:1px solid var(--pg-border);border-radius:999px;color:var(--pg-muted);background:var(--pg-editor-control-bg);font:inherit;font-size:.7rem;cursor:pointer}.pg-grid-editor__hint-dismiss:hover,.pg-grid-editor__hint-dismiss:focus-visible{color:var(--pg-text);border-color:var(--pg-accent)}.pg-grid-editor__tool{display:inline-flex;flex:0 0 2.35rem;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;padding:0;font:inherit;font-family:var(--pg-mono);font-size:.82rem;line-height:1;color:var(--pg-text);background:var(--pg-editor-control-bg);border:1px solid var(--pg-border);border-radius:5px;cursor:pointer}.pg-grid-editor .pg-grid-editor__tool{width:2.35rem;height:2.35rem}.pg-grid-editor__tool-icon{width:1.45rem;height:1.45rem;display:block;overflow:visible;pointer-events:none}.pg-grid-editor__tool:hover{border-color:var(--pg-accent)}.pg-grid-editor__tool.is-active{color:#fff;background:var(--pg-accent);border-color:var(--pg-accent)}.pg-grid-editor__tool:disabled{opacity:.42;cursor:default}.pg-grid-editor__tool--delete{color:var(--pg-text);background:var(--pg-editor-control-bg);border-color:var(--pg-border)}.pg-grid-editor__tool-separator{flex:0 0 2px;align-self:stretch;width:2px;min-height:1.65rem;margin:.35rem .25rem;border-radius:999px;background:var(--pg-tool-separator);pointer-events:none}.pg-grid-editor__tool--delete:hover,.pg-grid-editor__tool--delete:focus-visible{color:var(--pg-danger);background:color-mix(in srgb,var(--pg-danger) 16%,var(--pg-editor-control-bg));border-color:var(--pg-danger)}.pg-grid-editor__tool--delete:disabled{color:var(--pg-muted);background:var(--pg-editor-control-bg);border-color:var(--pg-border)}.pg-grid-editor__tool--sticking{font-weight:700}.pg-grid-editor__bar-pager{display:flex;align-items:center;gap:.35rem;max-width:100%;min-width:0;overflow-x:auto;padding-bottom:.1rem}.pg-grid-editor .pg-grid-editor__bar-chip{flex:0 0 auto;min-height:1.9rem;padding:0 .55rem;font:inherit;font-size:.78rem;color:var(--pg-text);background:var(--pg-editor-control-bg);border:1px solid var(--pg-border);border-radius:5px;cursor:pointer}.pg-grid-editor__bar-chip:hover{border-color:var(--pg-accent)}.pg-grid-editor__bar-chip.is-active{color:#fff;background:var(--pg-accent);border-color:var(--pg-accent)}.pg-grid-editor__bar-chip.is-repeat:not(.is-active){color:var(--pg-muted);border-style:dashed}.pg-grid-editor__bar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;max-width:100%;min-width:0}.pg-grid-editor .pg-grid-editor__bar-action{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-height:1.8rem;padding:0 .55rem;font:inherit;font-size:.76rem;color:var(--pg-text);background:var(--pg-editor-control-bg);border:1px solid var(--pg-border);border-radius:5px;cursor:pointer}.pg-grid-editor__bar-action-icon{display:block;flex:0 0 auto;width:1rem;height:1rem}.pg-grid-editor__bar-action-label{flex:0 0 auto;white-space:nowrap}.pg-grid-editor__bar-action:hover,.pg-grid-editor__bar-action:focus-visible{border-color:var(--pg-accent)}.pg-grid-editor__bar-action--delete{color:var(--pg-text);background:var(--pg-editor-control-bg);border-color:var(--pg-border)}.pg-grid-editor__bar-action-separator{flex:0 0 2px;align-self:stretch;width:2px;min-height:1.45rem;margin:.2rem .25rem;border-radius:999px;background:var(--pg-tool-separator);pointer-events:none}.pg-grid-editor__bar-action--delete:hover,.pg-grid-editor__bar-action--delete:focus-visible{color:var(--pg-danger);background:color-mix(in srgb,var(--pg-danger) 16%,var(--pg-editor-control-bg));border-color:var(--pg-danger)}@container (max-width: 34rem){.pg-grid-editor__bar-actions{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}.pg-grid-editor .pg-grid-editor__bar-action{flex:0 0 auto;width:2.05rem;min-height:2rem;padding:0}.pg-grid-editor__bar-action-label{display:none}}.pg-grid-editor__repeat-note{margin:0;padding:.55rem .65rem;color:var(--pg-muted);background:var(--pg-bg);border:1px dashed var(--pg-border);border-radius:6px;font-size:.82rem}.pg-grid{--pg-grid-label-width: 3.25rem;--pg-grid-cell-min: 1.65rem;--pg-grid-gap: 2px;display:flex;flex-direction:column;gap:4px;max-width:100%;min-width:0;overflow-x:auto;padding-bottom:.15rem}.pg-grid__ruler,.pg-grid__row{display:grid;grid-template-columns:var(--pg-grid-label-width) minmax(0,1fr);align-items:center;gap:.5rem;min-width:calc(var(--pg-grid-label-width) + .5rem + var(--pg-grid-width))}.pg-grid__ruler-label,.pg-grid__label{position:sticky;left:0;z-index:2;display:flex;align-items:center;justify-content:flex-end;align-self:stretch;padding-right:.4rem;font-family:var(--pg-mono);font-size:.75rem;color:var(--pg-muted);background:var(--pg-bg);border-right:1px solid var(--pg-border)}.pg-grid__ruler-label{font-size:var(--font-smallest);text-transform:uppercase;letter-spacing:.04em}.pg-grid__label--sticking{color:var(--pg-text);font-weight:700}.pg-grid__label--button{border:0;border-radius:4px 0 0 4px;cursor:pointer}.pg-grid__label--button:hover,.pg-grid__label--button:focus-visible,.pg-grid__label--button.is-selected{color:var(--pg-text);background:color-mix(in srgb,var(--pg-accent) 12%,var(--pg-bg))}.pg-grid__label--button:focus-visible,.pg-grid__label--button.is-selected{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--pg-accent) 72%,transparent)}.pg-grid__ruler-cells,.pg-grid__cells{display:grid;grid-template-columns:repeat(var(--pg-grid-cols),minmax(var(--pg-grid-cell-min),1fr));gap:var(--pg-grid-gap);min-width:var(--pg-grid-width);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.pg-grid__ruler-cell{display:flex;align-items:center;justify-content:center;min-width:var(--pg-grid-cell-min);min-height:1.2rem;padding:0;font-family:var(--pg-mono);font-size:var(--font-smallest);line-height:1;color:var(--pg-muted);border-left:1px solid transparent}.pg-grid-editor .pg-grid__cell{aspect-ratio:1;min-width:var(--pg-grid-cell-min);padding:0;font-family:var(--pg-mono);font-size:.7rem;line-height:1;color:#fff;background:var(--pg-bg);border:1px solid var(--pg-border);border-radius:3px;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;touch-action:manipulation;user-select:none}.pg-grid__cell:hover{border-color:var(--pg-accent)}.pg-grid__cell.is-selected{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--pg-panel) 80%,white),inset 0 0 0 4px var(--pg-accent)}.pg-grid__ruler-cell.is-beat-start,.pg-grid__cell.is-beat-start{border-left:2px solid var(--pg-muted)}.pg-grid__ruler-cell.is-bar-start,.pg-grid__cell.is-bar-start{border-left:3px solid var(--pg-text)}.pg-grid__cell.is-hit{color:#fff}.pg-grid__cell.is-sticking{color:#fff;font-weight:700}.pg-grid__cell.is-sticking.is-right{background:#0f766e;border-color:#0f766e}.pg-grid__cell.is-sticking.is-left{background:#475569;border-color:#475569}.pg-grid__cell.is-sticking.is-both{background:#7c3aed;border-color:#7c3aed}.pg-grid__cell.is-hit.is-normal{background:#2563eb;border-color:#2563eb}.pg-grid__cell.is-hit.is-accent{background:#dc2626;border-color:#dc2626}.pg-grid__cell.is-hit.is-ghost{background:#6b7280;border-color:#6b7280}.pg-grid__cell.is-hit.is-flam,.pg-grid__cell.is-hit.is-drag,.pg-grid__cell.is-hit.is-diddle,.pg-grid__cell.is-hit.is-buzz,.pg-grid__cell.is-hit.is-choke{background:#7c3aed;border-color:#7c3aed}@keyframes drum-notation-cursor-blink{50%{opacity:.35}}.drum-notation__empty,.drum-notation__error{margin:0;color:var(--drum-muted);font-size:var(--font-small)}.drum-notation__empty{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.2rem}.drum-notation__empty-action{flex:0 0 auto}.drum-notation__error{white-space:pre-wrap}.drum-notation__setup-number{width:5.5rem}.drum-notation__setup-divider{align-self:center;color:var(--text-muted)}.drum-notation__setup-summary{margin-top:.75rem;padding:.65rem .75rem;border:1px solid var(--background-modifier-border);border-radius:var(--radius-s);color:var(--text-muted);background:var(--background-secondary);font-size:var(--font-small);text-align:center}.drum-notation__confirm-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1rem}@media(max-width:760px){.pg-grid{--pg-grid-label-width: 3.75rem;--pg-grid-cell-min: 1.9rem}}@media(max-width:560px){.drum-notation__toolbar{align-items:flex-start;flex-direction:column;justify-content:flex-start}.drum-notation__title{flex:0 1 auto;width:100%;min-width:0}.drum-notation__controls{width:100%;justify-content:flex-start}.drum-notation__empty{align-items:stretch;flex-direction:column}.pg-grid-editor__bar-actions{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}.pg-grid-editor .pg-grid-editor__bar-action{flex:0 0 auto;width:2.05rem;min-height:2rem;padding:0}.pg-grid-editor__bar-action-label{display:none}}@media print{.drum-notation{--drum-dark-ink: #1c1c1c;--drum-notation-ink: #1c1c1c;--drum-ink-line: #1c1c1c;--drum-ink-stem: #1c1c1c;--drum-ink-note: #1c1c1c;--drum-ink-symbol: #1c1c1c;--drum-text: #1c1c1c;--drum-muted: #555555;padding:0;border:none;border-radius:0;box-shadow:none;background:transparent;color:#1c1c1c}.drum-notation__tip,.drum-notation__controls,.drum-notation__warnings,.drum-notation__edit-root,.drum-notation__cursor,.drum-notation__empty-action,.pg-bar-selectors{display:none}.drum-notation__score-viewport{overflow:visible;border:none;border-radius:0;background:transparent}.drum-notation__score{min-height:0}.drum-notation__system-score{width:100%}.drum-notation__system-score svg{width:100%;aspect-ratio:var(--drum-system-w, 1) / var(--drum-system-h, 1);height:auto}.drum-notation__toolbar,.drum-notation__system,.drum-notation__legend{page-break-inside:avoid}.drum-notation__legend-swatch,.drum-notation__legend-code{print-color-adjust:exact;-webkit-print-color-adjust:exact}.drum-notation__legend-item.is-playing .drum-notation__legend-swatch,.drum-notation__legend-item.is-previewing .drum-notation__legend-swatch{animation:none}}:root{--background-primary: #ffffff;--background-secondary: #f5f6f8;--background-modifier-border: #e3e5ea;--text-normal: #2a2c34;--text-muted: #6b6f7a;--interactive-accent: #6c5ce7;--font-small: .8rem;--font-smallest: .72rem;--pg-bg: #fbfbfd;--pg-panel: #ffffff;--pg-border: #e3e5ea;--pg-text: #2a2c34;--pg-muted: #6b6f7a;--pg-accent: #6c5ce7;--pg-editor-bg: #ffffff;--pg-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}body.theme-dark{--background-primary: #20222b;--background-secondary: #191b22;--background-modifier-border: #2d303b;--text-normal: #c8d0ee;--text-muted: #8b90a3;--interactive-accent: #8b7bf0;--pg-bg: #15161c;--pg-panel: #1b1d25;--pg-border: #2d303b;--pg-text: #c8d0ee;--pg-muted: #868ba0;--pg-accent: #8b7bf0;--pg-editor-bg: #1b1d25}*{box-sizing:border-box}html,body{height:100%;margin:0}body{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;color:var(--pg-text);background:var(--pg-bg)}.pg-topbar{display:grid;grid-template-columns:minmax(0,1fr);gap:.45rem;min-width:0;max-width:100%;padding:.55rem .75rem;border-bottom:1px solid var(--pg-border);background:var(--pg-panel)}.pg-topbar__head{display:flex;align-items:center;min-width:0}.pg-brand{font-weight:600;letter-spacing:.02em}.pg-brand span{color:var(--pg-muted);font-weight:400}.pg-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:.45rem;min-width:0}.pg-toolbar-row{display:grid;min-width:0;border:1px solid var(--pg-border);border-radius:7px;background:color-mix(in srgb,var(--pg-panel) 82%,var(--pg-bg))}.pg-toolbar-row--setup{grid-template-columns:minmax(10rem,1.2fr) minmax(11rem,1.15fr) minmax(4.8rem,.48fr) minmax(7.1rem,.66fr) minmax(4.6rem,.44fr) minmax(4.8rem,.48fr) minmax(5.8rem,.54fr);align-items:end;gap:0;padding:.58rem .65rem}.pg-toolbar-row--actions{grid-template-columns:minmax(18rem,1fr) minmax(8rem,.42fr) minmax(18rem,1fr);align-items:stretch;gap:0;padding:.62rem .65rem}.pg-field{display:flex;flex-direction:column;justify-content:end;gap:.28rem;min-width:0;min-height:3.45rem;padding:0 .65rem;font-size:var(--font-smallest);color:var(--pg-muted);border-left:1px solid var(--pg-border)}.pg-field:first-child{border-left:0;padding-left:0}.pg-field>span,.pg-fieldset legend{height:1rem;padding:0;font-size:var(--font-smallest);line-height:1;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.pg-field select,.pg-field input{width:100%;height:2.1rem;font:inherit;font-size:.88rem;text-transform:none;letter-spacing:normal;color:var(--pg-text);background:var(--pg-bg);border:1px solid var(--pg-border);border-radius:6px;padding:0 .55rem}.pg-field input[type=number]{padding-right:.55rem;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;font-variant-numeric:tabular-nums}.pg-field input[type=number]::-webkit-inner-spin-button,.pg-field input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pg-fieldset{display:flex;flex-direction:column;justify-content:end;min-inline-size:0;margin:0;border-top:0;border-right:0;border-bottom:0}.pg-time-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.35rem;height:2.1rem}.pg-time-inputs input{height:100%}.pg-time-inputs span{color:var(--pg-muted)}.pg-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.2rem;font:inherit;font-size:.8rem;color:var(--pg-text);background:var(--pg-bg);border:1px solid var(--pg-border);border-radius:6px;padding:0 .75rem;cursor:pointer;white-space:nowrap}.pg-icon{width:1rem;height:1rem;flex:0 0 auto}.pg-btn:hover{border-color:var(--pg-accent)}.pg-btn:disabled{opacity:.45;cursor:default}.pg-btn--accent{border-color:var(--pg-accent);color:var(--pg-accent);font-weight:600}.pg-btn.is-playing{background:var(--pg-accent);color:#fff;border-color:var(--pg-accent)}.pg-btn.is-active{border-color:var(--pg-accent);color:var(--pg-accent);background:color-mix(in srgb,var(--pg-accent) 8%,transparent)}.pg-btn--icon{width:2.2rem;padding:0}.pg-btn--small{margin-left:auto;padding:.18rem .45rem;font-size:var(--font-smallest)}.pg-playback-speed{height:2.2rem;min-width:4.6rem;padding:0 .45rem;border:1px solid var(--pg-border);border-radius:6px;color:var(--pg-text);background:var(--pg-bg);font:inherit;font-size:.8rem;font-variant-numeric:tabular-nums}.pg-playback-speed:disabled{opacity:.45}.pg-mute-control,.pg-metronome-control{position:relative}.pg-mute-menu,.pg-metronome-menu{position:absolute;z-index:20;top:calc(100% + .35rem);right:0;display:grid;min-width:12rem;padding:.35rem;border:1px solid var(--pg-border);border-radius:7px;background:var(--pg-bg);box-shadow:0 8px 24px #00000029}.pg-mute-menu[hidden],.pg-metronome-menu[hidden]{display:none}.pg-mute-menu__item,.pg-metronome-menu__item{display:grid;grid-template-columns:1.2rem minmax(0,1fr);align-items:center;gap:.35rem;min-height:2rem;padding:.25rem .45rem;border:0;border-radius:4px;color:var(--pg-text);background:transparent;font:inherit;font-size:.8rem;text-align:left;cursor:pointer}.pg-mute-menu__item:hover,.pg-metronome-menu__item:hover{background:color-mix(in srgb,var(--pg-accent) 10%,transparent)}.pg-mute-menu__item:disabled,.pg-metronome-menu__item:disabled{opacity:.45;cursor:default}.pg-mute-menu__check,.pg-metronome-menu__check{color:var(--pg-accent);font-weight:700;text-align:center}.pg-metronome-menu__label{padding:.3rem .45rem .15rem;color:var(--pg-muted);font-size:.68rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.pg-metronome-menu__label:not(:first-child){margin-top:.25rem;padding-top:.45rem;border-top:1px solid var(--pg-border)}.pg-mute-menu__reset{grid-template-columns:1fr;margin-top:.3rem;padding-top:.45rem;border-top:1px solid var(--pg-border)}.pg-action-group{display:grid;grid-template-rows:auto 1fr;align-items:end;min-width:0;min-height:4rem;padding:0 1.05rem;border-left:1px solid var(--pg-border)}.pg-action-group:first-child{padding-left:0;border-left:0}.pg-action-group__label{margin-bottom:.4rem;font-size:var(--font-smallest);line-height:1;text-transform:uppercase;letter-spacing:.06em;color:var(--pg-muted)}.pg-action-group__controls{display:flex;align-items:center;gap:.45rem;min-width:0;flex-wrap:wrap}.pg-action-group--export .pg-action-group__controls{justify-content:flex-start}.pg-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);min-height:0;min-width:0;width:100%}.pg-pane{display:flex;flex-direction:column;min-height:0;min-width:0}.pg-pane--editor{border-right:1px solid var(--pg-border)}.pg-pane__head{padding:.3rem .75rem;font-size:var(--font-smallest);text-transform:uppercase;letter-spacing:.06em;color:var(--pg-muted);border-bottom:1px solid var(--pg-border);background:var(--pg-panel)}.pg-editor{flex:1;min-height:0;resize:none;border:0;outline:none;padding:.85rem 1rem;font-family:var(--pg-mono);font-size:13px;line-height:1.6;-moz-tab-size:2;tab-size:2;color:var(--pg-text);background:var(--pg-editor-bg);white-space:pre}.pg-pane--preview{background:var(--pg-bg)}.pg-preview-scroll{flex:1;min-height:0;min-width:0;overflow:auto;padding:1rem}#pg-preview{width:100%;min-width:0;max-width:100%;margin:0 auto}#pg-edit-root .pg-grid-editor{--pg-editor-control-bg: color-mix(in srgb, var(--pg-bg) 84%, var(--pg-border));margin-top:.65rem}.pg-footer{min-width:0;border-top:1px solid var(--pg-border);background:var(--pg-panel)}.pg-issues{padding:.45rem .85rem;border-bottom:1px solid var(--pg-border);background:color-mix(in srgb,var(--pg-panel) 92%,#f59e0b)}.pg-issues[hidden]{display:none}.pg-advanced{min-width:0}.pg-advanced summary{display:flex;align-items:center;gap:.6rem;min-height:2rem;padding:.35rem .85rem;font-size:var(--font-smallest);text-transform:uppercase;letter-spacing:.06em;color:var(--pg-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.pg-diagnostics{display:grid;grid-template-columns:minmax(12rem,.75fr) minmax(0,1.25fr);gap:1px;min-width:0;max-height:28vh;border-top:1px solid var(--pg-border);background:var(--pg-border)}.pg-diag{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--pg-panel)}.pg-diag__head{display:flex;align-items:center;gap:.5rem;padding:.3rem .75rem;font-size:var(--font-smallest);text-transform:uppercase;letter-spacing:.06em;color:var(--pg-muted)}.pg-diag__body{flex:1;min-height:0;min-width:0;max-width:100%;overflow:auto;margin:0;padding:.4rem .75rem .7rem;font-size:.78rem;line-height:1.5}.pg-mono{min-width:0;max-width:100%;overflow-x:auto;font-family:var(--pg-mono);white-space:pre}.pg-model-grid{display:grid;grid-template-columns:auto 1fr;gap:.1rem .75rem}.pg-model-grid dt{color:var(--pg-muted)}.pg-model-grid dd{margin:0;font-variant-numeric:tabular-nums}.pg-flag{margin-left:auto;font-size:var(--font-smallest);letter-spacing:normal;text-transform:none}.pg-flag--normalized{color:var(--pg-accent)}.pg-copy-fallback{position:fixed;right:1rem;bottom:1rem;z-index:20;display:flex;flex-direction:column;gap:.45rem;width:min(34rem,calc(100vw - 2rem));max-height:min(24rem,calc(100vh - 2rem));padding:.65rem;color:var(--pg-text);background:var(--pg-panel);border:1px solid var(--pg-border);border-radius:7px}.pg-copy-fallback__head{display:flex;align-items:center;gap:.75rem}.pg-copy-fallback__head strong{flex:1;min-width:0;font-size:.85rem}.pg-copy-fallback__text{min-height:9rem;max-height:16rem;resize:vertical;padding:.55rem;font-family:var(--pg-mono);font-size:.78rem;line-height:1.45;color:var(--pg-text);background:var(--pg-editor-bg);border:1px solid var(--pg-border);border-radius:6px}.pg-confirm{position:fixed;right:1rem;bottom:1rem;z-index:30;display:flex;flex-direction:column;gap:.65rem;width:min(22rem,calc(100vw - 2rem));padding:.8rem;color:var(--pg-text);background:var(--pg-panel);border:1px solid var(--pg-border);border-radius:8px;box-shadow:0 14px 35px #0f172a38}.pg-confirm__message{margin:0;font-size:.9rem;line-height:1.4}.pg-confirm__field{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.85rem;font-weight:600}.pg-confirm__number{width:5rem;padding:.4rem .5rem;color:var(--pg-text);background:var(--pg-editor-bg);border:1px solid var(--pg-border);border-radius:5px;font:inherit}.pg-confirm__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.pg-confirm__confirm{color:#fff;background:var(--pg-accent);border-color:color-mix(in srgb,var(--pg-accent) 85%,#000 15%)}@media(max-width:760px){.pg-topbar{gap:.5rem .75rem}.pg-toolbar-row--setup,.pg-toolbar-row--actions{grid-template-columns:1fr;padding:.55rem}.pg-field{min-height:auto;padding:.45rem 0;border-left:0;border-top:1px solid var(--pg-border)}.pg-field:first-child{padding-top:0;border-top:0}.pg-action-group{min-height:auto;padding:.6rem 0;border-left:0;border-top:1px solid var(--pg-border)}.pg-action-group:first-child{padding-top:0;border-top:0}.pg-action-group__controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(6rem,1fr))}.pg-playback-speed,.pg-metronome-control>.pg-btn,.pg-mute-control>.pg-btn{width:100%}.pg-action-group--export .pg-action-group__controls{grid-template-columns:minmax(10rem,1fr) 2.2rem}html,body{height:auto}body{display:block;min-height:100vh;overflow:auto}.pg-main{grid-template-columns:1fr;grid-auto-rows:auto}.pg-pane--editor{min-height:22rem}.pg-pane--editor{border-right:0;border-bottom:1px solid var(--pg-border)}.pg-editor{min-height:18rem}.pg-preview-scroll{overflow:visible}.pg-diagnostics{grid-template-columns:1fr;max-height:none}}