.attachment-composer{min-width:0;margin:10px 0}.attachment-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.attachment-add{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #dce6f4;border-radius:9px;background:#f2f7ff;color:#1769ed;font-size:13px}.attachment-add:before{content:'＋';margin-right:5px;font-size:18px;line-height:1}.attachment-add:hover:not(:disabled){background:#e8f1ff}.attachment-limit{color:#748299;font-size:11px}.attachment-drafts{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.attachment-draft{position:relative;display:flex;flex-direction:column;gap:5px;align-items:flex-start;width:calc((100% - 20px)/3);max-width:132px;min-width:76px}.attachment-preview{width:100%;aspect-ratio:1;overflow:hidden;background:#edf2f8;border:1px solid #dfe7f2;border-radius:9px;padding:0}.attachment-preview img{width:100%;height:100%;display:block;object-fit:cover}.attachment-remove{position:absolute;right:-6px;top:-6px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#435873;box-shadow:0 2px 8px #1d365526;border:1px solid #dfe7f2;font-size:22px;line-height:1}.attachment-upload-status{font-size:11px;color:#68788e}.attachment-upload-status.is-error{color:#b74447}.attachment-retry{min-height:36px;min-width:44px;padding:4px 9px;border-radius:6px;background:#edf3fd;color:#1769ed;font-size:12px}.attachment-item-error{color:#a24247;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.attachment-error{margin-top:8px;color:#a24247;font-size:12px;line-height:1.7}.message-attachments{display:flex;gap:7px;flex-wrap:wrap;max-width:88%;margin-top:7px}.message-image{display:block;max-width:190px;width:min(190px,100%);padding:0;border:1px solid #dce6f3;border-radius:10px;overflow:hidden;background:#edf2f8}.message-image img{display:block;width:100%;height:auto;max-height:220px;object-fit:contain}.message-image.image-unavailable{min-height:88px;padding:12px;color:#718097;font-size:12px}.message-receipt{margin-top:4px;font-size:10px;color:#8190a4}.message-receipt.is-read{color:#4d7caf}.attachment-viewer{position:fixed;inset:0;border:0;padding:0;max-width:none;max-height:none;width:100%;height:100dvh;background:#111e32eF;color:#fff;margin:0}.attachment-viewer::backdrop{background:#111e32cf}.attachment-viewer-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:100%;padding:24px max(16px,env(safe-area-inset-left)) max(24px,env(safe-area-inset-bottom))}.attachment-viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(100%,1100px)}.attachment-viewer-heading h2{font-size:16px;font-weight:500}.attachment-viewer-close{color:#fff;background:#ffffff1c;border:1px solid #ffffff38;min-height:44px;padding:9px 16px;border-radius:8px}.attachment-viewer-image{display:block;max-width:100%;max-height:calc(100dvh - 156px);object-fit:contain;min-height:0}.attachment-viewer-note{font-size:12px;color:#b8c3d3;text-align:center}.attachment-viewer-close:hover{background:#ffffff2a}@media(max-width:760px){.attachment-remove{width:36px;height:36px;right:-5px;top:-5px}.attachment-retry{min-height:44px}.message-receipt{font-size:11px}.attachment-viewer-panel{padding-top:max(16px,env(safe-area-inset-top))}.attachment-toolbar{gap:7px}.attachment-limit{font-size:11px}.attachment-draft{max-width:110px}.message-image{max-width:160px}}

@media(max-width:760px){.attachment-remove{width:44px;height:44px;right:-7px;top:-7px}}

.message-meta{align-items:center}.message-group.is-recalled .message-bubble{background:#f1f4f8;border-color:transparent;color:#718097;font-size:12px;box-shadow:none}@media(max-width:760px){.message-group.is-recalled .message-bubble{font-size:13px}}