.zoom-row{display:flex; flex-wrap:wrap; gap:1.2rem; margin:1.4rem 0;}
.zoom-item{flex:1 1 10rem; min-width:8rem;}
.zoom-base-wrap{position:relative;}
.zoom-base{width:100%; display:block; cursor:crosshair; border:1px solid var(--line);}
.zoom-reticle{
  position:absolute; border:1px solid #fff; border-radius:50%;
  background:rgba(255,255,255,.15); box-shadow:0 0 4px rgba(0,0,0,.6); pointer-events:none;
}
.zoom-closeup{
  width:100%; aspect-ratio:1/1; border-radius:50%; border:2px solid var(--paper-2);
  overflow:hidden; background-repeat:no-repeat; margin:.6rem auto 0; box-shadow:0 2px 8px rgba(0,0,0,.35);
}
.zoom-caption{font-size:.78rem; color:var(--text-dim); text-align:center; margin-top:.4rem;}