.musical{--music-line:var(--wa-border,var(--rule));--music-accent:var(--wa-accent,var(--accent));border:1px solid var(--music-line);border-radius:.75rem;min-width:0;padding:1rem}.musical h2{margin:0 0 .5rem;font-size:1.15rem}.musical p{font-size:.85rem;line-height:1.5}.musical-controls,.musical-actions,.musical-pads,.musical-macros{flex-wrap:wrap;gap:.5rem;margin:.75rem 0;display:flex}.musical label{flex:1;gap:.25rem;min-width:6rem;font-size:.78rem;display:grid}.musical button,.musical select,.musical input{font:inherit;color:inherit;border:1px solid var(--music-line);background:0 0;border-radius:.3rem;min-height:44px;padding:.4rem}.musical button{cursor:pointer}.musical button:focus-visible,.musical select:focus-visible,.musical input:focus-visible,.musical summary:focus-visible{outline:2px solid var(--music-accent);outline-offset:3px}.musical button[aria-pressed=true],.musical .music-root{border:2px solid var(--music-accent);font-weight:700}.musical details{margin-top:.75rem}.musical summary{cursor:pointer;padding:.5rem 0}.musical select option{background:var(--wa-surface,var(--bg));color:var(--wa-text,var(--fg))}.musical-frets{max-width:100%;overflow:auto}.musical-frets table{border-collapse:separate;border-spacing:2px;width:max-content}.musical-frets button{width:46px;font-size:.72rem}.musical-frets th{font-size:.7rem;font-weight:400}.musical .music-out{color:var(--wa-muted,var(--muted))}.musical-piano{display:flex;overflow:auto}.musical-piano button{border-radius:0;min-width:42px;height:80px}.musical-piano .music-black{background:var(--wa-raised,var(--code-bg));height:54px}.musical-circle{width:280px;height:280px;margin:auto;position:relative}.musical-circle button{width:48px;position:absolute;transform:translate(-50%,-50%)}.musical-status{min-height:2.5em}.musical-progress{flex-wrap:wrap;gap:.4rem;display:flex}.musical-progress button{font-size:.8rem}.musical [hidden]{display:none!important}.wa-combinator-host{flex:1;min-width:0;min-height:0;overflow:auto}.wa-page-synth[data-view=combinator] .wa-synth-side{display:none}.wa-combinator-host .musical{max-width:1100px;margin:0 auto}.musical-practice{border-top:1px solid var(--music-line);padding-top:.6rem}@media (width<=600px){.musical{padding:.65rem}.musical-controls>label{min-width:40%}}
