.chat-bubble-wrapper{display:flex;margin-bottom:10px}.wrapper-user{justify-content:flex-end}.wrapper-assistant{justify-content:flex-start}.chat-bubble{max-width:70%;padding:10px 15px;border-radius:18px;position:relative}.user-message{background-color:#007bff;color:#fff;border-bottom-right-radius:5px;align-self:flex-end}.assistant-message{background-color:#e9ecef;color:#333;border-bottom-left-radius:5px;align-self:flex-start}.message-content{margin:0;white-space:pre-wrap;word-wrap:break-word}.message-timestamp{display:block;font-size:.75em;color:#888;text-align:right;margin-top:5px}.user-message .message-timestamp{color:#f0f0f0}.fallback-indicator{font-size:.8em;color:#777;margin-left:8px;font-style:italic}.assistant-message .fallback-indicator{color:#555}.chat-input-form{display:flex;padding:10px;border-top:1px solid #ccc;background-color:#f0f0f0}.chat-input-field{flex-grow:1;padding:10px 15px;border:1px solid #ddd;border-radius:20px;margin-right:10px;font-size:1em}.chat-input-field:disabled{background-color:#e9ecef;cursor:not-allowed}.chat-input-button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:1em;transition:background-color .2s ease}.chat-input-button:hover{background-color:#0056b3}.chat-input-button:disabled{background-color:#a0c7e4;cursor:not-allowed}.loading-indicator-wrapper{display:flex;justify-content:center;align-items:center;padding:10px;margin-left:40px}.loading-spinner{border:4px solid rgba(0,0,0,.1);width:24px;height:24px;border-radius:50%;border-left-color:#007bff;animation:spin 1s ease infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-indicator-wrapper p{margin-left:10px;font-style:italic;color:#555}.chat-ui-container{display:flex;flex-direction:column;height:100vh;max-width:800px;margin:auto;border:1px solid #ccc;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.chat-messages-area{height:65vh;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;background-color:#f9f9f9}.chat-ui-container .preset-questions{position:static;z-index:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:64px;gap:12px;padding:16px;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee}.chat-ui-container .preset-questions button{width:100%;height:100%;border-radius:12px;border:1px solid #ddd;background:#fafafa;padding:0 16px;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.chat-ui-container .preset-questions button:hover{background:#f0f0f0;border-color:#ccc;box-shadow:0 2px 8px #00000014}.app-container{position:relative}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;background-color:#eef2f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}