.app{color:#000;background-color:#fff;min-height:100vh;padding:1rem;font-family:sans-serif;transition:background-color .3s,color .3s}.app.dark{color:#fff;background-color:#121212}h1{margin-bottom:1rem}textarea{resize:vertical;box-sizing:border-box;color:#000;background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;width:99%;height:300px;margin-bottom:1rem;padding:.5rem;font-family:monospace;font-size:1rem}.app.dark textarea{color:#eee;background-color:#1e1e1e;border:1px solid #444}button{cursor:pointer;border-radius:7px;margin-bottom:.5rem;margin-right:1rem;padding:.5rem 1rem;font-size:1rem}.app a{color:#007bff;font-weight:500;text-decoration:none}.app a:hover{color:#0056b3;text-decoration:underline}.app.dark a{color:gold}.app.dark a:hover{color:#ffe14d}.toolbar{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.language-select{font-size:.95rem}.language-select select{color:#000;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:6px;margin-left:.35rem;padding:.35rem .5rem;font-size:.95rem}.app.dark .language-select select{color:#eee;background-color:#1e1e1e;border:1px solid #444}.char-count{color:#777;margin:0 0 1rem;font-size:.85rem}.app.dark .char-count{color:#aaa}.description{margin-top:1.5rem;line-height:1.6}footer{text-align:left;margin-top:2rem;font-size:1rem}footer p{color:#555;margin:.5rem 0}.app.dark footer p{color:#bbb}footer a{font-weight:700}.version{font-size:.8rem;color:#888!important}[dir=rtl] .app,.app[dir=rtl],[dir=rtl] footer{text-align:right}[dir=rtl] button{margin-left:1rem;margin-right:0}[dir=rtl] .language-select select{margin-left:0;margin-right:.35rem}