#subdivisionPreview{box-sizing:border-box;width:min(1040px,94vw);max-height:92vh;overflow:auto;padding:24px;border:1px solid #becdc1;border-radius:22px;background:#fafbf7;color:#183a38}#subdivisionPreview::backdrop{background:#183a3877}#subdivisionPreview header,#subdivisionPreview nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}#subdivisionPreview header{justify-content:space-between}#subdivisionPreview h2{margin:0;font-size:24px}#subdivisionPreview button{padding:12px 16px;min-height:44px}#subdivisionPreview .sub-note,#subdivisionPreview .sub-tempo,#subdivisionPreview .sub-status{color:#667773;font-size:14px}#subdivisionPreview .sub-bar,#subdivisionPreview .sub-chords{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}#subdivisionPreview .sub-bar{margin-top:24px}#subdivisionPreview .sub-half{display:flex;justify-content:space-around;gap:4px;min-width:0;padding:10px 3px;background:#f1f5ed;border:1px solid #bacaba;border-radius:9px}#subdivisionPreview .sub-half:nth-child(2n){margin-right:5px}#subdivisionPreview .sub-half>span{display:flex;flex:1;flex-direction:column;gap:8px;align-items:center}#subdivisionPreview small{font-size:13px;font-weight:400}#subdivisionPreview strong{font-size:29px;line-height:1.3}#subdivisionPreview .sub-half[aria-pressed=true]{border-color:#1a6659}#subdivisionPreview .sub-chords span{text-align:center;min-height:32px;padding-top:8px;font-weight:700}#subdivisionPreview .sub-editor{background:#eaf0e5;padding:16px;border-radius:12px;margin-top:15px}#subdivisionPreview .sub-editor[hidden]{display:none}#subdivisionPreview h3{margin:0 0 12px}#subdivisionPreview .sub-four{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}#subdivisionPreview .sub-four button{display:flex;flex-direction:column;gap:8px;align-items:center}#subdivisionPreview .sub-active{background:#f7e5c5!important;color:#874810;border-color:#d98c45}#subdivisionPreview .sub-shape{display:none}#subdivisionPreview.sub-present .sub-shape{display:block;text-align:center}#subdivisionPreview .sub-shape svg{width:min(350px,60vw);height:350px}#subdivisionPreview.sub-present strong{font-size:38px}@media(max-width:600px){#subdivisionPreview{padding:16px}#subdivisionPreview nav{gap:6px}#subdivisionPreview nav button{font-size:12px;padding:9px}#subdivisionPreview strong{font-size:22px}#subdivisionPreview .sub-bar{gap:3px}#subdivisionPreview small{font-size:11px}}
#subdivisionPreview .sub-half,#subdivisionPreview .sub-four button{color:#183a38}#subdivisionPreview .sub-four button{background:#fafbf7;border:1px solid #bacaba;border-radius:9px}
.strum-halves{display:flex;justify-content:space-around;align-items:center;gap:2px;width:100%}.strum-half{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-width:0;border-radius:4px;color:#183a38}.strum-half small{position:static!important;font-size:9px!important;line-height:1.2}.strum-half b{font-size:16px;line-height:1.3}.song-step.has-sixteenths>small{display:none!important}.song-step.has-sixteenths>strong{width:100%}.strum-half-active{background:#f7e5c5;color:#874810}.lab-step:has(.strum-halves)>small{display:none}.lab-step .strum-half small{font-size:clamp(11px,1.2vw,19px)!important}.lab-step .strum-half b{font-size:clamp(20px,2.4vw,42px)}
.strum-mark{position:relative;display:inline-block;line-height:1;padding-block:.14em}
.strum-mark::after{content:"";position:absolute;left:50%;width:.13em;height:.13em;transform:translateX(-50%);border-radius:50%;background:currentColor}
.strum-mark-down::after{bottom:0}
.strum-mark-up::after{top:0}

#subdivisionPreview .sub-preset{box-sizing:border-box;width:auto;max-width:100%;min-height:44px;margin:0;padding:8px 12px}