/* Phase 115: image handling cards for the external importer */
.image-handling-fieldset > p { margin: 0 0 .8rem; color: #6c6d80; font-size: .8rem; }
.image-handling-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.image-handling-option {
  position: relative;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: .7rem !important;
  min-height: 132px;
  padding: 1rem !important;
  border: 1px solid #dedfec;
  border-radius: 15px;
  background: #fff;
  color: #33344b !important;
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease;
}
.image-handling-option:hover { border-color: #b9b1ed; background: #fbfaff; transform: translateY(-1px); }
.image-handling-option:focus-within { border-color: #6d4aff; box-shadow: 0 0 0 3px rgba(109,74,255,.13); }
.image-handling-option:has(input:checked) { border-color: #6d4aff; background: linear-gradient(145deg, #f7f4ff, #fff); box-shadow: 0 10px 24px rgba(80,58,180,.12); }
.image-handling-option input { margin-top: .15rem; accent-color: #6d4aff; }
.image-handling-option strong { display: block; color: #29225e; font-size: .86rem; }
.image-handling-option small { display: block; margin-top: .42rem; color: #6c6d80; font-size: .73rem; font-weight: 500; line-height: 1.45; }
@media (max-width: 880px) { .image-handling-options { grid-template-columns: 1fr; } .image-handling-option { min-height: 0; } }