.el-color-predefine{display:flex;font-size:12px;margin-top:8px;width:280px}.el-color-predefine__colors{display:flex;flex:1;flex-wrap:wrap}.el-color-predefine__color-selector{border-radius:4px;cursor:pointer;height:20px;margin:0 0 8px 8px;width:20px}.el-color-predefine__color-selector:nth-child(10n+1){margin-left:0}.el-color-predefine__color-selector.selected{box-shadow:0 0 3px 2px var(--el-color-primary)}.el-color-predefine__color-selector>div{border-radius:3px;display:flex;height:100%}.el-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-hue-slider{background-color:red;box-sizing:border-box;float:right;height:12px;padding:0 2px;position:relative;width:280px}.el-color-hue-slider__bar{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);height:100%;position:relative}.el-color-hue-slider__thumb{background:#fff;border:1px solid var(--el-border-color-lighter);border-radius:1px;box-shadow:0 0 2px rgba(0,0,0,.6);box-sizing:border-box;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:4px;z-index:1}.el-color-hue-slider.is-vertical{height:180px;padding:2px 0;width:12px}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:linear-gradient(180deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{height:4px;left:0;top:0;width:100%}.el-color-svpanel{height:180px;position:relative;width:280px}.el-color-svpanel__black,.el-color-svpanel__white{bottom:0;left:0;position:absolute;right:0;top:0}.el-color-svpanel__white{background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.el-color-svpanel__black{background:linear-gradient(0deg,#000,transparent)}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{border-radius:50%;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);cursor:head;height:4px;transform:translate(-2px,-2px);width:4px}.el-color-alpha-slider{background-image:linear-gradient(45deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%);background-position:0 0,6px 0,6px -6px,0 6px;background-size:12px 12px;box-sizing:border-box;height:12px;position:relative;width:280px}.el-color-alpha-slider__bar{background:linear-gradient(to right,hsla(0,0%,100%,0) 0,var(--el-bg-color) 100%);height:100%;position:relative}.el-color-alpha-slider__thumb{background:#fff;border:1px solid var(--el-border-color-lighter);border-radius:1px;box-shadow:0 0 2px rgba(0,0,0,.6);box-sizing:border-box;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:4px;z-index:1}.el-color-alpha-slider.is-vertical{height:180px;width:20px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{height:4px;left:0;top:0;width:100%}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper:after{clear:both;content:"";display:table}.el-color-dropdown__btns{margin-top:12px;text-align:right}.el-color-dropdown__value{color:#000;float:left;font-size:12px;line-height:26px;width:160px}.el-color-picker{display:inline-block;line-height:normal;outline:0;position:relative}.el-color-picker:hover:not(.is-disabled) .el-color-picker__trigger{border:1px solid var(--el-border-color-hover)}.el-color-picker:focus-visible:not(.is-disabled) .el-color-picker__trigger{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-picker.is-disabled .el-color-picker__trigger{cursor:not-allowed}.el-color-picker--large{height:40px}.el-color-picker--large .el-color-picker__trigger{height:40px;width:40px}.el-color-picker--large .el-color-picker__mask{height:38px;width:38px}.el-color-picker--small{height:24px}.el-color-picker--small .el-color-picker__trigger{height:24px;width:24px}.el-color-picker--small .el-color-picker__mask{height:22px;width:22px}.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon{transform:scale(.8)}.el-color-picker__mask{background-color:hsla(0,0%,100%,.7);border-radius:4px;cursor:not-allowed;height:30px;left:1px;position:absolute;top:1px;width:30px;z-index:1}.el-color-picker__trigger{align-items:center;border:1px solid var(--el-border-color);border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:0;height:32px;justify-content:center;padding:4px;position:relative;width:32px}.el-color-picker__color{border:1px solid var(--el-text-color-secondary);border-radius:var(--el-border-radius-small);box-sizing:border-box;display:block;height:100%;position:relative;text-align:center;width:100%}.el-color-picker__color.is-alpha{background-image:linear-gradient(45deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%);background-position:0 0,6px 0,6px -6px,0 6px;background-size:12px 12px}.el-color-picker__color-inner{align-items:center;display:inline-flex;height:100%;justify-content:center;width:100%}.el-color-picker .el-color-picker__empty{color:var(--el-text-color-secondary);font-size:12px}.el-color-picker .el-color-picker__icon{align-items:center;color:#fff;display:inline-flex;font-size:12px;justify-content:center}.el-color-picker__panel{background-color:#fff;border-radius:var(--el-border-radius-base);box-shadow:var(--el-box-shadow-light);box-sizing:content-box;padding:6px;position:absolute;z-index:10}.el-color-picker__panel.el-popper{border:1px solid var(--el-border-color-lighter)}.el-color-picker,.el-color-picker__panel{--el-color-picker-alpha-bg-a:#ccc;--el-color-picker-alpha-bg-b:transparent}.dark .el-color-picker,.dark .el-color-picker__panel{--el-color-picker-alpha-bg-a:#333}.font-selector[data-v-dc121a07]{background:#1e1e1e;border-radius:8px;display:flex;flex-direction:column;max-height:500px;overflow:hidden;width:100%}.font-upload-panel[data-v-dc121a07]{background:#2a2a2a;border:1px dashed #555;border-radius:8px;margin-bottom:12px;padding:14px;text-align:center}.font-upload-input[data-v-dc121a07]{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.font-upload-hint[data-v-dc121a07]{color:#9a9a9a;font-size:12px;line-height:1.5;margin:0 0 12px;text-align:left}.font-upload-or[data-v-dc121a07]{color:#777;display:block;font-size:12px;margin-top:10px}.font-item-remove[data-v-dc121a07]{background:transparent;border:none;border-radius:4px;color:#888;cursor:pointer;flex-shrink:0;font-size:20px;height:28px;line-height:1;margin-left:8px;padding:0;width:28px}.font-item-remove[data-v-dc121a07]:hover{background:#3a2a2a;color:#ff6b6b}.search-box[data-v-dc121a07]{border-bottom:1px solid #333;padding:12px}.search-box[data-v-dc121a07] .el-input .el-input__wrapper{background:#2a2a2a;border:1px solid #444;box-shadow:none}.search-box[data-v-dc121a07] .el-input .el-input__wrapper:hover{border-color:#be95ff}.search-box[data-v-dc121a07] .el-input .el-input__inner{color:#fff}.search-box[data-v-dc121a07] .el-input .el-input__inner::-moz-placeholder{color:#888}.search-box[data-v-dc121a07] .el-input .el-input__inner::placeholder{color:#888}.font-categories[data-v-dc121a07]{-webkit-overflow-scrolling:touch;background:#252525;border-bottom:1px solid #333;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:4px;overflow-x:auto;padding:8px 12px}.font-categories[data-v-dc121a07]::-webkit-scrollbar{height:4px}.font-categories[data-v-dc121a07]::-webkit-scrollbar-thumb{background:#444;border-radius:2px}.category-tab[data-v-dc121a07]{align-items:center;border:2px solid transparent;border-radius:4px;box-sizing:border-box;color:#aaa;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;gap:4px;justify-content:center;line-height:1.25;min-height:32px;padding:5px 10px;transition:background .2s ease,color .2s ease,border-color .2s ease;white-space:nowrap;word-break:keep-all}.category-tab[data-v-dc121a07]:hover{background:#333;color:#fff}.category-tab.active[data-v-dc121a07]{background:#be95ff;color:#fff;font-weight:500}.category-tab__label[data-v-dc121a07]{line-height:1.25}.category-tab__chevron[data-v-dc121a07]{align-items:center;display:inline-flex;flex-shrink:0;font-size:11px;height:14px;justify-content:center;line-height:1;margin:0;opacity:0;padding:0;pointer-events:none;visibility:hidden;width:14px}.category-tab__chevron--visible[data-v-dc121a07]{opacity:1;visibility:visible}.font-list[data-v-dc121a07]{flex:1;min-height:0;overflow-y:auto;padding:8px}.font-list[data-v-dc121a07]::-webkit-scrollbar{width:8px}.font-list[data-v-dc121a07]::-webkit-scrollbar-track{background:#1e1e1e}.font-list[data-v-dc121a07]::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.font-list[data-v-dc121a07]::-webkit-scrollbar-thumb:hover{background:#555}.featured-fonts[data-v-dc121a07]{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:16px}.featured-font-item[data-v-dc121a07]{background:#2a2a2a;border:2px solid #333;border-radius:8px;cursor:pointer;padding:16px 12px;text-align:center;transition:all .3s ease}.featured-font-item[data-v-dc121a07]:hover{background:#333;border-color:#be95ff;box-shadow:0 4px 12px rgba(190,149,255,.3);transform:translateY(-2px)}.featured-font-item.selected[data-v-dc121a07]{background:rgba(190,149,255,.1);border-color:#be95ff;box-shadow:0 0 0 2px rgba(190,149,255,.2)}.featured-font-item .font-preview[data-v-dc121a07]{align-items:center;color:#fff;display:flex;font-weight:600;justify-content:center;line-height:1.2;margin-bottom:8px;min-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.featured-font-item .font-name[data-v-dc121a07]{color:#aaa;font-size:11px;margin-top:4px}.regular-fonts[data-v-dc121a07]{display:flex;flex-direction:column;gap:2px}.regular-fonts--virtual[data-v-dc121a07]{max-height:360px;overflow-y:auto;padding-right:2px}.virtual-sizer[data-v-dc121a07]{position:relative;width:100%}.virtual-window[data-v-dc121a07]{display:flex;flex-direction:column;gap:0;left:0;position:absolute;right:0;top:0}.regular-fonts--virtual .font-item[data-v-dc121a07]{box-sizing:border-box;flex-shrink:0;height:48px;min-height:48px}.font-item[data-v-dc121a07]{align-items:center;background:#2a2a2a;border:1px solid transparent;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;position:relative;transition:all .2s ease}.font-item[data-v-dc121a07]:hover{background:#333;border-color:#be95ff;transform:translateX(4px)}.font-item.selected[data-v-dc121a07]{background:rgba(190,149,255,.15);border-color:#be95ff}.font-item.selected .font-preview-text[data-v-dc121a07]{color:#be95ff;font-weight:600}.font-item .font-preview-text[data-v-dc121a07]{color:#fff;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-item .selected-icon[data-v-dc121a07]{color:#be95ff;font-size:18px;font-weight:700}.font-hover-magnifier{background:linear-gradient(145deg,#2f2f2f,#232323);border:2px solid rgba(190,149,255,.9);border-radius:14px;box-shadow:0 0 0 1px rgba(0,0,0,.4),0 16px 48px rgba(0,0,0,.55),0 0 40px rgba(190,149,255,.12);max-width:min(420px,100vw - 24px);min-width:200px;padding:22px 22px 14px;pointer-events:none;position:fixed;z-index:12000}.font-hover-magnifier__ring{background:radial-gradient(circle at 35% 35%,hsla(0,0%,100%,.08) 0,transparent 55%);border:3px solid rgba(190,149,255,.5);border-radius:50%;box-shadow:inset 0 1px 2px hsla(0,0%,100%,.15);height:44px;left:10px;pointer-events:none;position:absolute;top:8px;width:44px}.font-hover-magnifier__preview{color:#fff;min-height:1.2em;position:relative}.font-hover-magnifier__label,.font-hover-magnifier__preview{font-weight:500;letter-spacing:.02em;overflow:hidden;padding-left:52px;text-overflow:ellipsis;white-space:nowrap}.font-hover-magnifier__label{color:#c4c4c4;margin-top:10px}.font-hover-magnifier__meta{color:#6a6a6a;font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-size:10px;line-height:1.3;margin-top:6px;overflow:hidden;padding-left:52px;text-overflow:ellipsis;white-space:nowrap}