.groq-chat-container {
    max-width: 600px;
    margin: 20px auto;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 8px;
}

.groq-messages {
    height: 400px;
    overflow-y: auto;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #eee;
}

.groq-input {
    display: flex;
    gap: 10px;
}

.groq-input input {
    flex: 1;
    padding: 10px;
}

.groq-input button {
    padding: 10px 20px;
}