.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__tip--practice{justify-content:flex-start}.drum-notation__practice-label{flex:1 1 auto;min-width:0}.drum-notation__practice-action{display:inline-flex;align-items:center;justify-content:center;min-width:4.25rem;gap:.25rem;line-height:1;text-align:center}.drum-notation__practice-action svg{flex:0 0 auto;width:.9rem;height:.9rem}.drum-notation__practice-action>span{line-height:1}.drum-notation__practice-action--labeled-icon{min-width:0;padding-inline:.52rem;gap:.4rem}.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{min-width:0;max-width:100%;display:inline-flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.35rem}.drum-notation__speed{height:1.7rem;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.drum-notation__speed{width:auto;min-width:0;max-width:none;padding-inline:.45rem;white-space:nowrap}.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;position:relative;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__click-badge{position:absolute;top:0;right:0;min-width:.72rem;padding:0 .12rem;border-radius:999px;color:var(--drum-accent, var(--pg-accent, #7c3aed));background:var(--background-primary, var(--pg-bg, #fff));font-size:.52rem;font-weight:700;line-height:.72rem;letter-spacing:-.04em;text-align:center;pointer-events:none}.drum-notation__button.is-metronome-off .drum-notation__click-badge,.pg-btn.is-metronome-off .drum-notation__click-badge{color:var(--drum-control-muted, var(--pg-muted, #6b7280));opacity:.72}.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:focus-visible{outline:2px solid color-mix(in srgb,var(--drum-accent) 45%,transparent);outline-offset:2px}.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,.drum-notation__gap-overlays{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.drum-notation__gap-overlay{position:absolute;left:var(--drum-gap-left, 0);top:var(--drum-gap-top, 0);width:var(--drum-gap-width, 0);height:var(--drum-gap-height, 0);border-radius:5px}.drum-notation__gap-overlay.is-gap-active{background:color-mix(in srgb,var(--color-orange, #d97706) 20%,transparent);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--color-orange, #d97706) 88%,transparent)}.drum-notation__gap-overlay.is-gap-next{background:color-mix(in srgb,var(--color-orange, #d97706) 8%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-orange, #d97706) 48%,transparent)}.pg-bar-selectors.is-practice-selection:not(.is-selection-open) .pg-bar-selector{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)}.drum-notation .pg-bar-selector.is-practice-selected,#pg-preview .pg-bar-selector.is-practice-selected{background:color-mix(in srgb,var(--color-green, #16a34a) 13%,transparent);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--color-green, #16a34a) 84%,transparent)}@media(max-width:600px){.drum-notation__tip--practice{flex-wrap:nowrap}.drum-notation__practice-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drum-notation__practice-action>span{display:none}.drum-notation__practice-action{min-width:1.9rem}.drum-notation__practice-action--labeled-icon{padding-inline:.42rem}}.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}.pg-grid-editor__move-instrument{max-width:12rem}.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:hover{border-color:var(--pg-accent)}.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__tap-tempo-button{display:block;min-width:9rem;min-height:4.5rem;margin:1rem auto;font-size:1.25rem}.drum-notation__practice-summary{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.35rem .8rem;margin:0 0 1rem}.drum-notation__practice-summary dt{color:var(--text-muted);font-weight:600}.drum-notation__practice-summary dd{min-width:0;margin:0}.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__practice-summary{grid-template-columns:1fr;gap:.1rem}.drum-notation__practice-summary dd{margin-bottom:.5rem}.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,.drum-notation__gap-overlays{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 auto auto minmax(0,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{grid-row:1;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;justify-content:space-between;gap:1rem;min-width:0}.pg-brand{font-weight:600;letter-spacing:.02em}.pg-brand span{color:var(--pg-muted);font-weight:400}.pg-mode-switch{display:inline-flex;padding:.18rem;border:1px solid var(--pg-border);border-radius:7px;background:var(--pg-bg)}.pg-mode-switch__button{min-height:1.8rem;padding:.25rem .65rem;border:0;border-radius:5px;color:var(--pg-muted);background:transparent;font:inherit;font-size:.78rem;cursor:pointer}.pg-mode-switch__button.is-active{color:#fff;background:var(--pg-accent)}.pg-verify-panel{grid-row:2;display:grid;grid-template-columns:minmax(15rem,.75fr) minmax(24rem,1.25fr);grid-auto-rows:max-content;gap:.65rem 1rem;height:var(--pg-verify-panel-height, auto);min-height:0;min-width:0;max-height:42vh;overflow:auto;padding:.65rem .75rem;border-bottom:1px solid var(--pg-border);background:color-mix(in srgb,var(--pg-panel) 90%,var(--pg-accent))}.pg-verify-panel[hidden]{display:none}.pg-verify-panel.is-collapsed{padding-block:0;border-bottom:0}.pg-verify-divider{grid-row:3;display:flex;align-items:stretch;min-width:0;height:1.55rem;border-bottom:1px solid var(--pg-border);background:var(--pg-panel)}.pg-verify-divider[hidden]{display:none}.pg-verify-resizer{position:relative;flex:1;min-width:0;cursor:row-resize;touch-action:none;-webkit-user-select:none;user-select:none}.pg-verify-resizer:before{position:absolute;top:50%;left:50%;width:3rem;height:3px;border-radius:999px;background:var(--pg-border);content:"";transform:translate(-50%,-50%)}.pg-verify-resizer:hover:before,.pg-verify-resizer:focus-visible:before{background:var(--pg-accent)}.pg-verify-resizer:focus-visible{outline:2px solid color-mix(in srgb,var(--pg-accent) 35%,transparent);outline-offset:-2px}.pg-verify-workspace-toggle{min-width:5.3rem;margin:.16rem .35rem .16rem 0;padding:0 .55rem;border:1px solid var(--pg-border);border-radius:5px;color:var(--pg-muted);background:var(--pg-bg);font:inherit;font-size:.7rem;cursor:pointer}.pg-verify-workspace-toggle:hover,.pg-verify-workspace-toggle:focus-visible{color:var(--pg-accent);border-color:var(--pg-accent);outline:none}body.pg-verify-workspace-maximized{grid-template-rows:auto minmax(0,1fr) auto}body.pg-verify-workspace-maximized .pg-topbar,body.pg-verify-workspace-maximized .pg-verify-panel{display:none}body.pg-verify-workspace-maximized .pg-verify-divider{grid-row:1}body.pg-verify-workspace-maximized .pg-verify-resizer{cursor:default;pointer-events:none}body.pg-verify-workspace-maximized .pg-verify-resizer:before{opacity:0}.pg-verify-onboarding{display:grid;align-content:start;gap:.5rem;min-width:0}.pg-verify-onboarding p,.pg-verify-message{margin:.25rem 0 0;color:var(--pg-muted);font-size:.78rem;line-height:1.4}.pg-verify-onboarding details{min-width:0}.pg-verify-onboarding summary{color:var(--pg-accent);cursor:pointer}.pg-import-prompt{max-height:8rem;overflow:auto;margin:.4rem 0;padding:.5rem;white-space:pre-wrap;font-family:var(--pg-mono);font-size:.72rem;line-height:1.4;border:1px solid var(--pg-border);border-radius:6px;background:var(--pg-editor-bg)}.pg-verify-inputs{display:grid;grid-template-columns:minmax(11rem,.55fr) minmax(16rem,1.45fr);gap:.5rem;min-width:0}.pg-verify-field{display:flex;flex-direction:column;gap:.3rem;min-width:0;color:var(--pg-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.pg-verify-field input,.pg-verify-field textarea,.pg-signal-grid select{min-width:0;color:var(--pg-text);background:var(--pg-editor-bg);border:1px solid var(--pg-border);border-radius:6px;font:inherit;text-transform:none;letter-spacing:normal}.pg-verify-field input{min-height:2.2rem;padding:.35rem}#pg-source-file{font-size:.8rem;cursor:pointer}#pg-source-file::file-selector-button{min-height:1.8rem;margin:-.15rem .65rem -.15rem -.15rem;padding:0 .7rem;color:var(--pg-text);background:var(--pg-bg);border:1px solid var(--pg-border);border-radius:5px;font:inherit;cursor:pointer}#pg-source-file:hover::file-selector-button{border-color:var(--pg-accent)}#pg-source-file:focus-visible{border-color:var(--pg-accent);outline:2px solid color-mix(in srgb,var(--pg-accent) 35%,transparent);outline-offset:2px}.pg-verify-field textarea{min-height:4.8rem;resize:vertical;padding:.45rem;font-family:var(--pg-mono);font-size:.74rem;line-height:1.35}.pg-verify-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.4rem}.pg-verify-message,.pg-unfenced-recovery,.pg-segment-tabs,.pg-signal-grid,.pg-report-details{grid-column:1 / -1}.pg-verify-message.is-error{color:#b91c1c}.pg-unfenced-recovery{display:flex;align-items:center}.pg-unfenced-recovery[hidden]{display:none}.pg-segment-tabs{display:flex;flex-wrap:wrap;gap:.35rem}.pg-segment-tab{padding:.25rem .55rem;border:1px solid var(--pg-border);border-radius:999px;color:var(--pg-muted);background:var(--pg-bg);font:inherit;font-size:.74rem;cursor:pointer}.pg-segment-tab.is-active{color:var(--pg-accent);border-color:var(--pg-accent)}.pg-signal-grid{display:grid;grid-template-columns:repeat(5,minmax(8rem,1fr));gap:1px;margin:0;overflow:hidden;border:1px solid var(--pg-border);border-radius:6px;background:var(--pg-border)}.pg-signal-grid>div{min-width:0;padding:.35rem .5rem;background:var(--pg-panel)}.pg-signal-grid dt{color:var(--pg-muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.05em}.pg-signal-grid dd{min-width:0;margin:.15rem 0 0;overflow-wrap:anywhere;font-size:.76rem}.pg-signal-grid select{width:100%;padding:.2rem}.pg-report-details{min-height:max-content;overflow:hidden;border:1px solid var(--pg-border);border-radius:6px;background:var(--pg-panel)}.pg-report-details[hidden]{display:none}.pg-report-details__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.4rem .55rem;border-bottom:1px solid var(--pg-border)}.pg-report-details__head h2{margin:0;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pg-report-details__meta{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;min-width:0}.pg-report-origin{color:var(--pg-muted);font-size:.7rem;overflow-wrap:anywhere}.pg-report-origin.is-stale{color:#9a5b10;font-weight:600}.pg-report-details__count{color:var(--pg-muted);font-size:.7rem}.pg-report-details__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1px;background:var(--pg-border)}.pg-report-group{min-width:0;padding:.45rem .55rem;background:var(--pg-panel)}.pg-report-group h3{margin:0 0 .3rem;color:var(--pg-muted);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.pg-report-group ul{display:grid;gap:.3rem;margin:0;padding:0;list-style:none}.pg-report-group li{display:flex;align-items:flex-start;gap:.4rem;min-width:0;font-size:.76rem;line-height:1.35}.pg-report-group code,.pg-report-loss{flex:0 0 auto;padding:.08rem .28rem;border-radius:4px;font-family:var(--pg-mono);font-size:.66rem;overflow-wrap:anywhere}.pg-report-group code{max-width:10rem;color:#92400e;background:color-mix(in srgb,var(--pg-panel) 72%,#f59e0b)}.pg-report-group--ambiguity code{color:#6d28d9;background:color-mix(in srgb,var(--pg-panel) 72%,#8b5cf6)}.pg-report-loss{text-transform:uppercase;letter-spacing:.03em}.pg-report-loss--none{color:#166534;background:color-mix(in srgb,var(--pg-panel) 72%,#22c55e)}.pg-report-loss--appearance{color:#92400e;background:color-mix(in srgb,var(--pg-panel) 72%,#f59e0b)}.pg-report-loss--structure,.pg-report-loss--meaning{color:#991b1b;background:color-mix(in srgb,var(--pg-panel) 72%,#ef4444)}.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,.pg-btn:focus-visible{border-color:var(--pg-accent)}.pg-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--pg-accent) 45%,transparent);outline-offset:2px}.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,.pg-loop-control,.pg-speed-control{position:relative}.pg-metronome-control>.pg-btn{position:relative}.pg-mute-menu,.pg-metronome-menu,.pg-loop-menu,.pg-speed-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],.pg-loop-menu[hidden],.pg-speed-menu[hidden]{display:none}.pg-speed-menu{min-width:15rem;max-height:min(28rem,70vh);overflow-y:auto}.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{grid-row:4;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);min-height:0;min-width:0;width:100%}body.pg-verifying .pg-main{grid-template-columns:minmax(15rem,.8fr) minmax(0,1fr) minmax(0,1.35fr)}body.pg-focus-view{display:grid;height:100vh;grid-template-rows:auto minmax(0,1fr) auto}body.pg-focus-view .pg-toolbar-row--setup,body.pg-focus-view .pg-mode-switch,body.pg-focus-view .pg-action-group--editing,body.pg-focus-view .pg-action-group--export,body.pg-focus-view .pg-pane--source,body.pg-focus-view .pg-pane--editor{display:none}body.pg-focus-view .pg-main{grid-row:2;grid-template-columns:minmax(0,1fr)}body.pg-focus-view .pg-pane--preview{min-height:0}body.pg-focus-view .pg-action-group{min-height:0;padding:0;border-left:0}body.pg-focus-view .pg-action-group__controls .pg-btn{min-width:2.75rem;min-height:2.75rem}body.pg-focus-view .pg-footer{grid-row:3}body.pg-focus-view .pg-preview-scroll{overflow:auto;padding:1rem clamp(.5rem,3vw,2rem)}body.pg-verify-workspace-maximized .pg-main{grid-row:2}.pg-pane{display:flex;flex-direction:column;min-height:0;min-width:0}.pg-pane[hidden]{display:none}.pg-pane--editor{border-right:1px solid var(--pg-border)}.pg-pane--source{border-right:1px solid var(--pg-border);background:var(--pg-panel)}.pg-source-scroll{display:flex;flex:1;align-items:center;justify-content:center;min-height:0;overflow:auto;padding:.75rem}.pg-source-empty{max-width:24rem;color:var(--pg-muted);font-size:.82rem;line-height:1.45;text-align:center}.pg-source-image{display:block;max-width:100%;max-height:100%;object-fit:contain}.pg-source-image[hidden]{display:none}.pg-pane__head--actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.pg-pane__head-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.12rem .4rem;border:1px solid var(--pg-border);border-radius:4px;color:var(--pg-accent);background:var(--pg-panel);font:inherit;font-size:.68rem;letter-spacing:normal;text-transform:none;cursor:pointer}.pg-pane__head-action:hover,.pg-pane__head-action:focus-visible{border-color:var(--pg-accent);outline:none}.pg-pane__head-action[hidden]{display:none}.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-crop-dialog{box-sizing:border-box;width:min(68rem,calc(100vw - 2rem));max-width:none;max-height:calc(100vh - 2rem);margin:auto;padding:0;overflow:hidden;border:1px solid var(--pg-border);border-radius:10px;color:var(--pg-text);background:var(--pg-panel);box-shadow:0 1rem 3rem #00000047}.pg-crop-dialog::backdrop{background:#0f172a94}.pg-crop-dialog__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid var(--pg-border)}.pg-crop-dialog__head h2{margin:0;font-size:1rem}.pg-crop-dialog__head p{margin:.25rem 0 0;color:var(--pg-muted);font-size:.8rem;line-height:1.4}.pg-crop-workspace{display:grid;grid-template-columns:minmax(18rem,1.25fr) minmax(16rem,.75fr);gap:1rem;max-height:calc(100vh - 8rem);padding:1rem;overflow:auto}.pg-crop-stage{position:relative;min-height:22rem;overflow:hidden;border:1px solid var(--pg-border);border-radius:6px;background:color-mix(in srgb,var(--pg-bg) 88%,var(--pg-border));cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.pg-crop-stage img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.pg-crop-selection{position:absolute;z-index:1;box-sizing:border-box;border:2px solid var(--pg-accent);background:color-mix(in srgb,var(--pg-accent) 14%,transparent);pointer-events:none}.pg-crop-selection[hidden],.pg-crop-result[hidden]{display:none}.pg-crop-status{min-height:1.3rem;margin:.45rem 0;color:var(--pg-muted);font-size:.78rem}.pg-crop-status.is-error{color:var(--pg-danger)}.pg-crop-result{display:flex;flex-direction:column;gap:.75rem;min-width:0}.pg-crop-result>img{display:block;width:100%;max-height:18rem;object-fit:contain;image-rendering:pixelated;border:1px solid var(--pg-border);border-radius:6px;background:#fff}.pg-crop-result .pg-import-prompt{max-height:none;margin:0}.pg-crop-handoff{padding:.65rem .75rem;border:1px solid var(--pg-border);border-radius:6px;background:var(--pg-panel);font-size:.78rem;line-height:1.4}.pg-crop-handoff ol{margin:.35rem 0;padding-left:1.25rem}.pg-crop-handoff p{margin:0;color:var(--pg-muted)}.pg-crop-actions{display:flex;flex-wrap:wrap;gap:.5rem}@media(max-width:760px){.pg-crop-workspace{grid-template-columns:minmax(0,1fr)}.pg-crop-stage{min-height:16rem}}.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{grid-row:5;min-width:0;border-top:1px solid var(--pg-border);background:var(--pg-panel)}body.pg-verify-workspace-maximized .pg-footer{grid-row:3}.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;inset:auto 1rem 1rem auto;right:1rem;bottom:1rem;margin:0;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:not([open]){display:none}.pg-confirm::backdrop{background:#0f172a52}.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%)}.pg-tempo-ramp-dialog{width:min(28rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow-y:auto}.pg-tempo-ramp-dialog__title{margin:0;font-size:1rem}.pg-tempo-ramp-dialog__select{width:min(14rem,62vw)}.pg-tempo-ramp-dialog__summary{min-height:1.2rem;margin:0;color:var(--pg-muted);font-size:.78rem;line-height:1.4}.pg-tap-tempo-button{align-self:center;min-width:9rem;min-height:4.5rem;font-size:1.2rem}@media(max-width:760px){.pg-topbar{gap:.5rem .75rem}.pg-toolbar-row--setup,.pg-toolbar-row--actions{grid-template-columns:1fr;padding:.55rem}.pg-topbar__head{align-items:flex-start;flex-direction:column}.pg-mode-switch{width:100%}.pg-mode-switch__button{flex:1}.pg-verify-panel,.pg-verify-inputs,.pg-signal-grid{grid-template-columns:1fr;max-height:none}.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,.pg-loop-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,body.pg-verifying .pg-main{grid-template-columns:1fr;grid-auto-rows:auto}.pg-pane--editor{min-height:22rem}.pg-pane--source{min-height:18rem;border-right:0;border-bottom:1px solid var(--pg-border)}.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}}.pg-btn--focus{position:relative}.pg-btn--focus:before{content:"";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}.pg-btn--focus[aria-disabled=true]{opacity:.55;cursor:not-allowed}.pg-focus-reason{flex-basis:100%;grid-column:1 / -1;font-size:.8rem}.pg-focus-reason[hidden]{display:none}body.pg-focus-view .pg-toolbar-row--actions{grid-template-columns:minmax(0,1fr)}body.pg-focus-view .pg-action-group__controls .pg-btn{min-height:44px;min-width:44px}body.pg-focus-view .pg-footer>:not(.pg-issues),body.pg-focus-view .pg-discovery-tip:not(.drum-notation__tip--practice){display:none}#pg-focus-title{display:none;overflow-wrap:anywhere}body.pg-focus-view #pg-focus-title{display:inline}body.pg-focus-view .pg-preview-label{display:none}