.emoticon-picker-wrapper.svelte-1dv2sto{position:relative;display:inline-block}.emoticon-picker-trigger.svelte-1dv2sto{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;background:var(--bg, #fff);cursor:pointer;font-size:18px;transition:background-color .15s}.emoticon-picker-trigger.svelte-1dv2sto:hover{background-color:var(--hover-bg, #f1f5f9)}.emoticon-picker-dropdown.svelte-1dv2sto{position:absolute;top:100%;left:0;z-index:1000;width:340px;max-height:400px;margin-top:4px;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;background:var(--bg, #fff);box-shadow:0 4px 12px #0000001a;overflow:hidden}.emoticon-tabs.svelte-1dv2sto{display:flex;gap:0;padding:4px 4px 0;border-bottom:1px solid var(--border-color, #e2e8f0);overflow-x:auto;scrollbar-width:thin}.emoticon-tab.svelte-1dv2sto{flex-shrink:0;padding:6px 12px;border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;font-size:13px;color:var(--text-muted, #64748b);white-space:nowrap;transition:color .15s,border-color .15s}.emoticon-tab.svelte-1dv2sto:hover{color:var(--text, #1e293b)}.emoticon-tab.active.svelte-1dv2sto{color:var(--primary, #3b82f6);border-bottom-color:var(--primary, #3b82f6)}.emoticon-grid.svelte-1dv2sto{display:flex;flex-wrap:wrap;gap:2px;padding:8px;max-height:320px;overflow-y:auto}.emoticon-loading.svelte-1dv2sto,.emoticon-error.svelte-1dv2sto,.emoticon-empty.svelte-1dv2sto{display:flex;align-items:center;justify-content:center;width:100%;min-height:80px;font-size:13px;color:var(--text-muted, #64748b)}.emoticon-error.svelte-1dv2sto{color:var(--error, #ef4444)}