/* BY-only: improve 3D control legibility without changing its footprint. */
.by-3d-enhanced { font-size: 1.35em !important; font-weight: 700 !important; }
.by-3d-enhanced svg, .by-3d-enhanced img { width: 1.52em !important; height: 1.52em !important; stroke-width: 2.4 !important; }
/* Reserve preview geometry before the bracelet bitmap is ready. */
.bracelet-canvas-wrapper > img,
.bracelet-canvas-wrapper > picture,
.bracelet-canvas-wrapper > picture > img {
  display: block !important;
  width: min(100%, 680px) !important;
  max-width: 680px !important;
  height: auto !important;
  object-fit: contain !important;
}
@media (max-width: 768px) {
  .bracelet-canvas-wrapper > img,
  .bracelet-canvas-wrapper > picture,
  .bracelet-canvas-wrapper > picture > img { width: 100% !important; max-width: 100% !important; }
}