.kb-demo{color:#111;background:#fafafa;min-height:100vh;padding-top:36px;font-family:Inter,system-ui,sans-serif}.kb-demo-layout{min-height:calc(100vh - 36px);display:flex}.kb-demo-sidebar{background:#fff;border-right:1px solid #f0f0f0;flex-direction:column;width:280px;display:flex}.kb-demo-sidebar-head{align-items:center;gap:10px;padding:16px 20px;display:flex}.kb-demo-sidebar-head a{color:#999;font-size:18px;text-decoration:none}.kb-demo-sidebar-head strong{font-size:14px;display:block}.kb-demo-sidebar-head span{color:#999;font-size:10px;display:block}.kb-demo-search{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;margin:0 16px 12px;padding:7px 10px;display:flex}.kb-demo-search input{background:0 0;border:none;outline:none;flex:1;font-size:12px}.kb-demo-categories{flex:1;padding:0 16px 16px;overflow-y:auto}.kb-demo-categories button{color:#555;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-bottom:2px;padding:8px 12px;font-size:13px;display:flex}.kb-demo-categories button.active{color:#2563eb;background:#eff6ff}.kb-demo-categories button span{color:#999;background:#f3f4f6;border-radius:10px;padding:2px 6px;font-size:10px}.kb-demo-doc-list{border-top:1px solid #f0f0f0;margin-top:8px;padding-top:8px}.kb-demo-doc-list a{color:#555;border-radius:6px;padding:8px 10px;font-size:12px;text-decoration:none;display:block}.kb-demo-main{flex-direction:column;flex:1;min-width:0;display:flex}.kb-demo-main-head{background:#fff;border-bottom:1px solid #f0f0f0;align-items:center;gap:12px;padding:10px 20px;display:flex}.kb-demo-main-head img{border-radius:50%;width:32px;height:32px}.kb-demo-chat{flex:1;padding:20px;overflow-y:auto}.kb-demo-msg{gap:8px;margin-bottom:16px;display:flex}.kb-demo-msg.user{flex-direction:row-reverse}.kb-demo-bubble{border-radius:12px;max-width:75%;padding:10px 12px;font-size:13px;line-height:1.5}.kb-demo-msg.user .kb-demo-bubble{color:#fff;background:#2563eb}.kb-demo-msg.assistant .kb-demo-bubble{background:#fff;border:1px solid #eee}.kb-demo-sources{color:#888;margin-top:8px;font-size:11px}.kb-demo-prompts{flex-wrap:wrap;gap:8px;padding:0 20px 12px;display:flex}.kb-demo-prompts button{color:#666;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:6px 12px;font-size:12px}.kb-demo-input-row{background:#fff;border-top:1px solid #f0f0f0;gap:8px;padding:12px 20px 20px;display:flex}.kb-demo-input-row input{border:1px solid #e5e7eb;border-radius:10px;flex:1;padding:12px 14px;font-size:13px}.kb-demo-input-row button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:0 18px;font-size:13px}@media (max-width:900px){.kb-demo-layout{flex-direction:column}.kb-demo-sidebar{width:100%;max-height:280px}}