:root{--bg-color:#0f172a;--sidebar-bg:#1e293b;--chat-bg:#fff;--text-main:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0;--accent:#2563eb;--accent-hover:#1d4ed8;--user-bubble:#0f172a;--assistant-bubble:#f8fafc}body{background-color:var(--bg-color);color:var(--text-main);margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif}.app-layout{background-color:var(--chat-bg);width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);color:#f8fafc;border-right:1px solid #334155;flex-direction:column;width:280px;display:flex}.sidebar-header{border-bottom:1px solid #334155;align-items:center;gap:.5rem;padding:1.25rem;font-size:1rem;font-weight:600;display:flex}.sidebar-sessions{flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex;overflow-y:auto}.session-item{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.375rem;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.session-item:hover,.session-item.active{color:#fff;background-color:#334155}.chat-container{background-color:var(--chat-bg);flex-direction:column;flex:1;height:100%;display:flex}.chat-header{border-bottom:1px solid var(--border-color);background:#fff;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.chat-messages{flex-direction:column;flex:1;gap:1.5rem;width:100%;max-width:900px;margin:0 auto;padding:2rem;display:flex;overflow-y:auto}.message-wrapper{flex-direction:column;gap:.35rem;display:flex}.message-wrapper.user{align-items:flex-end}.message-wrapper.assistant{align-items:flex-start}.message-bubble{border-radius:.75rem;max-width:85%;padding:1rem 1.25rem;font-size:.95rem;line-height:1.6}.message-bubble.user{background-color:var(--user-bubble);color:#fff;border-bottom-right-radius:.25rem}.message-bubble.assistant{background-color:var(--assistant-bubble);color:var(--text-main);border:1px solid var(--border-color);border-bottom-left-radius:.25rem;box-shadow:0 1px 3px #00000005}.sources-box{color:var(--text-muted);flex-wrap:wrap;gap:.5rem;margin-top:.5rem;font-size:.8rem;display:flex}.source-badge{border:1px solid var(--border-color);background:#f1f5f9;border-radius:4px;padding:.2rem .5rem}.chat-input-area{border-top:1px solid var(--border-color);background:#fff;justify-content:center;padding:1.25rem 2rem;display:flex}.chat-input-form{border:1px solid var(--border-color);background:#f8fafc;border-radius:.75rem;gap:.75rem;width:100%;max-width:900px;padding:.5rem;display:flex}.chat-input{background:0 0;border:none;outline:none;flex:1;padding:.75rem 1rem;font-size:.95rem}.send-button{background-color:var(--user-bubble);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:.5rem 1.25rem;font-weight:500;transition:background .2s}.send-button:hover{background-color:#334155}.artifact-drawer{border-left:1px solid var(--border-color);background-color:#fff;flex-direction:column;width:450px;height:100%;display:flex;box-shadow:-4px 0 15px #0000000d}.artifact-header{border-bottom:1px solid var(--border-color);background:#f8fafc;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-weight:600;display:flex}.artifact-content{flex:1;padding:1.5rem;font-size:.9rem;line-height:1.6;overflow-y:auto}