.template-preview-shell {
  overflow: hidden;
  min-height: 720px;
  border: 1px solid #dedbd2;
  border-radius: 19px;
  background: #171813;
}

.template-preview-frame {
  display: block;
  width: 100%;
  height: 720px;
  border: 0;
  background: #fff;
}

body.has-template-frame {
  overflow: hidden;
  background: #111;
}

.public-template-frame {
  display: block;
  width: 100%;
  height: 100dvh;
  min-height: 100vh;
  border: 0;
  background: #fff;
}

@media (max-width: 920px) {
  .template-preview-shell,
  .template-preview-frame {
    min-height: 760px;
    height: 760px;
  }
}