/* Small inline artwork follows the surrounding text; the picker stays local. */
.wechat-emoji{
  display:inline-block;width:1.35em;height:1.35em;max-width:none;
  margin:0 .06em;vertical-align:-.28em;object-fit:contain;
}
#input.chat-input{
  flex:1 1 auto;min-width:0;min-height:1.35em;max-height:120px;
  border:0;outline:0;overflow-y:auto;overflow-x:hidden;
  background:transparent;color:var(--text);padding:6px 0;margin:0;
  font-family:var(--font-en),var(--font-cn);font-size:16px;line-height:1.5;
  white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;
}
#input.chat-input:empty::before,#input.chat-input[data-empty="true"]::before{
  content:attr(data-placeholder);color:var(--text-faint);pointer-events:none;
}
#input.chat-input[aria-disabled="true"]{opacity:.6;}
.wechat-emoji-panel{
  flex:none;width:100%;min-width:0;margin-top:8px;
  border-top:1px solid var(--border);color:var(--text);
}
.wechat-emoji-panel[hidden],.wechat-emoji-panel [hidden]{display:none!important;}
.wechat-emoji-panel,.wechat-emoji-panel *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;}
.wechat-emoji-heading{display:flex;align-items:center;justify-content:space-between;padding:0 4px;}
.wechat-emoji-heading span{font-size:13px;color:var(--text-faint);}
.wechat-emoji-panel button{
  color:inherit;background:transparent;border:0;border-radius:10px;
  cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;
}
.wechat-emoji-heading button{min-height:44px;padding:0 10px;font-size:13px;}
.wechat-emoji-scroll{max-height:min(258px,36dvh);overflow-y:auto;overscroll-behavior:contain;}
.wechat-emoji-scroll p{margin:10px 4px 4px;font-size:12px;color:var(--text-faint);}
.wechat-emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;}
.wechat-emoji-grid button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:6px 0;}
.wechat-emoji-grid .wechat-emoji{width:29px;height:29px;margin:0;pointer-events:none;}
.wechat-emoji-panel button:active{background:var(--surface-2,rgba(130,153,181,.18));}
.wechat-emoji-panel button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;}
@media(hover:hover){.wechat-emoji-panel button:hover{background:var(--surface-2,rgba(130,153,181,.12));}}
@media(min-width:700px){.wechat-emoji-grid{grid-template-columns:repeat(12,minmax(0,1fr));}}
