.emoji-tool-wrapper{max-width:900px;margin:0 auto}.emoji-search-wrap{position:relative;margin-bottom:16px}.emoji-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.emoji-search{width:100%;padding:12px 16px 12px 42px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:.95rem;box-sizing:border-box}.emoji-search:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.emoji-search::placeholder{color:var(--text-muted)}.emoji-format-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:16px;overflow-x:auto}.emoji-format-label{font-size:.82rem;font-weight:700;color:var(--text-secondary);white-space:nowrap;margin-right:4px}.emoji-format-btn{padding:6px 12px;border:1px solid var(--border);background:var(--bg-subtle);color:var(--text-secondary);border-radius:20px;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--transition);flex-shrink:0}.emoji-format-btn:hover{border-color:var(--primary);color:var(--text)}.emoji-format-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.emoji-composer{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;margin-bottom:16px}.composer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.composer-title{font-size:.85rem;font-weight:700;color:var(--text)}.composer-count{font-size:.78rem;color:var(--text-muted);font-family:JetBrains Mono,monospace}.composer-body{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.composer-input{flex:1;min-width:200px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--text);font-size:1.1rem;outline:none}.composer-input:focus{border-color:var(--primary);background:var(--surface)}.composer-actions{display:flex;gap:6px}.composer-btn{padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-subtle);color:var(--text);font-weight:600;font-size:.82rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all var(--transition)}.composer-btn:hover{border-color:var(--primary);color:var(--primary)}.composer-btn.copy{background:var(--primary);color:#fff;border-color:var(--primary)}.composer-btn.copy:hover{background:var(--primary-hover)}.emoji-categories{display:flex;gap:4px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.emoji-cat-btn{padding:8px 12px;border:none;background:transparent;font-size:1.3rem;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition);flex-shrink:0}.emoji-cat-btn:hover,.emoji-cat-btn.active{background:var(--bg-subtle)}.emoji-skin-tone-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:16px;flex-wrap:wrap}.emoji-skin-tone-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.emoji-skin-btn{width:38px;height:38px;border:2px solid transparent;border-radius:50%;cursor:pointer;font-size:1.3rem;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);transition:all var(--transition);padding:0}.emoji-skin-btn:hover{border-color:var(--text-muted);transform:scale(1.1)}.emoji-skin-btn.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.emoji-recent{margin-bottom:16px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:none}.emoji-recent.visible{display:block}.emoji-recent-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.emoji-recent-grid{display:flex;flex-wrap:wrap;gap:4px}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:2px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-height:500px;overflow-y:auto}.emoji-btn{padding:8px;border:none;background:transparent;font-size:1.6rem;cursor:pointer;border-radius:var(--radius-sm, 4px);transition:all var(--transition);text-align:center;line-height:1;position:relative}.emoji-btn:hover{background:var(--bg-subtle);transform:scale(1.2)}.emoji-btn:active{transform:scale(.95)}.emoji-section-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);padding:12px 8px 4px;grid-column:1/-1}.emoji-tooltip{position:fixed;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px;font-size:.8rem;color:var(--text-secondary);pointer-events:none;z-index:999;white-space:nowrap;box-shadow:0 4px 12px #00000026;display:none}.emoji-tooltip.visible{display:block}.emoji-tooltip-name{font-weight:600;color:var(--text)}.emoji-tooltip-code{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--text-muted);margin-top:2px}.emoji-no-results{grid-column:1/-1;text-align:center;padding:40px 16px;color:var(--text-muted);font-size:.95rem}img.emoji{height:1em;width:1em;margin:0 .05em 0 .1em;vertical-align:-.1em;pointer-events:none}