.emoji-tool .emoji-panels{margin: 0 -10px}.emoji-tool .form-control-group{margin-bottom: 18px}.emoji-tool .form-control-group-header{display: flex;align-items: center;justify-content: space-between;gap: 10px;flex-wrap: wrap}.emoji-tool .emoji-status{font-size: 12px;font-weight: 400;color: #6b7280}.emoji-tool .control-label{font-size: 13px;font-weight: 600;color: #111827;margin-bottom: 4px}.emoji-tool .emoji-chips{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 4px}.emoji-tool .emoji-chip{border: 1px solid #e2e8f0;background: #fff;color: #475569;font-size: 12px;padding: 4px 12px;border-radius: 999px;cursor: pointer;transition: all 0.15s ease}.emoji-tool .emoji-chip:hover{border-color: #7c3aed;color: #7c3aed}.emoji-tool .emoji-chip.is-active{background: #7c3aed;border-color: #7c3aed;color: #fff}.emoji-tool .emoji-meta{font-size: 12px;color: #6b7280;margin-top: 4px}.emoji-tool .emoji-hero{background: #f8fafc;border: 1px solid #e2e8f0;border-left: 4px solid #7c3aed;border-radius: 10px;padding: 18px 16px;margin-bottom: 14px;text-align: center}.emoji-tool .emoji-hero-badges{display: flex;flex-wrap: wrap;gap: 6px;margin-bottom: 8px;min-height: 20px;justify-content: center}.emoji-tool .emoji-badge{display: inline-block;padding: 2px 10px;font-size: 11px;font-weight: 600;border-radius: 999px;text-transform: uppercase;letter-spacing: 0.03em;background: #ede9fe;color: #6d28d9}.emoji-tool .emoji-hero-big{font-size: 72px;line-height: 1.1}.emoji-tool .emoji-hero-group{margin-top: 6px;font-size: 14px;color: #64748b}.emoji-tool .emoji-empty{text-align: center;padding: 24px 10px;color: #94a3b8;font-size: 13px}.emoji-tool .emoji-empty i{font-size: 28px;display: block;margin-bottom: 6px}.emoji-tool .emoji-section{margin-bottom: 14px}.emoji-tool .emoji-section-title{font-size: 13px;font-weight: 600;color: #111827;margin-bottom: 4px}.emoji-tool .emoji-facts{display: grid;grid-template-columns: repeat(auto-fit,minmax(140px,1fr));gap: 10px;margin-bottom: 8px}.emoji-tool .emoji-fact{background: #f8fafc;border: 1px solid #e2e8f0;border-radius: 8px;padding: 10px 12px}.emoji-tool .emoji-fact-k{display: block;font-size: 11px;color: #6b7280;text-transform: uppercase;letter-spacing: 0.03em}.emoji-tool .emoji-fact-v{display: block;font-size: 14px;font-weight: 600;color: #0f172a;margin-top: 2px;word-break: break-word}.emoji-tool .emoji-code-row{display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.emoji-tool .emoji-code{font-size: 24px;font-weight: 600;background: #eef2f7;border: 1px solid #e2e8f0;border-radius: 6px;padding: 4px 14px;color: #0f172a}.emoji-tool .btn-outline-emoji{border: 1px solid #7c3aed;color: #7c3aed;background: #fff;font-size: 12px;padding: 4px 12px;border-radius: 6px;cursor: pointer;transition: all 0.15s ease}.emoji-tool .btn-outline-emoji:hover{background: #7c3aed;color: #fff}.emoji-tool .emoji-grid-wrap{border: 1px solid #e2e8f0;border-radius: 10px;overflow: hidden}.emoji-tool .emoji-grid-header{display: flex;justify-content: space-between;padding: 8px 12px;background: #f8fafc;border-bottom: 1px solid #e2e8f0;font-size: 12px;font-weight: 600;color: #475569}.emoji-tool .emoji-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(48px,1fr));gap: 4px;padding: 10px;max-height: 440px;overflow-y: auto}.emoji-tool .emoji-cell{font-size: 28px;line-height: 1;text-align: center;padding: 8px 0;border-radius: 8px;cursor: pointer;border: 1px solid transparent;transition: all 0.1s ease}.emoji-tool .emoji-cell:hover{background: #f1f5f9}.emoji-tool .emoji-cell.is-active{background: #ede9fe;border-color: #7c3aed}.emoji-tool .emoji-noresult{text-align: center;padding: 24px 10px;color: #94a3b8;font-size: 13px}.emoji-tool .emoji-noresult i{font-size: 24px;display: block;margin-bottom: 6px}.emoji-tool .emoji-message{display: flex;align-items: center;gap: 8px;margin-top: 12px;padding: 10px 14px;border-radius: 8px;font-size: 13px;border: 1px solid transparent}.emoji-tool .emoji-message.emoji-msg-success{background: #d1fae5;color: #065f46;border-color: #a7f3d0}.emoji-tool .emoji-message.emoji-msg-error{background: #fee2e2;color: #b91c1c;border-color: #fecaca}.emoji-tool .emoji-message.emoji-msg-info{background: #ede9fe;color: #6d28d9;border-color: #ddd6fe}.emoji-tool .emoji-message.is-fading{opacity: 0;transition: opacity 0.25s ease}.emoji-tool .emoji-tips{display: flex;flex-direction: column;gap: 10px}.emoji-tool .emoji-tip{display: flex;gap: 8px;font-size: 12.5px;line-height: 1.5}.emoji-tool .emoji-tip-k{flex: 0 0 auto;font-weight: 600;color: #7c3aed;min-width: 108px}.emoji-tool .emoji-tip-v{color: #4b5563}:root[data-theme="dark"] .emoji-tool .emoji-panel-header{background: #1f2422;color: #e5e7eb;border-bottom-color: rgba(255,255,255,0.08)}:root[data-theme="dark"] .emoji-tool .emoji-status{color: #9ca3af}:root[data-theme="dark"] .emoji-tool .control-label{color: #e5e7eb}:root[data-theme="dark"] .emoji-tool .form-control{background: #161a18;border-color: #37423d;color: #e5e7eb}:root[data-theme="dark"] .emoji-tool .form-control::placeholder{color: #6b7280}:root[data-theme="dark"] .emoji-tool .emoji-meta{color: #9ca3af}:root[data-theme="dark"] .emoji-tool .emoji-chip{background: transparent;border-color: #37423d;color: #cbd5e1}:root[data-theme="dark"] .emoji-tool .emoji-chip:hover{border-color: #a78bfa;color: #c4b5fd}:root[data-theme="dark"] .emoji-tool .emoji-chip.is-active{background: #7c3aed;border-color: #7c3aed;color: #fff}:root[data-theme="dark"] .emoji-tool .emoji-hero{background: #161a18;border-color: #2a312e;border-left-color: #7c3aed}:root[data-theme="dark"] .emoji-tool .emoji-hero-group{color: #94a3b8}:root[data-theme="dark"] .emoji-tool .emoji-badge{background: rgba(124,58,237,0.25);color: #c4b5fd}:root[data-theme="dark"] .emoji-tool .emoji-empty{color: #64748b}:root[data-theme="dark"] .emoji-tool .emoji-section-title{color: #e5e7eb}:root[data-theme="dark"] .emoji-tool .emoji-fact{background: #1f2422;border-color: #2a312e}:root[data-theme="dark"] .emoji-tool .emoji-fact-k{color: #9ca3af}:root[data-theme="dark"] .emoji-tool .emoji-fact-v{color: #e5e7eb}:root[data-theme="dark"] .emoji-tool .emoji-code{background: #1f2422;border-color: #37423d;color: #e5e7eb}:root[data-theme="dark"] .emoji-tool .btn-outline-emoji{background: transparent;border-color: #7c3aed;color: #c4b5fd}:root[data-theme="dark"] .emoji-tool .btn-outline-emoji:hover{background: #7c3aed;color: #fff}:root[data-theme="dark"] .emoji-tool .emoji-grid-wrap{border-color: #2a312e}:root[data-theme="dark"] .emoji-tool .emoji-grid-header{background: #1f2422;border-bottom-color: #2a312e;color: #9ca3af}:root[data-theme="dark"] .emoji-tool .emoji-cell:hover{background: #1f2422}:root[data-theme="dark"] .emoji-tool .emoji-cell.is-active{background: rgba(124,58,237,0.35);border-color: #7c3aed}:root[data-theme="dark"] .emoji-tool .emoji-noresult{color: #64748b}:root[data-theme="dark"] .emoji-tool .emoji-message.emoji-msg-success{background: rgba(16,185,129,0.15);color: #6ee7b7;border-color: rgba(16,185,129,0.35)}:root[data-theme="dark"] .emoji-tool .emoji-message.emoji-msg-error{background: rgba(239,68,68,0.15);color: #fca5a5;border-color: rgba(239,68,68,0.35)}:root[data-theme="dark"] .emoji-tool .emoji-message.emoji-msg-info{background: rgba(124,58,237,0.18);color: #c4b5fd;border-color: rgba(124,58,237,0.4)}:root[data-theme="dark"] .emoji-tool .emoji-tip-k{color: #c4b5fd}:root[data-theme="dark"] .emoji-tool .emoji-tip-v{color: #9ca3af}@media (max-width: 767px){.emoji-tool .row-layout{flex-direction: column}.emoji-tool .emoji-status{display: none}.emoji-tool .emoji-hero-big{font-size: 56px}.emoji-tool .emoji-grid{grid-template-columns: repeat(auto-fill,minmax(40px,1fr));max-height: 320px}.emoji-tool .emoji-facts{grid-template-columns: 1fr}}