:root{font-family:system-ui,sans-serif;color:#203239;background:#f4f7f6}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:48px auto;padding:0 24px}.tag{font-size:12px;font-weight:700;letter-spacing:2px;color:#147d69}h1{font-size:clamp(30px,5vw,44px);margin:12px 0}header p,.hint,footer{color:#52656b;line-height:1.6}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}button{border:1px solid #147d69;border-radius:8px;padding:12px 18px;font:inherit;background:#147d69;color:white;cursor:pointer}button.secondary{color:#23564e;background:white;border-color:#cad9d4}button:disabled{opacity:.55;cursor:wait}.editors{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{display:block;font-weight:650;margin-bottom:12px}textarea{width:100%;height:350px;resize:vertical;background:white;border:1px solid #cad9d4;border-radius:12px;padding:20px;line-height:1.9;font-size:19px}#source{font-family:'Noto Nastaliq Urdu','Urdu Typesetting',serif}#output{font-family:monospace;font-size:16px}textarea:focus,button:focus-visible{outline:3px solid #9ddcc9;outline-offset:2px}#status{font-weight:600}#warnings{color:#75581d;font-size:14px}.hint{font-size:14px;max-width:850px}footer{border-top:1px solid #d9e3df;margin-top:32px;padding:20px 0;font-size:12px}@media(max-width:720px){main{margin:26px auto;padding:0 16px}.editors{grid-template-columns:1fr}textarea{height:260px}}