.composer{position:relative}.composer.attachment-drag{outline:2px dashed #28765c;background:#edf8f1}.chat-attachments,.message-attachments{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0}.chat-attachments[hidden]{display:none}.attachment-tile{display:flex;align-items:center;gap:8px;max-width:270px;min-width:150px;border:1px solid #d8e5de;border-radius:12px;padding:8px;background:#f6f9f7;color:#244238;text-decoration:none}.attachment-tile img{width:52px;height:52px;object-fit:contain;border-radius:6px;background:white}.attachment-info{min-width:0;flex:1}.attachment-info strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-info small{display:block;font-size:11px;line-height:1.5;color:#64786e;overflow-wrap:anywhere}.attachment-info .attachment-error{color:#a53535}.attachment-remove{border:0;background:transparent;font-size:22px;padding:4px;color:#5f7469}.attach-file{white-space:nowrap}.attachment-help{font-size:11px;color:#718379;margin:4px 0 0}.composer-bottom{gap:8px}.composer-bottom>span{flex:1}.message.user .message-attachments{justify-content:flex-end}.message-attachments .attachment-tile:hover{border-color:#28765c}.message-attachments img{width:100px;height:80px}@media(max-width:600px){.composer-bottom>span{font-size:10px}.attach-file{padding:7px}.attachment-tile{max-width:100%}.attachment-help{font-size:10px}}