.font-preview__controls[data-v-918eb3c9]{margin-top:20px}.font-preview__input[data-v-918eb3c9]{margin-bottom:16px}.font-preview__settings[data-v-918eb3c9]{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.font-preview__setting-item[data-v-918eb3c9]{align-items:center;gap:8px;display:flex}.font-preview__setting-label[data-v-918eb3c9]{color:var(--el-text-color-secondary);white-space:nowrap;font-size:13px}.font-preview__list[data-v-918eb3c9]{flex-direction:column;gap:16px;display:flex}.font-preview__card[data-v-918eb3c9]{border:1px solid var(--el-border-color-lighter);border-radius:8px;padding:16px 20px;transition:border-color .2s}.font-preview__card[data-v-918eb3c9]:hover{border-color:var(--el-color-primary)}.font-preview__card-header[data-v-918eb3c9]{align-items:center;gap:10px;margin-bottom:12px;display:flex}.font-preview__font-name[data-v-918eb3c9]{color:var(--el-text-color-primary);font-size:14px;font-weight:600}.font-preview__font-category[data-v-918eb3c9]{color:var(--el-color-primary);background:var(--el-color-primary-light-9);border-radius:4px;padding:1px 8px;font-size:12px}.font-preview__render[data-v-918eb3c9]{word-break:break-all;padding:12px 0;line-height:1.6}@media (width<=600px){.font-preview__settings[data-v-918eb3c9]{flex-direction:column;align-items:flex-start}.font-preview__card[data-v-918eb3c9]{padding:12px}}