@property --lift{syntax:"<number>";inherits:true;initial-value:0}.usm{--usm-tile:color-mix(in oklch, var(--iso-neutral-top) 45%, var(--surface));--usm-tile-edge:var(--canvas);--usm-plate:var(--iso-neutral-left);--usm-lit:color-mix(in oklch, var(--iso-top) 42%, var(--surface));--usm-spring:linear(0, .024, .082, .164, .26, .363, .466, .566, .659, .743, .816, .879, .931, .973, 1.006, 1.03, 1.047, 1.058, 1.063, 1.065, 1.063, 1.06, 1.054, 1.048, 1.042, 1.035, 1.028, 1.022, 1.017, 1.012, 1.008, 1.005, 1.002, 1, .998, .997, .996, .996, 1)}.usm-stage{position:relative}.usm-svg{-webkit-tap-highlight-color:transparent;width:100%;height:auto;display:block;overflow:visible}.usm-plate use{fill:var(--usm-plate);stroke:var(--usm-plate);stroke-width:1px}.usm-tile{fill:var(--usm-tile);stroke:var(--usm-tile-edge);stroke-width:1px;vector-effect:non-scaling-stroke;transition:fill var(--duration-6) var(--ease-out) calc(var(--o,0) * .28s)}.usm-tile[data-lit]{fill:var(--usm-lit)}.usm-link{cursor:pointer;outline:none}@media (prefers-reduced-motion:no-preference){.usm-tile{animation:usm-tile-in .64s var(--ease-out) calc(var(--o,0) * .42s) both}}@keyframes usm-tile-in{0%{opacity:0;transform:translateY(-5px)}}.usm-slab{--lift:0;--rise:calc(var(--lift) * var(--lift-max,15) * 1px);pointer-events:none;transition:--lift var(--duration-5) var(--ease-out)}.usm-slab[data-up]{--lift:1;transition:--lift .62s var(--usm-spring)}@starting-style{.usm-slab[data-up]{--lift:0}}.usm-socket{opacity:clamp(0, calc(var(--lift) * 3), 1);fill:var(--iso-ground-right)}.usm-shadow{opacity:clamp(0, var(--lift), 1);fill:oklch(var(--shadow-color) / .22);transform:translate(calc(var(--rise) * .5), calc(var(--rise) * .35 / .8))}.usm-wall{fill:color-mix(in oklch, var(--iso-left) calc(var(--k) * 100%), var(--iso-right));stroke:color-mix(in oklch, var(--iso-left) calc(var(--k) * 100%), var(--iso-right));stroke-width:2px;transform:translateY(calc(var(--rise) * var(--k) / -.8))}.usm-top{fill:var(--iso-top);stroke:var(--iso-right);stroke-width:.75px;vector-effect:non-scaling-stroke;transform:translateY(calc(var(--rise) / -.8))}.usm-code{font-family:var(--font-numeric);dominant-baseline:central;letter-spacing:.02em;opacity:clamp(0, calc(var(--lift) * 2 - .6), 1);text-anchor:middle;fill:#fff;fill:lab(100% 0 0);transform:translateY(calc(var(--rise) * -1));font-weight:600}@media (prefers-reduced-motion:reduce){.usm-slab,.usm-slab[data-up],.usm-tile{transition:none}}.usm-key{cursor:pointer;outline:none}.usm-leader{fill:none;stroke:var(--border-strong);stroke-width:.6px;transition:stroke var(--duration-3) var(--ease-out)}.usm-leader-dot{fill:var(--border-strong)}.usm-key-box{fill:var(--usm-tile);stroke:var(--border);stroke-width:.75px;transition:fill var(--duration-3) var(--ease-out), stroke var(--duration-3) var(--ease-out)}.usm-key-text{font-family:var(--font-numeric);dominant-baseline:central;text-anchor:middle;fill:var(--text-secondary);transition:fill var(--duration-3) var(--ease-out);font-size:9px;font-weight:500}.usm-key[data-lit] .usm-key-box{fill:var(--usm-lit)}.usm-key[data-on] .usm-key-box{fill:var(--iso-top);stroke:var(--iso-right)}.usm-key[data-on] .usm-key-text{fill:#fff;fill:lab(100% 0 0)}.usm-key[data-on] .usm-leader{stroke:var(--iso-right)}.usm-key[data-on] .usm-leader-dot{fill:var(--iso-right)}.usm-key:focus-visible .usm-key-box{stroke:var(--accent);stroke-width:1.5px}.usm-card{z-index:2;pointer-events:none;transform:translate(var(--x), var(--y));transition:transform var(--duration-4) var(--ease-out);position:absolute;inset:0}.usm-card-body{transform-origin:50% 100%;width:18.5rem;animation:usm-card-in var(--duration-4) var(--ease-out) both;padding:.75rem .875rem;position:absolute;top:0;left:0;transform:translate(-50%,calc(-100% - 14px))}.usm-card[data-below] .usm-card-body{transform-origin:50% 0;transform:translate(-50%,14px)}@keyframes usm-card-in{0%{opacity:0;scale:.97}}@media (max-width:640px){.usm-card{display:none}}@media (prefers-reduced-motion:reduce){.usm-card{transition:none}.usm-card-body{animation:none}}.usm-lens{font-size:var(--text-caption,12px);color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-subtle);transition:border-color var(--duration-3) var(--ease-out), color var(--duration-3) var(--ease-out), background-color var(--duration-3) var(--ease-out), transform var(--duration-3) var(--ease-out);border-radius:999px;padding:.3rem .75rem}.usm-lens:hover{color:var(--text-primary);border-color:var(--accent-border)}.usm-lens:active{transform:scale(.97)}.usm-lens:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.usm-lens[aria-pressed=true]{color:var(--accent);background:var(--accent-subtle);border-color:var(--accent-border)}.usm-legend{align-items:center;gap:.375rem;min-height:1.25rem;display:inline-flex}.usm-swatch{background:var(--usm-lit);width:.625rem;height:.625rem;box-shadow:inset 0 0 0 1px var(--iso-right);border-radius:2px;display:inline-block}fieldset.usm-lenses{border:0;min-width:0;margin:0;padding:0}.usm-swatch[data-off]{background:var(--usm-tile);box-shadow:inset 0 0 0 1px var(--border-strong)}.usm-card[data-compact] .usm-card-body{width:13.5rem;padding:.5rem .75rem}