@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#6e85b2,#c4d7f2)}.app-title{text-align:center;font-size:28px;font-weight:700;color:#333;margin-bottom:20px}.container{background:#fff;width:80%;max-width:800px;padding:30px;border-radius:12px;box-shadow:0 10px 30px #0000001a}.container-middle{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:10px}.right{width:100%;max-width:500px}.left{flex:1}.text-input{width:100%;height:200px;padding:12px;border:2px solid #ddd;border-radius:8px;background:#f9f9f9;font-size:16px;resize:none;transition:all .3s ease-in-out}.text-input:focus{border-color:#007bff;box-shadow:0 4px 8px #007bff33;outline:none}.flex-container{display:flex;justify-content:space-between;align-items:center;background:#f0f0f0;padding:15px;border-radius:8px;box-shadow:inset 2px 2px 5px #0000001a;gap:20px}.flex-container p{font-size:18px;font-weight:600;color:#444;margin:0}.result-item{flex:1;text-align:center}.button_div{margin-top:15px;display:flex;justify-content:center}.button-65{background:#ff4d4d;color:#fff;font-size:16px;font-weight:600;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease-in-out}.button-65:hover{background:#e60000;transform:scale(1.05)}@media (max-width: 768px){.container{width:90%}.container-middle{flex-direction:column;align-items:center}.text-input{height:150px}.flex-container{flex-direction:column;align-items:center;gap:10px}}