@font-face{font-family:"Raj 04 ";src:url(/webfonts/raj/RAJ4.woff2) format("woff2"),url(/webfonts/raj/RAJ4.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.text-area-container{background:var(--card-light);border:2px solid var(--border-light);border-radius:12px;padding:1rem;transition:all .3s;height:100%;display:flex;flex-direction:column}.text-area-container:hover{border-color:var(--brand-primary);box-shadow:0 4px 12px #4f46e51a}body.dark .text-area-container{background:var(--card-dark);border:2px solid var(--border-dark)}body.dark .text-area-container:hover{border-color:var(--brand-primary);box-shadow:0 4px 12px #4f46e533}textarea{width:100%;height:400px;min-height:400px;border:none;outline:none;background:#fff0;resize:vertical;font-size:16px;color:var(--text-light);flex-grow:1}body.dark textarea{color:var(--text-dark)}#rajOutput{font-family:"Raj 04 ","Kruti Dev 010",monospace;font-size:24px}#unicodeInput{font-family:Mukta,Mangal,sans-serif;font-size:24px}.btn{padding:.5rem 1rem;border-radius:6px;border:none;cursor:pointer;transition:all .2s;font-size:.875rem;display:inline-flex;align-items:center;justify-content:center}.btn:hover{transform:translateY(-1px)}.btn-action{background-color:#fff0;border:1px solid var(--border-light);color:var(--text-light)}.btn-action:hover{border-color:var(--brand-primary);color:var(--brand-primary);background-color:#4f46e50d}body.dark .btn-action{border-color:var(--border-dark);color:var(--text-dark);background-color:#fff0}body.dark .btn-action:hover{border-color:var(--brand-primary);color:var(--brand-primary);background-color:#4f46e526}.textarea-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:stretch}@media(max-width:1024px){.textarea-wrapper{grid-template-columns:1fr}}.text-area-container textarea:focus,.text-area-container textarea:focus-visible{outline:none!important;border:none!important;box-shadow:none!important}.text-area-container:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3px #6366f133}