.chat-media{margin-top:8px;max-width:380px}.chat-media a{display:block}.chat-media img{display:block;max-width:100%;max-height:300px;min-height:50px;border-radius:12px;object-fit:contain;background:#eef2f7}.chat-media small{font-size:12px;color:#64748b}.chat-media-draft:not([hidden]){display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f1f5f9;border-radius:10px;margin-bottom:8px}.chat-media-draft img{width:64px;height:64px;object-fit:contain;border-radius:8px}.chat-media-draft span{flex:1;overflow-wrap:anywhere}.chat-media-draft button{border:0;background:transparent;font-size:24px;cursor:pointer}#chatAttach{font-size:24px;min-width:40px}
.chat-gif-picker{max-width:620px}.chat-gif-picker input{width:100%;font-size:16px;padding:11px 14px;border:1px solid #cbd5e1;border-radius:10px}.chat-gif-categories{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.chat-gif-categories button{border:1px solid #dbe3ed;border-radius:20px;padding:7px 12px;background:#f8fafc;color:#334155;cursor:pointer}.chat-gif-categories button[aria-pressed="true"]{background:#2563eb;color:white;border-color:#2563eb}.chat-gif-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:420px;overflow:auto}.chat-gif-grid button{border:1px solid #e2e8f0;border-radius:12px;padding:0;overflow:hidden;background:#f1f5f9;text-align:left;cursor:pointer}.chat-gif-grid img{width:100%;height:135px;object-fit:cover;display:block}.chat-gif-grid span{display:block;font-size:13px;font-weight:600;padding:8px}.chat-gif-grid button:focus-visible{outline:3px solid #2563eb;outline-offset:2px}.chat-gif-grid button:disabled{opacity:.5;cursor:wait}.chat-gif-picker footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.chat-gif-picker footer a{font-size:12px;color:#64748b}#chatGifButton{font-size:12px;font-weight:800;min-width:40px}.chat-gif-picker .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:480px){.chat-gif-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-gif-grid img{height:120px}}