.chat-attachments{display:flex;flex-wrap:wrap;gap:.65rem;margin:.5rem 0}.chat-attachment{position:relative;width:6.5rem;border:1px solid var(--color-stroke);border-radius:.55rem;background:var(--color-glass);overflow:hidden;color:var(--color-text)}.chat-attachment-image{display:block;width:100%;height:4.5rem;object-fit:cover}.chat-attachment-remove{position:absolute;top:.3rem;right:.3rem;display:grid;place-items:center;width:1.4rem;height:1.4rem;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.72);color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.6);cursor:pointer}.chat-attachment-remove svg{width:.85rem;height:.85rem;stroke-width:2}.ap-attach:focus-visible,.chat-attachment-remove:focus-visible{outline:2px solid currentColor;outline-offset:2px}.chat-attachment-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.3rem .4rem 0;font-size:.65rem}.chat-attachment-error{color:var(--color-danger)}.ap-attach{flex-shrink:0;display:grid;place-items:center;width:2rem;height:2rem;border:0;border-radius:.4rem;background:transparent;color:inherit;cursor:pointer}.ap-attach:hover{background:var(--color-glass)}.ap-attach svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.ap-attach:disabled,.chat-attachment-remove:disabled{opacity:.45;cursor:default}.chat-upload-summary{font-size:.7rem;margin:.4rem 0}.ap-field .ap-attach{margin:0 .45rem .2rem -.55rem}.chat-attachments:empty{display:none}.chat-attachment-file{display:grid;place-items:center;height:4.5rem;background:rgba(255,255,255,.04)}.chat-attachment-file svg{width:1.75rem;height:1.75rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.chat-attachment-size{display:block;padding:.2rem .4rem .35rem;font-size:.62rem;opacity:.7}