.attachment-picker{min-width:0;margin:0 0 10px}.attachment-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.attachment-toolbar button{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #dbe3dd;border-radius:8px;background:#fff;color:#36544b;font:inherit;font-size:14px;cursor:pointer}.attachment-toolbar svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.attachment-toolbar small{font-size:12px;color:#7b8984;margin-left:auto}.attachment-picker button:disabled{opacity:.5;cursor:wait}.attachment-picker input[hidden]{display:none}.attachment-drafts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.attachment-draft{display:flex;align-items:center;gap:9px;max-width:290px;min-width:0;padding:7px 8px;background:#f4f7f4;border:1px solid #dfe6e0;border-radius:10px}.attachment-draft img{width:42px;height:42px;object-fit:cover;border-radius:5px}.attachment-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.attachment-copy strong{font-size:13px;overflow-wrap:anywhere;font-weight:500}.attachment-copy small{font-size:12px;color:#76857d}.attachment-draft button{flex:none;border:0;background:transparent;padding:7px;font-size:21px;color:#63766c;cursor:pointer}.attachment-file-icon{display:grid;place-items:center;width:35px;height:42px;flex:none;border:1px solid #cedacf;border-radius:6px;background:#fff;color:#486c53;font-size:24px}.attachment-error{color:#a34436;font-size:13px;margin:8px 0}.message-attachments{display:grid;gap:10px;margin-top:6px;min-width:0}.message-attachment{min-width:0}.message-attachment>a:has(>img){display:block;width:280px;max-width:100%;aspect-ratio:1}.message-attachment>a>img{display:block;width:100%;height:100%;object-fit:contain;border-radius:9px}.attachment-image-download{display:block;font-size:12px;color:#516a5d;margin-top:5px;text-decoration:none}.attachment-file{display:flex;align-items:center;gap:10px;max-width:320px;min-width:0;padding:11px;border:1px solid #cbdacb;border-radius:9px;background:#ffffffa6;text-decoration:none;color:#2e463b}.attachment-file:hover{background:#fff}.mc-compose{display:block!important}.mc-compose-row{display:flex;align-items:flex-end;gap:10px}.mc-compose-row textarea{flex:1;min-width:0}.mc-message .message-attachments{display:grid}.mc-message .attachment-file{display:flex}.chat-bubble:has(.message-attachments){min-width:150px}.attachment-toolbar button:focus-visible,.attachment-draft button:focus-visible,.message-attachment a:focus-visible{outline:3px solid #809e88;outline-offset:2px}@media(max-width:600px){.attachment-toolbar small{width:100%;margin-left:0}.attachment-draft{max-width:100%}.message-attachment>a>img{max-width:100%}.attachment-toolbar button{min-height:40px}.attachment-picker{margin-bottom:8px}}

/* Display original pixels in a scrollable viewer, independently of chat thumbnails. */
.attachment-viewer{padding:0!important;border:1px solid #d1dbd5!important;border-radius:14px!important;width:min(1400px,96vw)!important;height:92dvh!important;max-width:96vw!important;max-height:92dvh!important;background:#f1f4f1!important;color:#263f36;overflow:hidden!important;box-shadow:0 16px 80px #0b201644}
.attachment-viewer[open]{display:flex!important;flex-direction:column}.attachment-viewer::backdrop{background:#14251fe0}
.av-header{display:flex;align-items:center;gap:14px;padding:12px 18px;background:#fff;border-bottom:1px solid #e1e7e2;flex:none;min-width:0}.av-header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.av-header>span{font-size:12px;color:#76857d;white-space:nowrap}.av-header .av-close{margin-left:auto;flex:none;font-size:26px!important;width:40px;height:40px;padding:0!important}
.av-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 18px;background:#fff;flex:none;border-bottom:1px solid #dbe3dc}.attachment-viewer button,.av-controls>a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cbd8cf!important;border-radius:7px!important;background:#fff!important;color:#36544b!important;font:inherit;font-size:14px!important;line-height:1.2;min-height:36px!important;padding:7px 12px!important;cursor:pointer;text-decoration:none!important;margin:0;box-shadow:none!important}.attachment-viewer button:disabled{opacity:.45;cursor:default}.attachment-viewer button:focus-visible,.av-controls>a:focus-visible{outline:3px solid #809e88;outline-offset:2px}.av-controls>a{margin-left:auto}.av-zoom{display:flex;align-items:center;gap:5px}.av-zoom button{width:36px;padding:0!important;font-size:20px!important}.av-zoom output{font-size:13px;text-align:center;min-width:48px;font-variant-numeric:tabular-nums}
.av-viewport{position:relative;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;cursor:grab;background:#edf0ed}.av-viewport:active{cursor:grabbing}.av-canvas{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:100%;min-height:100%;width:max-content;padding:16px}.attachment-viewer .av-image{display:block!important;flex:none!important;max-width:none!important;max-height:none!important;object-fit:initial!important;border-radius:0!important;image-rendering:auto;user-select:none}.av-status{padding:40px;text-align:center;color:#63796c;cursor:default}
@media(max-width:600px){.attachment-viewer{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;border:0!important}.av-header{padding:8px 10px;gap:8px}.av-header>span{display:none}.av-controls{padding:8px 10px;gap:6px}.av-controls>a{margin-left:0}.attachment-viewer button,.av-controls>a{min-height:40px!important;font-size:12px!important;padding:7px 9px!important}.av-header .av-close{min-width:40px}}