/* Loaded on the editor page only. */
#main {
  grid-template-columns: minmax(0, 1fr) 8px minmax(0, var(--pseudly-code-width, 30%));
}
#side { border-left: 0; }
#workspaceSplitter {
  position: relative;
  min-width: 0;
  min-height: 0;
  background: #edf0f5;
  border-inline: 1px solid var(--pseudly-border, #c7d1e2);
  cursor: col-resize;
  touch-action: none;
  user-select: none;
}
#workspaceSplitter::after {
  content: '';
  position: absolute;
  top: calc(50% - 18px);
  left: 2px;
  width: 2px;
  height: 36px;
  border-radius: 2px;
  background: #8090aa;
}
#workspaceSplitter:hover,
#workspaceSplitter:focus-visible,
#main.is-resizing #workspaceSplitter { background: #cbd8ed; }
#workspaceSplitter:focus-visible { outline: 2px solid #253862; outline-offset: -2px; }
body.pseudly-resizing,
body.pseudly-resizing * { cursor: col-resize !important; user-select: none !important; }
@media (max-width: 767.98px) {
  #main {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(240px, 3fr) minmax(180px, 2fr);
  }
  #workspaceSplitter { display: none; }
}