.sol-vis{position:relative;width:100%;border:1px solid rgba(0,0,0,.1);border-radius:10px;background:#f9f9fa;overflow:hidden;opacity:0;animation:sol-vis-enter .7s .4s forwards}@keyframes sol-vis-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sol-vis-titlebar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#eeeff1;border-bottom:1px solid rgba(0,0,0,.07)}.sol-vis-titlebar-label{font-size:10px;font-family:var(--font-mono);color:#00000059;letter-spacing:.04em;text-transform:uppercase}.sol-vis-titlebar-live{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:600;color:#16a34a}.sol-vis-titlebar-dot{width:5px;height:5px;background:#16a34a;border-radius:50%;animation:sol-pulse 2s ease-in-out infinite}@keyframes sol-pulse{0%,to{opacity:1;box-shadow:0 0 #16a34a4d}50%{opacity:.6;box-shadow:0 0 0 4px #16a34a00}}.sol-vis-body{padding:20px 16px 16px;display:flex;flex-direction:column;gap:0;align-items:center}.sol-vis-surfaces{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;width:100%}.sol-vis-node{flex:1;min-width:0;background:#fff;border:1px solid rgba(0,0,0,.09);border-radius:6px;padding:10px 8px;text-align:center;transition:border-color .2s,box-shadow .2s;opacity:0;animation:sol-node-in .4s forwards}@keyframes sol-node-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sol-vis-node:hover{border-color:#28265033;box-shadow:0 2px 8px #2826500f}.sol-vis-node-label{font-size:11px;font-weight:700;color:#000000bf;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sol-vis-node-sub{font-size:9px;color:#00000059;font-family:var(--font-mono);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sol-vis-connections{width:100%;height:32px;position:relative;display:flex;align-items:center;justify-content:center}.sol-vis-connections svg{width:100%;height:100%}.sol-vis-conn-line{stroke:#28265026;stroke-width:1.5;stroke-dasharray:4 3;fill:none;animation:sol-dash-flow 1.5s linear infinite}@keyframes sol-dash-flow{to{stroke-dashoffset:-14}}.sol-vis-hub{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:#282650;border-radius:6px;position:relative;box-shadow:0 2px 12px #28265026}.sol-vis-hub-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:1.5px solid rgba(40,38,80,.12);border-radius:9px;animation:sol-hub-ring-pulse 3s ease-in-out infinite}@keyframes sol-hub-ring-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.08)}}.sol-vis-hub-label{font-size:12px;font-weight:700;color:#fff;letter-spacing:.02em}.sol-vis-hub-separator{width:1px;height:12px;background:#fff3}.sol-vis-hub-action{font-size:10px;color:#fff9;font-family:var(--font-mono)}.sol-vis-outputs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%}.sol-vis-output{background:#16a34a0a;border:1px solid rgba(22,163,74,.1);border-radius:5px;padding:8px 10px;text-align:center}.sol-vis-output-value{font-size:14px;font-weight:700;color:#16a34a;letter-spacing:-.02em;margin-bottom:1px}.sol-vis-output-label{font-size:9px;color:#00000059;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em}@media (max-width: 1024px){.sol-vis{display:none}}