/* Let the document scroll naturally. Both preview and print sheet fit the available panel. */
@media screen {
  body[data-studio-mode] .editor-body { max-height: none !important; overflow: visible !important; overscroll-behavior: auto; }
  body[data-studio-mode] .workspace { align-items: start; }
  body[data-studio-mode] .stage { min-width: 0; }
  body[data-studio-mode] .canvas-wrap { display: flex; align-items: center; justify-content: center; overflow: hidden !important; min-width: 0; height: clamp(270px, calc(100dvh - 220px), 750px); }
  body[data-studio-mode] .canvas-wrap canvas:not([hidden]) { display: block; flex: none; min-width: 0; min-height: 0; max-width: 100%; max-height: 100%; object-fit: contain; }
}
@media screen and (min-width: 951px) {
  body[data-studio-mode] .workspace { grid-template-columns: minmax(340px,clamp(370px,27vw,490px)) minmax(0,1fr); gap: clamp(10px,1.1vw,20px); }
  body[data-studio-mode] .stage { position: sticky; top: 8px; }
  body[data-studio-mode] .stage-body { padding: clamp(9px,1vw,16px); }
  body[data-studio-mode] .editor-body { padding: clamp(10px,1vw,16px); }
}
@media screen and (max-width: 950px) {
  body[data-studio-mode] .stage { position: static; }
  body[data-studio-mode] .canvas-wrap { height: clamp(280px, 53dvh, 600px); }
}