.chat-image-preview[hidden]{display:none!important}
.chat-image-preview{display:flex;align-items:center;gap:12px;flex:none;padding:9px 11px;border-top:1px solid #dfe5da;background:#f0f4ee;font-size:13px;border-radius:10px}
.chat-image-preview img{width:56px;height:56px;object-fit:cover;border-radius:8px}
.chat-image-preview span{flex:1}.chat-image-preview small{display:block;color:#687761;margin-top:3px}
.chat-image-preview button{background:white;border:1px solid #d4decd;border-radius:7px;padding:8px 12px;color:#435c37}
#sheet.chat-fullscreen .composer{align-items:flex-end;gap:8px;display:flex}
#sheet.chat-fullscreen .composer textarea{flex:1;min-width:0;margin:0;resize:none;min-height:46px;max-height:130px;line-height:24px;padding:10px 12px;font-size:16px;border:1px solid #dce2d6;border-radius:12px;background:#fff;color:#24311f;box-sizing:border-box}
#sheet.chat-fullscreen .composer .primary{min-height:46px;flex:none;margin:0;padding:10px 17px}
#sheet.chat-fullscreen .composer .chat-image-pick{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;width:44px;height:46px;margin:0;flex:none;border:1px solid #dce2d6;border-radius:12px;background:#fff;color:#526a43;font-size:29px;cursor:pointer}
#sheet.chat-fullscreen .composer .chat-image-pick input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
#sheet.chat-fullscreen .composer[aria-busy=true] .chat-image-pick{pointer-events:none;opacity:.5}
.chat-image-open{display:block;border:0;padding:0;margin:8px 0 0;background:transparent;color:inherit;max-width:100%;text-align:left;cursor:zoom-in}
.chat-image-open img{display:block;width:auto;height:auto;max-width:min(280px,62vw);max-height:320px;border-radius:10px;object-fit:contain;background:#e7eddf;min-width:40px;min-height:40px}
.chat-image-open span{display:block;font-size:11px;margin-top:5px;opacity:.75}
.message .msg-body p{overflow-wrap:anywhere;white-space:normal}
#chatImageViewer{box-sizing:border-box;position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:max(65px,env(safe-area-inset-top)) 14px max(40px,env(safe-area-inset-bottom));border:0;border-radius:0;background:rgba(16,22,15,.96);color:white;overflow:auto;text-align:center}
#chatImageViewer::backdrop{background:#10160f}
#chatImageViewer img{max-width:100%;max-height:calc(100dvh - 145px);width:auto;height:auto;object-fit:contain}
#chatImageViewer button{position:fixed;top:max(16px,env(safe-area-inset-top));right:18px;background:#fff;color:#273725;border:0;border-radius:10px;padding:11px 20px;font-size:15px}
#chatImageViewer p{font-size:12px;color:#dce5d7;line-height:1.6;margin:14px 0}
@media(max-width:420px){#sheet.chat-fullscreen .composer{gap:6px}#sheet.chat-fullscreen .composer .primary{padding:10px 12px}#sheet.chat-fullscreen .composer textarea{padding:10px 8px}.chat-image-open img{max-width:60vw}}