.chat-app{background:#fff;border-radius:8px;display:flex;flex-direction:column;height:525px}.chat-logo{color:var(--c-primary);font-size:1.75rem;font-weight:500;pointer-events:none;user-select:none}.chat-header,.chat-input,.chat-toolbar{flex:0 0 auto}.chat-box,.chat-cover{flex:1;min-height:0;overflow-y:auto}.chat-header>div{align-items:center;display:flex;gap:.5rem}.chat-overlay{background:rgba(0,0,0,.75);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1040}.chat-maximized{background:#fff;border-radius:.25rem;box-shadow:0 0 10px rgba(0,0,0,.25);height:90vh;left:5vw;overflow:hidden;position:fixed;top:5vh;width:90vw;z-index:1050}.chat-embedded .chat-header{padding:0}.chat-maximized .chat-header{border-bottom:1px solid #f0f0f0;padding:.75rem 1rem}.chat-cover{align-items:center;flex-direction:column;text-align:center}.chat-cover,.chat-prompts{display:flex;justify-content:center}.chat-prompts{color:var(--c-primary);flex-wrap:wrap;gap:1rem}.chat-prompts a{background:#eee;border-radius:.5rem;color:inherit;cursor:pointer;padding:.5rem 1rem;text-decoration:none;transition:background .2s}.chat-prompts a:hover{background:#ddd}.chat-toolbar{border-bottom:1px solid #f0f0f0;display:flex;justify-content:flex-end;padding:1rem}.chat-box{padding:1rem}.chat-message{display:flex;flex-direction:column;margin-bottom:.75rem}.chat-role{color:#666;font-size:.75rem;margin-bottom:.25rem}.chat-content{white-space:pre-wrap}.chat-timestamp{color:#999;font-size:.7rem;margin-top:.25rem}.chat-assistant .chat-content{background:#eef7ff;border-radius:8px;padding:.5rem .75rem}.chat-assistant .chat-content,.chat-assistant .chat-role,.chat-assistant .chat-timestamp{align-self:flex-start}.chat-user .chat-content{background:#f3f3f3;border-radius:8px;padding:.5rem .75rem}.chat-user .chat-content,.chat-user .chat-role,.chat-user .chat-timestamp{align-self:flex-end}.chat-input{display:flex;gap:.5rem;padding:1rem}.chat-input input[type=text]{border:1px solid #ddd;border-radius:6px;flex:1 1 auto;padding:.5rem}.chat-input button{border:none;border-radius:6px!important;color:#fff;cursor:pointer}.chat-input button,.chat-input button:hover{padding:.5rem 1rem!important}.typing-indicator .dots{align-items:center;display:flex;gap:4px}.typing-indicator .dots span{animation:typingPulse 1.2s ease-in-out infinite;background-color:currentColor;border-radius:50%;height:8px;opacity:.3;width:8px}.typing-indicator .dots span:first-child{animation-delay:0s}.typing-indicator .dots span:nth-child(2){animation-delay:.2s}.typing-indicator .dots span:nth-child(3){animation-delay:.4s}@keyframes typingPulse{0%,80%,to{opacity:.3;transform:scale(1)}40%{opacity:1;transform:scale(1.4)}}.chat-error,.chat-input{align-content:center;height:80px}