/*
 * Editor overlay — full-screen pages using layout "editor".
 *
 * Subtle fade + scale on mount/unmount, so the transition from the
 * underlying page feels like a modal coming forward. Exit is triggered
 * by `overlay_exit_controller` on the close link; both respect
 * `prefers-reduced-motion`.
 */

@keyframes editor-overlay-enter {
  from { opacity: 0; transform: scale(0.985); }
  to   { opacity: 1; transform: scale(1); }
}

@keyframes editor-overlay-exit {
  from { opacity: 1; transform: scale(1); }
  to   { opacity: 0; transform: scale(0.985); }
}

.layout-editor {
  transform-origin: center top;
  animation: editor-overlay-enter 180ms cubic-bezier(0.4, 0, 0.2, 1);
}

.layout-editor--exiting {
  animation: editor-overlay-exit 180ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@media (prefers-reduced-motion: reduce) {
  .layout-editor,
  .layout-editor--exiting {
    animation: none;
  }
}