@font-face{font-family:ArabicNaskh;src:url('assets/NotoNaskhArabic.ttf') format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:ArabicNastaliq;src:url('assets/NotoNastaliqUrdu.ttf') format('truetype');font-weight:100 900;font-display:swap}
body[data-script=arabic] .script-glyph,body[data-script=persian] .script-glyph,body[data-script=old-uzbek] .script-glyph{font-family:var(--script-font,ArabicNaskh),serif;letter-spacing:0;font-weight:400}#arabicControls:not([hidden]),#oldUzbekControls:not([hidden]){display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;width:100%}#arabicControls label{display:inline-flex;gap:5px;align-items:center}#oldUzbekControls{padding-top:8px;border-top:1px solid #e0e4d5}.controls [hidden],#arabicAbout[hidden],#arabicHelp[hidden],#scientificExample[hidden]{display:none!important}body[data-script=arabic] #output,body[data-script=persian] #output,body[data-script=old-uzbek] #output{line-height:2.1;min-height:170px;font-size:46px}.letter-detail button{display:block;margin-top:10px;padding:7px 12px;background:#fffdf3;color:#355541;border:1px solid #bccbad;border-radius:4px;cursor:pointer}.script-picker{gap:7px}.script-picker button{padding:10px 15px}#arabicHelp{line-height:2.4}.tile .script-glyph{line-height:1.7}#arabicControls select{max-width:230px}.examples{row-gap:8px}
@media(max-width:680px){.script-picker button{padding:9px 12px}#arabicControls:not([hidden]){gap:10px}#arabicControls select{max-width:200px}body[data-script=arabic] #output,body[data-script=persian] #output,body[data-script=old-uzbek] #output{font-size:38px}.letter-card{min-height:96px}.letter-card strong{font-size:11px}.letter-card .script-glyph{font-size:29px}.controls .export{width:100%}}