.guide-beat{font-family:inherit;color:#1b2631;background:#fafbf9;border:1px solid #dce5de;border-radius:16px;padding:clamp(14px,3vw,26px);margin:24px 0;max-width:100%;box-sizing:border-box}
.guide-beat *{box-sizing:border-box}.guide-beat__header h3{margin:0 0 6px;font-size:1.35rem}.guide-beat__header p{margin:0 0 18px;color:#52615a}.guide-beat__toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.guide-beat__toolbar label{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px}.guide-beat__toolbar button,.guide-beat__toolbar select{font:inherit;border-radius:8px;border:1px solid #b9c9bf;padding:9px 13px;cursor:pointer;background:white;color:#193f31}.guide-beat__toolbar .guide-beat__play{background:#216f4e;color:white;border-color:#216f4e;font-weight:700}.guide-beat__toolbar input{accent-color:#216f4e;max-width:120px}.guide-beat__scroll{overflow-x:auto;padding-bottom:6px}.guide-beat__grid{min-width:600px;display:grid;grid-template-columns:84px repeat(16,minmax(25px,1fr));gap:5px;align-items:center}.guide-beat__instrument{font-size:13px;font-weight:700}.guide-beat__step{height:36px;border-radius:6px;border:1px solid #d3ddd7;background:#e8eee9;cursor:pointer;min-width:0;padding:0;touch-action:manipulation}.guide-beat__step:nth-child(4n + 2){border-left-color:#a7b9ac}.guide-beat__step[aria-pressed="true"]{background:#28865d;border-color:#206b4a}.guide-beat__step.is-current{outline:3px solid #efae46;outline-offset:-2px}.guide-beat__step:focus-visible{outline:3px solid #1263b0;outline-offset:1px}.guide-beat__hint{font-size:13px;color:#52615a;margin:15px 0 4px}.guide-beat__status{font-size:13px;margin:4px 0 0;color:#8a3c22;min-height:1em}@media(max-width:640px){.guide-beat__toolbar{align-items:flex-start}.guide-beat__grid{min-width:570px}}