/* Same chord tokens, type and rhythm as the accepted metronome songbook. */
.sb-line{position:relative;display:block;min-width:0;text-align:left;font-size:inherit;color:inherit;isolation:isolate;--sb-reserve:calc(.80em + 3px)}
.sb-flow{position:relative;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.4}
.sb-glyph{position:relative;display:inline-block;white-space:pre;padding-top:var(--sb-reserve)}
.sb-gap{position:relative;display:inline-block;line-height:1.4;vertical-align:baseline;white-space:pre;box-sizing:content-box;padding-top:var(--sb-reserve)}
.sb-letter{white-space:pre}.sb-overlay{position:absolute;inset:0;pointer-events:none}
.sb-chord{position:absolute;white-space:nowrap;line-height:1.05;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:.72em;font-weight:850;letter-spacing:0;color:#17120a;background:#ffe66d;border:1px solid #fff4ad;border-radius:.28em;padding:.02em .28em .04em;margin:0;box-shadow:0 0 .42em rgba(255,230,109,.5);pointer-events:auto;min-height:0;min-width:0;cursor:default}
.sb-layer-P{color:#fff;background:#c72bd7;border-color:#f09afa;box-shadow:0 0 .42em rgba(199,43,215,.5)}
.sb-chord.selected{outline:2px solid #fff;outline-offset:2px}.sb-chord.unresolved{position:relative!important;display:inline-block;color:#ffaaaa;background:#4b1820;border-color:#ff7878;top:0!important;left:0!important}
.sb-target{position:absolute;border-bottom:3px solid #f5dd64;background:#e4cd5855;pointer-events:none}
.song-editing .sb-chord{cursor:grab}.song-editing .sb-gap{background:#96adc20a;border-bottom:1px dotted #738b96}
.sb-note,.sb-inline-note{color:#c8f7b8;font-style:italic;font-weight:400}.sb-note.alert{color:#ff9b95}.sb-legacy{font-size:.75em;color:#adc1d4}
.sb-beats{display:inline-flex;gap:.35em;align-items:center;white-space:nowrap;min-height:1.2em}
.sb-dot{display:inline-block;width:14px;height:.95em;border-radius:3px;border:1px solid rgba(255,106,58,.9);background:#FF6A3A;box-shadow:0 0 6px rgba(255,106,58,.55),0 0 12px rgba(255,106,58,.35)}
.sb-drum{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;color:#c8e6d1;opacity:.95;white-space:pre-wrap}
.sb-drum.note-alert{margin:0 .12em;padding:.08em .42em .12em;border:2px solid #fff176;border-radius:.28em;background:#ff1744;color:#fff;font-style:normal;font-weight:900;letter-spacing:.02em;opacity:1;text-shadow:0 1px 1px rgba(75,0,12,.95);box-shadow:0 0 0 2px rgba(255,23,68,.34),0 0 12px rgba(255,23,68,.92),0 0 26px rgba(255,23,68,.58)}

.sb-music-row{display:grid;grid-template-columns:var(--se-beats-width,140px) var(--se-drum-width,160px) minmax(0,1fr);column-gap:.8em;align-items:start;margin:.15em 0;padding-bottom:.42em;line-height:1.4;font-weight:400;color:#e8e8f0}.sb-music-row>.sb-beats,.sb-music-row>.sb-drum{padding-top:calc(.82em + 2.4px)}.sb-music-row>.sb-drum.note-alert{margin-top:calc(.82em + 2.4px);padding-top:.08em}.sb-text{min-width:0}.sb-role-c,.sb-role-r{color:#FFD36B;font-weight:500}.sb-role-p{color:#ff9ad5;font-weight:500}.sb-role-b{color:#9fd5ff;font-weight:500}.sb-role-g{color:#9dffb3;font-weight:500}.sb-section-row{display:flex;justify-content:center;padding:.2em 0}.sb-section{color:#75dcff;background:rgba(41,126,161,.18);border:1px solid rgba(117,220,255,.36);border-radius:.38em;padding:.06em .62em .12em;font-style:normal;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
