/* Las vistas conservan sus dimensiones incluso mientras están ocultas. */
#app {
  display: grid;
  grid-template-columns: 75vw 25vw;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
}

#workspace {
  position: relative;
  min-width: 0;
  min-height: 0;
  background: var(--color-surface);
}

.workspace-view {
  position: absolute;
  inset: 0;
}

.workspace-view[aria-hidden="true"] {
  visibility: hidden;
  pointer-events: none;
}

#viewer-3d { background: var(--color-3d-bg); }
#viewer-2d { background: var(--color-plan-bg); }

.workspace-view canvas {
  display: block;
  width: 100%;
  height: 100%;
}

#menus {
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  border-left: 1px solid var(--color-border);
  background: var(--color-bg);
}

#menu-content {
  min-height: 0;
  overflow: hidden;
}