/* WatBox attachments stay inside the existing floating window. */
/* Same animated GIF renderer as the Warning sign; compact original footprint. */
#welcome .telegram-link{display:block;width:98px;height:22px;margin:5px 0 0;padding:0;line-height:0;text-decoration:none;background:none;border:0;box-shadow:none}
#welcome .telegram-link img{display:block;width:98px!important;height:22px!important;max-width:none!important;object-fit:contain;margin:0;padding:0;border:0;background:transparent;image-rendering:pixelated;content:normal!important;animation:none!important;transform:none!important}
#welcome .telegram-link:focus-visible{outline:1px dotted #354567;outline-offset:3px}
#chat #chat-form{flex-shrink:0;min-width:0;align-items:center}
#chat #message{min-width:0;flex:1}
#chat #chat-form button{flex-shrink:0;padding:2px 5px}
body #chat #chat-login{position:static;inset:auto;flex-shrink:0;flex-direction:row;justify-content:flex-start;padding:7px;gap:4px;background:#d9d9e3;color:#171729;text-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
body #chat #chat-login input{min-width:0;flex:1}
#chat #chat-gif-picker{position:absolute;inset:auto 5px 61px;z-index:4;background:#d9d9e3;color:#171729;border:2px outset #fff;padding:7px;box-shadow:3px 3px #0006}
#chat [hidden]{display:none!important}
.gif-picker-heading{display:flex;align-items:center;justify-content:space-between;font:12px Tahoma,Arial;margin-bottom:5px}
#chat #chat-gif-search{width:100%;box-sizing:border-box;font:12px Tahoma,Arial;margin-bottom:5px}
#chat-gif-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;max-height:150px;overflow:auto;background:#fff;padding:4px}
#chat-gif-list button{height:62px;min-width:0;padding:3px;background:#eee;border:1px solid #888}
#chat-gif-list button:hover,#chat-gif-list button:focus-visible{outline:2px solid #34289c;outline-offset:-2px}
#chat-gif-list img{max-width:100%;max-height:100%;object-fit:contain}
#chat #chat-gif-note{font:11px/1.3 Tahoma,Arial;margin:5px 0 0}
#chat #chat-attachment{display:flex;align-items:center;gap:7px;flex-shrink:0;padding:3px 5px;font:11px Tahoma,Arial;border-top:1px solid #888}
#chat-attachment img{width:40px;height:32px;object-fit:contain}
#chat-attachment button{margin-left:auto}
#chat .chat-message-gif{display:block;max-width:100%;max-height:130px;width:auto;height:auto;object-fit:contain;margin-top:5px}
#chat .conversation{min-width:0;overflow:auto;overflow-wrap:anywhere}
#chat .chat-body{min-height:65px}
#chat #chat-face-picker{position:absolute;inset:auto 5px 61px;z-index:4;background:#d9d9e3;color:#171729;border:2px outset #fff;padding:7px;box-shadow:3px 3px #0006}
#chat-face-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;max-height:190px;overflow:auto}
#chat-face-list button{font:22px/1.4 "Segoe UI Emoji",sans-serif;min-width:0;background:#fff;border:1px solid #999;cursor:pointer}
#chat-face-list button.kaomoji{grid-column:span 3;font:12px/2.5 Tahoma,Arial}
#chat-face-list button:hover,#chat-face-list button:focus-visible{outline:2px solid #34289c;outline-offset:-2px}
#chat.chat-matrix #chat-face-picker{background:#142419;color:#b0ffc2}
#chat.chat-matrix #chat-gif-picker{background:#142419;color:#b0ffc2}
#chat.chat-matrix #chat-gif-list{background:#08130c}
#chat.chat-matrix .conversation time{color:#a1b6a5}
@media(max-height:520px){body #chat:not(.chat-large){height:calc(100svh - 55px);top:8px}#chat-gif-list{max-height:90px}}