.melodic-module__ZlWW7G__tool{font:15px/1.5 -apple-system,system-ui,sans-serif}.melodic-module__ZlWW7G__panel{border:1px solid color-mix(in srgb, currentColor 18%, transparent);border-radius:12px;margin-bottom:1.25rem;padding:1rem 1.1rem 1.1rem}.melodic-module__ZlWW7G__groups{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:start;gap:.9rem;display:grid}.melodic-module__ZlWW7G__group{border:1px solid color-mix(in srgb, currentColor 14%, transparent);border-radius:10px;min-inline-size:0;margin:0;padding:.5rem .8rem .8rem}.melodic-module__ZlWW7G__group>legend{text-transform:uppercase;letter-spacing:.09em;opacity:.5;padding:0 .35rem;font-size:.66rem;font-weight:700}.melodic-module__ZlWW7G__groupFields{flex-wrap:wrap;gap:.7rem 1rem;display:flex}.melodic-module__ZlWW7G__field{text-transform:uppercase;letter-spacing:.05em;opacity:.7;flex-direction:column;gap:.22rem;font-size:.68rem;display:inline-flex}.melodic-module__ZlWW7G__field select,.melodic-module__ZlWW7G__field input{text-transform:none;letter-spacing:normal;opacity:1;border:1px solid color-mix(in srgb, currentColor 22%, transparent);background:color-mix(in srgb, currentColor 4%, transparent);color:inherit;border-radius:6px;padding:.28rem .4rem;font-size:15px}.melodic-module__ZlWW7G__check{cursor:pointer;align-items:center;gap:.4rem;display:inline-flex}.melodic-module__ZlWW7G__tool button{font:inherit;border:1px solid color-mix(in srgb, currentColor 30%, transparent);background:color-mix(in srgb, currentColor 8%, transparent);color:inherit;cursor:pointer;border-radius:8px;padding:.5rem 1.5rem;font-weight:600}.melodic-module__ZlWW7G__tool button:hover{background:color-mix(in srgb, currentColor 15%, transparent)}.melodic-module__ZlWW7G__play{font-weight:700}.melodic-module__ZlWW7G__pos{text-transform:none;letter-spacing:normal;opacity:1;align-items:center;gap:.3rem;font-size:15px;display:inline-flex}.melodic-module__ZlWW7G__pos button{border-radius:6px;padding:.2rem .55rem;font-size:.8rem}.melodic-module__ZlWW7G__posLabel{text-align:center;font-variant-numeric:tabular-nums;min-width:6.6rem}.melodic-module__ZlWW7G__tempo{align-items:center;gap:.5rem;display:inline-flex}.melodic-module__ZlWW7G__transport{border-top:1px solid color-mix(in srgb, currentColor 12%, transparent);flex-wrap:wrap;align-items:center;gap:.8rem 1.3rem;margin-top:1rem;padding-top:.9rem;display:flex}.melodic-module__ZlWW7G__status{opacity:.7;font-variant-numeric:tabular-nums;margin-left:auto}.melodic-module__ZlWW7G__sectionHeading{text-transform:uppercase;letter-spacing:.06em;opacity:.55;margin:0 0 .5rem;font-size:.78rem}.melodic-module__ZlWW7G__board{min-height:120px;margin:0 0 1.25rem}.melodic-module__ZlWW7G__board svg{max-width:100%;height:auto}.melodic-module__ZlWW7G__notation{border:1px solid color-mix(in srgb, currentColor 12%, transparent);border-radius:10px;padding:.5rem;overflow-x:auto}.melodic-module__ZlWW7G__notation .at-surface{position:relative}.melodic-module__ZlWW7G__notation .at-cursor-bar{background:#ffcc002e}.melodic-module__ZlWW7G__notation .at-cursor-beat{background:#ff5a3c;width:2.5px}.melodic-module__ZlWW7G__notation .at-highlight *{fill:#ff5a3c;stroke:#ff5a3c}