/* Match the chosen 75% desktop composition at normal browser zoom.
   CSS zoom participates in layout; canvas backing sizes use unscaled client
   dimensions so pointer projection and the complete protractor stay aligned. */
@media (min-width: 1100px) and (hover: hover) and (pointer: fine) {
  .ret-app, .ret-app:has(.ret-workspace.has-feedback) {
    zoom: .75;
    max-width: 2133.333px;
    padding-inline: 24px;
  }
  .ret-canvas-wrap {
    height: clamp(300px, calc(133.333dvh - 220px), 720px);
  }
}