.contact-attachments{min-width:0;margin-block:12px}
.contact-attachments-add{padding:10px 16px;border:1px solid #decabc;border-radius:14px;background:var(--surface,#fffdf9);color:inherit;font:inherit;cursor:pointer}
.contact-attachments-add:disabled{opacity:.55;cursor:default}
.contact-attachments-hint{font-size:.85rem;color:var(--muted,#80756a);margin:8px 0}
.contact-attachments-error{color:#ab2b22;font-size:.9rem;margin:8px 0}
.contact-attachments-error:empty{display:none}
.contact-attachments-list{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:0}
.contact-attachments-list li{position:relative;display:flex;flex-direction:column;width:100px;min-width:0;padding:6px;border:1px solid #decabc;border-radius:14px}
.contact-attachments-list img{display:block;object-fit:contain;border-radius:8px;background:#f4eee6}
.contact-attachments-list span{font-size:.75rem;overflow-wrap:anywhere;max-height:3em;overflow:hidden;margin-top:6px}
.contact-attachments-list button{position:absolute;top:0;right:0;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #decabc;border-radius:50%;background:var(--surface,#fffdf9);color:inherit;font:22px/1 Arial;cursor:pointer}
.contact-attachments button:focus-visible{outline:2px solid #ab2b22;outline-offset:3px}
@media(max-width:380px){.contact-attachments-list{gap:6px}.contact-attachments-list li{width:calc((100% - 12px)/3);box-sizing:border-box}.contact-attachments-list img{width:100%;height:74px}}