/* Preview box */
.preview-box {
  border: 2px dashed #d6e2dd;
  border-radius: 18px;
  background: #fff;
  padding: 18px;
  width: 100%;
  height: min(727px, calc(100vh - 220px));
  min-height: 520px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.preview-scale {
  transform-origin: top left;
  display: inline-block;
}

/* Mobile responsiveness */
@media (max-width: 980px) {
  .preview-box {
    height: auto;
    min-height: 400px;
    max-height: 600px;
  }
}

@media (max-width: 640px) {
  .preview-box {
    padding: 12px;
    border-radius: 14px;
    min-height: 300px;
    max-height: 500px;
  }
}