.km-face{z-index:1;background:var(--km-surface-2);color:var(--km-ink);gap:clamp(1rem,.5rem + 1.5vw,1.75rem);padding:clamp(1rem,.6rem + 1.6vw,2rem);display:grid;position:relative}.km-face-top{grid-template-columns:auto 1fr;align-items:center;gap:.25rem .875rem;display:grid}.km-lamp{background:var(--km-surface);width:14px;height:14px;transition:background-color .24s ease, transform .24s var(--km-ease-out);border-radius:999px;grid-row:span 2}.km-lamp[data-lit=true]{background:var(--km-accent);transform:scale(1.15)}.km-face-rig{font-size:var(--km-step-body);color:var(--km-muted);font-weight:500}.km-face-now{font-family:var(--font-display);font-weight:900;font-size:var(--km-step-lead);letter-spacing:var(--km-display-tracking);min-height:1.05em;line-height:1.05}.km-face-now span{color:var(--km-muted);font-family:var(--font-text);font-weight:500;font-size:var(--km-step-body);letter-spacing:0}.km-face-knobs{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem .5rem;display:grid}.km-knob{text-align:center;justify-items:center;gap:.5rem;min-width:0;display:grid}.km-knob[hidden]{visibility:hidden;display:grid}.km-knob-dial{aspect-ratio:1;width:100%;max-width:132px;position:relative}.km-knob-dial svg{width:100%;height:100%;display:block;overflow:visible}.km-k-track{fill:none;stroke:var(--km-surface);stroke-width:7px;stroke-linecap:round}.km-k-arc{fill:none;stroke:var(--km-amp);stroke-width:7px;stroke-linecap:round}.km-k-tick{stroke:var(--km-faint);stroke-width:2.2px;stroke-linecap:round;opacity:.45}.km-k-tick[data-on=true]{stroke:var(--km-ink);opacity:1}.km-k-cap{fill:var(--km-surface)}.km-k-dot{fill:var(--km-ink)}.km-k-pointer{stroke:var(--km-accent);stroke-width:4px;stroke-linecap:round}.km-k-rot{transform-box:view-box;transform-origin:50%}.km-knob-value{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;pointer-events:none;place-items:center;font-size:clamp(1.125rem,.8rem + 1.2vw,1.75rem);font-weight:900;display:grid;position:absolute;inset:0}.km-knob-name{font-size:var(--km-step-small);font-weight:700;line-height:1.25}.km-knob-sel{font-size:var(--km-step-small);color:var(--km-accent);min-height:1.25em;font-weight:700;line-height:1.25}.km-plate .km-knob-name,.km-plate .km-knob-sel{font-size:var(--km-step-small)}