/* Иллюстрации сцен (Э3 «Сцены», BETA-D-135 §6): колонка «Изображения ·
   Сцена N», полоса над текстом, галерея финализации. Плитки, сетки, формы и
   просмотрщик — общие классы illustrations.css; здесь только своё: карточки
   кадров, чипы референсов, полоса и плитки галереи. Только токены темы. */

/* Кадры сцены: список карточек, выбранная — золотая подложка выбора. */
.wb-scimg-frames {
  display: flex;
  flex-direction: column;
  gap: var(--pf-space-xs);
}

.wb-scimg-frame {
  display: flex;
  flex-direction: column;
  gap: var(--pf-space-xs);
  padding: var(--pf-space-xs) var(--pf-space-sm);
  border: 1px solid var(--pf-color-border-subtle);
  border-radius: var(--pf-radius-md);
  background: var(--pf-color-surface-raised);
  cursor: pointer;
}

.wb-scimg-frame:hover {
  border-color: var(--pf-color-border-strong);
}

.wb-scimg-frame.is-selected {
  border-color: var(--pf-color-border-focus);
  background: var(--pf-color-surface-selected);
  cursor: default;
}

/* Открытая карточка сворачивается щелчком по шапке (Ш6в). */
.wb-scimg-frame.is-selected .wb-scimg-frame__head {
  cursor: pointer;
}

.wb-scimg-frame__head {
  display: flex;
  align-items: center;
  gap: var(--pf-space-sm);
  flex-wrap: wrap;
}

.wb-scimg-frame__title {
  font-weight: 600;
}

.wb-scimg-frame__quote {
  margin: 0;
  font-size: var(--pf-typography-body-small-size);
  color: var(--pf-color-text-secondary);
  font-style: italic;
}

/* Превью принятой иллюстрации на карточке кадра (Ш6в, §8 п.1а): с одного
   взгляда видно, какой кадр проиллюстрирован; без картинки — пустой слот.
   Ш7б + замечание владельца 31.08: вдвое крупнее и в реальных пропорциях
   (инлайн aspect-ratio по файлу; вертикальный кадр — вертикальная марка). */
.wb-scimg-frame__thumb {
  height: 82px;
  width: auto;
  max-width: 124px;
  flex: 0 0 auto;
  object-fit: cover;
  border-radius: var(--pf-radius-sm);
  background: var(--pf-color-surface-sunken);
}

.wb-scimg-frame__thumb--empty {
  display: inline-block;
  width: 55px;
  border: 1px dashed var(--pf-color-border-subtle);
}

/* Ключевой кадр (Ш7б §8): золотая рамка карточки и номер со звездой. */
.wb-scimg-frame--key {
  border-color: var(--pf-color-border-focus);
}

/* Ш7в: галочка охвата «выбранные» пакета — не растягивается флексом. */
.wb-scimg-frame__pick {
  flex: 0 0 auto;
}

/* Ш7в: карта запуска пакета «Иллюстрировать сцену…» (эскиз В). */
.wb-images-launch {
  display: grid;
  gap: var(--pf-space-sm);
  padding: var(--pf-space-md);
  border: 1px solid var(--pf-color-border-subtle);
  border-radius: var(--pf-radius-md);
  background: var(--pf-color-surface-raised);
}

.wb-scimg-frame__no {
  min-width: 2.2em;
  text-align: right;
  flex: 0 0 auto;
  font-size: var(--pf-typography-body-small-size);
  color: var(--pf-color-text-secondary);
}

.wb-scimg-frame__no--key {
  color: var(--pf-color-text-accent);
  font-weight: 600;
}

/* Статус шагов кадра в свёрнутой строке (BETA-D-160, дополнение владельца):
   точки «постановка · промпт · картинка · принята» + подпись шага. */
.wb-scimg-prog {
  display: inline-flex;
  align-items: center;
  gap: var(--pf-space-xs);
  font-size: var(--pf-typography-body-small-size);
  color: var(--pf-color-text-secondary);
  white-space: nowrap;
}

.wb-scimg-prog__marks {
  letter-spacing: 2px;
  color: var(--pf-color-text-accent);
}

.wb-scimg-prog--ok,
.wb-scimg-prog--ok .wb-scimg-prog__marks {
  color: var(--pf-color-text-success);
}

/* Фильтр ленты «Все / ★ Ключевые / С картинками» (Ш7б §8). */
.wb-scimg-seg {
  display: inline-flex;
  overflow: hidden;
  border: 1px solid var(--pf-color-border-strong);
  border-radius: var(--pf-radius-sm);
}

.wb-scimg-seg__btn {
  padding: 2px 10px;
  font: inherit;
  font-size: var(--pf-typography-body-small-size);
  color: var(--pf-color-text-secondary);
  background: none;
  border: none;
  border-right: 1px solid var(--pf-color-border-subtle);
  cursor: pointer;
}

.wb-scimg-seg__btn:last-child {
  border-right: none;
}

.wb-scimg-seg__btn.is-on {
  background: var(--pf-color-surface-selected);
  color: var(--pf-color-text-primary);
}

/* Профиль планов над лентой (Ш7б §8): высота штриха — крупность, золотые —
   ключевые; монотонность серии видна с одного взгляда. */
.wb-scimg-profile {
  display: flex;
  align-items: flex-end;
  gap: 2px;
  min-height: 28px;
  padding: var(--pf-space-xs) var(--pf-space-sm);
  border: 1px solid var(--pf-color-border-subtle);
  border-radius: var(--pf-radius-sm);
  background: var(--pf-color-surface-sunken);
}

.wb-scimg-profile__bar {
  display: block;
  width: 6px;
  border-radius: 1px;
  background: var(--pf-color-border-strong);
}

.wb-scimg-profile__bar--key {
  background: var(--pf-color-text-accent);
}

.wb-scimg-counters {
  align-items: center;
  flex-wrap: wrap;
  gap: var(--pf-space-sm);
}

/* Степпер «Кадр → Постановка → Промпт → Варианты» (Ш6в, §8 п.1). */
.wb-scimg-steps {
  display: flex;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid var(--pf-color-border-subtle);
  border-radius: var(--pf-radius-sm);
}

.wb-scimg-step {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  gap: var(--pf-space-xs);
  padding: var(--pf-space-xs) var(--pf-space-sm);
  border-right: 1px solid var(--pf-color-border-subtle);
  font-size: var(--pf-typography-caption-size);
  color: var(--pf-color-text-muted);
  white-space: nowrap;
}

.wb-scimg-step:last-child {
  border-right: none;
}

.wb-scimg-step__n {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  border: 1px solid var(--pf-color-border-subtle);
  border-radius: 50%;
  font-size: var(--pf-typography-caption-size);
}

.wb-scimg-step.is-on {
  background: var(--pf-color-surface-selected);
  color: var(--pf-color-text-primary);
}

.wb-scimg-step.is-on .wb-scimg-step__n {
  border-color: var(--pf-color-border-focus);
  color: var(--pf-color-text-accent);
}

.wb-scimg-step.is-done .wb-scimg-step__n {
  border-color: var(--pf-color-border-strong);
  color: var(--pf-color-text-secondary);
}

/* Сводные чипы свёрнутой разметки (Ш6в, §8 п.4). */
.wb-scimg-vchips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pf-space-xs);
}

.wb-scimg-vchip {
  display: inline-flex;
  align-items: center;
  gap: var(--pf-space-xs);
  padding: var(--pf-space-xs) var(--pf-space-sm);
  border: 1px solid var(--pf-color-border-subtle);
  border-radius: var(--pf-radius-md);
  background: var(--pf-color-surface-raised);
}

.wb-scimg-frame__row {
  display: flex;
  align-items: center;
  gap: var(--pf-space-sm);
  flex-wrap: wrap;
}

.wb-scimg-cast {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--pf-space-xs);
}

/* Референсы кадра: миниатюра, имя, роль, порядковый «Image N». */
.wb-scimg-refs {
  display: flex;
  flex-direction: column;
  gap: var(--pf-space-xs);
}

.wb-scimg-ref {
  display: flex;
  align-items: center;
  gap: var(--pf-space-sm);
  padding: var(--pf-space-xs);
  border: 1px solid var(--pf-color-border-subtle);
  border-radius: var(--pf-radius-md);
  background: var(--pf-color-surface-raised);
}

.wb-scimg-ref__img {
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  object-fit: cover;
  border-radius: var(--pf-radius-sm);
  background: var(--pf-color-surface-sunken);
}

.wb-scimg-ref__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1 1 auto;
}

.wb-scimg-ref__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wb-scimg-ref__no {
  font-size: var(--pf-typography-caption-size);
  color: var(--pf-color-text-muted);
  font-family: var(--pf-typography-code-family);
}

.wb-scimg-pickerbox {
  display: flex;
  flex-direction: column;
  gap: var(--pf-space-sm);
  padding: var(--pf-space-sm);
  border: 1px dashed var(--pf-color-border-subtle);
  border-radius: var(--pf-radius-md);
}

.wb-scimg-picker {
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
}

/* Щелчок по плитке подбора выбирает референс, а не открывает крупно —
   курсор не обещает лупу; крупно — значком ⤢ (В1 плана брака). */
.wb-scimg-picker .wb-images-card {
  cursor: pointer;
}

/* Запасная рамка плитки кадра — горизонтальная 3:2; реальную пропорцию
   картинки задаёт инлайн aspect-ratio по файлу (BETA-D-160 п. 6). */
.wb-scimg-card__frame {
  aspect-ratio: 3 / 2;
}

/* Иллюстрация в потоке чтения (BETA-D-160 п. 6, решение владельца):
   перед своим абзацем, реальные пропорции, около половины ширины колонки;
   подпись — название кадра, клик — во весь экран. */
.wb-scimg-inline {
  margin: var(--pf-space-sm) 0;
  display: flex;
  flex-direction: column;
  gap: var(--pf-space-xs);
}

/* Полотно финализации (З-033): та же картинка внутри прозы с pre-wrap —
   блок вне текста, не выделяется и не наследует переносы прозы. */
.wb-scimg-inline--canvas {
  white-space: normal;
  user-select: none;
  line-height: normal;
}

.wb-scimg-inline__btn {
  position: relative;
  padding: 0;
  border: none;
  background: none;
  cursor: zoom-in;
  width: min(55%, 420px);
}

/* Метка «+N» — у картинки есть ещё варианты (BETA-D-237). */
.wb-scimg-inline__more {
  position: absolute;
  top: var(--pf-space-xs);
  right: var(--pf-space-xs);
  padding: 0 var(--pf-space-xs);
  border: 1px solid var(--pf-color-border-strong);
  border-radius: var(--pf-radius-sm);
  background: var(--pf-color-surface-raised);
  color: var(--pf-color-text-primary);
  font-size: 12px;
  line-height: 18px;
}

.wb-scimg-inline__img {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid var(--pf-color-border-subtle);
  border-radius: var(--pf-radius-md);
  background: var(--pf-color-surface-sunken);
}

.wb-scimg-inline__btn:hover .wb-scimg-inline__img {
  border-color: var(--pf-color-border-strong);
}

.wb-scimg-inline__cap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Галерея финализации: плитки по порядку сцен; пустая сцена — пунктирная. */
.wb-scimg-gallery {
  display: flex;
  flex-direction: column;
  gap: var(--pf-space-sm);
  margin-top: var(--pf-space-md);
}

.wb-scimg-gallery__summary {
  display: flex;
  align-items: center;
  gap: var(--pf-space-sm);
  flex-wrap: wrap;
}

/* Узкая колонка оглавления финализации: две плитки в ряд. */
.wb-scimg-gallery__grid {
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
}

/* Полоса иллюстраций сцены на полотне финализации — под меткой сцены. */
.wb-scimg-canvas {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pf-space-sm);
  margin: var(--pf-space-xs) 0 var(--pf-space-sm);
}

.wb-scimg-canvas__item {
  display: flex;
  align-items: center;
  gap: var(--pf-space-sm);
  padding: var(--pf-space-xs);
  border: 1px solid var(--pf-color-border-subtle);
  border-radius: var(--pf-radius-md);
  background: var(--pf-color-surface-raised);
  color: var(--pf-color-text-primary);
  font: inherit;
  text-align: left;
  cursor: zoom-in;
}

.wb-scimg-canvas__item:hover {
  border-color: var(--pf-color-border-strong);
}

.wb-scimg-canvas__img {
  width: 160px;
  height: 107px;
  flex: 0 0 auto;
  object-fit: cover;
  border-radius: var(--pf-radius-sm);
  background: var(--pf-color-surface-sunken);
}

.wb-scimg-gtile__frame {
  aspect-ratio: 3 / 2;
}

.wb-scimg-gtile--empty {
  display: flex;
  flex-direction: column;
  border: 1px dashed var(--pf-color-border-subtle);
  border-radius: var(--pf-radius-md);
  overflow: hidden;
}

.wb-scimg-gtile--empty .wb-scimg-gtile__frame {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--pf-color-surface-sunken);
}

.wb-scimg-gtile__caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pf-space-xs);
  padding: var(--pf-space-xs) var(--pf-space-sm);
}

/* Визуальный лист сцены (Ш3а, BETA-D-145/147): герои → состояния, места →
   помещения, группы; бейджи вердиктов; правка записи на месте; «Создать
   недостающие» с галочками. Только токены темы. */
.wb-scimg-visual__group {
  display: flex;
  flex-direction: column;
  gap: var(--pf-space-xs);
  padding-top: var(--pf-space-xs);
  border-top: 1px solid var(--pf-color-border-subtle);
}

.wb-scimg-visual__grouphead {
  display: flex;
  align-items: baseline;
  gap: var(--pf-space-sm);
  flex-wrap: wrap;
}

.wb-scimg-visual__grouptitle {
  font-weight: 600;
}

.wb-scimg-visual__cast {
  display: flex;
  flex-direction: column;
  gap: var(--pf-space-xs);
  padding-left: var(--pf-space-xs);
  border-left: 2px solid var(--pf-color-border-subtle);
}

.wb-scimg-visual__cast--dim {
  color: var(--pf-color-text-muted);
}

.wb-scimg-visual__head {
  display: flex;
  align-items: center;
  gap: var(--pf-space-sm);
  flex-wrap: wrap;
}

/* Запись листа: состояние героя, помещение места, группа. */
.wb-scimg-state {
  display: flex;
  flex-direction: column;
  gap: var(--pf-space-xs);
  padding: var(--pf-space-xs) var(--pf-space-sm);
  border: 1px solid var(--pf-color-border-subtle);
  border-radius: var(--pf-radius-md);
  background: var(--pf-color-surface-raised);
}

.wb-scimg-state--edit {
  border-color: var(--pf-color-border-focus);
}

.wb-scimg-state__head {
  display: flex;
  align-items: center;
  gap: var(--pf-space-sm);
  flex-wrap: wrap;
}

.wb-scimg-state__title {
  font-weight: 600;
}

.wb-scimg-state__text {
  margin: 0;
  font-size: var(--pf-typography-body-small-size);
  color: var(--pf-color-text-secondary);
}

.wb-scimg-state__row {
  display: flex;
  align-items: center;
  gap: var(--pf-space-sm);
  flex-wrap: wrap;
}

/* Миниатюра лука в строке состояния (BETA-D-160 п. 1): портретные
   пропорции, клик открывает полноэкранный просмотр. */
.wb-scimg-state__look {
  padding: 0;
  border: 1px solid var(--pf-color-border-subtle);
  border-radius: var(--pf-radius-md);
  background: none;
  cursor: zoom-in;
  flex: 0 0 auto;
  line-height: 0;
}

.wb-scimg-state__look img {
  width: 44px;
  height: 60px;
  object-fit: cover;
  border-radius: inherit;
  display: block;
}

.wb-scimg-state__look:hover {
  border-color: var(--pf-color-border-focus);
}

/* Вердикты: «есть …» — спокойный, «нужен …» — акцентный, «вероятно» — предупреждение. */
.wb-scimg-verdict {
  white-space: nowrap;
}

.wb-scimg-verdict--have {
  background: var(--pf-color-surface-selected);
  color: var(--pf-color-text-accent);
}

.wb-scimg-verdict--need {
  color: var(--pf-color-text-accent);
  border: 1px solid var(--pf-color-border-strong);
}

.wb-scimg-verdict--warn {
  color: var(--pf-color-text-warning);
}

/* Галочки «Создать недостающие» и флажки формы правки. */
.wb-scimg-missing {
  display: flex;
  flex-direction: column;
  gap: var(--pf-space-xs);
  padding-top: var(--pf-space-xs);
  border-top: 1px solid var(--pf-color-border-subtle);
}

.wb-scimg-checks {
  display: flex;
  flex-direction: column;
  gap: var(--pf-space-xs);
}

.wb-scimg-check {
  display: inline-flex;
  align-items: center;
  gap: var(--pf-space-xs);
  cursor: pointer;
}

/* --------------------- Ш3в «Блок текста и задание» (эскиз Г, шаги 1–3) */

/* Обёртка страницы чтения — якорь маркера «Иллюстрировать». */
.wb-scimg-read {
  position: relative;
}

/* Маркер выделения — рисунок маркера шлифовки: плашка у выделенного блока.
   flex-wrap: у правого края страницы плашка ужимается — кнопка переносится
   на свою строку, а не режется (живой прогон 163-й). */
.wb-scimg-marker {
  position: absolute;
  z-index: 31;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--pf-space-sm);
  min-width: 220px;
  max-width: min(360px, calc(100% - 12px));
  padding: var(--pf-space-xs) var(--pf-space-sm);
  border: 1px solid var(--pf-color-text-accent);
  border-radius: var(--pf-radius-md);
  background: var(--pf-color-surface-raised);
  box-shadow: 0 8px 28px rgb(0 0 0 / 45%);
  user-select: none;
}

.wb-scimg-marker__label {
  white-space: nowrap;
}

/* Textarea задания на кадр: правится как обычный абзац — простор нужен. */
.wb-scimg-brief {
  min-height: 110px;
}

/* Образы сцены (Ш8б, BETA-D-162): миниатюра вида помещения в строке —
   альбомные пропорции; плитки вариантов семьи под строкой; рабочий
   вариант — золотая рамка, одобренный — как референс карточки. */
.wb-scimg-state__look--view img,
.wb-scimg-state__look--ensemble img {
  width: 60px;
  height: 42px;
}

.wb-scimg-asset-toggle__n {
  margin-left: var(--pf-space-xs);
}

.wb-scimg-assets {
  display: flex;
  flex-direction: column;
  gap: var(--pf-space-sm);
  padding-top: var(--pf-space-xs);
  border-top: 1px dashed var(--pf-color-border-subtle);
}

.wb-scimg-asset--primary {
  border-color: var(--pf-color-text-accent);
  box-shadow: 0 0 0 2px var(--pf-color-surface-accent);
}

.wb-scimg-asset__badge--primary {
  color: var(--pf-color-text-accent);
}

.wb-scimg-asset__acts {
  gap: var(--pf-space-xs);
}

.wb-scimg-asset__progress {
  margin: 0;
}

.wb-scimg-assets-summary {
  margin: 0;
}

/* Замок раскадровки (Ш8в, BETA-D-162 п.4): плашка причины над кнопкой
   «Раскадровать сцену», чипы недостающих образов, строка «замок снят». */
.wb-scimg-lock {
  display: flex;
  flex-direction: column;
  gap: var(--pf-space-xs);
  padding: var(--pf-space-xs) var(--pf-space-sm);
  border: 1px solid var(--pf-color-border-subtle);
  border-radius: var(--pf-radius-md);
  background: var(--pf-color-surface-raised);
}

.wb-scimg-lock__head {
  display: flex;
  align-items: center;
  gap: var(--pf-space-sm);
  flex-wrap: wrap;
}

.wb-scimg-lock__reason {
  margin: 0;
  color: var(--pf-color-text-warning);
}

.wb-scimg-lock__chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pf-space-xs);
}

.wb-scimg-lock__chip {
  padding: 0 var(--pf-space-xs);
  border: 1px solid var(--pf-color-border-subtle);
  border-radius: 999px;
}

.wb-scimg-ready {
  margin: 0;
  color: var(--pf-color-text-secondary);
}

/* Вкладки «+ из галереи» (Ш8г): карточки · образы сцены · кадры сцены. */
.wb-scimg-picker-tabs {
  display: flex;
  gap: var(--pf-space-xs);
  flex-wrap: wrap;
  border-bottom: 1px solid var(--pf-color-border-subtle);
}

.wb-scimg-picker-tab {
  border-radius: var(--pf-radius-md) var(--pf-radius-md) 0 0;
}

.wb-scimg-picker-tab.is-on {
  color: var(--pf-color-text-accent);
  box-shadow: inset 0 -2px 0 var(--pf-color-text-accent);
}

.wb-scimg-picker-tab__n {
  margin-left: var(--pf-space-xs);
}

/* Карта запуска Ш9в: строка «Свой бюджет: [N] из 47» — узкое поле числа. */
.wb-scimg-pack-custom {
  gap: var(--pf-space-xs);
}

.wb-scimg-pack-custom__n {
  width: 72px;
  padding: 1px 6px;
}

/* Плашка готовности романа над лестницей сцены (BETA-D-182, scene-ladder.js). */
.wb-scimg-plate {
  display: flex;
  align-items: center;
  gap: var(--pf-space-sm);
  flex-wrap: wrap;
  border: 1px solid var(--pf-color-border-medium);
  border-radius: var(--pf-radius-md);
  padding: var(--pf-space-xs) var(--pf-space-sm);
  font-size: var(--pf-typography-caption-size);
}

.wb-scimg-plate--locked {
  border-color: var(--pf-color-text-warning);
  background: var(--pf-color-surface-warning-soft);
}

.wb-scimg-plate--ready {
  border-color: var(--pf-color-text-success);
  background: var(--pf-color-surface-success-soft);
  color: var(--pf-color-text-success);
}

.wb-scimg-plate__text {
  flex: 1;
  min-width: 0;
}

/* Замок сцены с адресом (BETA-D-194 п. 5, эскиз illustrations-refs-r1 §1):
   строка на каждый недостающий образ — миниатюра, причина, «Открыть»;
   строка помещения, к которой ведёт адрес, подсвечена подложкой выделения
   и чертой акцента (не заливкой акцента — золото только под инверсным текстом). */
.wb-scimg-lock__rows {
  display: flex;
  flex-direction: column;
}

.wb-scimg-lock__row {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) auto;
  gap: var(--pf-space-sm);
  align-items: center;
  padding: var(--pf-space-xs) 0;
  border-top: 1px solid var(--pf-color-border-subtle);
}

.wb-scimg-lock__thumb {
  width: 56px;
  height: 38px;
  border-radius: var(--pf-radius-sm);
  object-fit: cover;
  background: var(--pf-color-surface-sunken);
}

.wb-scimg-lock__thumb--none {
  display: block;
  border: 1px dashed var(--pf-color-border-subtle);
}

.wb-scimg-lock__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.wb-scimg-lock__why {
  margin: 0;
  color: var(--pf-color-text-secondary);
}

.wb-scimg-lock__why--review {
  color: var(--pf-color-text-warning);
}

.wb-scimg-state.is-target {
  background: var(--pf-color-surface-selected);
  box-shadow: inset 3px 0 0 var(--pf-color-text-accent);
  border-radius: var(--pf-radius-sm);
}

/* Пригодность плитки семьи — формой: пунктир «судья: проверить», сплошная «опора». */
.wb-scimg-asset--review {
  border-style: dashed;
  border-color: var(--pf-color-text-warning);
}

.wb-scimg-asset--support {
  border-color: var(--pf-color-text-success);
}

.wb-scimg-asset__fit--review {
  border-style: dashed;
  color: var(--pf-color-text-warning);
}

.wb-scimg-asset__fit--support,
.wb-scimg-asset__fit--author {
  color: var(--pf-color-text-success);
}

.wb-scimg-asset__notes {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.wb-scimg-asset__notes ul {
  margin: 0;
}

.wb-scimg-redraw-skipped {
  display: flex;
  align-items: center;
  gap: var(--pf-space-sm);
  flex-wrap: wrap;
}

/* «Не в подаче» (BETA-D-194 п. 6): что подбор назвал, а единый расчёт в
   модель не подаёт — причина словами и «Решить» у вида не-опоры. */
.wb-scimg-dropped {
  display: flex;
  flex-direction: column;
  gap: var(--pf-space-xs);
  padding: var(--pf-space-xs) var(--pf-space-sm);
  border: 1px dashed var(--pf-color-border-subtle);
  border-radius: var(--pf-radius-sm);
}

.wb-scimg-dropped__row {
  display: flex;
  align-items: center;
  gap: var(--pf-space-sm);
  flex-wrap: wrap;
}

/* Отсмотр сцены (В2 плана брака): строка «брак N» и «Отсмотреть сцену» под
   заголовком кадров; «брак N» — красным числом, как у сцен раздела. */
.wb-scimg-review {
  align-items: center;
}

.wb-scimg-flaw-count {
  flex: none;
  color: var(--pf-color-text-danger);
  font-size: var(--pf-typography-caption-size);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}