.fe-dropzone{
  border:2px dashed #cbd5e1;
  background:#f8fafc;
  border-radius:14px;
  padding:18px;
  transition: all .2s ease;
  cursor:pointer;
}
.fe-dropzone:hover{ border-color:#34d399; background:#f0fdf4; }
.fe-dropzone.is-dragover{ border-color:#10b981; background:#ecfdf5; box-shadow:0 0 0 4px rgba(16,185,129,.15); }
.fe-dropzone .fe-dropzone-row{ display:flex; gap:14px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.fe-dropzone .fe-dropzone-title{ font-weight:800; color:#0f172a; }
.fe-dropzone .fe-dropzone-sub{ font-size:12px; color:#64748b; margin-top:4px; font-weight:600; }
.fe-dropzone .fe-dropzone-btn{ padding:10px 14px; border-radius:12px; background:#0f172a; color:white; font-weight:800; font-size:12px; border:0; }
.fe-dropzone .fe-dropzone-btn:hover{ background:#047857; }
.fe-dropzone-preview{ margin-top:14px; border-radius:14px; overflow:hidden; border:1px solid #e2e8f0; background:#fff; }
.fe-dropzone-preview img{ width:100%; height:260px; object-fit:cover; display:block; }
@media (max-width:640px){ .fe-dropzone-preview img{ height:220px; } }

.fe-ai-caption-row{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.fe-ai-caption-btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 14px; border-radius:12px;
  background:#10b981; color:#fff; font-weight:900; font-size:12px;
  border:0; cursor:pointer;
  box-shadow:0 10px 18px -14px rgba(0,0,0,.35);
}
.fe-ai-caption-btn:hover{ background:#059669; }
.fe-ai-caption-note{ font-size:12px; color:#64748b; font-weight:600; }