/* body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
    Arial, sans-serif;
  margin: auto;
  max-width: 38rem;
  padding: 2rem;
} */

body {
  width: 100vw;
  height: 100vh;
  /* margin: 0; */
  /* padding: 0; */
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  grid-template-columns: auto minmax(0, 4fr);
}

body > header {
  padding: 0px;
  grid-column: 1 / -1;
  grid-row: 1;
}

body > main {
  grid-column: 2;
  grid-row: 2;
  padding: 0;
}

aside {
  grid-column: 1;
  grid-row: 2;
  resize: horizontal;
  overflow: hidden;
  border: 1px solid green;

  min-width: 120px;
  max-width: 50vw;
  width: 200px;
}

#editorGrid {
  display: grid;
  height: minmax(0, 100%);
  width: minmax(0, 100%);
  overflow: auto;
  grid-auto-flow: column;
  grid-auto-columns: min-content;
  grid-gap: 1em;
  grid-template-columns: none;
  /* grid-template-columns: 1fr; */
  overflow-x: auto;
}

.editorWrapper {
  min-width: fit-content;
}