.kg-explorer { --kg-line:#383e42; color:#ebeeee; background:#191c1f; font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif; letter-spacing:0; min-width:0; }
.kg-explorer * { box-sizing:border-box; }
.kg-explorer [hidden] { display:none !important; }
.kg-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0; padding:12px 0; border-bottom:1px solid var(--kg-line); }
.kg-toolbar input,.kg-toolbar select { min-width:0; max-width:100%; height:36px; border:1px solid #50585d; border-radius:4px; background:#23282c; color:#f2f4f4; padding:6px 9px; font:inherit; }
.kg-toolbar input { flex:1 1 180px; }
.kg-toolbar select { flex:0 1 190px; }
.kg-explorer button { font:inherit; color:inherit; cursor:pointer; }
.kg-explorer button:disabled { opacity:.45; cursor:default; }
.kg-explorer button:focus-visible,.kg-explorer input:focus-visible,.kg-explorer select:focus-visible { outline:2px solid #64d9c5; outline-offset:2px; }
.kg-button,.kg-icon { background:#293136; border:1px solid #50585d; border-radius:4px; min-height:34px; padding:6px 10px; }
.kg-button:hover,.kg-icon:hover { background:#35444a; }
.kg-info { display:flex; align-items:center; flex-wrap:wrap; gap:8px; min-height:44px; padding:8px 0; border-bottom:1px solid var(--kg-line); }
.kg-status { color:#b6c6c8; flex:1; min-width:160px; overflow-wrap:anywhere; }
.kg-counts { color:#f1c674; white-space:nowrap; }
.kg-workspace { display:grid; grid-template-columns:190px minmax(200px,1fr) 270px; min-width:0; }
.kg-sidebar,.kg-detail { min-width:0; height:620px; overflow:auto; padding:14px 12px; }
.kg-sidebar { border-right:1px solid var(--kg-line); }
.kg-detail { border-left:1px solid var(--kg-line); }
.kg-explorer h3 { font-size:16px; line-height:1.5; font-weight:600; margin:0 0 12px; overflow-wrap:anywhere; }
.kg-explorer h4 { font-size:13px; margin:18px 0 8px; }
.kg-kind { color:#86cdbc; font-size:12px; margin-bottom:6px; }
.kg-node-list { display:grid; gap:3px; margin-bottom:12px; }
.kg-node { border:0; border-radius:4px; display:flex; gap:9px; align-items:flex-start; width:100%; padding:8px 5px; text-align:left; background:transparent; min-width:0; }
.kg-node:hover,.kg-node[aria-pressed=true] { background:#2e373b; }
.kg-node span:last-child { min-width:0; }
.kg-node strong { display:block; overflow-wrap:anywhere; font-weight:500; }
.kg-node small { display:block; color:#a2b0b5; font-size:11px; margin-top:3px; }
.kg-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; margin-top:7px; }
.kg-stage { position:relative; min-width:0; height:620px; background:#141719; overflow:hidden; }
.kg-canvas { width:100%; height:100%; touch-action:none; }
.kg-canvas canvas { display:block; }
.kg-labels { position:absolute; inset:0; pointer-events:none; overflow:hidden; }
.kg-node-label { position:absolute; transform:translateX(-50%); max-width:150px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; line-height:18px; text-shadow:0 1px 3px #000,0 0 4px #000; color:#d3e0df; }
.kg-node-label.selected { color:#ffe1a1; font-weight:600; }
.kg-camera-tools { position:absolute; top:12px; left:12px; display:flex; gap:5px; }
.kg-icon { width:34px; height:34px; padding:0; font-size:20px !important; }
.kg-detail dl { display:grid; grid-template-columns:64px minmax(0,1fr); gap:7px 9px; margin:12px 0; }
.kg-detail dt { color:#99a9ad; }
.kg-detail dd { margin:0; overflow-wrap:anywhere; white-space:pre-wrap; }
.kg-detail p { margin:10px 0; white-space:pre-wrap; overflow-wrap:anywhere; }
.kg-detail pre { white-space:pre-wrap; overflow-wrap:anywhere; font:12px/1.6 monospace; margin:8px 0; }
.kg-detail details { margin-top:12px; border-top:1px solid var(--kg-line); padding-top:8px; }
.kg-detail summary { cursor:pointer; color:#a5cfc7; }
.kg-detail>.kg-button { display:block; width:100%; margin:6px 0; text-align:left; white-space:normal; overflow-wrap:anywhere; }
.kg-edge { background:transparent; }
.kg-invalid { color:#efa298; }
@media(max-width:1150px) { .kg-workspace{grid-template-columns:160px minmax(200px,1fr) 230px;} .kg-sidebar,.kg-detail{padding:12px 8px;} }
@media(max-width:850px) { .kg-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);} .kg-stage{grid-column:1/-1;grid-row:1;height:440px;} .kg-sidebar,.kg-detail{height:340px;border-top:1px solid var(--kg-line);} .kg-sidebar{border-right:0;} .kg-toolbar select{flex:1 1 140px;} }
@media(max-width:450px) { .kg-stage{height:360px;} .kg-workspace{grid-template-columns:minmax(0,1fr);} .kg-sidebar{height:180px;} .kg-detail{height:auto;max-height:500px;border-left:0;} .kg-toolbar{gap:6px;} .kg-toolbar input{flex-basis:170px;} }