.hindi-tool-wrap{padding-top:24px;padding-bottom:36px}
body:has(#hindi-converter).app-loading #main{min-height:0!important}
.hindi-tool{max-width:1160px;margin:auto;letter-spacing:0}
.ht-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0}
.ht-heading h1{font-size:30px;line-height:1.3;margin:0 0 8px;overflow-wrap:anywhere}
.ht-heading p{margin:0;color:#526478}
.ht-badge{color:#137342;background:#e8f6ee;padding:7px 12px;border-radius:5px;font-size:12px;white-space:nowrap}
.ht-workspace{margin:0;padding:0;border:1px solid #cbd6e2;border-radius:8px;overflow:hidden;min-width:0;background:white}
.ht-toolbar,.ht-bottom{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#f5f7fa}
.ht-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hindi-tool button,.ht-size select{min-height:42px;border:1px solid #ccd6e0;border-radius:5px;background:white;color:#203c59;padding:8px 13px;font:inherit;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}
.hindi-tool button:hover:not(:disabled){background:#edf4ff;border-color:#3976d8}
.hindi-tool button:disabled{opacity:.5;cursor:not-allowed}
.hindi-tool :focus-visible{outline:3px solid #377ce0;outline-offset:3px}
.ht-switch,.ht-size{display:flex;align-items:center;gap:8px;font-size:13px}
.hindi-tool input[type=checkbox]{width:17px;height:17px;accent-color:#2262d3;vertical-align:middle}
.ht-editors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.ht-editor{min-width:0}.ht-source{border-right:1px solid #d6dfe8}
.ht-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;background:#ecf3ff;color:#204c91;border-block:1px solid #d6dfe8}
.ht-editor-heading label{font-weight:700;font-size:15px}.ht-editor-heading span{font-size:10px}
.ht-result .ht-editor-heading{background:#eaf7ef;color:#14633b}
.hindi-tool textarea{display:block;width:100%;height:300px;min-height:180px;resize:vertical;border:0;padding:18px;background:white;color:#152d45;font-family:Mangal,'Nirmala UI',sans-serif;font-size:22px;line-height:1.8;box-sizing:border-box;border-radius:0}
#ht-output{font-family:Consolas,monospace;overflow-wrap:anywhere}
#ht-output.ht-font-preview{font-family:'Kruti Dev 010',Consolas,monospace}
.ht-editor-footer{min-height:51px;border-top:1px solid #e3e9f0;padding:10px 18px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:#516276;flex-wrap:wrap}
.ht-file{color:#215bbb;cursor:pointer;font-weight:600}.ht-file input{display:block;width:185px;max-width:100%;font-size:11px}
.hindi-tool .ht-primary{background:#215ec8;color:white;border-color:#215ec8;font-weight:700}
.hindi-tool .ht-primary:hover:not(:disabled){background:#184aa2;color:white}
.ht-keyboard{padding:12px 18px;border-top:1px solid #d6dfe8}.ht-keyboard summary{cursor:pointer;font-size:14px;color:#284d78;font-weight:600}
#ht-keys{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}#ht-keys button{width:42px;height:42px;padding:0;font-size:20px}
#ht-status{min-height:25px;font-size:13px;color:#17643e;margin:10px 0}
.ht-font-note{background:#fff6e6;border-left:3px solid #d79425;padding:12px 16px;color:#674a21;font-size:13px;line-height:1.8;margin:0 0 28px}
.ht-about,.ht-faq{border-top:1px solid #d9e2ec;padding:24px 0}
.hindi-tool h2{font-size:21px;margin:0 0 14px;line-height:1.5}.ht-about h2:not(:first-child){margin-top:24px}
.ht-about p,.ht-faq p{font-size:15px;line-height:1.9;color:#4a5b70;margin:0 0 12px}
.ht-faq details{padding:16px 0;border-bottom:1px solid #d9e2ec}.ht-faq summary{font-size:15px;font-weight:600;cursor:pointer}.ht-faq p{margin:12px 0 0}
.ht-related a{color:#215ec8;text-decoration:underline}
body:has(#hindi-converter) .floating-social,body:has(#hindi-converter) .back-to-top{display:none}
body:has(#hindi-converter) .mobile-bottom{display:none}
@media(max-width:700px){.hindi-tool-wrap{padding-top:12px}.ht-heading{align-items:flex-start;flex-direction:column;gap:10px;margin:12px 0 18px}.ht-heading h1{font-size:24px}.ht-toolbar,.ht-bottom{padding:12px}.ht-editors{grid-template-columns:1fr}.ht-source{border-right:0}.hindi-tool textarea{height:210px}.ht-editor-heading,.ht-editor-footer{padding:12px}.ht-toolbar .ht-actions{gap:6px}.ht-size{font-size:12px}.ht-size select{padding:6px}.ht-bottom>.ht-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.ht-bottom>.ht-primary{width:100%}.ht-heading p{font-size:14px}.ht-faq summary{line-height:1.7}.hindi-tool button{font-size:13px}}