/* Фото в запросе: миниатюры под строкой на главной и в блоке «Образ» подбора.
   Значения — только из tokens.css, гамма и типографика не трогаются:
   размеры и рамки взяты у существующего слота-заглушки (.thumb в picker.css). */

/* миниатюра одинаково выглядит на обоих экранах */
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.thumb .x{border:0;padding:0;font-family:inherit}

/* ── главная: полоса миниатюр под строкой запроса ── */
.shots{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;width:100%;max-width:780px}
.shots:empty{display:none}
.shots .thumb{position:relative;width:62px;height:78px;overflow:hidden;
  background:rgba(251,250,247,.14);border:1px solid rgba(244,239,230,.32)}
.shots .thumb .x{position:absolute;top:0;right:0;width:16px;height:16px;
  display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1;
  background:var(--dark);color:#F4EFE6;cursor:pointer}
.shots .thumb .x:hover{background:#120D0A}

/* скрепка светлеет, когда референс уже приложен */
.clip.has{color:var(--brown)}

@media (max-width:560px){
  .shots .thumb{width:56px;height:70px}
}