@font-face{font-family:Cairo;src:url(fonts/cairo.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Tajawal;src:url(fonts/tajawal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Noto Naskh Arabic';src:url(fonts/naskh.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';src:url(fonts/plex.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/inter.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url(fonts/montserrat.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url(fonts/poppins.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Playfair Display';src:url(fonts/playfair.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url(fonts/cormorant.woff2) format('woff2');font-weight:400;font-display:swap}
.font-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:15px 0}.font-choice{display:flex;flex-direction:column;gap:12px;text-align:right;padding:12px;background:var(--paper,#f4f0e8);border:1px solid var(--line,#d5d1c6);border-radius:8px;color:var(--ink,#292d28);min-width:0}.font-choice small{font:10px Noto,Arial,sans-serif;color:var(--muted,#76786e)}.font-choice span{font-size:21px;line-height:1.65;overflow-wrap:anywhere}.font-choice[aria-pressed=true]{border-color:var(--accent,#756849);box-shadow:0 0 0 1px var(--accent,#756849)}#fontSample{font-size:32px;line-height:1.8;overflow-wrap:anywhere}.font-selection-tip{font-size:11px;line-height:1.9;color:var(--muted,#76786e)}
@media(max-width:450px){.font-choice{padding:10px}.font-choice span{font-size:19px}}