.visual-font-field{min-width:0}.visual-font-field>label{display:block;margin-bottom:7px;font-size:12px}.font-preview-trigger{display:flex;align-items:center;gap:12px;min-width:0;width:100%;min-height:44px;padding:10px 12px;border:1px solid #c9cec2;border-radius:5px;background:var(--white,#fff);color:var(--ink,#234237);text-align:left}.font-preview-trigger:hover,.font-preview-trigger[aria-expanded=true]{border-color:var(--green,#234237)}.font-trigger-content{display:block;flex:1;min-width:0}.font-trigger-name{display:block;font:14px/1.4 Arial;overflow-wrap:anywhere}.font-trigger-arrow{flex:0 0 auto;font:20px Arial;color:var(--muted,#69756c)}.font-preview-trigger:focus-visible{outline:2px solid #ae7b46;outline-offset:2px}.font-preview-trigger:disabled{opacity:.55;cursor:default}
.font-preview-menu{position:fixed;z-index:1100;display:flex;flex-direction:column;box-sizing:border-box;border:1px solid #c9cec2;border-radius:10px;background:#fffefb;color:#234237;box-shadow:0 12px 36px #203c3033;overflow:hidden;max-height:calc(100vh - 20px)}.font-preview-menu[hidden]{display:none!important}.font-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 5px;flex-shrink:0}.font-preview-heading strong{font:600 14px Arial}.font-preview-close{width:32px;height:32px;padding:0;border:0;border-radius:4px;background:transparent;color:#234237;font:25px Arial}.font-preview-close:hover{background:#ecefe6}.font-preview-search-label{display:block;padding:0 16px;font:12px Arial}.font-preview-search-label input{display:block;box-sizing:border-box;width:100%;min-height:38px;margin-top:6px;padding:8px 10px;border:1px solid #c9cec2;border-radius:5px;font:14px Arial;background:#fff;color:#234237}.font-preview-hint{margin:9px 16px 10px;font:11px/1.4 Arial;color:#667267}.font-preview-list{overflow:auto;overscroll-behavior:contain;min-height:0;padding:5px 8px 8px;border-top:1px solid #dfe2d8;scrollbar-gutter:stable}.font-preview-option{position:relative;display:block;width:100%;min-height:79px;padding:10px 33px 8px 11px;border:1px solid transparent;border-radius:6px;background:transparent;color:#234237;text-align:left}.font-preview-option:hover{background:#f0f2e9}.font-preview-option[aria-selected=true]{background:#ecf1e7;border-color:#446654}.font-preview-option:focus-visible{outline:2px solid #ad7a45;outline-offset:-2px}.font-option-name{display:block;font:12px/1.4 Arial;color:#627063}.font-option-sample{display:block;margin-top:3px}.font-option-sample svg{display:block;width:100%;height:40px}.font-option-check{display:none;position:absolute;right:10px;top:12px;font:600 15px Arial}.font-preview-option[aria-selected=true] .font-option-check{display:block}.font-preview-empty{padding:12px 16px;font:13px Arial}.font-preview-empty[hidden]{display:none}@media(max-width:480px){.font-preview-option{min-height:75px}.font-preview-heading{padding-left:12px;padding-right:12px}.font-preview-search-label{padding:0 12px}.font-preview-hint{margin-left:12px;margin-right:12px}}
.font-family-filters{display:flex;flex-wrap:wrap;gap:5px;padding:10px 16px 0;flex-shrink:0}.font-family-filters button{transition:none;min-height:32px;margin:0;padding:5px 11px;border:1px solid #d4dacf;border-radius:18px;background:#fffefb;color:#415b4d;font:12px/1.2 Arial}.font-family-filters button:hover{background:#f0f2e9}.font-family-filters button[aria-pressed=true]{background:#234237;border-color:#234237;color:white}.font-family-filters button:focus-visible{outline:2px solid #ad7a45;outline-offset:2px}@media(max-width:480px){.font-family-filters{padding-left:12px;padding-right:12px;gap:4px}.font-family-filters button{padding-left:9px;padding-right:9px}}