.font-selector-wrapper[data-v-21596d1d]{display:inline-block;position:relative}.font-selector-button[data-v-21596d1d]{color:#232425;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;gap:8px;min-width:120px;max-width:120px;height:28px;padding:4px 8px;transition:all .2s;display:flex}.font-selector-button.font-changed[data-v-21596d1d]{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}@media (hover:hover){.font-selector-button[data-v-21596d1d]:hover{color:#232425;background-color:#f5f5f5;border-color:#ddd}.font-selector-button:hover .icon[data-v-21596d1d]{color:#232425}}.font-selector-button[data-v-21596d1d]:active{color:#1677ff;background-color:#e6f4ff;border-color:#1677ff}.current-font[data-v-21596d1d]{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.icon[data-v-21596d1d]{color:#232425;flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;line-height:1;display:flex}.icon svg[data-v-21596d1d]{width:100%;height:100%}.font-dropdown[data-v-21596d1d]{background:#fff;border:1px solid #ddd;border-radius:12px;flex-direction:column;min-width:320px;max-width:320px;max-height:400px;display:flex;box-shadow:0 4px 12px #00000026}.font-search[data-v-21596d1d]{border-bottom:1px solid #eee;padding:8px}.custom-input-wrapper[data-v-21596d1d]{background:#fff;border:1px solid #d9d9d9;border-radius:8px;align-items:center;transition:all .2s;display:flex;position:relative}.custom-input-wrapper[data-v-21596d1d]:focus-within{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff33}.search-icon[data-v-21596d1d]{color:#666;flex-shrink:0;justify-content:center;align-items:center;padding:0 8px;font-size:12px;display:flex}.custom-input[data-v-21596d1d]{color:#333;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:3px 8px 3px 0;font-size:14px}.custom-input[data-v-21596d1d]::placeholder{color:#bfbfbf}.clear-button[data-v-21596d1d]{color:#bfbfbf;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-right:6px;font-size:10px;line-height:1;transition:all .2s;display:flex}.clear-button[data-v-21596d1d]:hover{color:#666;background:#f5f5f5}.clear-button[data-v-21596d1d]:active{background:#e6e6e6}.font-list[data-v-21596d1d]{flex:1;max-height:320px;overflow-y:auto}.loading-item[data-v-21596d1d]{color:#666;gap:8px;padding:12px;font-size:12px}.font-item[data-v-21596d1d],.loading-item[data-v-21596d1d]{align-items:center;display:flex}.font-item[data-v-21596d1d]{cursor:pointer;border-bottom:1px solid #f5f5f5;justify-content:space-between;min-height:44px;padding:10px 12px;transition:background-color .2s}.font-item[data-v-21596d1d]:hover{background:#f5f5f5}.font-item.active[data-v-21596d1d]{color:#1890ff;background:#e6f3ff}.font-name[data-v-21596d1d]{word-break:break-word;flex:1;min-width:0;margin-right:12px;font-size:14px;font-weight:400;line-height:1.4}.font-category[data-v-21596d1d]{color:#999;text-transform:capitalize;white-space:nowrap;background:#f0f0f0;border-radius:10px;flex-shrink:0;padding:2px 6px;font-size:11px}.no-results[data-v-21596d1d]{text-align:center;color:#999;padding:20px;font-size:12px}.font-count-info[data-v-21596d1d]{color:#666;border-bottom:1px solid #eee;padding:8px;font-size:12px}.search-term[data-v-21596d1d]{color:#999;font-size:11px}.loading-more-item[data-v-21596d1d]{color:#666;justify-content:center;align-items:center;padding:12px;font-size:12px;display:flex}.no-more-item[data-v-21596d1d]{text-align:center;color:#999;padding:20px;font-size:12px}