.websocket-container{width:800px;margin:0 auto;padding:20px}.websocket-header{padding:20px;font-size:24px;font-weight:500}.messages{overflow-y:auto;margin-bottom:20px;padding:10px;background-color:#fff}.message{padding:12px;margin-bottom:12px;border-radius:8px;font-family:monospace;font-size:14px;line-height:1.4;position:relative}.message.user{background-color:#e3f2fd;margin-left:20%;border-top-right-radius:2px}.message.assistant{background-color:#f5f5f5;margin-right:20%;border-top-left-radius:2px}.message.typing{border-left:3px solid #2196f3}.message-role{font-size:12px;color:#666;margin-bottom:4px;font-weight:700}.message-text{white-space:pre-wrap;word-break:break-word}.message-left-text{text-align:left}.message-right-text{text-align:right}.cursor{display:inline-block;margin-left:2px;animation:blink 1s step-end infinite;color:#2196f3}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.input-container{display:flex;gap:10px}.message-input{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.message-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.send-button{padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.send-button.disabled{background-color:#ccc;cursor:not-allowed}.send-button.disabled:hover{background-color:#ccc}.send-button:hover{background-color:#388e3c}.App{text-align:center}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-width:320px;min-height:100vh}#root{max-width:1280px;margin:0 auto}