/* Compartir imagen (41-share.js) y cargar desde PNG (43-import.js). Lote 3, SPEC A y D. */

/* ── Diálogo de compartir: el .dialog de los cimientos (centrado; hoja inferior < 560 px) ── */
.share-dlg .dialog__body { display: flex; flex-direction: column; gap: 10px; }
.share-help { margin: 0; }
.share-loading { margin: 0; }
.share-url { display: flex; gap: 8px; align-items: stretch; }
.share-url .field { flex: 1 1 auto; min-width: 0; font-size: var(--fs-xs); }
.share-url .btn { flex: none; }
.share-dlg .field-error { margin: 0; }
.share-dlg .dialog__foot { justify-content: space-between; }
@media (max-width: 559.98px) {
  .share-url { flex-direction: column; }
  .share-url .btn { width: 100%; }
}

/* ── Cargar desde PNG: bajo el prompt ── */
.img-import { margin-top: 8px; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.img-import__note { color: rgb(var(--c-muted)); font-size: var(--fs-xs); line-height: 1.45; }

/* Capa mientras se arrastra un archivo sobre el compositor */
.img-compose.img-dropping { position: relative; }
.img-drop {
  position: absolute; inset: 0; z-index: 5; display: flex; align-items: center; justify-content: center; padding: 24px;
  background: rgb(var(--c-scrim) / 0.82); pointer-events: none;
}
.img-drop[hidden] { display: none; }
.img-drop__box {
  display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 28px 24px; max-width: 320px; text-align: center;
  border: 2px dashed rgb(var(--c-coral) / 0.7); border-radius: var(--r-lg); color: rgb(var(--c-text)); font-weight: 600;
}
.img-drop__box .icon { width: 28px; height: 28px; color: rgb(var(--c-coral)); }