@keyframes ai-spin{0%{transform:translate(-50%,-50%) rotate(0)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.mode-toggle-container{background-color:#e3e6ea;padding:4px;border-radius:100px;display:flex;width:fit-content;min-width:320px;max-width:95%;margin:15px auto 20px;position:relative;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.08);gap:6px}.mode-toggle-btn{flex:1;border:none;padding:10px 20px;border-radius:100px;background:0 0;color:#5f6368;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;outline:0!important;transition:.2s;position:relative;isolation:isolate;box-shadow:none;white-space:nowrap}.mode-toggle-btn:hover{color:#1f1f1f}.mode-toggle-btn.normal-mode.active{background-color:#fff;color:#1f1f1f;box-shadow:0 1px 3px rgba(0,0,0,.1);font-weight:600}.mode-toggle-btn.ai-mode{overflow:hidden;--ai-bg:#e3e6ea}.mode-toggle-btn.ai-mode:hover{--ai-bg:#edeff1}.mode-toggle-btn.ai-mode.active{color:#1f1f1f;font-weight:600;--ai-bg:#ffffff}.mode-toggle-btn.ai-mode::before{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;padding:50%;background:conic-gradient(#3186ff00 0deg,#34a853 43deg,#ffd314 65deg,#ff4641 105deg,#3186ff 144deg,#3186ff 180deg,#3186ff00 324deg,#3186ff00 360deg);animation:3s linear infinite ai-spin;opacity:0;transition:opacity .5s;z-index:-2;pointer-events:none;aspect-ratio:1/1}.mode-toggle-btn.ai-mode.active::before,.mode-toggle-btn.ai-mode.suggestion-pulse::before,.mode-toggle-btn.ai-mode:hover::before{opacity:1}.mode-toggle-btn.ai-mode.suggestion-pulse{transform:scale(1.02);--ai-bg:#f8f9fa}.mode-toggle-btn.ai-mode.suggestion-pulse::before{animation-duration:1.5s}.mode-toggle-btn.ai-mode::after{content:"";position:absolute;inset:2px;border-radius:inherit;background:var(--ai-bg);z-index:-1;transition:background .3s}.default-mode,.emoji-search-empty.show,.fake-cursor.show{display:block}#SymbolTextGenerator.sticky .input-overlay-group,#SymbolTextGenerator.sticky .mode-toggle-container,.default-mode.hidden,.emoji-search-empty,.keyboard-mode{display:none}.keyboard-mode.active{display:block;animation:.3s ease-in fadeIn}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.input-wrapper{position:relative;display:inline-block;width:100%;margin-bottom:0;z-index:100;overflow:hidden;padding-bottom:25px}#text_letters.form-control-lg{margin-bottom:0!important;height:60px;font-size:18px;font-weight:500;border-radius:12px;border:2px solid #e3e6ea;padding-right:15px;box-shadow:none}#text_letters[readonly]{background-color:#fff;cursor:text;opacity:1;caret-color:transparent}#text_letters:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.15)}.fake-cursor{position:absolute;width:2px;height:1.3em;background:linear-gradient(to bottom,#e91e63,#c2185b);pointer-events:none;animation:1s step-end infinite blink;display:none;top:0;transform:translateY(100%);z-index:10;box-shadow:0 0 8px rgba(233,30,99,.6)}@keyframes blink{0%,50%{opacity:1}100%,51%{opacity:0}}.text-measurer{position:absolute;visibility:hidden;white-space:pre;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;left:0;top:0}.input-overlay-group{position:absolute;top:30px;right:10px;transform:translateY(50%);display:flex;align-items:center;gap:10px;z-index:20;background:#fff;padding:5px 8px 5px 15px;border-radius:50px;box-shadow:0 4px 15px rgba(0,0,0,.1);border:1px solid #f0f0f0;pointer-events:auto;height:36px}.char-count{font-size:12px;color:#6c757d;font-weight:600;background:0 0;padding:0;white-space:nowrap;line-height:1}.action-buttons{display:none;gap:8px;padding-left:10px;border-left:1px solid #eee}.action-buttons.show{display:flex;animation:.3s fadeInRight}@keyframes fadeInRight{from{opacity:0;transform:translateX(5px)}to{opacity:1;transform:translateX(0)}}.btn-action{width:30px;height:30px;border:none;border-radius:50%;cursor:pointer;font-size:14px;transition:.2s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;box-shadow:none}.btn-primary-custom{background:#e3f2fd;color:#1976d2}.btn-primary-custom:hover{background:#1976d2;color:#fff;transform:translateY(-2px);box-shadow:0 3px 8px rgba(25,118,210,.3)}.btn-destructive:active,.btn-primary-custom:active{transform:scale(.95)}.btn-destructive{background:#ffebee;color:#d32f2f}.btn-destructive:hover{background:#d32f2f;color:#fff;transform:translateY(-2px);box-shadow:0 3px 8px rgba(211,47,47,.3)}.toast-notification{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:14px 24px;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.3);z-index:10000;opacity:0;transform:translateX(400px);transition:.4s cubic-bezier(.4, 0, .2, 1);font-weight:600;font-size:14px}.char-button,.nav-tabs-horizontal .nav-link{white-space:nowrap;transition:.2s;cursor:pointer}.toast-notification.show{opacity:1;transform:translateX(0)}.tabs-horizontal-container{border-bottom:1px solid #e9ecef;background:#f8f9fa;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;border-radius:12px 12px 0 0;margin-top:15px;scrollbar-width:thin;scrollbar-color:#ced4da #f1f3f5;position:sticky;top:0;z-index:100}.tabs-horizontal-container::-webkit-scrollbar{height:4px}.tabs-horizontal-container::-webkit-scrollbar-track{background:#f1f3f5}.tabs-horizontal-container::-webkit-scrollbar-thumb{background:#ced4da;border-radius:2px}.nav-tabs-horizontal{display:inline-flex;border:none;flex-wrap:nowrap;padding:8px 8px 0;margin-bottom:0;gap:4px}.emoji-search-loading .spinner,.spinner{margin:0 auto 15px}.nav-tabs-horizontal .nav-item{flex-shrink:0}.nav-tabs-horizontal .nav-link{border:none;border-radius:8px 8px 0 0;padding:8px 16px;background:0 0;color:#6c757d;font-weight:500;font-size:13px;position:relative}.nav-tabs-horizontal .nav-link:hover{color:#212529;background:rgba(0,0,0,.03)}.nav-tabs-horizontal .nav-link.active{color:#007bff;background:#fff;font-weight:600;box-shadow:0 -2px 5px rgba(0,0,0,.02)}.unified-scroll-container{background:#fff;border:1px solid #e9ecef;border-top:none;border-radius:0 0 12px 12px;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.03);overflow:hidden}.virtual-scroll-wrapper{position:relative;background:#f8f9fa;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#cfd8dc #f8f9fa;display:flex;justify-content:flex-start;align-items:flex-start}.virtual-scroll-content{position:relative;height:auto;display:inline-block}.continuous-characters-grid{position:relative;display:grid;grid-template-rows:repeat(4,3.9rem);grid-auto-flow:column;grid-auto-columns:max-content;gap:.25rem;padding:15px}.char-button,.emoji-search-clear.show{display:flex}@media (max-width:576px){.continuous-characters-grid{grid-template-rows:repeat(3,3.5rem);gap:.25rem;padding:12px}}@media (min-width:768px){.continuous-characters-grid{grid-template-rows:repeat(5,3.9rem)}}.loading-spinner{text-align:center;padding:60px 20px;color:#adb5bd}.spinner{border:3px solid #f1f3f5;border-top:3px solid #007bff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.char-button{flex-direction:column;margin:0;font-size:1.75rem;border-radius:3px;padding:.4rem;border:1px solid #bcbcbc;background:#f6f6f6;min-width:3.9rem;width:max-content;text-align:center;user-select:none;-webkit-user-select:none;align-items:center;justify-content:center;height:100%}.char-button.auto-size-small{font-size:.75rem;padding:.3rem .5rem}.char-button.auto-size-medium{font-size:1rem;padding:.35rem .45rem}.char-button:hover{background:#fff;border-color:#e91e63;transform:translateY(-3px);box-shadow:0 4px 10px rgba(233,30,99,.15);color:#e91e63}.char-button:active{transform:scale(.96)}.char-button.trends-char{background:#fffcf5;border-color:#f5ecd7}.char-button.trends-char:hover{border-color:#ffc107;box-shadow:0 4px 10px rgba(255,193,7,.2);color:#b78a02}@media (max-width:768px){.char-button{font-size:1.5rem;min-width:3.5rem}.char-button.auto-size-small{font-size:.65rem}.char-button.auto-size-medium{font-size:.9rem}}.scroll-indicator{position:absolute;top:0;bottom:0;width:40px;display:none;align-items:center;justify-content:center;font-size:24px;color:#adb5bd;z-index:5;pointer-events:none;opacity:0;transition:opacity .3s}.scroll-indicator.show{display:flex;opacity:1}.scroll-indicator.left{left:0;background:linear-gradient(to right,rgba(248,249,250,.95),transparent)}.scroll-indicator.right{right:0;background:linear-gradient(to left,rgba(248,249,250,.95),transparent)}.emoji-search-bar{position:sticky;top:0;z-index:10;background:#fff;padding:12px 15px 8px;border-bottom:1px solid #e9ecef;margin:0}.emoji-search-input-wrapper{position:relative}.emoji-search-clear,.emoji-search-icon{position:absolute;top:50%;transform:translateY(-50%)}.emoji-search-input{width:100%;padding:10px 40px 10px 38px;border:2px solid #e3e6ea;border-radius:10px;font-size:14px;transition:.3s}.emoji-search-input:focus{border-color:#007bff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.1)}.emoji-search-input::placeholder{color:#adb5bd;font-size:13px}.emoji-search-icon{left:12px;font-size:16px;color:#adb5bd;pointer-events:none}.emoji-search-clear{right:8px;background:#f1f3f5;border:none;width:26px;height:26px;border-radius:50%;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:14px;color:#6c757d;transition:.2s}.emoji-search-clear:hover{background:#dc3545;color:#fff;transform:translateY(-50%) scale(1.1)}.emoji-search-empty,.emoji-search-loading{text-align:center;padding:40px 20px;color:#adb5bd;width:100%}#SymbolTextGenerator.sticky .input-wrapper{padding-bottom:10px}button.btn-action.btn-primary-custom{background-image:url(/assets/images/copy-icon.svg);background-repeat:no-repeat;background-position:center}