#fretboard-actions{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:4px;min-width:0}
#fretboard-actions[data-paged=false]{grid-template-columns:minmax(0,1fr)}
.fretboard-actions-viewport{min-width:0;overflow:hidden;touch-action:pan-y}
#fretboard-actions #range-tools,body[data-operation-menu=detailed] #fretboard-actions #range-tools{display:grid;grid-template-columns:repeat(var(--action-columns,3),var(--action-cell,36px));grid-template-rows:repeat(var(--action-rows,1),var(--action-height,36px));justify-content:center;align-content:start;gap:6px;width:100%;height:auto;min-height:0;max-height:none;padding:0;overflow:visible}
#fretboard-actions #range-tools .range-icon,body[data-operation-menu=detailed] #fretboard-actions #range-tools .range-icon{display:flex;align-items:center;justify-content:center;gap:5px;flex:none;width:var(--action-cell,36px);min-width:0;height:var(--action-height,36px);min-height:0;padding:7px;border:0;border-radius:18px;background:#f1f1f1;color:#444;text-align:center;white-space:nowrap;box-shadow:none;transform:none}
#fretboard-actions #range-tools .range-icon[data-page-hidden=true]{display:none!important}
#fretboard-actions #range-tools .range-icon svg{width:18px;height:18px;flex:0 0 18px}
#fretboard-actions #range-tools .operation-label,.fretboard-operation-label{display:none}
body[data-operation-menu=detailed] #fretboard-actions #range-tools .fretboard-operation-label{display:block;min-width:0;font-size:11px;line-height:1;white-space:nowrap;pointer-events:none}
#fretboard-actions #range-tools .range-icon.active{background:#222;color:#fff}
#fretboard-actions #range-tools .range-icon:not(:disabled):hover{background:#e7e7e7;color:#222}
#fretboard-actions #fretboard-actions-prev,#fretboard-actions #fretboard-actions-next{display:grid;place-items:center;flex:none;width:28px;height:28px;min-width:28px;min-height:28px;padding:6px;border:0;border-radius:50%;background:#f1f1f1;color:#666}
#fretboard-actions-next svg{transform:rotate(180deg)}
#fretboard-actions>.sr-only{position:absolute}
@media(max-width:760px){#fretboard-actions{--action-height:40px}#fretboard-actions #range-tools .range-icon,body[data-operation-menu=detailed] #fretboard-actions #range-tools .range-icon{border-radius:20px;padding:6px;gap:4px}#fretboard-actions #range-tools .range-icon svg{width:16px;height:16px;flex-basis:16px}}