.header-layout.full-screen {
  display: block;
  overflow: hidden;
  /* flex-direction: column; */
  /* grid-template-areas: "main"; */
  --container-width: 100%;
  /* grid-template-areas: "header header" "sidebar main";
  grid-template-columns: var(--sidebar-width, 0) 1fr;
  grid-template-rows: auto 1fr;
  block-size: 100dvh; */
  .editor-container {
    display: grid;
    grid-template-areas: "header header" "editor preview";
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr var(--preview-width, 0);
    block-size: 100dvh;

    @media (width >= 48rem) {
      grid-template-areas: "header header" "preview editor";
      /* --sidebar-border-width: var(--border);
      --sidebar-padding: var(--size-2); */
      --preview-width: var(--max-i-lg);
    }
  }
}

#preview {
  grid-area: preview;
}

#editor {
  grid-area: editor;
}

.header-layout {
  aside#sidebar {
    display: none;
  }
}

#main {
  .full-screen & {
    /* overflow: hidden; */
    padding: 0;
  }
}

.modal-open {
  main {
    overflow: hidden;
  }
}

/* Hide sheet when previewing a page */
html[data-turbo-visit-direction="forward"][data-turbo-preview] .sheet {
  visibility: hidden;
}