.kb-page{height:calc(100vh - 104px - var(--win-taskbar-h,0px));flex-direction:column;min-height:0;display:flex}.kb-body{gap:var(--space-4);flex:1;grid-template-columns:280px minmax(0,1fr);min-height:0;display:grid;position:relative}.kb-body.is-rail-collapsed{grid-template-columns:0 minmax(0,1fr);gap:0}@media (width<=900px){.kb-body:not(.is-rail-collapsed){grid-template-columns:1fr}}.kb-rail{border-right:1px solid var(--border-subtle);min-height:0;padding-right:var(--space-3);transition:opacity .15s,transform .15s;overflow-y:auto}.kb-body.is-rail-collapsed .kb-rail{opacity:0;pointer-events:none;border-right:none;width:0;min-width:0;padding:0;overflow:hidden;transform:translate(-12px)}.kb-rail-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.kb-rail-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);font-weight:600}.kb-rail-toggle{flex-shrink:0}.kb-rail-reopen{z-index:2;border:1px solid var(--control-border);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--surface);width:30px;height:32px;color:var(--text-muted);cursor:pointer;border-left:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:0;left:0}.kb-rail-reopen:hover{background:var(--surface-sunken);color:var(--text)}.kb-new{width:100%;margin-bottom:var(--space-2);justify-content:center}.kb-tree{margin:0;padding:0;list-style:none}.kb-node{width:100%;padding:var(--space-1) var(--space-2);text-align:left;font-size:var(--text-sm);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;display:block;overflow:hidden}.kb-node:hover{background:var(--surface-sunken)}.kb-node.is-active{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--accent-text);font-weight:600}.kb-empty{padding:var(--space-2)}.kb-main{min-height:0;padding-right:var(--space-2);overflow-y:auto}.kb-view-head{justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3);align-items:flex-start;display:flex}.kb-view-title{font-size:var(--text-xl);margin:0}.kb-view-actions{gap:var(--space-1);flex-shrink:0;align-items:center;display:flex}.kb-content{max-width:860px;line-height:1.6;font-size:var(--text-md)}.kb-content h2,.kb-content h3,.kb-content h4,.kb-content h5,.kb-content h6{margin:var(--space-4) 0 var(--space-2)}.kb-content p{margin:0 0 var(--space-2)}.kb-content hr{margin:var(--space-3) 0;border:0;border-top:1px solid var(--border-subtle)}.kb-content ul,.kb-content ol{margin:0 0 var(--space-2);padding-left:var(--space-5)}.kb-content blockquote{margin:0 0 var(--space-2);padding:var(--space-1) var(--space-3);border-left:3px solid var(--border-strong);color:var(--text-muted)}.kb-code{padding:var(--space-2);margin:0 0 var(--space-2);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-sm);overflow-x:auto}.kb-img{border-radius:var(--radius-md);border:1px solid var(--border-subtle);max-width:100%;margin:var(--space-1) 0}.kb-mermaid{margin:0 0 var(--space-2)}.kb-mermaid-svg{justify-content:center;display:flex;overflow-x:auto}.kb-mermaid-svg svg{max-width:100%;height:auto}.kb-mermaid-note{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-muted)}.kb-table{border-collapse:collapse;width:100%;margin:0 0 var(--space-2);font-size:var(--text-sm)}.kb-table th,.kb-table td{border:1px solid var(--border-subtle);text-align:left;vertical-align:top;padding:6px 10px}.kb-table th{background:var(--surface-sunken);font-weight:600}.kb-editor{gap:var(--space-2);flex-direction:column;height:100%;display:flex}.kb-title-input{height:36px;padding:0 var(--space-2);font-size:var(--text-lg);border:1px solid var(--control-border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-weight:600}.kb-editor-bar{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.kb-task-ref{min-width:220px;height:28px;padding:0 var(--space-2);border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:var(--text-xs);flex:1}.kb-hint{font-size:var(--text-xs)}.kb-body-input{min-height:320px;padding:var(--space-3);font-family:var(--font-mono,monospace);font-size:var(--text-sm);border:1px solid var(--control-border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);resize:vertical;flex:1;line-height:1.5}.kb-mode-toggle{gap:var(--space-1);margin-left:auto;display:flex}.kb-preview{min-height:320px;padding:var(--space-3);border:1px solid var(--control-border);border-radius:var(--radius-md);background:var(--surface);flex:1;overflow-y:auto}.kb-editor-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.kb-ask{margin-bottom:var(--space-2);padding:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-sunken)}.kb-ask-form{gap:var(--space-2);display:flex}.kb-ask-input{height:30px;padding:0 var(--space-2);border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:var(--text-sm);flex:auto}.kb-ask-answer{margin-top:var(--space-2)}.kb-ask-text{margin:0 0 var(--space-1);font-size:var(--text-sm);white-space:pre-wrap}.kb-ask-sources{font-size:var(--text-xs);color:var(--text-muted);margin:0}.kb-ask-source{color:var(--text-link);font-size:var(--text-xs);cursor:pointer;background:0 0;border:none;padding:0 4px 0 0}.kb-ask-source:hover{text-decoration:underline}