/* Scoped production bridge for the matching PagePresentation.vue layout change.
 * The element selector outranks the page's lazily loaded Vue scoped rules.
 * Small screens retain the existing preview-first column layout.
 */
@media (min-width: 901px) {
  .presentation-editor div.studio-layout {
    grid-template-columns: minmax(0, 1fr) 340px;
    grid-template-areas: "preview panel";
  }

  .presentation-editor div.studio-layout > .studio-panel {
    grid-area: panel;
  }

  .presentation-editor div.studio-layout > .studio-preview {
    grid-area: preview;
  }
}

@media (min-width: 1800px) {
  .presentation-editor div.studio-layout:not(.studio-layout--structure) {
    grid-template-columns: minmax(0, 1fr) 370px;
  }
}

@media (min-width: 901px) and (max-width: 1150px) {
  .presentation-editor div.studio-layout {
    grid-template-columns: minmax(0, 1fr) 310px;
  }
}