/**
 * The full editor is desktop-first by design (PRD: "do not optimize the
 * full editor for smartphones"). Below the smallest supported target
 * (1280px) we don't attempt a cramped mobile layout — we show a clear,
 * calm notice instead, which is more honest than a broken editor.
 */
.eps-narrow-notice { display: none; }

@media (max-width: 1279px) {
  .eps-editor__body { display: none; }
  .eps-editor__toolbar { display: none; }
  .eps-narrow-notice {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--eps-space-3);
    min-height: 60vh;
    text-align: center;
    padding: var(--eps-space-6);
  }
  .eps-narrow-notice h2 { font-size: 18px; font-weight: 700; margin: 0; }
  .eps-narrow-notice p { color: var(--eps-text-secondary); max-width: 360px; margin: 0; font-size: 13px; }
}

/* 1280–1439px: keep all panels but trim the fixed sidebar widths slightly. */
@media (min-width: 1280px) and (max-width: 1439px) {
  .eps-editor__body { grid-template-columns: 240px 1fr 260px; }
}