.chat-box[data-v-09b70916]{border:1px solid #ddd;padding:20px;width:450px;margin:30px auto;font-family:Arial,sans-serif;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.status[data-v-09b70916]{margin-bottom:10px}.messages[data-v-09b70916]{height:300px;overflow-y:auto;border:1px solid #ccc;padding:10px;margin-bottom:10px;background-color:#f7f7f7;display:flex;flex-direction:column}.message[data-v-09b70916]{display:flex;margin-bottom:12px;align-items:flex-end}.message.self[data-v-09b70916]{align-items:flex-end;flex-direction:row-reverse}.avatar[data-v-09b70916]{width:32px;height:32px;border-radius:50%;margin:auto 8px}.bubble-wrapper[data-v-09b70916]{display:flex;flex-direction:column;align-items:flex-start}.message.self .bubble-wrapper[data-v-09b70916]{align-items:flex-end}.bubble[data-v-09b70916]{max-width:260px;padding:10px 12px;border-radius:12px;word-wrap:break-word;background-color:#e9ecef;color:#333;font-size:14px;line-height:1.5}.time[data-v-09b70916]{font-size:12px;color:#888;margin-top:4px;align-self:flex-end}.message.self .bubble[data-v-09b70916]{background-color:#d0ebff;color:#084298}.meta[data-v-09b70916]{font-size:12px;color:#555;display:flex;align-items:flex-end;margin-bottom:5px}.text[data-v-09b70916]{font-size:14px;line-height:1.5}input[data-v-09b70916]{width:100%;padding:10px;box-sizing:border-box;font-size:14px;border:1px solid #ccc;border-radius:4px}