.lp-font-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.lp-font-picker{margin:12px 0 20px;color:#fff}.lp-font-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font:600 12px/1.4 Arial,sans-serif;color:#f3a33b}.lp-font-help{color:#bbb;font-weight:400}
.lp-font-preview{display:flex;align-items:center;justify-content:center;min-height:70px;margin:0 0 12px;padding:16px;border:1px solid #f3a33b;border-radius:12px;background:#ffffff08;color:#fff;font-size:26px;line-height:1.5;overflow-wrap:anywhere;text-align:center}
html body input.lp-font-preview{display:block!important;width:100%!important;height:70px!important;min-height:70px!important;box-sizing:border-box!important;text-align:center!important;padding:12px 16px!important;line-height:1.4!important;border:1px solid #f3a33b!important;border-radius:12px!important;font-size:26px!important;color:#fff!important;background:#ffffff08!important}html body input.lp-font-preview:focus{outline:2px solid #f3a33b;outline-offset:2px}.lp-font-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html body .lp-font-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:88px;width:100%;margin:0;padding:14px 8px;border:1px solid #ffffff38;border-radius:10px;background:#ffffff08;color:#fff;cursor:pointer;text-align:center;text-transform:none;letter-spacing:normal;box-shadow:none;white-space:normal;touch-action:manipulation}
html body .lp-font-card:hover,html body .lp-font-card:focus-visible{border-color:#f3a33b;background:#f3a33b16;outline:2px solid #f3a33b;outline-offset:2px}
html body .lp-font-card[aria-checked=true]{border-color:#f3a33b;background:#f3a33b24;box-shadow:inset 0 0 0 1px #f3a33b}
.lp-font-sample{display:flex;align-items:center;justify-content:center;min-height:32px;max-width:100%;font-size:21px;line-height:1.4;overflow-wrap:anywhere}.lp-font-name{font:500 11px/1.3 Arial,sans-serif;color:#ccc}.lp-font-card[aria-checked=true] .lp-font-name{color:#f3a33b}.lp-font-card[aria-checked=true]:after{content:'✓';position:absolute;top:4px;right:7px;color:#f3a33b;font:700 12px Arial,sans-serif}
@media(max-width:700px){.lp-font-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-font-preview{font-size:23px}.lp-font-card{min-height:86px}.lp-font-toolbar{flex-wrap:wrap}}
.lp-font-nav{display:none}.lp-font-sample{min-width:0;overflow:hidden;max-height:60px}
@media(max-width:700px){.lp-font-grid{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#f3a33b #222;padding:3px 2px 8px;position:relative}html body .lp-font-grid .lp-font-card{flex:0 0 calc(50% - 4px);min-width:0;scroll-snap-align:start;min-height:106px;max-height:118px}.lp-font-sample{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:60px}.lp-font-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;color:#ccc;font:12px/1.4 Arial,sans-serif}.lp-font-nav span{text-align:center;flex:1}html body .lp-font-nav button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;margin:0;padding:0;border:1px solid #ffffff38;border-radius:50%;background:#ffffff08;color:#f3a33b;font:28px/1 Arial,sans-serif;touch-action:manipulation}.lp-font-nav button:focus-visible{outline:2px solid #f3a33b;outline-offset:2px}html body input.lp-font-preview{font-size:23px!important}}