.text-area-container{background:var(--card-light);border:2px solid var(--border-light);border-radius:12px;padding:1rem;transition:all .3s ease;height:100%;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #0000000d}.text-area-container:hover{border-color:var(--brand-amber, #f59e0b);box-shadow:0 10px 15px -3px #f59e0b1a}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-amber, #f59e0b);box-shadow:0 10px 15px -3px #f59e0b33}textarea{width:100%;height:420px;min-height:300px;border:none!important;outline:none!important;background:transparent;resize:vertical;font-size:19px;line-height:1.6;color:var(--text-light);flex-grow:1;margin-top:.25rem;padding:0}textarea:focus-visible{outline:none!important}body.dark textarea{color:var(--text-dark)}#gandhiInput,#gandhiOutput,#converterInput,#converterOutput{font-size:16px}.textarea-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;position:relative;padding-bottom:25px}.swap-button-container{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);z-index:20}.btn-swap{width:52px;height:52px;border-radius:50%;background:#fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(245,158,11,.3);color:var(--brand-amber, #f59e0b);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 16px -4px #f59e0b33;display:flex;align-items:center;justify-content:center;z-index:10;font-size:1.25rem}.btn-swap:hover{transform:scale(1.05);background:var(--brand-amber, #f59e0b);color:#fff;border-color:var(--brand-amber, #f59e0b);box-shadow:0 12px 24px -6px #f59e0b66}body.dark .btn-swap{background:#1e293bb3;border-color:#ffffff1a}body.dark .btn-swap:hover{background:var(--brand-amber, #f59e0b);border-color:var(--brand-amber, #f59e0b);color:#fff}@media(max-width:1024px){.textarea-wrapper{grid-template-columns:1fr;padding-bottom:0}.swap-button-container{position:static;transform:none;display:flex;justify-content:center;background:transparent;margin:-.5rem 0}.btn-swap i{transform:rotate(90deg)}textarea{height:320px}}.text-area-container:focus-within{border-color:var(--brand-amber, #f59e0b);box-shadow:0 0 0 4px #f59e0b26}textarea::-webkit-scrollbar{width:6px}textarea::-webkit-scrollbar-track{background:transparent}textarea::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}body.dark textarea::-webkit-scrollbar-thumb{background:#475569}
