.loupe{position:absolute;left:var(--x,50%);top:var(--y,50%);width:var(--loupe,200px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}.loupe-static{position:relative;left:auto;top:auto;transform:none}.loupe-lens{position:absolute;inset:0;overflow:hidden;border-radius:50%;border:2px solid var(--surface-0);box-shadow:0 0 0 1px var(--ink-900);background-color:var(--ink-900)}.loupe-lens img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:none;object-position:var(--zx,50%) var(--zy,50%)}.loupe-lens .loupe-px{image-rendering:pixelated}.loupe-lens .loupe-vec{clip-path:inset(0 0 0 50%)}.loupe-lens::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:var(--surface-0)}.loupe-node{position:absolute;left:50%;top:0;width:var(--space-3);height:var(--space-3);border-radius:50%;background:var(--swatch-marigold);box-shadow:0 0 0 1px var(--ink-900);transform:translate(-50%,-50%)}.loupe-tags{position:absolute;left:0;right:0;bottom:var(--space-3);display:flex;justify-content:center;gap:var(--space-6)}.loupe-tags span{padding:0 var(--space-2);border-radius:var(--r-pill);background:var(--surface-0);color:var(--ink-900);font-size:var(--fs-ui-micro,var(--fs-micro));font-weight:600;line-height:1.6}.loupe-live{transform:translate(var(--dx,0),var(--dy,0)) translate(-50%,-50%);will-change:transform}.loupe-live .loupe-lens img{display:none}.loupe-live .loupe-lens{background-image:var(--loupe-px-src);background-repeat:no-repeat;background-position:var(--bx,0) var(--by,0);background-size:var(--bw,auto) var(--bh,auto);image-rendering:pixelated}.loupe-live .loupe-lens::before{content:"";position:absolute;inset:0;background-color:var(--ink-900);background-image:var(--loupe-vec-src);background-repeat:no-repeat;background-position:var(--bx,0) var(--by,0);background-size:var(--bw,auto) var(--bh,auto);image-rendering:auto;clip-path:inset(0 0 0 50%)}.loupe-stage-live{cursor:crosshair}@media (max-width:720px){.loupe{--loupe:var(--loupe-sm,168px)}}