.product-images-section { display: grid; gap: 16px; min-width: 0; }
.product-images-section + .product-images-section { padding-top: 24px; border-top: 1px solid var(--line); }
.product-images-section h3 { margin: 0; font-size: 14px; color: var(--ink); }
.product-images-section small, .product-images-help { margin: 0; font-size: 12px; color: var(--muted); line-height: 1.6; }
.product-images-search { display: flex; align-items: end; gap: 12px; }
.product-images-search .field { flex: 1; min-width: 0; }
.product-images-search .button { flex-shrink: 0; }
.product-images-upload-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.product-images-upload-row label, .product-images-logo-upload { cursor: pointer; width: fit-content; }
.product-images-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.product-images-results article { border: 1px solid var(--line); border-radius: var(--radius-md); padding: 12px; min-width: 0; display: grid; gap: 10px; align-content: start; }
.product-images-results article.is-selected { border-color: var(--action); background: var(--action-soft); }
.product-images-results article > button { position: relative; padding: 8px; height: 160px; border: 0; border-radius: var(--radius-sm); background: var(--surface); cursor: pointer; }
.product-images-results img { width: 100%; height: 100%; object-fit: contain; }
.product-images-results strong { font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.product-images-results a { display: inline-flex; align-items: center; gap: 6px; width: fit-content; font-size: 12px; color: var(--action); }
.product-images-check { position: absolute; right: 8px; top: 8px; display: grid; place-items: center; width: 28px; height: 28px; background: var(--action); color: white; border-radius: 50%; }
.product-images-preview { display: grid; place-items: center; padding: 16px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--canvas); }
.product-images-preview img { width: 100%; max-height: 320px; object-fit: contain; }
.product-images-checkbox { display: flex; align-items: center; gap: 10px; font-size: 13px; }
.product-images-drawer .product-images-checkbox input { width: 16px; height: 16px; margin: 0; accent-color: var(--action); }
.product-images-logo { display: flex; gap: 16px; align-items: center; font-size: 12px; color: var(--muted); }
.product-images-logo img { width: 80px; height: 60px; object-fit: contain; padding: 8px; background: var(--canvas); border: 1px solid var(--line); border-radius: var(--radius-sm); }
.product-images-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.product-images-controls .field:first-child { grid-column: 1/-1; }
.product-images-drawer input[type=range] { padding: 0; accent-color: var(--action); }
.product-images-drawer .product-ai-emblem { color: var(--action); background: var(--action-soft); border-color: var(--line); }
body:has(.product-images-overlay) > .select-menu { z-index: 1010; }
.product-images-gallery-actions { display: flex; gap: 12px; margin: 0; flex-wrap: wrap; }
@media (max-width: 600px) {
  .product-images-search { flex-direction: column; align-items: stretch; }
  .product-images-results { gap: 12px; }
  .product-images-results article { padding: 10px; }
  .product-images-results article > button { height: 125px; }
  .product-images-controls { grid-template-columns: 1fr; }
}
