.tool-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:var(--color-accent);color:#fff}.back-link{display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:var(--transition)}.back-link:hover{color:#fffc}.tool-title{font-size:18px;font-weight:600;margin:0}.share-button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:50%;transition:var(--transition)}.share-button:hover{color:#fffc;background-color:#ffffff1a}.search-container{margin-bottom:16px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--color-text);opacity:.6;width:18px;height:18px}.search-input{width:100%;padding:12px 40px;border-radius:24px;border:1px solid var(--color-border);background-color:#fffc;font-size:16px;transition:var(--transition)}.search-input:focus{outline:none;box-shadow:0 0 0 2px #9d8ce34d;border-color:var(--color-accent)}.clear-search-btn{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:var(--color-text);opacity:.6;padding:4px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.clear-search-btn:hover{opacity:1}.clear-icon{width:16px;height:16px}.recent-emojis-container{margin-bottom:16px}.section-title{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--color-text)}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px;padding:8px;background-color:var(--color-surface);border-radius:12px;min-height:56px}@media(max-width:480px){.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:6px}.emoji-item{width:36px;height:36px;font-size:22px}.combinations-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.category-tab{min-width:50px;padding:6px}.category-name{font-size:10px}}.emoji-item{display:flex;align-items:center;justify-content:center;font-size:24px;width:40px;height:40px;cursor:pointer;background-color:#fffc;border-radius:8px;border:1px solid rgba(0,0,0,.05);transition:var(--transition);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.emoji-item:hover{background-color:#9d8ce31a;transform:scale(1.05)}.emoji-item:active{transform:scale(.95)}.empty-message{grid-column:1 / -1;text-align:center;color:var(--color-text);opacity:.6;font-size:14px;padding:8px}.emoji-categories{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:8px 0;margin-bottom:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch;white-space:nowrap;scroll-behavior:smooth;overscroll-behavior-x:contain;-ms-overflow-style:none;touch-action:pan-x;width:100%;position:relative}.emoji-categories:after{content:"";flex:0 0 8px}.emoji-categories::-webkit-scrollbar{display:none;width:0;height:0}.category-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;flex:0 0 auto;padding:8px;background-color:var(--color-surface);border:1px solid rgba(0,0,0,.05);border-radius:12px;cursor:pointer;transition:var(--transition);margin:0 2px}.category-tab.active{background-color:var(--color-accent);color:#fff}.category-icon{width:20px;height:20px;margin-bottom:4px}.category-name{font-size:12px;white-space:nowrap}.emoji-container{margin-bottom:24px;max-height:300px;overflow-y:auto;background-color:var(--color-surface);border-radius:12px;padding:8px}.popular-combinations{margin-bottom:24px}.combinations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.combination-item{display:flex;align-items:center;justify-content:center;font-size:20px;padding:8px 16px;background-color:var(--color-surface);border:1px solid rgba(0,0,0,.05);border-radius:12px;cursor:pointer;transition:var(--transition)}.combination-item:hover{background-color:#9d8ce31a}.combination-item:active{transform:scale(.98)}.copy-result{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:12px;background-color:var(--color-surface);border-radius:12px}.copy-result-label{font-weight:600;font-size:14px;color:var(--color-text)}.copied-emoji{font-size:24px;min-height:24px;min-width:24px}.copied-emoji-animation{animation:pulse .5s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.hint-text{font-size:14px;color:var(--color-text);opacity:.7;margin-bottom:24px;line-height:1.5}.loading-spinner{width:40px;height:40px;margin:20px auto;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--color-accent);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:768px){.tool-title{font-size:20px}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.emoji-item{width:50px;height:50px;font-size:28px}.emoji-categories{justify-content:center}.category-tab{min-width:70px}.combinations-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}