.event-rhythm-editor{padding:14px;overflow:auto;height:calc(100% - 56px)}.event-rhythm-preview{position:relative;padding-bottom:38px;max-width:100%}.event-rhythm-preview svg{display:block;width:100%;height:auto}.event-points{position:absolute;left:0;right:0;bottom:0;height:32px}.event-points button{position:absolute;bottom:0;transform:translateX(-50%);font-size:10px;min-height:28px;padding:3px 6px}.event-rhythm-options{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:8px 0}.event-rhythm-options strong{width:100%;font-size:11px;color:#71816e}.event-rhythm-options button{font-size:11px;padding:5px 7px;min-height:30px}.event-rhythm-options button:disabled{opacity:.4}.event-rhythm-tip{font-size:11px;line-height:1.6;color:#748476}.event-rhythm-error{font-size:12px;color:#a6402c}.event-rhythm-editor>button{margin:3px 6px 0 0;font-size:12px}.event-target{position:absolute;z-index:3;padding:0;border:0;background:transparent;min-height:0;border-radius:3px}.event-target:hover,.event-target.active{outline:1px solid #638c69;background:#32735712}.event-target.rest{z-index:5}@media(pointer:coarse){.event-points button,.event-rhythm-options button{min-height:40px}.event-rhythm-preview{padding-bottom:44px}}

.event-rhythm-scroll{max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;margin-bottom:8px;padding-bottom:4px}
.event-rhythm-preview{max-width:none;padding-bottom:56px}
.event-preview-score{position:relative}
.event-points{height:48px}
.event-points button{font-size:12px;min-width:44px;min-height:44px;padding:4px 6px}
.event-points button[aria-pressed=true]{background:#28573f;color:#fffefa;border-color:#28573f}
.event-preview-hits{position:absolute;inset:0;pointer-events:none}
.event-preview-hit{position:absolute;pointer-events:auto;padding:0;min-width:0;min-height:44px;border:0;border-radius:3px;background:transparent}
.event-preview-hit:hover,.event-preview-hit:focus-visible{outline:2px solid #749a71;outline-offset:-2px;background:#32735712}

.event-preview-hits .event-preview-hit[aria-pressed=true]{background:transparent;border:0;box-shadow:none}

.event-rhythm-options button{font-size:12px;min-height:40px;min-width:54px;padding:6px 7px}

.event-rhythm-scroll{overflow:hidden}
.event-rhythm-preview{max-width:100%;padding-bottom:32px}
.event-beat-brackets{position:absolute;inset:auto 0 0;height:28px;pointer-events:none}
.event-beat-brackets span{position:absolute;top:0;height:24px;border:solid #8fa38b;border-width:0 1px 1px;text-align:center;font-size:10px;color:#61755c;padding-top:8px}
.event-extend-choice{display:flex;align-items:center;gap:6px;font-size:12px;color:#5b7054;margin:10px 0}
.event-extend-choice input{width:16px;height:16px;min-height:0}