.vi-canvas{border:1px dashed var(--line);border-radius:var(--r-md);background:#14093d73;margin-bottom:14px;padding:24px}.vi-row{justify-content:center;margin-bottom:8px;display:flex}.vi-line{background:var(--brand-3);opacity:.5;width:1px;height:14px;margin:0 auto}.vi-line-short{height:8px}.vi-node{border:1px solid var(--line-2);border-radius:var(--r-md);font-family:var(--font-mono);color:var(--ink-2);white-space:nowrap;background:#14093d99;padding:8px 14px;font-size:11.5px}.vi-node-start{color:var(--mint);background:#6ee0b71a;border-color:#6ee0b747}.vi-node-violet{color:var(--brand-3);background:#604ed62e;border-color:#9b8dec57}.vi-node-amber{color:var(--amber);background:#ffc15c1a;border-color:#ffc15c42}.vi-branch{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:10px;display:grid}@media (max-width:780px){.vi-branch{grid-template-columns:1fr}}.vi-leg{border:1px dashed var(--line);border-radius:var(--r-md);background:#14093d4d;flex-direction:column;align-items:center;gap:6px;padding:10px;display:flex}.vi-edge{color:var(--brand-3);border-radius:var(--r-pill);background:#604ed61a;border:1px solid #9b8dec38;margin-bottom:4px;padding:3px 9px;font-size:10.5px}.vi-palette{flex-wrap:wrap;gap:6px;display:flex}.vi-tool{border:1px solid var(--line-2);border-radius:var(--r-pill);color:var(--ink-3);background:#14093d8c;padding:5px 11px;font-size:10.5px}