.room-chat-composer.vg-room-composer.room-emoji-composer{grid-template-columns:42px 42px minmax(0,1fr) 46px}
.room-emoji-composer .vg-room-shortcut,.room-emoji-toggle{width:42px;height:44px;min-width:0;padding:9px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--panel-soft);color:var(--text);cursor:pointer}
.room-emoji-toggle:hover,.room-emoji-toggle[aria-expanded=true]{background:color-mix(in srgb,#00adc1 18%,var(--panel));border-color:#00adc1}
.room-emoji-toggle:disabled{opacity:.45;cursor:default}.room-emoji-icon{width:23px;height:23px;background:currentColor;mask:url('/emoji-smile-1-61-0.svg') center/contain no-repeat}
.room-emoji-popover{position:fixed;inset:auto;margin:0;padding:0;box-sizing:border-box;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);box-shadow:0 12px 40px #0006;overflow:hidden;font-family:inherit;letter-spacing:0}
.room-emoji-popover:popover-open{display:grid;grid-template-rows:48px minmax(0,1fr) auto}
.room-emoji-popover header{display:flex;align-items:center;gap:12px;padding:6px 12px;border-bottom:1px solid var(--border)}
.room-emoji-popover h3{font-size:16px;line-height:1.3;margin:0}.room-emoji-popover header>span{font-size:12px;color:var(--muted);margin-left:auto}
.room-emoji-popover header>button{width:34px;height:34px;display:grid;place-items:center;padding:7px;border:0;border-radius:6px;background:transparent;color:var(--text);cursor:pointer}
.room-emoji-popover header>button:hover{background:var(--panel-soft)}.room-emoji-popover header svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.room-emoji-content{min-width:0;min-height:0;overflow:auto}.room-emoji-content>p,.room-emoji-content>.btn{margin:14px}
.room-emoji-popover emoji-picker{width:100%;height:100%;--background:var(--panel);--border-size:0;--border-radius:0;--border-color:var(--border);--button-active-background:var(--panel-soft);--button-hover-background:color-mix(in srgb,#00adc1 18%,var(--panel));--category-font-color:var(--text);--input-font-color:var(--text);--input-placeholder-color:var(--muted);--input-border-color:var(--border);--input-border-radius:6px;--input-font-size:14px;--input-padding:8px;--indicator-color:#00adc1;--outline-color:#00adc1;--num-columns:8;--emoji-size:24px;--emoji-padding:8px;--category-emoji-size:20px;--category-emoji-padding:7px}
.room-emoji-status{font-size:12px;color:var(--muted);line-height:1.4;padding:8px 12px;margin:0}.room-emoji-status:empty{display:none}
.room-emoji-toggle:focus-visible,.room-emoji-popover button:focus-visible{outline:2px solid #00adc1;outline-offset:2px}
@media(max-width:560px){.room-chat-composer.vg-room-composer.room-emoji-composer{grid-template-columns:34px 34px minmax(0,1fr) 42px;gap:5px}.room-emoji-composer .vg-room-shortcut,.room-emoji-composer .room-emoji-toggle{width:34px;height:40px;padding:6px}.room-emoji-composer .room-send-button{width:42px;height:42px}.room-emoji-composer .room-composer-field input{padding-left:10px;padding-right:34px}.room-emoji-composer [data-room-character-count]{right:9px;font-size:10px}.room-emoji-popover emoji-picker{--num-columns:7;--emoji-padding:7px;--category-emoji-size:18px;--category-emoji-padding:6px}}
@media(max-width:350px){.room-emoji-popover emoji-picker{--num-columns:6;--category-emoji-size:17px;--category-emoji-padding:5px}}