.emoji-field{display:grid;gap:6px;min-width:0;grid-column:1/-1}
.emoji-field>.field{margin:0}
.emoji-input-shell{position:relative;display:block;min-width:0}
body .emoji-input-shell textarea{display:block;box-sizing:border-box;width:100%;min-height:120px;margin:0;padding:14px 16px 48px;resize:vertical}
.emoji-toolbar{position:absolute;bottom:10px;right:14px;max-width:100%;z-index:2}
body .emoji-toolbar>.emoji-picker-trigger{display:grid;place-items:center;width:32px;height:32px;min-height:32px;min-width:32px;padding:5px;border:0;border-radius:9px;background:transparent;box-shadow:none;color:var(--muted)}
body .emoji-toolbar>.emoji-picker-trigger:hover{background:var(--surface2)}
body .emoji-picker-trigger>.dh-custom-icon{width:22px;height:22px}
.emoji-picker-panel{position:absolute;bottom:calc(100% + 8px);right:0;z-index:20;width:280px;max-width:calc(100vw - 72px);padding:10px;box-sizing:border-box;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px #50333f20}
.emoji-picker-panel[hidden]{display:none}
.emoji-picker-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px}
body :is(#app,#modal-root) .emoji-picker-grid>.emoji-choice{display:grid;place-items:center;min-width:0;width:100%;min-height:30px;height:30px;padding:0;border:0;border-radius:7px;background:transparent;box-shadow:none;font-size:20px;font-family:'Segoe UI Emoji','Apple Color Emoji',sans-serif;line-height:1}
body :is(#app,#modal-root) .emoji-picker-grid>.emoji-choice:hover{background:var(--surface2)}
body :is(#app,#modal-root) .emoji-picker-grid>.emoji-choice:focus-visible,body .emoji-picker-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:1px}
body .emoji-picker-panel .emoji-picker-status:empty{display:none}
body .emoji-picker-panel .emoji-picker-status{display:block;font-size:11px;line-height:1.5;color:var(--primary);margin-top:5px}
