.visual-investigation{--vi-bg:#071321;--vi-card:#0c1e33;--vi-line:#28435f;--vi-muted:#b5c8de;color:#edf5ff;background:var(--vi-bg);border:1px solid var(--vi-line);border-radius:18px;padding:clamp(12px,2vw,26px);min-width:0;font:400 1rem/1.5 system-ui,sans-serif;isolation:isolate}
.visual-investigation *{box-sizing:border-box}.visual-investigation [hidden]{display:none!important}.visual-investigation h3,.visual-investigation h4,.visual-investigation h5{color:#f1f7ff;letter-spacing:-.025em;line-height:1.2}.visual-investigation h3{font-size:clamp(1.55rem,3vw,2.4rem);margin:8px 0}.visual-investigation h4{font-size:1.14rem;margin:5px 0}.visual-investigation h5{font-size:1rem;margin:8px 0}.visual-investigation p{max-width:85ch}.visual-investigation button,.visual-investigation input,.visual-investigation select{font:inherit;color:#eaf4ff;border:1px solid #476784;border-radius:7px;background:#142c45;min-height:44px;max-width:100%;min-width:0}.visual-investigation button{font-size:.8rem;font-weight:600;padding:9px 12px;cursor:pointer;line-height:1.3}.visual-investigation button:hover:not(:disabled){background:#254568;border-color:#91b7dc}.visual-investigation button:disabled{opacity:.5;cursor:default}.visual-investigation :focus-visible{outline:3px solid #ffb37e;outline-offset:3px}.visual-investigation input,.visual-investigation select{padding:8px;width:100%;font-size:.9rem}.visual-investigation input[type=range]{padding:0;accent-color:#7ebcff}.visual-investigation label{display:grid;gap:7px;font-size:.78rem;color:#cadbec;min-width:0}.visual-investigation summary{min-height:44px;align-content:center;cursor:pointer;font-size:.84rem;color:#c8dcf3}.visual-investigation details{border-top:1px solid var(--vi-line);margin-top:16px;padding-top:8px}.vi-heading{display:flex;gap:24px;align-items:center;justify-content:space-between}.vi-heading p{font-size:.89rem;color:var(--vi-muted);margin:10px 0 18px}.vi-kicker{font-size:.65rem;letter-spacing:.15em;font-weight:700;color:#92bff0}.vi-source,.vi-tag{font-size:.68rem;line-height:1.5;font-weight:650;border:1px solid #42607b;background:#132b43;border-radius:6px;padding:6px 9px;color:#c1dbf7;flex-shrink:0}.vi-source-practice{background:#402b1d;border-color:#d88b50;color:#ffd0a6}.vi-context{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px;border-block:1px solid var(--vi-line);padding:13px 0;margin:4px 0 20px;font-size:.75rem;color:var(--vi-muted)}.vi-context strong{color:#e5f0ff;overflow-wrap:anywhere}.vi-layout{display:grid;grid-template-columns:208px minmax(0,1fr);gap:18px;align-items:start}.vi-controls{display:grid;gap:12px;background:#0c1c2f;border:1px solid var(--vi-line);border-radius:10px;padding:15px;min-width:0;position:sticky;top:110px}.vi-controls h4{font-size:.9rem;margin:5px 0 0}.vi-controls h4:not(:first-child){padding-top:16px;border-top:1px solid var(--vi-line)}.vi-controls .vi-switch{display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;gap:10px;min-height:36px;color:#e3edfb}.vi-switch input[type=checkbox]{width:36px;height:22px;min-height:22px;appearance:none;position:relative;flex:none;background:#21364b;border:1px solid #617c97;border-radius:20px;cursor:pointer;padding:0}.vi-switch input[type=checkbox]:before{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;background:#8dabc9;border-radius:50%}.vi-switch input[type=checkbox]:checked{background:#1a64aa;border-color:#83b8ea}.vi-switch input[type=checkbox]:checked:before{left:17px;background:#eff6ff}.vi-view-buttons{display:grid;gap:7px}.vi-view-buttons button{background:#0d2035;text-align:left}.vi-view-buttons button[aria-pressed=true]{background:#1b436b;border-color:#83b8ef;color:#fff}.vi-window-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vi-window-fields input{font-size:.85rem}.vi-small{font-size:.76rem!important;color:var(--vi-muted)!important;line-height:1.55!important;margin:7px 0}.vi-controls .vi-small{font-size:.7rem!important}.vi-selection-summary{border-left:2px solid #ffad79;background:#15283b;padding:11px;font-size:.78rem;display:grid;gap:6px;overflow-wrap:anywhere}.vi-selection-summary span{color:var(--vi-muted);font-size:.7rem}.vi-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}.vi-card{min-width:0;overflow:hidden;border:1px solid var(--vi-line);border-radius:12px;background:var(--vi-card)}.vi-card>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--vi-line);background:linear-gradient(110deg,#173451,#0b1e32)}.vi-number{color:#9bbde0;font-size:.62rem;font-weight:700;letter-spacing:.12em}.vi-card-body{padding:16px}.vi-spatial,.vi-full{grid-column:1/-1}.vi-canvas-wrap{position:relative;background:#081726}.vi-canvas-wrap canvas{display:block;width:100%;height:clamp(330px,42vw,530px);touch-action:none;cursor:grab}.vi-canvas-wrap canvas:active{cursor:grabbing}.vi-spatial-caption{position:absolute;top:17px;left:18px;right:18px;font-size:.71rem;color:#c6daf1;pointer-events:none;line-height:1.7}.vi-spatial-caption span{font-size:.65rem;color:#9eb5ce}.vi-spatial-empty{position:absolute;inset:0;display:grid;align-content:center;text-align:center;color:#bdcde0;font-size:.9rem;pointer-events:none}.vi-spatial-tools{padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;border-top:1px solid var(--vi-line)}.vi-buttons{display:flex;flex-wrap:wrap;gap:6px}.vi-color-key{display:flex;align-items:center;gap:10px;padding:0 16px 14px;color:#bdcfe4;font-size:.69rem}.vi-gradient{height:6px;width:66px;border-radius:5px;background:linear-gradient(90deg,#3d98eb,#ffa56d);flex:none}.vi-heatmap{overflow:auto;max-width:100%;margin-block:18px;scrollbar-width:thin;padding:4px}.vi-heat-row{display:grid;grid-template-columns:118px minmax(96px,1fr);min-width:280px;gap:8px;align-items:center;margin-bottom:6px}.vi-heat-row>button{text-align:left;font-size:.68rem;padding:6px 8px;background:#112840;line-height:1.3}.vi-heat-row>button[aria-pressed=true]{border-color:#9ec9f2;background:#224568}.vi-heat-row small{display:block;font-size:.61rem;font-weight:400;color:#c1d3e7;margin-top:4px}.vi-heat-cells{display:grid;grid-template-columns:repeat(var(--vi-columns),minmax(12px,1fr));gap:2px;min-height:44px}.vi-heat-cells .vi-heat-cell{height:44px;width:100%;min-width:12px;min-height:44px;border-radius:2px;border:0;padding:0;opacity:.88;position:relative}.vi-heat-cells .vi-heat-cell:hover{opacity:1;outline:2px solid #dcecff;outline-offset:1px}.vi-heat-cells .vi-cell-selected{outline:2px solid white;outline-offset:1px;opacity:1}.vi-heat-cells .vi-missing{background:repeating-linear-gradient(135deg,#12273b 0,#12273b 4px,#365066 4px,#365066 5px)}.vi-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;font-size:.65rem;color:#b1c7df;margin:12px 0}.vi-pagination button{min-height:44px;font-size:.7rem;padding:7px 10px}.vi-reading-nav{display:flex;align-items:center;gap:8px;justify-content:space-between;margin:8px 0;flex-wrap:wrap}.vi-reading-nav>span{font-size:.68rem;color:#bed6ef}.vi-reading-nav button{font-size:.72rem}.vi-network svg{width:100%;height:auto;display:block;max-height:350px}.vi-network-key{display:flex;flex-wrap:wrap;gap:12px;font-size:.67rem;color:#c5d6ed;overflow-wrap:anywhere}.vi-network-key span{display:flex;align-items:center;gap:7px}.vi-network-key i{width:16px;height:2px;display:inline-block}.vi-table{max-width:100%;overflow:auto;scrollbar-width:thin;margin:10px 0}.vi-table table{border-collapse:collapse;min-width:100%;text-align:left;font-size:.76rem;font-variant-numeric:tabular-nums}.vi-table th,.vi-table td{padding:11px 12px;border-bottom:1px solid var(--vi-line);white-space:nowrap}.vi-table thead th{font-size:.67rem;color:#bdd5ef;font-weight:600;background:#142b42}.vi-table tbody th{font-weight:500}.vi-table caption{text-align:left;font-size:.7rem;color:#aec6e1;padding:10px;background:#11243a}.vi-table small{display:block;font-size:.65rem;color:#b4c9df}.vi-table-selected{background:#193a5a}.vi-table button{font-size:.7rem;padding:6px 9px;min-height:44px}.vi-empty{color:#bdcee1;font-size:.84rem;line-height:1.65;margin:18px 0}.vi-state-card{padding:12px 14px;background:#142b41;border-left:2px solid #6ea9dc;border-radius:0 7px 7px 0;margin:10px 0}.vi-state-card>div{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}.vi-state-card strong{font-size:.9rem;font-weight:600}.vi-state-card>p{font-size:.77rem;margin:6px 0}.vi-state-provenance{font-size:.62rem;color:#ffd0ad;border:1px solid #936e4f;background:#332a25;border-radius:4px;padding:3px 6px}.vi-state-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.vi-state-fields button{background:#214f7f;border-color:#7db3e4}.vi-assistant{border:1px solid #695584;border-radius:9px;background:#1b233b;padding:16px;margin:18px 0 0}.vi-assistant>p{font-size:.82rem;color:#cbd4e7}.vi-assistant>button{background:#353b5f;border-color:#8c8fae}.vi-limitations{font-size:.76rem;color:#b7cbe1}.vi-limitations ul{padding-left:22px;display:grid;gap:8px;line-height:1.6}.vi-limitations p{font-size:.68rem}.vi-live{font-size:.8rem;color:#ffcba5;min-height:24px;margin:18px 0 0;overflow-wrap:anywhere}
@media(max-width:1150px){.vi-layout{grid-template-columns:180px minmax(0,1fr)}.vi-main{grid-template-columns:minmax(0,1fr)}.vi-card,.vi-full{grid-column:1}.vi-controls{padding:12px}.vi-state-fields{grid-template-columns:1fr 1fr}.vi-state-fields button{grid-column:1/-1;justify-self:start}}
@media(max-width:760px){.visual-investigation{padding:12px;border-radius:12px}.vi-heading{align-items:start;gap:12px;flex-direction:column}.vi-heading p{margin-bottom:4px}.vi-source{margin-bottom:12px}.vi-layout{grid-template-columns:minmax(0,1fr);gap:14px}.vi-controls{position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.vi-controls h4,.vi-controls .vi-view-buttons,.vi-controls>label:first-of-type,.vi-controls>.vi-window-fields,.vi-controls>.vi-selection-summary,.vi-controls>.vi-small,.vi-controls>[data-vi-window-axis]{grid-column:1/-1}.vi-view-buttons{grid-template-columns:1fr 1fr}.vi-controls .vi-switch{min-height:44px;font-size:.72rem}.vi-controls>.vi-small:last-child{margin:0}.vi-context{font-size:.7rem;gap:5px 12px;margin-bottom:14px}.vi-card>header{padding:13px 14px;align-items:start;flex-wrap:wrap}.vi-card h4{font-size:1rem}.vi-card-body{padding:12px}.vi-canvas-wrap canvas{height:360px}.vi-spatial-tools{padding:10px}.vi-spatial-tools .vi-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}.vi-spatial-tools .vi-buttons button:last-child{grid-column:1/-1}.vi-color-key{padding:3px 12px 13px;font-size:.63rem;align-items:start}.vi-gradient{margin-top:6px;width:40px}.vi-state-fields{grid-template-columns:1fr}.vi-state-fields button{justify-self:stretch}.vi-heat-row{grid-template-columns:110px minmax(96px,1fr)}.vi-reading-nav{justify-content:start}.vi-reading-nav>span{order:-1;flex-basis:100%}.vi-reading-nav button{flex:1}.vi-kicker{font-size:.59rem;letter-spacing:.1em}.vi-number{font-size:.58rem}.vi-tag{font-size:.6rem}.vi-selection-summary{grid-template-columns:1fr}.vi-network svg{max-height:none}.vi-table td,.vi-table th{padding:9px}.vi-state-card{padding:11px}.vi-state-card>div{align-items:start;flex-direction:column}.vi-small{font-size:.72rem!important}}
@media(prefers-reduced-motion:reduce){.visual-investigation *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.vi-heat-cells .vi-gap{border-left:5px double #fff;box-shadow:-3px 0 0 #071321}.vi-node-controls{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.vi-node-controls button{font-size:.65rem;padding:7px 9px;min-height:44px;background:#122940}.vi-node-controls button[aria-pressed=true]{background:#493625;border-color:#db9d68;color:#ffe0c5}.vi-node-controls small{display:block;font-size:.58rem;color:#bdcfe2}.vi-node-details{padding:12px;background:#11263c;border:1px solid #304c65;border-radius:7px;font-size:.75rem;overflow-wrap:anywhere}.vi-node-details strong{font-size:.88rem}.vi-node-details p{font-size:.7rem;color:#c0d5eb;margin:7px 0}.vi-node-details ul{padding-left:18px;margin:10px 0 0;display:grid;gap:9px}.vi-node-details li{font-size:.72rem}.vi-node-details li span{display:block;color:#b5c9e1;font-size:.65rem;margin-top:3px}.vi-controls [data-vi-point-window]{grid-column:1/-1}
@media(min-width:1250px){.vi-spatial,.vi-values{grid-column:auto}.vi-canvas-wrap canvas{height:390px}.vi-card>header{flex-wrap:wrap}.vi-spatial-tools .vi-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}.vi-spatial-tools .vi-buttons button:last-child{grid-column:1/-1}.vi-color-key{font-size:.63rem;align-items:start}.vi-gradient{margin-top:6px;width:42px}}
.vi-feature-controls{display:grid;gap:10px;min-width:0;grid-column:1/-1;border-bottom:1px solid var(--vi-line);padding-bottom:12px}.vi-feature-controls label{font-size:.7rem}.vi-feature-controls select{font-size:.78rem}.vi-view-buttons button:last-child:nth-child(3){grid-column:1/-1}
.vi-heat-cells{grid-template-columns:repeat(var(--vi-columns),minmax(24px,1fr))}.vi-heat-cells .vi-heat-cell{min-width:24px}
.vi-state-ribbon{display:flex;gap:7px;overflow:auto;max-width:100%;padding:3px 2px 8px;margin:12px 0;scrollbar-width:thin;align-items:stretch}.vi-state-ribbon button{text-align:left;flex:none;min-width:164px;max-width:210px;display:grid;gap:5px;min-height:80px;padding:9px 11px;border-radius:7px}.vi-state-ribbon button small{font-size:.59rem;font-weight:500;color:#c9d9eb}.vi-state-ribbon button strong{font-size:.71rem;line-height:1.35;font-weight:600}.vi-state-ribbon button span{font-size:.62rem;color:#d0dcec;font-variant-numeric:tabular-nums}.vi-state-ribbon .vi-ribbon-rule{border-style:dashed;border-color:#6d9cc3;background:linear-gradient(135deg,#132c44,#0e2137)}.vi-state-ribbon .vi-ribbon-human{border-color:#dfa36b;background:#302a25}.vi-state-ribbon .vi-ribbon-llm{border-style:dotted;border-width:2px;border-color:#b39bd6;background:#282540}.vi-state-ribbon>.vi-small{min-width:125px}
/* The parent workspace owns persistent context. A flowing control column keeps
   expanded channel controls reachable at short viewports and enlarged text. */
.vi-controls{position:static}