.measuring-glass-3d {
  position: relative;
  width: min(82vw, 310px);
  height: min(48vh, 360px);
  min-height: 290px;
  margin: 12px auto 8px;
  overflow: hidden;
  border-radius: 28px;
  background:
    radial-gradient(circle at 50% 44%, rgba(124, 32, 58, 0.18), transparent 46%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.018), rgba(255, 255, 255, 0));
  filter: drop-shadow(0 22px 34px rgba(0, 0, 0, 0.30));
  contain: layout paint style;
}

.measuring-glass-3d::after {
  content: "";
  position: absolute;
  left: 22%;
  right: 22%;
  bottom: 7%;
  height: 14px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.26);
  filter: blur(9px);
  pointer-events: none;
}

#measuring-glass-3d-canvas {
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-height: 760px) {
  .measuring-glass-3d {
    height: 300px;
    min-height: 260px;
    margin-top: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .measuring-glass-3d {
    filter: none;
  }
}