#font[hidden]{display:none!important}#openFontPicker{width:100%;text-align:right;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:54px;background:#fff}#openFontPicker small{display:block;color:#6c7e73;font-size:11px;margin-top:5px}#fontPicker{width:min(940px,calc(100vw - 36px));height:min(820px,90dvh);max-height:92dvh;padding:0;border:1px solid #dce5df;border-radius:22px;color:#253e3a;box-shadow:0 20px 100px #1236;overflow:hidden}#fontPicker::backdrop{background:#123d3988;backdrop-filter:blur(3px)}#fontPicker[open]{display:flex;flex-direction:column}.fp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 22px 10px;flex:none}.fp-head h2{font-size:21px;margin:0}.fp-head p{font-size:12px;line-height:1.7;margin:7px 0 0;color:#60776a}.fp-head button{min-width:44px;min-height:44px}.fp-tools{padding:8px 22px 12px;flex:none;border-bottom:1px solid #e4ebe5}.fp-search{display:grid;grid-template-columns:1fr 175px;gap:8px}.fp-samples{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fp-samples label{font-size:11px;margin:10px 0 4px}.fp-samples input{font-size:16px}.fp-scroll{flex:1 1 0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:15px 22px;-webkit-overflow-scrolling:touch}.fp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fp-card{display:block;width:100%;text-align:right;background:#fff;border:1px solid #dce5dd;padding:14px;min-height:159px;overflow:hidden;border-radius:14px}.fp-card[aria-pressed=true]{border:2px solid #236b57;background:#eff7f1;padding:13px;box-shadow:0 0 0 2px #236b5712}.fp-card:focus-visible,#fontPicker button:focus-visible{outline:3px solid #e1b25a;outline-offset:2px}.fp-card-title{display:flex;justify-content:space-between;gap:8px;font:600 12px Tahoma,Arial,sans-serif}.fp-card-title>span:first-child{overflow-wrap:anywhere}.fp-mark{color:#236b57;min-width:16px}.fp-ar,.fp-en{display:block;font-size:29px;line-height:1.7;font-weight:400;overflow-wrap:anywhere;margin-top:8px}.fp-en{font-size:23px;line-height:1.5;text-align:left;direction:ltr}.fp-load{display:block;font:11px Tahoma,Arial,sans-serif;color:#758579;margin-top:8px}.fp-card[data-loading=true] .fp-ar,.fp-card[data-loading=true] .fp-en{visibility:hidden}.fp-foot{flex:none;border-top:1px solid #dce5df;padding:12px 22px calc(12px + env(safe-area-inset-bottom));background:#fafcf9}.fp-foot p{font-size:11px;line-height:1.7;color:#6c7e73;margin:4px 0 9px}.fp-actions{display:flex;align-items:center;gap:10px}.fp-actions>span{flex:1;font-size:12px;overflow-wrap:anywhere}.fp-actions button{min-height:46px;min-width:96px}#fpMessage{font-size:12px;line-height:1.7;margin:7px 0;color:#236b57}#fpEmpty{font-size:14px;text-align:center;padding:28px}#fpEmpty[hidden]{display:none}.fp-samples details{margin:0}
@media(max-width:650px){#fontPicker{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:100%;height:92dvh;max-height:92dvh;border-radius:20px 20px 0 0}.fp-head{padding:15px 15px 8px}.fp-head h2{font-size:18px}.fp-tools{padding:6px 15px 10px}.fp-search{grid-template-columns:minmax(0,1fr) 120px}.fp-search input,.fp-search select{font-size:16px}.fp-samples{gap:8px}.fp-samples input{padding:8px}.fp-scroll{padding:12px 15px}.fp-grid{grid-template-columns:minmax(0,1fr);gap:10px}.fp-card{min-height:148px}.fp-foot{padding-right:15px;padding-left:15px}.fp-actions{flex-wrap:wrap}.fp-actions>span{flex-basis:100%}.fp-actions button{flex:1}.fp-foot p{font-size:10px}.fp-head p{font-size:11px}}
@media(max-height:540px){.fp-samples{display:none}.fp-foot p{display:none}.fp-head p{display:none}#fontPicker{height:96dvh;max-height:96dvh}.fp-head{padding-top:8px;padding-bottom:4px}.fp-tools{padding-top:4px;padding-bottom:6px}.fp-actions>span{flex-basis:auto}}