/* public/css/df-image-picker.css */
.df-imgpick { margin-bottom: 16px; display: block; }
.df-imgpick__row { display: flex; gap: 12px; align-items: flex-start; }
.df-imgpick__thumb {
  width: 84px; height: 84px; flex: 0 0 84px; border-radius: 14px;
  background: #1a1d24; border: 1px solid #2a2f38; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
}
.df-imgpick__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.df-imgpick__thumb span { font-size: 11px; color: #6b7280; text-align: center; padding: 4px; }
.df-imgpick__ctrl { flex: 1 1 auto; min-width: 0; }
.df-imgpick__url { width: 100%; }
.df-imgpick__btns { display: flex; gap: 8px; margin-top: 8px; }
.df-imgpick__btns .df-btn { padding: 8px 14px; font-size: 13px; flex: 0 0 auto; }
.df-imgpick__status { font-size: 12px; margin-top: 6px; min-height: 16px; }
.df-imgpick__status.is-busy { color: #e3b341; }
.df-imgpick__status.is-ok { color: #3fb950; }
.df-imgpick__status.is-err { color: #f85149; }
@media (max-width: 520px) {
  .df-imgpick__row { flex-direction: column; }
  .df-imgpick__thumb { width: 100%; height: 140px; flex: none; }
}