/* A bounded constellation in the render section; no live integrations yet. */
#vision{--vision-graph-width:clamp(300px,25vw,408px)}
#vision .vision-ai-credit{position:absolute;z-index:4;top:66px;right:var(--gutter);width:var(--vision-graph-width);aspect-ratio:400/328;color:#fff;opacity:.73;pointer-events:none;user-select:none}
#vision .vision-ai-graph{display:block;width:100%;height:100%;overflow:hidden}
#vision .vision-ai-links{fill:none;stroke:currentColor;stroke-width:.7;opacity:.48}
#vision .vision-ai-links line,#vision .vision-ai-halo{vector-effect:non-scaling-stroke}
#vision .vision-ai-node{fill:currentColor}
#vision .vision-ai-node text{text-anchor:middle;fill:currentColor;stroke:none;font:400 11px Arial,Helvetica,sans-serif;letter-spacing:.03em}
#vision .vision-ai-halo{fill:none;stroke:currentColor;stroke-width:.7;opacity:.42}
#vision .vision-ai-small text{font-size:9px;letter-spacing:.12em;opacity:.9}
#vision .vision-ai-anchor{fill:currentColor;opacity:.55}
#vision .vision-provider-leader{opacity:.65}
#vision .vision-provider-chat{position:absolute;width:95%;margin:0;min-height:1.55em;font:400 clamp(11px,.8vw,15px)/1.55 Arial,Helvetica,sans-serif;letter-spacing:-.02em;white-space:nowrap;text-shadow:0 1px 8px #10201860;transition:opacity 220ms ease}
#vision .vision-provider-chat--openai{top:-16px;left:5%}
#vision .vision-provider-chat--claude{top:calc(100% + 8px);right:0;text-align:right}
#vision .vision-provider-chat.is-changing{opacity:0}
#vision .vision-provider-chat .is-typing::after{content:"";position:absolute;right:-.18em;top:.24em;width:1px;height:.9em;background:currentColor;opacity:.6}
#vision .vision-ai-label{position:absolute;left:4%;top:72%;width:39%;margin:0;text-align:center;font:400 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.1em}
#vision .vision-ai-planned{display:block;margin-top:4px;font-size:7px;letter-spacing:.16em;text-transform:uppercase;opacity:.65}
#vision .digital-top-right{display:none}
@media(min-width:761px) and (max-width:1100px){
 #vision{--vision-graph-width:280px}
 #vision .vision-chat{right:calc(var(--gutter) + var(--vision-graph-width) + 20px);max-width:none}
}
@media(max-width:760px){
 #vision{--vision-graph-width:clamp(240px,72vw,300px);--vision-chat-top:386px;height:max(960px,100svh);min-height:960px;max-height:none}
 #vision .vision-ai-credit{top:54px;opacity:.70}
 #vision .vision-ai-label{font-size:9px}
 #vision .vision-ai-planned{font-size:6px;margin-top:2px}
 #vision .vision-render-status{top:340px}
 #vision .digital-top-left{display:none}
}