.chat-container[data-v-122ec85d]{height:400px;overflow-y:auto;border:1px solid #ccc;padding:10px;background-color:#f9f9f9;border-radius:5px;display:flex;flex-direction:column;gap:10px}.message[data-v-122ec85d]{display:flex;margin-bottom:10px}.message.user1[data-v-122ec85d]{justify-content:flex-start}.message.user2[data-v-122ec85d]{justify-content:flex-end}.message-content[data-v-122ec85d]{padding:10px;border-radius:5px;max-width:60%}.message-input[data-v-f3c9fef0]{display:flex;flex-direction:column;gap:10px;margin-top:10px;padding:10px;border-radius:5px}.message-input input[type=text][data-v-f3c9fef0]{flex:1}.message-input input[type=color][data-v-f3c9fef0]{width:100%}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#eef2f5}#app{max-width:1000px;margin:50px auto;padding:20px;background-color:#fff;box-shadow:0 2px 4px #0000001a;border-radius:5px;display:flex;justify-content:center;align-items:center;height:80vh}.chat-app{display:flex;gap:20px;width:100%;align-items:flex-start}.user-panel{display:flex;flex-direction:column;align-items:center}.avatar-large{width:100px;height:100px;border-radius:10%;margin-bottom:10px}.chat-window{flex:1;display:flex;flex-direction:column;height:400px;border:1px solid #ccc;padding:10px;background-color:#f9f9f9;border-radius:5px;overflow-y:auto}