.attachment-preview{display:flex;align-items:center;gap:13px;background:#f0f4ec;border:1px solid #dce5d5;border-radius:12px;padding:12px;margin-bottom:10px}.attachment-preview[hidden],.upload-status[hidden]{display:none}.attachment-thumb{width:85px;height:75px;flex-shrink:0;background:#e2e9db;border-radius:8px;overflow:hidden}.attachment-thumb img,.attachment-thumb video{width:100%;height:100%;object-fit:contain}.attachment-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}.attachment-info strong{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.attachment-info span{font-size:10px;color:#74866b}.attachment-info small{font-size:10px;color:#8a9981}.upload-status{font-size:11px;color:#51794c;padding:0 3px 10px}.bubble.has-media{padding:7px;white-space:normal;max-width:350px}.has-media .message-text{padding:8px 8px 4px;white-space:pre-wrap}.message-media img,.message-media video{display:block;width:100%;max-width:330px;max-height:300px;min-width:160px;object-fit:contain;border-radius:9px;background:#16291c10}.message-media video{background:#1b271e}.media-image{display:block;cursor:zoom-in}.media-meta{display:flex;align-items:center;gap:12px;padding:9px 5px 4px;font-size:9px;line-height:1.5;color:#809075}.media-meta span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:190px;min-width:0}.media-meta a{flex-shrink:0;color:inherit;text-decoration:none}.media-meta a:hover{text-decoration:underline}.mine .media-meta{color:#d0e3c9}.media-error{font-size:10px;padding:0 5px}.media-dialog{max-width:900px;width:calc(100% - 32px);padding:20px;background:#f9fbf5}.media-dialog>#close-media{margin-left:auto;margin-bottom:12px}#media-viewer img{display:block;max-width:100%;max-height:72dvh;object-fit:contain;margin:auto}#media-caption{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;text-align:center;margin:15px 0 0}.composer-hint{gap:8px}@media(max-width:720px){.attachment-thumb{width:68px;height:60px}.attachment-info small{font-size:9px}.composer{gap:5px;padding:8px}.composer .icon-button{width:30px}.bubble.has-media{max-width:280px}.message-media img,.message-media video{max-width:260px;max-height:260px}.media-meta span{max-width:150px}.composer-hint{font-size:7px}}