html,body,#root{height:100%;margin:0}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{background:var(--kb-bg-canvas);color:var(--kb-text-1);font-family:var(--kb-font-family);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.kb-app-root{height:100%}.kb-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}:focus-visible{outline:2px solid var(--kb-border-focus);outline-offset:1px}::selection{background:var(--kb-brand-subtle);color:var(--kb-brand-primary)}*{scrollbar-width:thin;scrollbar-color:var(--kb-border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--kb-border-strong);border:2px solid transparent;background-clip:padding-box;border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:var(--kb-text-3);background-clip:padding-box}.kb-page{display:flex;flex-direction:column;gap:var(--kb-space-5);width:100%;min-width:0}.kb-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--kb-space-4);flex-wrap:wrap}.kb-page-heading{display:flex;flex-direction:column;gap:var(--kb-space-1);min-width:0}.kb-page-title{margin:0;font-size:20px;font-weight:600;line-height:1.3;color:var(--kb-text-1)}.kb-page-desc{margin:0;font-size:13px;color:var(--kb-text-2)}.kb-page-actions{display:flex;align-items:center;gap:var(--kb-space-2);flex-wrap:wrap}.kb-page-body{display:flex;flex-direction:column;gap:var(--kb-space-4);width:100%;min-width:0}.kb-panel{background:var(--kb-bg-surface);border:1px solid var(--kb-border);border-radius:var(--kb-radius-lg);padding:var(--kb-space-4);min-width:0}.kb-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--kb-space-3);margin-bottom:var(--kb-space-3);min-width:0}.kb-panel-title{margin:0;font-size:14px;font-weight:600;color:var(--kb-text-1)}.kb-json{position:relative;background:var(--kb-bg-code);border:1px solid var(--kb-border);border-radius:var(--kb-radius);overflow:hidden}.kb-json pre{margin:0;padding:var(--kb-space-4);padding-right:44px;overflow:auto;color:var(--kb-text-code);font-family:var(--kb-font-mono);font-size:12.5px;line-height:1.6;white-space:pre}.kb-json.kb-json-collapsed pre{max-height:320px}.kb-json-copy{position:absolute;top:8px;right:8px;z-index:1}.kb-json-expand{display:flex;justify-content:center;padding:6px;border-top:1px solid var(--kb-border);background:var(--kb-bg-code)}.kb-pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:500;line-height:20px;white-space:nowrap}.kb-pill-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.kb-score{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:22px;padding:0 8px;border-radius:var(--kb-radius);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.kb-delta{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.kb-chain-name-inline-edit{display:inline-block;max-width:100%;margin-inline-start:-3px;padding:1px 3px;border-radius:var(--kb-radius-sm);cursor:text;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-chain-name-inline-edit:hover,.kb-chain-name-inline-edit:focus-visible{background:var(--kb-bg-hover);color:var(--kb-brand-primary)}.kb-chain-actions{width:100%;justify-content:flex-end}.kb-metric{display:flex;flex-direction:column;gap:6px;padding:var(--kb-space-4);background:var(--kb-bg-surface);border:1px solid var(--kb-border);border-radius:var(--kb-radius-lg);min-width:0}.kb-metric-label{font-size:12px;color:var(--kb-text-2)}.kb-metric-value{font-size:22px;font-weight:650;line-height:1.2;color:var(--kb-text-1);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.kb-metric-hint{font-size:12px;color:var(--kb-text-3)}.kb-metric-grid{display:grid;gap:var(--kb-space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:100%}.kb-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--kb-space-3);padding:var(--kb-space-7) var(--kb-space-4);text-align:center;color:var(--kb-text-2)}.kb-state-icon{font-size:28px;color:var(--kb-text-3)}.kb-doc-card{border:1px solid var(--kb-border);border-radius:var(--kb-radius-lg);background:var(--kb-bg-surface);padding:var(--kb-space-4);display:flex;flex-direction:column;gap:var(--kb-space-2);min-width:0}.kb-doc-head{display:flex;align-items:flex-start;gap:var(--kb-space-3);justify-content:space-between}.kb-doc-rank{flex:none;width:26px;height:26px;border-radius:50%;background:var(--kb-brand-subtle);color:var(--kb-brand-primary);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.kb-doc-title{font-size:14px;font-weight:600;color:var(--kb-text-1);overflow-wrap:anywhere}.kb-doc-meta{display:flex;flex-wrap:wrap;gap:var(--kb-space-1) var(--kb-space-3);font-size:12px;color:var(--kb-text-3)}.kb-doc-body{font-size:13px;line-height:1.6;color:var(--kb-text-2);overflow-wrap:anywhere}.kb-markdown{color:var(--kb-text-1);font-size:13px;line-height:1.7;overflow-wrap:anywhere}.kb-markdown p{margin:0 0 var(--kb-space-2)}.kb-markdown h4,.kb-markdown h5,.kb-markdown h6{margin:var(--kb-space-3) 0 var(--kb-space-2);color:var(--kb-text-1)}.kb-markdown code{font-family:var(--kb-font-mono);font-size:.92em;background:var(--kb-bg-subtle);border:1px solid var(--kb-border);border-radius:4px;padding:1px 5px}.kb-markdown pre{background:var(--kb-bg-code);color:var(--kb-text-code);border-radius:var(--kb-radius);padding:var(--kb-space-3);overflow:auto}.kb-markdown pre code{background:none;border:none;padding:0}.kb-markdown a{color:var(--kb-brand-primary)}.kb-markdown ul,.kb-markdown ol{margin:0 0 var(--kb-space-2);padding-inline-start:var(--kb-space-5)}.kb-markdown blockquote{margin:0 0 var(--kb-space-2);padding-inline-start:var(--kb-space-3);border-inline-start:3px solid var(--kb-border-strong);color:var(--kb-text-2)}.kb-markdown table{border-collapse:collapse}.kb-markdown th,.kb-markdown td{border:1px solid var(--kb-border);padding:4px 8px}.kb-playground-config-stack,.kb-playground-prompt-stack{display:flex;flex-direction:column;gap:var(--kb-space-4);min-width:0}.kb-playground-config-section,.kb-playground-prompt-row{min-width:0}.kb-playground-config-section+.kb-playground-config-section,.kb-playground-prompt-row+.kb-playground-prompt-row{padding-top:var(--kb-space-4);border-top:1px solid var(--kb-border)}.kb-playground-config-section-title,.kb-playground-prompt-title{margin-bottom:var(--kb-space-3);color:var(--kb-text-2);font-size:12px;font-weight:600;line-height:1.4}.kb-playground-config-section-body{min-width:0}.kb-playground-config-grid{display:grid;gap:var(--kb-space-3);align-items:start;min-width:0}.kb-playground-config-grid-main{grid-template-columns:minmax(0,1fr) 112px}.kb-playground-config-grid-two,.kb-playground-config-grid-concurrency{grid-template-columns:repeat(2,minmax(0,1fr))}.kb-playground-config-stack .ant-form-item,.kb-playground-prompt-stack .ant-form-item{min-width:0;margin-bottom:0}.kb-playground-config-stack .ant-form-item-label,.kb-playground-prompt-stack .ant-form-item-label{padding-bottom:4px}.kb-playground-config-stack .ant-form-item-label>label,.kb-playground-prompt-stack .ant-form-item-label>label{height:auto;white-space:nowrap}.kb-playground-config-stack :where(.ant-select,.ant-input-number),.kb-playground-prompt-stack :where(.ant-select,.ant-input-number){width:100%;min-width:0}@media(max-width:520px){.kb-playground-config-grid-main,.kb-playground-config-grid-two,.kb-playground-config-grid-concurrency{grid-template-columns:minmax(0,1fr)}}.kb-split{display:grid;gap:var(--kb-space-4);grid-template-columns:minmax(360px,430px) minmax(0,1fr);align-items:start;width:100%}.kb-split-aside{position:sticky;top:var(--kb-space-5);display:flex;flex-direction:column;gap:var(--kb-space-4);min-width:0}.kb-split-main{display:flex;flex-direction:column;gap:var(--kb-space-4);min-width:0}.kb-playground-workbench{height:calc(100vh - 148px);min-height:520px;overflow:hidden;align-items:stretch}.kb-playground-workbench>.kb-split-aside,.kb-playground-workbench>.kb-split-main{position:static;max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding-right:2px}@media(max-width:1180px){.kb-split{grid-template-columns:minmax(0,1fr)}.kb-split-aside{position:static}.kb-playground-workbench{height:auto;min-height:0;overflow:visible}.kb-playground-workbench>.kb-split-aside,.kb-playground-workbench>.kb-split-main{max-height:none;overflow:visible;padding-right:0}}