body{align-items:center;background-color:#f4f4f4;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0;padding:0}.simulate-container{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;padding:20px;text-align:center;width:100%}.simulate-container h1{font-size:24px;margin-bottom:20px}.form-group{margin-bottom:15px;text-align:left}.form-group label{color:#333;display:block;font-size:14px;margin-bottom:5px}.form-group input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:14px}.btn,.form-group input{outline:none;padding:10px;width:100%}.btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px}.btn:hover{background-color:#0056b3}.btn:active{background-color:#003f88}.text-conversation .conversation-container{align-items:center;background-color:#f5f5f5;box-sizing:border-box;display:flex;justify-content:center;max-height:80vh;max-width:90vw;padding:10px;width:55vw}.text-conversation .chat-box{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;height:80vh;max-height:80vh;max-width:90vw;overflow:hidden;width:85vw}.text-conversation .messages-box{background-color:#fafafa;display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;padding:16px}.text-conversation .message{word-wrap:break-word;border-radius:20px;margin:8px 0;max-width:75%;padding:10px 15px}.text-conversation .message-row{align-items:flex-start;display:flex;margin-bottom:8px}.text-conversation .message-row.sent{justify-content:flex-end}.text-conversation .message-row.received{justify-content:flex-start}.text-conversation .message.sent{background-color:#e0e0e0;margin-left:auto;text-align:right}.text-conversation .message.received{background-color:#d4f7d4;margin-right:auto;text-align:left}.text-conversation .message-avatar{border-radius:50%;flex-shrink:0;justify-content:flex-start;object-fit:cover;padding:10px 15px;width:38px}.text-conversation .message-form{background:#fff;border-top:1px solid #e0e0e0;display:flex;padding:8px}.text-conversation .message-input{border:1px solid #ccc;border-radius:20px 0 0 20px;flex-grow:1;font-size:16px;outline:none;padding:12px}.text-conversation .send-button{background-color:#007bff;border:none;border-radius:0 20px 20px 0;color:#fff;cursor:pointer;font-size:16px;padding:12px 18px}.text-conversation .send-button:hover{background-color:#0056b3}.text-conversation .typing-indicator{align-items:center;display:flex;gap:4px;padding:10px}.text-conversation .typing-indicator .dot{animation:typing 1.5s ease-in-out infinite;background-color:gray;border-radius:50%;height:8px;width:8px}.text-conversation .typing-indicator .dot:first-child{animation-delay:0s}.text-conversation .typing-indicator .dot:nth-child(2){animation-delay:.2s}.text-conversation .typing-indicator .dot:nth-child(3){animation-delay:.4s}@media screen and (max-width:1000px){.text-conversation .conversation-container{width:90vw}.text-conversation .chat-box{border-radius:0;height:80vh;width:90vw}.text-conversation .message-input{font-size:14px;padding:10px}.text-conversation .send-button{font-size:14px;padding:10px 14px}}.conversation-container{align-items:center;background-color:#f5f5f5;box-sizing:border-box;display:flex;height:90vh;justify-content:center;padding:10px;width:100%}.chat-box{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;height:40vh;justify-content:space-between;max-height:600px;max-width:600px;overflow:hidden;padding:20px;width:90vw}.messages-box,.voice-status{color:#333;font-size:18px;margin-bottom:10px;text-align:center}.status-text{font-weight:500;margin:5px 0}.voice-controls{display:flex;justify-content:center;margin-top:auto}.send-button{background-color:#007bff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;padding:12px 18px}.send-button.stop{background-color:#dc3545}.send-button:hover{background-color:#0056b3}.send-button.stop:hover{background-color:#c82333}.typing-indicator{align-items:center;display:flex;gap:6px;justify-content:center;padding:10px}.typing-indicator .dot{animation:typing 1.5s ease-in-out infinite;background-color:gray;border-radius:50%;height:8px;width:8px}.typing-indicator .dot:first-child{animation-delay:0s}.typing-indicator .dot:nth-child(2){animation-delay:.2s}.typing-indicator .dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}@media screen and (max-width:600px){.chat-box{border-radius:0;height:40%;width:100%}.send-button{font-size:14px;padding:10px 14px}.status-text{font-size:16px}}
/*# sourceMappingURL=main.6293a2d4.css.map*/