.drop-area.is-dragging{border-color:#2563eb;background:#eff6ff;outline:2px solid #93c5fd;outline-offset:2px}
.attachment-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px;margin:14px 0 5px}
.attachment-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0;padding:17px 34px 15px 15px;border:1px solid #dbe2e8;border-radius:16px;background:linear-gradient(145deg,#f8fafc,#edf1f5);color:#172433}
.attachment-type{font-size:11px;font-weight:750;letter-spacing:.06em;border-radius:6px;padding:4px 7px;background:#e0e8f0;color:#173b59}
.attachment-name{font-size:13px;font-weight:600;line-height:1.4;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.attachment-size{font-size:12px;color:#526273;margin-top:auto}
.attachment-tile .attachment-remove{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:28px;height:28px;min-width:28px;padding:0;margin:0;border:0;border-radius:50%;background:transparent;color:#526273;font-size:23px;line-height:1;cursor:pointer}
.attachment-tile .attachment-remove:hover{background:#fee2e2;color:#b91c1c}
.attachment-tile .attachment-remove:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.attachment-status{font-size:12px;color:#526273;line-height:1.5;margin:6px 0 14px}
@media(max-width:420px){.attachment-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.attachment-tile{padding-left:10px}}