/* Wire-Cube style knob (extracted + slightly generalized) */

.knob{width:64px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;user-select:none;touch-action:none;color:#000}
.knob.small{width:54px;height:54px}
.knob-svg svg{width:48px;height:48px;display:block}
.knob.small .knob-svg svg{width:42px;height:42px}

/* Prefer the wire-cube rotor group (id starts with 'regler') */
.knob-svg svg g[id^="regler"],
.knob-svg svg g[data-knob-rotor]{transform-box:fill-box;transform-origin:50% 50%;transition:transform 0.08s linear}

.knob-label{margin-top:6px;font-size:0.78rem;opacity:0.9;line-height:1}

.knob[aria-disabled="true"]{opacity:0.45;cursor:not-allowed}