@font-face{font-family:Chanakya;src:url(/webfonts/chanakya.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Kruti Dev 010";src:url(/webfonts/k10/krutidev-010.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}#krutiInput{font-family:"Kruti Dev 010",monospace;font-size:22px}.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 #f59e0b26}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 #f59e0b1a}textarea{width:100%;height:400px;min-height:400px;border:none;outline:none;background:transparent;resize:vertical;font-size:16px;color:var(--text-light);flex-grow:1}body.dark textarea{color:var(--text-dark)}#chanakyaOutput{font-family:Chanakya,sans-serif;font-size:24px;line-height:1.6}#unicodeInput{font-family:Poppins,sans-serif;font-size:18px}.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:transparent;border:1px solid var(--border-light);color:var(--text-light)}.btn-action:hover{border-color:var(--brand-primary);color:var(--brand-primary);background-color:#f59e0b0d}body.dark .btn-action{border-color:var(--border-dark);color:var(--text-dark)}body.dark .btn-action:hover{background-color:#f59e0b26}.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 #f59e0b33}