.lens{margin:4px 0 14px;max-width:560px}.lens-row{padding:0 10px}.lens-track{position:relative;height:44px;cursor:pointer;touch-action:none;outline:none}.lens-rail{left:0;right:0;height:2px;margin-top:-1px;background:var(--mn-hair)}.lens-rail,.lens-stop{position:absolute;top:50%}.lens-stop{width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--mn-paper);border:1.5px solid var(--mn-soft)}.lens-stop.is-on{border-color:var(--mn-ink)}.lens-thumb{position:absolute;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--mn-ink);box-shadow:0 0 0 3px var(--mn-paper)}.lens-labels{position:relative;height:22px;margin:4px 10px 0}.lens-labels button{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap;padding:2px 0;background:none;border:0;font:12.5px var(--font-sans);color:var(--mn-soft);cursor:pointer}.lens-labels button:first-child{transform:none;margin-left:-10px}.lens-labels button:last-child{transform:translateX(-100%);margin-left:10px}.lens-labels button.is-on{color:var(--mn-ink);font-weight:600}.lens-beat{display:flex;align-items:flex-start;gap:8px;margin-top:8px;font:13px/1.4 var(--font-sans);color:var(--mn-ink);cursor:pointer}.lens-beat input{accent-color:var(--mn-ink);margin-top:2px}.lens.is-beat .lens-labels,.lens.is-beat .lens-track{opacity:.35;cursor:default}.lens-dd b.is-d{color:var(--mn-dem-deep)}.lens-dd b.is-r{color:var(--mn-rep-deep)}.lens-dd b{font-variant-numeric:tabular-nums}.lens-key{display:block;margin-bottom:4px;font:600 12px var(--font-sans);color:var(--mn-ink)}.lens-key.is-blend{color:var(--mn-soft);font-weight:500;font-style:italic}.st-lens-read{margin:-6px 0 8px;font:13px/1.45 var(--font-sans);color:var(--mn-ink)}.st-lensrow:empty{display:none}@media (max-width:720px),(pointer:coarse){.lens-labels{height:44px;margin-top:0}.lens-labels button{min-height:44px;padding:0}}