/* RobX Code — страница редактора (robx.online/code/). Свой вид у редактора
   уже есть (это Scratch 3), здесь только место под него: шапка портала
   сверху, меню редактора в ней, ниже — редактор белой карточкой на весь
   экран. Отступы и скругления — как у шапки (8 px от краёв экрана). */

html, body { height: 100%; }
/* Фон — как у всего портала (--rx-bg кабинета), и у редактора тот же:
   в сборке Scratch $ui-primary заменён на него (colors.css). */
body.rc-page { overflow: hidden; background: #f0f4f9; }

/* Шапка выше редактора: её выпадающие меню (Файл, «Сервисы RobX», профиль)
   ложатся поверх. Карточка редактора не создаёт своего слоя (position:
   absolute без z-index), поэтому полноэкранная сцена Scratch (z-index 5000)
   и окна (510, в <body>) остаются выше шапки, а подсказки и тосты (≤ 491) —
   ниже её меню. */
.rc-page .rx-nav { z-index: 500; }

.rc-sr {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* ── Меню редактора ─────────────────────────────────────────────────────
   В шапке — после логотипа, отделено тонкой чертой. Своих стилей у пунктов
   здесь нет: их вид — в сборке (menu-bar.css, .in-host). */
.rc-menu { display: flex; align-items: center; min-width: 0; }
.rc-menu:empty { display: none; }
.rc-menu.is-in-nav {
  flex: 0 1 auto;
  margin-left: 4px;
  padding-left: 12px;
  border-left: 1px solid rgba(15, 23, 42, .1);
}
/* Уже 900 px шапка — логотип и круглые кнопки: меню идёт полосой под ней. */
.rc-menu:not(.is-in-nav) {
  position: absolute; left: 8px; right: 8px; z-index: 499; /* ниже шапки: её панели ложатся поверх полосы */
  height: 54px; padding: 0 8px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 18px;
  box-shadow: 0 4px 14px -6px rgba(30, 60, 130, .12);
}

/* ── Редактор ──────────────────────────────────────────────────────────── */
.rc-app {
  position: absolute; top: 82px; left: 8px; right: 8px; bottom: 8px;
  overflow: auto;
  background: #f0f4f9;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* Редактор занимает ровно окно — без прокрутки вверх-вниз (заказчик,
   29.10.2026: «чтобы не надо было ходить вверх-вниз»). Уже 1024 px Scratch
   сам переходит на маленькую сцену; вбок карточка прокручивается только на
   телефоне. */
.rc-app > div:not(.loading-screen) { height: 100%; min-width: 960px; }
/* Разделы блоков (Движение, Внешний вид…) прокручиваются, и последний не
   прячется под кнопкой расширений: под списком — место под неё. */
.rc-app .scratchCategoryMenu { padding-bottom: 3.5rem; }

/* Кит портала навязывает Montserrat кнопкам и полям; у Scratch свой шрифт. */
.rc-app button, .rc-app input, .rc-app textarea, .rc-app select,
.ReactModalPortal, .ReactModalPortal button, .ReactModalPortal input {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.rc-app .loading-screen {
  display: flex; height: 100%; flex-direction: column; align-items: center; justify-content: center;
  color: #64748b; font: 600 15px Montserrat, Arial, sans-serif;
}
.rc-app .loading-screen .spinner {
  font-size: 40px; margin-bottom: 20px; color: #2563eb;
  animation: rcSpin 1s linear infinite;
}
.rc-app .loading-screen p { margin: 0; }
@keyframes rcSpin { to { transform: rotate(360deg); } }
.rc-noscript { max-width: 520px; margin: 40px auto; padding: 0 16px; font: 15px/1.5 Montserrat, Arial, sans-serif; color: #334155; text-align: center; }

/* ── Дополнение «Minecraft»: что ответил робот ─────────────────────────── */
/* Плашка внизу по центру (браузерные alert() на портале запрещены). Её
   создаёт src/lib/robx-minecraft в сборке редактора. */
.robx-mc-toast {
  position: fixed; left: 50%; bottom: 24px; z-index: 600;
  max-width: min(560px, calc(100vw - 32px)); padding: 12px 18px;
  transform: translate(-50%, 16px); opacity: 0; pointer-events: none;
  background: #1f2937; color: #fff; border-radius: 14px;
  box-shadow: 0 10px 30px -10px rgba(15, 23, 42, .5);
  font: 600 14px/1.4 Montserrat, Arial, sans-serif; text-align: center;
  transition: opacity .2s ease, transform .2s ease;
}
.robx-mc-toast::before {
  content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 8px;
  background: #1CB0C8; box-shadow: inset 0 -3px 0 #0E7C90; vertical-align: 0; /* цвет раздела Minecraft */
}
.robx-mc-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }