.App{text-align:center}.app-container{display:flex;flex-direction:column;align-items:center;padding:20px}.chat-container{width:100%;max-width:400px;height:70vh;margin:0 auto 10px;border:1px solid #dcdcdc;background-color:#f5f5f5;display:flex;flex-direction:column}.chat-header{background-color:#ededed;padding:10px;text-align:center;border-bottom:1px solid #dcdcdc}.chat-title-input{font-weight:700;font-size:18px;border:none;background-color:transparent;text-align:center;width:100%}.chat-messages{flex-grow:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column}.chat-message{display:flex;margin-bottom:10px;align-items:flex-start}.message-content{display:flex;flex-direction:column}.my-message .message-content{align-items:flex-end}.other-message .message-content{align-items:flex-start}.my-message{flex-direction:row-reverse}.other-message{flex-direction:row}.chat-avatar{width:40px;height:40px;border-radius:5px;margin:0 10px}.chat-bubble{max-width:70%;padding:10px;border-radius:5px;position:relative;text-align:left}.my-message .chat-bubble{background-color:#a0e75a}.other-message .chat-bubble{background-color:#fff}.message-time{font-size:12px;color:#999;margin-top:5px}.chat-input-area{padding:10px;border-top:1px solid #dcdcdc;background-color:#f5f5f5}.chat-form{display:flex}.sender-toggle-button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;padding:8px 12px;margin-right:10px;cursor:pointer;font-size:16px}.sender-toggle-button:hover{background-color:#e0e0e0}.chat-input{flex-grow:1;border:1px solid #ccc;border-radius:5px;padding:8px;font-size:16px}.chat-send-button{background-color:#07c160;color:#fff;border:none;padding:8px 15px;border-radius:5px;margin-left:10px;cursor:pointer;font-size:16px}.chat-send-button:hover{background-color:#06ad56}.controls-area{width:100%;max-width:400px;display:flex;flex-direction:column;gap:10px;border:1px solid #ccc;padding:10px;border-radius:5px}.control-group{display:flex;justify-content:space-between;align-items:center}.export-button{background-color:#1a73e8;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:16px;width:100%}.export-button:hover{background-color:#1665c4}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}