/* ==========================================================================
   ГРАВИУМ Space — раскладка редактора (v4)

   Баг: после добавления подписи «Живой предпросмотр» и плитки фактов заготовка
   стала маленькой, а низ панели обрезался.

   Причина: у .sky-workspace было ровно три строки сетки
   `grid-template-rows: auto minmax(0,1fr) auto` — под тулбар, сцену и сноску.
   Мои два новых элемента сдвинули порядок, гибкая строка 1fr досталась подписи,
   а сцена получила auto. У .sky-stage height:auto, у канваса height:100% —
   в итоге сцена схлопывалась до собственного размера канваса, а лишнее
   обрезалось `overflow:hidden` у .space-editor с фиксированной высотой.

   Решение: колонка на flex, сцена — единственный растягивающийся элемент.
   Так добавление любых блоков больше не отнимает у неё высоту.
   ========================================================================== */

.sky-workspace {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.sky-stage {
  flex: 1 1 auto;
  min-height: 260px;
}

.stage-toolbar,
.stage-live-label,
.stage-facts,
.accuracy-note { flex: 0 0 auto; }

/* ==========================================================================
   Единый горизонтальный отступ по всей колонке

   Тулбар шёл с padding 14px, сноска с 20px, а мои подпись и факты — вовсе
   без отступа и липли к краю. Приводим к одной вертикали.
   ========================================================================== */

.stage-toolbar { padding-left: 20px; padding-right: 20px; }

.stage-live-label {
  margin: 0;
  padding: 12px 20px 8px;
}

.stage-facts {
  margin: 0 20px 18px;
  border-radius: 12px;
}

.accuracy-note { padding-left: 20px; padding-right: 20px; }

/* Правая панель: те же 20px, что и слева */
.inspector-head,
.control-section { padding-left: 20px; padding-right: 20px; }

.mode-cards { margin-left: 20px; margin-right: 20px; }

.submit-area { padding-left: 20px; padding-right: 20px; }

@media (max-width: 900px) {
  .stage-toolbar,
  .stage-live-label,
  .accuracy-note,
  .inspector-head,
  .control-section,
  .submit-area { padding-left: 14px; padding-right: 14px; }

  .stage-facts { margin-left: 14px; margin-right: 14px; }
  .mode-cards { margin-left: 14px; margin-right: 14px; }
}