@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap");:root{--primary-purple:#7f13ec;--bg-dark:#0a080d;--neutral-dark:#1a1622;--neutral-border:#302839;--text-slate-400:#94a3b8;--text-slate-200:#e2e8f0}.agent-demo-container{width:100%;height:100vh;background-color:var(--bg-dark);color:#fff;font-family:Space Grotesk,sans-serif;display:flex;flex-direction:column;overflow:hidden}.agent-demo-main{flex:1 1;display:flex;flex-direction:column;align-items:center;padding:.5rem 1rem;gap:.75rem;width:100%;height:100%;min-height:0}.mode-toggle-container{padding:.25rem;background-color:var(--neutral-dark);border:1px solid var(--neutral-border);border-radius:.75rem;display:flex}.mode-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;border-radius:.5rem;background:transparent;border:none;color:var(--text-slate-400);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s}.mode-btn.active{background-color:var(--primary-purple);color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.demo-split-pane{display:flex;width:100%;gap:1.5rem;flex:1 1;min-height:0}.avatar-pane{flex:1 1;border-radius:1rem;border:1px solid var(--neutral-border);background:linear-gradient(to bottom,rgba(127,19,236,.1),var(--bg-dark));overflow:hidden}.avatar-container,.avatar-pane{position:relative;display:flex;align-items:center;justify-content:center}.avatar-container{z-index:10;width:200%;height:100%;padding:0;margin-left:-75%}.avatar-container .avatar-widget-container{position:relative!important;bottom:auto!important;right:auto!important;width:100%!important;height:100%!important;background:transparent!important;box-shadow:none!important;border:none!important;z-index:1!important}.avatar-container .avatar-input-area{display:none!important}.avatar-container .avatar-canvas-layer,.avatar-container .avatar-scene-wrapper,.avatar-container .avatar-wrapper{width:100%!important;height:100%!important}.avatar-container .avatar-canvas-layer{display:flex!important;align-items:center!important;justify-content:center!important}.initialization-overlay{position:absolute;color:var(--text-slate-400);z-index:20;background-color:var(--bg-dark);inset:0;display:flex;align-items:center;justify-content:center}.controls-pane{width:450px;display:flex;flex-direction:column;gap:1rem;min-width:0}.card{background-color:var(--neutral-dark);border:1px solid var(--neutral-border);border-radius:1rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.prompt-card{padding:1rem;flex-shrink:0}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.card-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary-purple)}.prompt-textarea{width:100%;height:12rem;background-color:var(--bg-dark);border:1px solid var(--neutral-border);border-radius:.75rem;padding:.75rem;font-size:.875rem;color:var(--text-slate-200);resize:none;outline:none;transition:all .2s}.prompt-textarea:focus{border-color:var(--primary-purple);box-shadow:0 0 0 1px var(--primary-purple)}.chat-card{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.chat-header{padding:.75rem 1.25rem;border-bottom:1px solid var(--neutral-border);background-color:rgba(10,8,13,.3);justify-content:space-between}.chat-header,.online-indicator{display:flex;align-items:center}.online-indicator{gap:.5rem}.dot{width:.5rem;height:.5rem;border-radius:9999px;background-color:#22c55e;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-messages{flex:1 1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.message{max-width:80%;padding:.75rem;font-size:.875rem;line-height:1.5;border-radius:1rem}.message-avatar{background-color:var(--bg-dark);border:1px solid var(--neutral-border);color:var(--text-slate-200);border-top-left-radius:0;align-self:flex-start}.message-user{background-color:var(--primary-purple);color:#fff;border-top-right-radius:0;align-self:flex-end;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.chat-input-area{padding:1rem;border-top:1px solid var(--neutral-border);background-color:rgba(10,8,13,.3)}.input-container{display:flex;align-items:center;gap:.75rem}.text-input-wrapper{flex:1 1;position:relative}.chat-input{width:100%;background-color:var(--bg-dark);border:1px solid var(--neutral-border);border-radius:.75rem;padding:.75rem 3rem .75rem 1rem;font-size:.875rem;color:var(--text-slate-200);outline:none;transition:all .2s}.chat-input:focus{border-color:var(--primary-purple);box-shadow:0 0 0 1px var(--primary-purple)}.send-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-slate-400);cursor:pointer;transition:color .2s}.send-btn:hover{color:var(--primary-purple)}.mic-btn{width:2.75rem;height:2.75rem;border-radius:9999px;background-color:var(--primary-purple);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 15px rgba(127,19,236,.4);transition:all .2s}.mic-btn:hover{transform:scale(1.05)}.mic-btn:active{transform:scale(.95)}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--neutral-border);border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--primary-purple)}@media (max-width:1024px){.demo-split-pane{flex-direction:column}.controls-pane{width:100%}}