.chat{display:flex}.chat-avatar{width:60px;height:60px}.chat-name{font-weight:700}.chat-message{margin:5px 0}.chat-time{color:#888;font-size:.8em}
.voice-container{margin:5px 0;display:flex}.voice-container.left{justify-content:flex-start}.voice-bubble{max-width:60%}.voice-content{cursor:pointer;align-items:center;display:flex}.voice-icon{width:24px;height:24px}.voice-container.right .voice-content{flex-direction:row-reverse}.voice-container.right .voice-icon{margin-left:0;margin-right:0}.voice-text{font-size:14px}
.typing-message{font-family:sans-serif;line-height:1.5;display:inline-block}.typing-cursor{vertical-align:middle;background-color:currentColor;width:2px;height:1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}
input{box-sizing:border-box;border:1px solid #ccc;border-radius:2px;padding:1px 1px 1px 5px}.alignment-options{margin-top:2px;display:flex}.align-button{cursor:pointer;background-color:#f0f0f0;border:1px solid #ccc;padding:2px 4px;font-size:11px;transition:background-color .3s}.align-button.active{color:#fff;background-color:#007bff;border-color:#007bff}.align-button:hover{background-color:#e0e0e0}.color-options input{width:30px}.add-role-button,.remove-role-button{cursor:pointer;color:#000;background-color:#eed990;border:none;border-radius:4px;align-items:center;padding:5px 10px;font-size:11px;display:flex}.add-role-button:hover{color:#fff;background-color:#f90}.remove-role-button{background-color:#f0f0f0}.remove-role-button:hover{color:#fff;background-color:red}.avatar-wrapper:hover .image-url{display:block}