:root{--accent: #3730A3;--accent-deep: #262280;--accent-soft: #EEF0FB;--rose: #BE185D;--rose-soft: #FBE7EF;--ink: #1D1F2B;--ink-muted: #5F6272;--line: #DCD8CE;--line-strong: #B9B3A5;--paper: #FAF8F3;--white: #FFFFFF;--strip: #FBFAF6;--bar: #F4F1EA;--ad: #EFECE4;--ok: #1B7F3B;--err: #B42318;--focus: #B4B0EE;--r: 4px;--max: 1200px;--ur: "Jameel Noori Nastaleeq", "Noto Nastaliq Urdu", "Urdu Typesetting", "Nafees Nastaleeq", "Noto Naskh Arabic", "Segoe UI", serif;--ur-naskh: "Noto Naskh Arabic", "Segoe UI", Arial, sans-serif;--ui: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--ui)}a{color:var(--accent);text-underline-offset:3px}[lang=ur]{font-family:var(--ur);direction:rtl;unicode-bidi:isolate;line-height:2}[lang=en]{font-family:var(--ui);unicode-bidi:isolate}.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}.skip{position:absolute;left:-999px;top:0;background:#fff;padding:8px 12px;z-index:10}.skip:focus{left:8px}.gtm-ns{display:none;visibility:hidden}:focus-visible{outline:3px solid var(--focus);outline-offset:1px}textarea:focus-visible{outline:none}header.site{background:var(--accent-deep);color:#fff;border-bottom:3px solid var(--rose)}.hdr{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.logo .mark{width:36px;height:36px;background:var(--rose);color:#fff;display:grid;place-items:center;font:700 17px/1 var(--ur-naskh);border-radius:3px;padding-top:2px}.logo .word{font-size:21px;letter-spacing:.2px}.logo .word b{font-weight:700}.logo .word span{opacity:.75}nav ul{list-style:none;margin:0;padding:0}.dnav{display:flex;gap:4px}.dnav a{display:block;color:#e4e6f7;text-decoration:none;font-size:15px;padding:20px 12px 17px;border-bottom:3px solid transparent;margin-bottom:-3px}.dnav a:hover{color:#fff;background:#ffffff0f}.dnav a.on{color:#fff;font-weight:600;border-bottom-color:#fff}.mnav{display:none}.ad{background:var(--ad);border:1px dashed var(--line-strong);color:var(--ink-muted);font-size:12px;display:grid;place-items:center;text-align:center;overflow:hidden}.ad-top{height:90px;max-width:728px;margin:14px auto 0}.ad-rail{width:300px;height:600px;position:sticky;top:16px}.ad-content{min-height:280px;margin:32px 0}.grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;margin-top:6px}.noads .grid{grid-template-columns:minmax(0,1fr);max-width:900px;margin:6px auto 0}main{min-width:0}h1{font-size:30px;line-height:1.2;margin:18px 0 0;letter-spacing:-.3px}.h1ur{font-size:24px;color:var(--accent);margin:0 0 8px;font-weight:600;text-align:right;line-height:1.9}h2{font-size:22px;margin:40px 0 10px;letter-spacing:-.2px;line-height:1.3}h2 .h2ur{font-size:18px;color:var(--ink-muted);font-weight:400;margin-inline-start:8px}h3{font-size:17px;margin:20px 0 8px}.lead{margin:0 0 16px;color:var(--ink-muted)}.lead a,.strong{font-weight:600}.urblock{text-align:right;font-size:18px}.urblock h2,.urblock h3{font-weight:600}.muted{color:var(--ink-muted)}.kicker{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--rose);font-weight:700;margin:0}.under{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 16px;margin:10px 2px 0}.privacy{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-muted);margin:0}.reviewed{margin-top:32px;font-size:13px;color:var(--ink-muted)}.linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.tool{position:relative;background:var(--white);border:1px solid var(--line-strong);border-radius:var(--r);box-shadow:0 1px 0 var(--line)}.tbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--bar)}.seg{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--r);overflow:hidden}.seg a,.seg button,.seg label{padding:7px 14px;font:14px var(--ui);text-decoration:none;color:var(--ink);background:#fff;border:0;cursor:pointer}.seg>*+*{border-left:1px solid var(--line-strong)}.seg .on{background:var(--accent);color:#fff;font-weight:600}.seg input{position:absolute;opacity:0;pointer-events:none}.seg label:focus-within{outline:3px solid var(--focus);outline-offset:-3px}.fbtn{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--rose);cursor:pointer;padding:6px 12px;border:1px solid var(--rose);background:var(--rose-soft);border-radius:var(--r)}.fbtn:focus-within{outline:3px solid var(--focus);outline-offset:1px}.sheets{display:grid;grid-template-columns:1fr 44px 1fr}.sheet{display:flex;flex-direction:column;min-width:0;position:relative}.shead{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:8px 14px 4px;font-size:13px;color:var(--ink-muted)}.shead b{color:var(--ink);font-size:14px}.shead [lang=ur]{display:inline-block;line-height:1.4;font-family:var(--ur-naskh)}.shead .count,.shead .note{white-space:nowrap}textarea{flex:none;width:100%;height:160px;resize:vertical;border:0;padding:6px 14px 14px;font-size:18px;line-height:1.55;background:transparent;color:var(--ink)}textarea.code{font-family:var(--ui)}textarea.urdu{font-family:var(--ur);font-size:22px;line-height:2.1}textarea.urdu.naskh{font-family:var(--ur-naskh);font-size:20px;line-height:1.8}textarea.big{height:260px}.sheet:focus-within{box-shadow:inset 0 -2px 0 var(--accent)}.mid{border-left:1px solid var(--line);border-right:1px solid var(--line);display:grid;place-items:center;background:var(--strip)}.swap{width:32px;height:32px;border-radius:50%;border:1px solid var(--line-strong);background:#fff;color:var(--accent);cursor:pointer;display:grid;place-items:center;padding:0}.swap:hover{border-color:var(--accent)}.opts{border-top:1px solid var(--line);background:var(--strip);padding:6px 12px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:13.5px}.opts .lbl{color:var(--ink-muted);font-weight:600;margin-right:4px;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase}.opts label{display:inline-flex;align-items:center;gap:5px;cursor:pointer;white-space:nowrap;min-height:28px}.opts input,.chk input{accent-color:var(--accent);margin:0}.opts .ex{color:var(--ink-muted);font-family:var(--ur-naskh);line-height:1.2}.opts .reset{margin-left:auto;font-size:13px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:10px 12px;border-top:1px solid var(--line)}.btn{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border:0;background:none;color:var(--ink);font:500 15px var(--ui);cursor:pointer;border-radius:var(--r);text-decoration:none}.btn:hover{background:#f1eee6}.btn.primary{background:var(--accent);color:#fff;padding:0 20px;font-weight:600;margin-right:6px}.btn.primary:hover{background:var(--accent-deep)}.btn:disabled{opacity:.45;cursor:default}.actions .right{margin-left:auto;font-size:13px;color:var(--ink-muted);display:flex;gap:14px;align-items:center}.chk{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.status{flex-basis:100%;margin:0;min-height:1.65em;font-size:14px;color:var(--ink-muted)}.status.ok{color:var(--ok);font-weight:600}.status.warn{color:var(--err)}.fres{border-top:1px solid var(--line);background:var(--rose-soft);border-left:4px solid var(--rose);padding:10px 14px;font-size:14px;border-radius:0 0 var(--r) var(--r)}.fres .row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.fres .fopts{margin-top:4px}.fbtns{display:flex;gap:6px;flex-wrap:wrap}.fbtns .btn:not(.primary){border:1px solid var(--line-strong);background:#fff}.fmore{margin:6px 0 0;font-size:13px}.prog{height:6px;background:var(--ad);margin:8px 0}.prog i{display:block;height:100%;width:0;background:var(--accent);transition:width .3s}.dropov{display:none;position:absolute;inset:0;background:#262280f0;color:#fff;place-items:center;text-align:center;z-index:3;font-size:20px;font-weight:600;border-radius:var(--r);padding:16px}.dropov small{display:block;font-size:14px;font-weight:400;opacity:.85;margin-top:4px}.tool.drag .dropov{display:grid}.drop{display:grid;justify-items:center;gap:4px;margin:14px;padding:36px 16px;border:2px dashed var(--line-strong);border-radius:var(--r);text-align:center;cursor:pointer;color:var(--ink-muted);background:var(--strip)}.drop strong{color:var(--rose);font-size:18px}.drop:hover,.drop:focus-within{border-color:var(--rose)}.drop input{position:absolute;opacity:0;width:1px;height:1px}.drop [lang=ur]{font-size:17px}.fres.standalone{border-radius:0 0 var(--r) var(--r)}.steps{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#fff;border-radius:var(--r);margin-top:28px}.steps>div{padding:16px 20px}.steps>div+div{border-left:1px solid var(--line)}.steps .h3,.steps h3{margin:0 0 8px;font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.steps [lang=ur] .h3,.steps h3[lang=ur]{text-transform:none;letter-spacing:0;font-size:17px}.steps ol{margin:0;padding:0;list-style:none;counter-reset:s}.steps li{counter-increment:s;display:grid;grid-template-columns:28px 1fr;margin:6px 0}.steps li:before{content:counter(s);font-weight:700;color:var(--rose);font-size:18px;line-height:1.5;font-family:var(--ui)}.steps [lang=ur] li{grid-template-columns:1fr 28px}.steps [lang=ur] li:before{grid-column:2;grid-row:1;text-align:left;padding-left:6px}.steps [lang=ur] li>span{grid-column:1;grid-row:1}section .steps{margin-top:12px}.compare{display:grid;grid-template-columns:1fr auto 1fr;margin:14px 0;border:1px solid var(--line);background:#fff;border-radius:var(--r)}.compare>div{padding:14px 18px}.compare small,.digits small{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);font-family:var(--ui)}.compare code{font-size:20px}.compare .arrow{display:grid;place-items:center;color:var(--rose);font-size:22px;border-left:1px solid var(--line);border-right:1px solid var(--line);padding:0 14px}.compare .ur,.digits .ur{font-size:26px;display:block;text-align:right}.digits{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#fff;border-radius:var(--r);margin:14px 0}.digits>div{padding:12px 18px}.digits>div+div{border-left:1px solid var(--line)}.facts{padding-left:20px}.facts li{margin:6px 0}.faq{border-top:1px solid var(--line-strong)}.faq details{border-bottom:1px solid var(--line);padding:12px 0}.faq summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:1fr 24px;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);font-size:22px;line-height:1;text-align:right}.faq details[open] summary:after{content:"\2013"}.faq .qur{display:block;font-weight:400;color:var(--ink-muted);font-size:16px;text-align:right}.faq p{margin:8px 0 0}.faq p[lang=ur]{text-align:right;font-size:18px}.rel{list-style:none;padding:0;margin:0;border-top:1px solid var(--line-strong)}.rel li{border-bottom:1px solid var(--line)}.rel a{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:12px 2px;text-decoration:none;color:var(--ink)}.rel a strong{color:var(--accent)}.rel a span{color:var(--ink-muted)}.rel a:after{content:"\2192";color:var(--rose);font-weight:700}.rel a:hover strong{text-decoration:underline}.kt{border-collapse:collapse;width:100%;background:#fff;border:1px solid var(--line);margin:12px 0;font-size:15px}.kt th,.kt td{border-bottom:1px solid var(--line);padding:6px 12px;text-align:left}.kt th{background:var(--bar);font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted)}.kt td[lang=ur]{text-align:right;font-family:var(--ur-naskh);font-size:20px;line-height:1.6}.kt.keys{max-width:420px}kbd{font:600 13px var(--ui);border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:3px;padding:1px 6px;background:#fff}.kbfig{margin:16px 0;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px}.kbfig figcaption{font-size:13px;color:var(--ink-muted);margin-top:8px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.kbfig .sample{font-size:22px}.kbd,.kbfig img{width:100%;height:auto;display:block}.kbd .kb{fill:#fff;stroke:var(--line-strong);stroke-width:1.2}.kbd .ke,.kbd .kl{font:600 12px var(--ui);fill:var(--ink-muted)}.kbd .kn{font:22px var(--ui);fill:var(--ink)}.kbd .kn.u{font:26px var(--ur-naskh)}.kbd .ks{font:13px var(--ui);fill:var(--rose)}.kbd .ks.u{font:17px var(--ur-naskh)}.kbd .ks,.kbd .kl.r{text-anchor:end}.kbd .kn,.kbd .kl.c{text-anchor:middle}.dl{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.dl .btn:not(.primary){border:1px solid var(--line-strong);background:#fff}.typer .tbar{justify-content:space-between}.kbwrap{border-top:1px solid var(--line);background:var(--strip);padding:10px}.kbwrap .kbd{user-select:none;-webkit-user-select:none;touch-action:manipulation}.kbwrap .k{cursor:pointer}.kbwrap .k:hover .kb{fill:var(--accent-soft)}.kbwrap .k.hit .kb{fill:var(--accent)}.kbwrap .k.hit text{fill:#fff}.kbwrap.shift .kn{opacity:.35}.kbwrap.shift .ks{font-size:22px}.kbwrap.shift .ks.u{font-size:26px}.suggest{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px}.suggest button{font:20px/1.6 var(--ur);border:1px solid var(--line-strong);background:#fff;border-radius:var(--r);padding:0 10px;cursor:pointer}.practice{border-bottom:1px solid var(--line);padding:10px 14px;background:var(--strip)}.prow{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:14px}.prow select{font:inherit;padding:4px;border:1px solid var(--line-strong);border-radius:var(--r);background:#fff}.target{font-size:22px;line-height:2.2;margin:8px 0;text-align:right}.target .c{color:var(--ink)}.target .x{color:var(--err);text-decoration:underline wavy var(--err);text-underline-offset:6px}.target .t{color:var(--ink-muted);opacity:.7}.presult{margin:0;font-size:14px;font-weight:600;color:var(--accent)}.toc ul{display:flex;flex-wrap:wrap;gap:4px 16px;padding:0;margin:0 0 12px;list-style:none;font-size:14px}.font{border-top:1px solid var(--line-strong);padding-top:6px}.font h2{margin-top:24px}.specimen{font-size:30px;line-height:2.2;text-align:right;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:8px 16px;margin:8px 0}.licence{font-size:14px;color:var(--ink-muted)}.soon{font-size:14px;color:var(--ink-muted);border:1px dashed var(--line-strong);padding:6px 12px;border-radius:var(--r)}.muted-inv{opacity:.8;font-weight:400}footer.site{margin-top:56px;background:var(--accent-deep);color:#d3d5f0;font-size:14px;border-top:3px solid var(--rose)}footer.site .wrap{padding:22px 16px;display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between}footer.site p{margin:0}footer.site a{color:#fff}@media (max-width: 1023px){.grid,.noads .grid{grid-template-columns:minmax(0,1fr)}.rail,.ad-top,.dnav{display:none}.mnav{display:block;position:relative}.mnav summary{list-style:none;cursor:pointer;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:var(--r);padding:6px 12px;font-weight:600;min-height:40px;display:flex;align-items:center}.mnav summary::-webkit-details-marker{display:none}.mnav ul{position:absolute;right:0;top:48px;background:var(--accent-deep);border:1px solid rgba(255,255,255,.2);padding:6px 0;z-index:5;min-width:220px}.mnav a{display:block;color:#fff;text-decoration:none;padding:12px 16px}.mnav a.on{font-weight:700;box-shadow:inset 3px 0 #fff}.ad-content{min-height:250px}}@media (max-width: 700px){h1{font-size:23px}.h1ur{font-size:20px}h2{font-size:19px}.sheets{grid-template-columns:1fr}.mid{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:44px}.swap{transform:rotate(90deg);width:40px;height:40px}textarea{height:170px}.fbtn{margin-left:0}.opts label{min-height:44px}.opts .reset{margin-left:0;width:100%;text-align:left;min-height:44px}.steps,.compare,.digits{grid-template-columns:1fr}.steps>div+div,.digits>div+div{border-left:0;border-top:1px solid var(--line)}.compare .arrow{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:4px}.actions .right{margin-left:0;width:100%}.btn{min-height:44px}.rel a{grid-template-columns:1fr auto}.rel a span{grid-column:1}.kbwrap{padding:4px}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media print{header.site,footer.site,.ad,.rail,.no-print,.rel,.faq-wrap,.skip,.toc{display:none!important}body{background:#fff}.grid{display:block}.kbfig{border:0;padding:0}}