:root{--gap:10px;--size:42px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif}body{margin:24px;background-color:#f9fafb}.emoji-tool-section{margin-bottom:20px}.emoji-tool-title{font-size:14px;color:#6b7280;margin-bottom:8px}.emoji-tool-grid-container{display:flex;flex-wrap:wrap;gap:var(--gap)}.emoji-tool-grid-container .emoji-tool-item{width:56px;height:56px}.emoji-tool-grid-container .emoji-tool-emoji{font-size:24px}.emoji-tool-toolbar{display:flex;gap:var(--gap);align-items:center;margin-bottom:16px}.emoji-tool-toolbar-search{flex:1;padding:10px 12px;font-size:16px;border:1px solid #d1d5db;border-radius:8px}.emoji-tool-toolbar-button{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px}.emoji-tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:var(--gap)}.emoji-tool-item{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border:1px solid #e5e7eb;border-radius:12px;height:72px;cursor:pointer;user-select:none;transition:transform .05s,box-shadow .1s;background-color:#fff}.emoji-tool-item:hover{box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1)}.emoji-tool-item:active{transform:scale(.98)}.emoji-tool-emoji{font-size:28px;line-height:1}.emoji-tool-label{font-size:11px;color:#6b7280;text-align:center;padding:2px 4px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.emoji-tool-favorite-btn{position:absolute;top:2px;right:2px;background:none;border:none;font-size:14px;cursor:pointer;color:#94a3b8;z-index:10}.emoji-tool-favorite-btn.active{color:#fcd34d}.emoji-tool-favorite-btn:hover{color:#f59e0b}.emoji-tool-favorites-grid .emoji-tool-item{height:56px}.emoji-tool-favorites-grid .emoji-tool-item .emoji-tool-emoji{font-size:24px}.emoji-tool-favorites-grid .emoji-tool-item .emoji-tool-favorite-btn{top:0;right:0}.emoji-tool-toast{position:fixed;left:50%;transform:translateX(-50%);bottom:24px;background:#111827;color:#fff;padding:10px 14px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:1000}.emoji-tool-toast.show{opacity:1}.emoji-tool-loader{text-align:center;padding:40px;white-space:nowrap;writing-mode:horizontal-tb}.intro{margin:8px 0 16px;color:#374151;font-size:14px}.muted{color:#6b7280;font-size:12px}