/* ================================================================
   LAYOUT — Main Grid, Center Stage, Right Panels
   ================================================================ */

.main-grid {
  position: relative;
  z-index: 10;
  height: 100vh;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  padding: 24px;
  transition: grid-template-columns 0.3s ease;
}

.panel {
  background: var(--card);
  backdrop-filter: blur(4px);
  border: 1px solid var(--hud-border);
}

.center-stage {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 24px 0;
  overflow-y: auto;
  overflow-x: hidden;
}

.center-content {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.22s ease, transform 0.22s ease;
}

.center-content.is-loading {
  opacity: 0;
  transform: translateY(10px);
}

.right-panels {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: fit-content;
}

.spacer { flex: 1; }