html {
  font-size: 14px;
}

/* Сетка формы загрузки/редактирования: только CSS, без переноса DOM (React/FastUI). */
form.upload-form-layout {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px 16px;
  align-items: end;
}

form.upload-form-layout > div.upload-ff-name,
form.upload-form-layout > div.upload-ff-description,
form.upload-form-layout > div.upload-ff-file {
  grid-column: 1 / -1;
}

form.upload-form-layout > div.upload-ff-category_id {
  grid-column: 1 / span 3;
}

form.upload-form-layout > div.upload-ff-date {
  grid-column: 4 / span 3;
}

form.upload-form-layout > div.upload-ff-sort_order {
  grid-column: 1 / span 3;
}

form.upload-form-layout > div.upload-ff-is_active {
  grid-column: 4 / span 3;
}

form.upload-form-layout > div.upload-ff-preview_resolution {
  grid-column: 1 / span 2;
}

form.upload-form-layout > div.upload-ff-preview_fps {
  grid-column: 3 / span 2;
}

form.upload-form-layout > div.upload-ff-preview_crf {
  grid-column: 5 / span 2;
}

form.upload-form-layout > div.upload-ff-scaled_resolution {
  grid-column: 1 / span 2;
}

form.upload-form-layout > div.upload-ff-scaled_fps {
  grid-column: 3 / span 2;
}

form.upload-form-layout > div.upload-ff-scaled_crf {
  grid-column: 5 / span 2;
}

/* Подзаголовки секций (текст только в CSS — админка на русском). */
form.upload-form-layout > div.upload-ff-category_id::before {
  content: "Категория и публикация";
  display: block;
  font-weight: 600;
  margin: 4px 0 8px;
}

form.upload-form-layout > div.upload-ff-preview_resolution::before {
  content: "Параметры миниатюры";
  display: block;
  font-weight: 600;
  margin: 12px 0 8px;
}

form.upload-form-layout > div.upload-ff-scaled_resolution::before {
  content: "Параметры изображения по клику";
  display: block;
  font-weight: 600;
  margin: 12px 0 8px;
}

@media (max-width: 992px) {
  form.upload-form-layout > div[class*="upload-ff-"] {
    grid-column: 1 / -1;
  }
}