body { font-family: Arial, sans-serif; background: #f4f4f4; }
.chat-container { width: 720px; max-width: 95%; margin: 30px auto; background: white; padding: 20px; border-radius: 10px; }
#chat-box { min-height: 240px; padding: 10px; border: 1px solid #ddd; margin-bottom: 10px; overflow-y: auto; background: #fafafa; }
.user-msg { text-align: right; margin: 5px; background: #d1ffd1; padding: 8px; border-radius: 5px; display: inline-block; }
.bot-msg { text-align: left; margin: 5px; background: #f1f1f1; padding: 8px; border-radius: 5px; }
.grid { display: flex; flex-wrap: wrap; gap: 10px; margin-top:10px; }
.card { border: 1px solid #ddd; border-radius: 5px; padding: 8px; width: 150px; text-align: center; background: #fff; }
.card img { max-width: 100%; height: 100px; object-fit: cover; border-radius:4px; }
input#user-input{width:calc(100% - 90px); padding:10px; margin-right:8px; box-sizing:border-box;}
button{padding:10px 14px; background:#0077cc; color:#fff; border:none; border-radius:4px;}