.emoji-input-shell{position:relative;display:flex;flex:1;min-width:0;width:100%;align-items:stretch}
.emoji-input-shell input,.emoji-input-shell textarea{box-sizing:border-box;width:100%;min-width:0;padding-right:43px!important}
.emoji-input-shell>.emoji-toggle,#liveRoom .emoji-input-shell>.emoji-toggle{position:absolute!important;right:6px;top:50%;transform:translateY(-50%);display:grid!important;place-items:center;flex:none!important;width:32px!important;min-width:32px!important;height:32px!important;padding:5px!important;margin:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#cbd5e1!important;line-height:1;cursor:pointer;box-shadow:none!important;touch-action:manipulation}
.emoji-toggle svg{display:block;width:22px;height:22px}
.emoji-toggle:hover:not(:disabled){color:#fff!important;background:#ffffff12!important}
.emoji-toggle:disabled{opacity:.35;cursor:default}
.emoji-toggle:focus-visible,.emoji-choice:focus-visible{outline:2px solid #ff8066;outline-offset:1px}
.emoji-picker{position:fixed;z-index:950;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:8px;border:1px solid #394657;border-radius:16px;color:#e2e8f0;background:#152031;box-shadow:0 10px 36px #0008;pointer-events:auto}
.emoji-picker[hidden]{display:none!important}
.emoji-picker-heading{position:sticky;top:-8px;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:28px;padding:0 2px 4px;font:12px/18px system-ui;color:#aab8ca;background:#152031}
.emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px}
.emoji-grid>.emoji-choice{display:grid;place-items:center;width:100%;height:32px;min-width:0;min-height:0;margin:0;padding:2px;border:0;border-radius:7px;background:transparent;cursor:pointer;touch-action:manipulation}
.emoji-choice:hover{background:#ffffff12}
.emoji-choice img{display:block;width:26px;height:26px;object-fit:contain;pointer-events:none}
img.chat-emoji,#liveRoom #videoMessages img.chat-emoji,.chat-item img.chat-emoji{display:inline-block!important;width:16px!important;height:16px!important;max-width:none!important;max-height:none!important;margin:0 2px!important;padding:0!important;border:0!important;border-radius:0!important;vertical-align:middle;object-fit:contain;box-shadow:none!important}
#chatForm.composer>.emoji-input-shell{align-self:stretch;flex:1!important;width:auto;min-width:0;margin:0!important;justify-content:initial}
/* Mobile emoji keyboard occupies its own row below the composer. */
.emoji-docked{--emoji-panel-height:max(0px,calc(var(--emoji-target-height,260px) - var(--emoji-native-inset,0px)));min-height:0}
.emoji-picker.emoji-picker-docked{position:relative!important;inset:auto!important;flex:none;box-sizing:border-box;width:100%!important;height:var(--emoji-panel-height);max-height:var(--emoji-panel-height)!important;margin:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border:0;border-top:1px solid #394657;border-radius:0;box-shadow:none;overflow-x:hidden;overflow-y:auto}
.emoji-picker-docked .emoji-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:2px}
.emoji-picker-docked .emoji-choice{height:32px}
#liveDocument #liveRoom #chatOverlayPanel.emoji-docked{--emoji-panel-height:max(0px,calc(var(--emoji-target-height,260px) - var(--keyboard-inset,0px)));top:auto!important;bottom:calc(var(--keyboard-inset,0px) + 8px + env(safe-area-inset-bottom))!important;height:min(560px,max(110px,calc(var(--visual-height,100dvh) - var(--header-height,56px) - var(--title-height,38px) - 20px)))!important;grid-template-rows:auto minmax(0,1fr) 46px var(--emoji-panel-height)!important;row-gap:6px!important;transition:none!important}
#liveRoom #chatOverlayPanel.emoji-docked>.emoji-picker-docked{grid-row:4;pointer-events:auto}
@media(max-width:900px){
 .studio-drawer.emoji-composing .studio-info{display:none}
 .studio-drawer.emoji-composing .monitor-column{min-height:0!important;height:min(100px,16dvh)!important}
 .studio-drawer.emoji-composing #chatPanel{min-height:0}
 .studio-drawer.emoji-composing .emoji-picker-docked{padding-bottom:8px}
}
@media(max-width:900px) and (max-height:560px){.studio-drawer.emoji-composing .monitor-column{display:none!important}}

.emoji-picker.emoji-picker-collapsed{visibility:hidden!important;padding-block:0!important;border-width:0!important;pointer-events:none!important}

.emoji-picker .emoji-delete{display:grid;place-items:center;flex:none;width:28px;height:28px;min-width:28px;min-height:0;margin:0;padding:4px;border:0;border-radius:6px;background:transparent;color:#cbd5e1;cursor:pointer;touch-action:manipulation}
.emoji-delete svg{display:block;width:20px;height:20px}
.emoji-delete:hover:not(:disabled){background:#ffffff12;color:#fff}
.emoji-delete:disabled{opacity:.35;cursor:default}
.emoji-delete:focus-visible{outline:2px solid #ff8066;outline-offset:1px}
@media(max-height:480px){.emoji-grid>.emoji-choice,.emoji-picker-docked .emoji-choice{height:28px}.emoji-choice img{width:24px;height:24px}}