body{margin:0;font-family:Arial,sans-serif;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center;height:100vh}.app-container{width:600px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column}h1{text-align:center;color:#333;margin-bottom:20px}.query-container{margin-bottom:20px}.query-input{width:100%;height:60px;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;margin-bottom:10px;outline:none;resize:none}.query-input:focus{border-color:#007bff}.button-container{display:flex;justify-content:space-between}.submit-button,.clear-button{padding:10px 15px;font-size:14px;border:none;border-radius:4px;cursor:pointer}.submit-button{background-color:#007bff;color:#fff}.submit-button:disabled{background-color:#6c757d;cursor:not-allowed}.clear-button{background-color:#dc3545;color:#fff}.clear-button:hover{background-color:#c82333}.messages-container{max-height:400px;overflow-y:auto;background:#f9f9f9;padding:10px;border-radius:4px;border:1px solid #ddd}.message-box{padding:10px;margin-bottom:10px;background:#fff;border:1px solid #ddd;border-radius:4px}.message-box strong{color:#007bff}.message-box:nth-child(odd){background:#f1f8ff}