@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--viz-space-1: 4px;--viz-space-2: 8px;--viz-space-3: 12px;--viz-space-4: 16px;--viz-space-5: 20px;--viz-space-6: 24px}:root{--viz-bg: #fafbfc;--viz-bg-alt: #f0f4f8;--viz-grid: #e2e8f0;--viz-line: #2563eb;--viz-accent: #0369a1;--viz-text: #1e293b;--viz-muted: #64748b;--viz-card-bg: rgba(240, 244, 248, .8);--viz-hover-bg: rgba(37, 99, 235, .06);--viz-icon-bg: rgba(3, 105, 161, .08);--viz-badge-bg: rgba(5, 150, 105, .08);--viz-blue: #2563eb;--viz-green: #059669;--viz-purple: #7c3aed;--viz-orange: #ea580c;--viz-red: #dc2626;--viz-yellow: #ca8a04;--viz-glow: rgba(37, 99, 235, .2);--viz-accent-glow: rgba(3, 105, 161, .25);--viz-blue-glow: rgba(37, 99, 235, .2);--viz-green-glow: rgba(5, 150, 105, .3);--viz-purple-glow: rgba(124, 58, 237, .3);--viz-orange-glow: rgba(234, 88, 12, .3);--viz-red-glow: rgba(220, 38, 38, .3);--viz-yellow-glow: rgba(202, 138, 4, .3);--viz-blue-bg: rgba(37, 99, 235, .08);--viz-green-bg: rgba(5, 150, 105, .08);--viz-purple-bg: rgba(124, 58, 237, .08);--viz-orange-bg: rgba(234, 88, 12, .08);--viz-red-bg: rgba(220, 38, 38, .08);--viz-yellow-bg: rgba(202, 138, 4, .08);--viz-header-bg: linear-gradient( 180deg, rgba(37, 99, 235, .08) 0%, rgba(37, 99, 235, .02) 100% );--viz-footer-bg: #f0f4f8;--viz-tag-bg: rgba(37, 99, 235, .06);--viz-tag-border: rgba(37, 99, 235, .2)}.dark{--viz-bg: #0a1628;--viz-bg-alt: #152238;--viz-grid: #152238;--viz-line: #3b82f6;--viz-accent: #22d3ee;--viz-text: #e2e8f0;--viz-muted: #94a3b8;--viz-card-bg: rgba(21, 34, 56, .6);--viz-hover-bg: rgba(59, 130, 246, .1);--viz-icon-bg: rgba(34, 211, 238, .1);--viz-badge-bg: rgba(16, 185, 129, .1);--viz-blue: #3b82f6;--viz-green: #10b981;--viz-purple: #a78bfa;--viz-orange: #fb923c;--viz-red: #ef4444;--viz-yellow: #fbbf24;--viz-glow: rgba(59, 130, 246, .5);--viz-accent-glow: rgba(34, 211, 238, .4);--viz-blue-glow: rgba(59, 130, 246, .5);--viz-green-glow: rgba(16, 185, 129, .5);--viz-purple-glow: rgba(167, 139, 250, .4);--viz-orange-glow: rgba(251, 146, 60, .4);--viz-red-glow: rgba(239, 68, 68, .4);--viz-yellow-glow: rgba(251, 191, 36, .4);--viz-blue-bg: rgba(59, 130, 246, .1);--viz-green-bg: rgba(16, 185, 129, .1);--viz-purple-bg: rgba(167, 139, 250, .1);--viz-orange-bg: rgba(251, 146, 60, .1);--viz-red-bg: rgba(239, 68, 68, .1);--viz-yellow-bg: rgba(251, 191, 36, .1);--viz-header-bg: linear-gradient( 180deg, rgba(59, 130, 246, .15) 0%, rgba(59, 130, 246, .05) 100% );--viz-footer-bg: rgba(21, 34, 56, .8);--viz-tag-bg: rgba(59, 130, 246, .1);--viz-tag-border: rgba(59, 130, 246, .3)}.viz-font-sans{font-family:IBM Plex Sans,system-ui,sans-serif}.viz-font-mono{font-family:JetBrains Mono,monospace}@keyframes viz-step-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.viz-step-animated{opacity:0;transform:translate(-10px);animation:viz-step-in .4s ease forwards}@keyframes viz-pulse-down{0%{top:0;opacity:1}to{top:calc(100% - 30px);opacity:.3}}.viz-rail-pulse:after{content:"";position:absolute;top:0;left:0;width:2px;height:30px;background:var(--viz-accent);box-shadow:0 0 12px var(--viz-accent-glow),0 0 24px var(--viz-accent-glow);animation:viz-pulse-down 4s ease-in-out infinite}@keyframes viz-terminal-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.viz-terminal-dot{animation:viz-terminal-pulse 2s ease-in-out infinite}@keyframes viz-scan-line{0%,to{opacity:.3}50%{opacity:1}}.viz-scan-line:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--viz-accent),transparent);animation:viz-scan-line 3s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.viz-step-animated,.viz-terminal-dot,.viz-rail-pulse:after,.viz-scan-line:after{animation:none}.viz-step-animated{opacity:1;transform:none}.viz-terminal-dot{transform:none}}.viz-transition-all{transition:all .25s ease}.viz-transition-colors{transition:color .25s ease,background-color .25s ease,border-color .25s ease}.viz-transition-opacity{transition:opacity .25s ease}.viz-transition-transform{transition:transform .25s ease}.viz-container{position:relative;margin:var(--viz-space-6) 0;padding:var(--viz-space-6) var(--viz-space-5) var(--viz-space-5);font-family:IBM Plex Sans,system-ui,sans-serif;background:var(--viz-bg);border:1px solid var(--viz-line);overflow:hidden}.viz-container:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--viz-grid) 1px,transparent 1px),linear-gradient(90deg,var(--viz-grid) 1px,transparent 1px);background-size:20px 20px;opacity:.5;pointer-events:none}.viz-header{position:relative;display:flex;align-items:center;gap:var(--viz-space-3);margin-bottom:var(--viz-space-5);padding-bottom:14px;border-bottom:1px solid var(--viz-grid)}.viz-header:after{content:"";position:absolute;bottom:0;left:0;width:120px;height:1px;background:var(--viz-accent);box-shadow:0 0 8px var(--viz-accent-glow)}.viz-header--blue:after{background:var(--viz-blue);box-shadow:0 0 8px var(--viz-blue-glow)}.viz-header--green:after{background:var(--viz-green);box-shadow:0 0 8px var(--viz-green-glow)}.viz-header--purple:after{background:var(--viz-purple);box-shadow:0 0 8px var(--viz-purple-glow)}.viz-header--orange:after{background:var(--viz-orange);box-shadow:0 0 8px var(--viz-orange-glow)}.viz-header--red:after{background:var(--viz-red);box-shadow:0 0 8px var(--viz-red-glow)}.viz-header--yellow:after{background:var(--viz-yellow);box-shadow:0 0 8px var(--viz-yellow-glow)}.viz-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--viz-icon-bg);border:1px solid var(--viz-accent)}.viz-icon svg{width:14px;height:14px;color:var(--viz-accent)}.viz-icon--hexagon{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.viz-icon--rounded{border-radius:4px}.viz-icon--blue{border-color:var(--viz-blue);background:var(--viz-blue-bg)}.viz-icon--blue svg{color:var(--viz-blue)}.viz-icon--green{border-color:var(--viz-green);background:var(--viz-green-bg)}.viz-icon--green svg{color:var(--viz-green)}.viz-icon--purple{border-color:var(--viz-purple);background:var(--viz-purple-bg)}.viz-icon--purple svg{color:var(--viz-purple)}.viz-icon--orange{border-color:var(--viz-orange);background:var(--viz-orange-bg)}.viz-icon--orange svg{color:var(--viz-orange)}.viz-icon--red{border-color:var(--viz-red);background:var(--viz-red-bg)}.viz-icon--red svg{color:var(--viz-red)}.viz-icon--yellow{border-color:var(--viz-yellow);background:var(--viz-yellow-bg)}.viz-icon--yellow svg{color:var(--viz-yellow)}.viz-title{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--viz-accent)}.viz-title--blue{color:var(--viz-blue)}.viz-title--green{color:var(--viz-green)}.viz-title--purple{color:var(--viz-purple)}.viz-title--orange{color:var(--viz-orange)}.viz-title--red{color:var(--viz-red)}.viz-title--yellow{color:var(--viz-yellow)}.viz-badge{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;letter-spacing:2px;padding:2px 8px;border:1px solid}.viz-badge--green{color:var(--viz-green);background:var(--viz-green-bg);border-color:var(--viz-green)}.viz-badge--blue{color:var(--viz-blue);background:var(--viz-blue-bg);border-color:var(--viz-blue)}.viz-badge--purple{color:var(--viz-purple);background:var(--viz-purple-bg);border-color:var(--viz-purple)}.viz-badge--orange{color:var(--viz-orange);background:var(--viz-orange-bg);border-color:var(--viz-orange)}.viz-badge--red{color:var(--viz-red);background:var(--viz-red-bg);border-color:var(--viz-red)}.viz-badge--yellow{color:var(--viz-yellow);background:var(--viz-yellow-bg);border-color:var(--viz-yellow)}.viz-content{position:relative;padding-left:32px}.viz-rail{position:absolute;top:0;bottom:0;left:13px;width:2px;opacity:.6}.viz-step{position:relative;display:grid;grid-template-columns:28px 1fr;gap:var(--viz-space-4);padding:10px 0}.viz-node{position:relative;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--viz-bg);border:2px solid var(--viz-line);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;color:var(--viz-accent);transition:all .25s ease;z-index:2}.viz-node--hexagon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.viz-node--diamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.viz-node--circle{clip-path:none;border-radius:50%}.viz-node--rounded{clip-path:none;border-radius:4px}.viz-node--blue{border-color:var(--viz-blue);color:var(--viz-blue)}.viz-node--green{border-color:var(--viz-green);color:var(--viz-green)}.viz-node--purple{border-color:var(--viz-purple);color:var(--viz-purple)}.viz-node--orange{border-color:var(--viz-orange);color:var(--viz-orange)}.viz-node--red{border-color:var(--viz-red);color:var(--viz-red)}.viz-node--yellow{border-color:var(--viz-yellow);color:var(--viz-yellow)}.viz-step:hover .viz-node--blue{background:var(--viz-blue);color:var(--viz-bg);box-shadow:0 0 16px var(--viz-blue-glow)}.viz-step:hover .viz-node--green{background:var(--viz-green);color:var(--viz-bg);box-shadow:0 0 16px var(--viz-green-glow)}.viz-step:hover .viz-node--purple{background:var(--viz-purple);color:var(--viz-bg);box-shadow:0 0 16px var(--viz-purple-glow)}.viz-step:hover .viz-node--orange{background:var(--viz-orange);color:var(--viz-bg);box-shadow:0 0 16px var(--viz-orange-glow)}.viz-step:hover .viz-node--red{background:var(--viz-red);color:var(--viz-bg);box-shadow:0 0 16px var(--viz-red-glow)}.viz-step:hover .viz-node--yellow{background:var(--viz-yellow);color:var(--viz-bg);box-shadow:0 0 16px var(--viz-yellow-glow)}.viz-node:before{content:"";position:absolute;inset:-4px;border:1px solid var(--viz-line);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);opacity:0;transition:opacity .25s ease}.viz-node--diamond:before{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.viz-node--circle:before{clip-path:none;border-radius:50%}.viz-node--rounded:before{clip-path:none;border-radius:6px}.viz-node--blue:before{border-color:var(--viz-blue)}.viz-node--green:before{border-color:var(--viz-green)}.viz-node--purple:before{border-color:var(--viz-purple)}.viz-node--orange:before{border-color:var(--viz-orange)}.viz-node--red:before{border-color:var(--viz-red)}.viz-node--yellow:before{border-color:var(--viz-yellow)}.viz-step:hover .viz-node:before{opacity:.5}.viz-connector{position:absolute;left:28px;top:50%;width:16px;height:1px;background:repeating-linear-gradient(90deg,var(--viz-line) 0px,var(--viz-line) 3px,transparent 3px,transparent 6px);transform:translateY(-50%)}.viz-card{position:relative;padding:12px 16px;background:var(--viz-card-bg);border:1px solid var(--viz-grid);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:all .25s ease}.viz-card--rounded{clip-path:none;border-radius:4px}.viz-card:before{content:"";position:absolute;top:0;right:0;width:10px;height:10px;background:linear-gradient(135deg,transparent 50%,var(--viz-grid) 50%);transition:background .25s ease}.viz-card--rounded:before{display:none}.viz-card--blue{border-left:2px solid var(--viz-blue)}.viz-card--green{border-left:2px solid var(--viz-green)}.viz-card--purple{border-left:2px solid var(--viz-purple)}.viz-card--orange{border-left:2px solid var(--viz-orange)}.viz-card--red{border-left:2px solid var(--viz-red)}.viz-card--yellow{border-left:2px solid var(--viz-yellow)}.viz-card--decision{background:var(--viz-yellow-bg);border-color:var(--viz-yellow)}.viz-card--decision:before{background:linear-gradient(135deg,transparent 50%,var(--viz-yellow) 50%)}.viz-step:hover .viz-card{background:var(--viz-hover-bg);border-color:var(--viz-line)}.viz-step:hover .viz-card:before{background:linear-gradient(135deg,transparent 50%,var(--viz-line) 50%)}.viz-step:hover .viz-card--decision{background:var(--viz-yellow-bg);border-color:var(--viz-yellow)}.viz-card-header{display:flex;align-items:center;gap:var(--viz-space-2);margin-bottom:6px}.viz-card-title{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;color:var(--viz-text);display:flex;align-items:center;gap:var(--viz-space-2)}.viz-card-title:before{content:"";width:6px;height:6px;background:var(--viz-accent);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);opacity:0;transition:opacity .25s ease}.viz-card--blue .viz-card-title:before{background:var(--viz-blue)}.viz-card--green .viz-card-title:before{background:var(--viz-green)}.viz-card--purple .viz-card-title:before{background:var(--viz-purple)}.viz-card--orange .viz-card-title:before{background:var(--viz-orange)}.viz-card--red .viz-card-title:before{background:var(--viz-red)}.viz-card--yellow .viz-card-title:before{background:var(--viz-yellow)}.viz-step:hover .viz-card-title:before{opacity:1}.viz-card--decision .viz-card-title{color:var(--viz-yellow)}.viz-card-desc{font-size:12px;line-height:1.7;color:var(--viz-muted);transition:color .25s ease}.viz-step:hover .viz-card-desc{color:var(--viz-text)}.viz-code-ref{display:inline-block;margin-top:6px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--viz-muted);background:var(--viz-bg-alt);padding:2px 6px;border-radius:2px;opacity:0;transition:opacity .25s ease}.viz-step:hover .viz-code-ref{opacity:1}.viz-phase-tag{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600;letter-spacing:.5px;padding:2px 6px;border-radius:2px;text-transform:uppercase;border:1px solid}.viz-phase-tag--blue{color:var(--viz-blue);background:var(--viz-blue-bg);border-color:var(--viz-blue)}.viz-phase-tag--green{color:var(--viz-green);background:var(--viz-green-bg);border-color:var(--viz-green)}.viz-phase-tag--purple{color:var(--viz-purple);background:var(--viz-purple-bg);border-color:var(--viz-purple)}.viz-phase-tag--orange{color:var(--viz-orange);background:var(--viz-orange-bg);border-color:var(--viz-orange)}.viz-phase-tag--red{color:var(--viz-red);background:var(--viz-red-bg);border-color:var(--viz-red)}.viz-phase-tag--yellow{color:var(--viz-yellow);background:var(--viz-yellow-bg);border-color:var(--viz-yellow)}.viz-terminal{position:relative;margin-top:var(--viz-space-3);margin-left:6px;display:flex;align-items:center;gap:10px}.viz-terminal-dot{width:14px;height:14px;background:var(--viz-green);border-radius:50%;box-shadow:0 0 12px var(--viz-green-glow)}.viz-terminal-label{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--viz-green)}.viz-legend{position:relative;display:flex;flex-wrap:wrap;gap:var(--viz-space-4);margin-top:var(--viz-space-4);padding-top:var(--viz-space-3);border-top:1px solid var(--viz-grid)}.viz-legend-item{display:flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--viz-muted)}.viz-legend-dot{width:8px;height:8px;border-radius:50%}.viz-legend-dot--blue{background:var(--viz-blue)}.viz-legend-dot--green{background:var(--viz-green)}.viz-legend-dot--purple{background:var(--viz-purple)}.viz-legend-dot--orange{background:var(--viz-orange)}.viz-legend-dot--red{background:var(--viz-red)}.viz-legend-dot--yellow{background:var(--viz-yellow)}.viz-legend-icon{width:14px;height:14px;border:1px solid}.viz-legend-icon--hexagon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);border-color:var(--viz-line)}.viz-legend-icon--diamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);border-color:var(--viz-yellow)}.viz-legend-icon--circle{border-radius:50%;border-color:var(--viz-green)}.viz-decision-branches{display:flex;gap:var(--viz-space-3);margin-top:var(--viz-space-2)}.viz-decision-branch{display:inline-flex;align-items:center;gap:var(--viz-space-1);font-family:JetBrains Mono,monospace;font-size:10px;padding:2px 8px;border-radius:2px;border:1px solid}.viz-decision-branch--pass{color:var(--viz-green);background:var(--viz-green-bg);border-color:var(--viz-green)}.viz-decision-branch--fail{color:var(--viz-red);background:var(--viz-red-bg);border-color:var(--viz-red)}.viz-warning{display:flex;align-items:center;gap:var(--viz-space-2);margin-top:var(--viz-space-4);padding:var(--viz-space-3);background:var(--viz-red-bg);border:1px solid var(--viz-red);border-radius:4px;font-size:11px;color:var(--viz-text)}.viz-warning-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--viz-red)}.viz-output{position:relative;margin-top:var(--viz-space-4);padding:var(--viz-space-3);background:var(--viz-bg-alt);border:1px dashed var(--viz-green);border-radius:4px}.viz-output-label{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;color:var(--viz-green);margin-bottom:var(--viz-space-2)}.viz-output-code{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--viz-text);white-space:pre-wrap;line-height:1.5}.viz-output-code .keyword{color:var(--viz-purple)}.viz-output-code .function{color:var(--viz-blue)}.viz-output-code .string{color:var(--viz-green)}.viz-hash-panel{flex:0 0 280px;position:relative;padding:var(--viz-space-4);background:var(--viz-card-bg);border:1px solid var(--viz-green);border-radius:4px}.viz-hash-title{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--viz-green);margin-bottom:var(--viz-space-3);padding-bottom:var(--viz-space-2);border-bottom:1px solid var(--viz-grid)}.viz-hash-item{display:flex;align-items:flex-start;gap:var(--viz-space-2);padding:var(--viz-space-1) 0;font-size:10px;line-height:1.5;color:var(--viz-muted)}.viz-hash-num{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;color:var(--viz-green);background:var(--viz-green-bg);border:1px solid var(--viz-green);border-radius:50%}.viz-hash-text{flex:1}.viz-hash-divider{height:1px;background:var(--viz-grid);margin:var(--viz-space-2) 0}.viz-hash-section{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600;color:var(--viz-text);margin:var(--viz-space-2) 0 var(--viz-space-1)}.viz-step:focus-within{outline:none}.viz-step:focus-within .viz-card{outline:2px solid var(--viz-accent);outline-offset:2px}.viz-card:focus-visible{outline:2px solid var(--viz-accent);outline-offset:2px}.viz-container:focus-visible{outline:2px solid var(--viz-accent);outline-offset:2px}.viz-skip-link{position:absolute;top:-100%;left:var(--viz-space-4);padding:var(--viz-space-2) var(--viz-space-3);background:var(--viz-bg);border:1px solid var(--viz-accent);font-family:JetBrains Mono,monospace;font-size:11px;color:var(--viz-accent);z-index:100;transition:top .2s ease}.viz-skip-link:focus{top:var(--viz-space-2)}@media (prefers-contrast: high){.viz-card{border-width:2px}.viz-node{border-width:3px}.viz-phase-tag{border-width:2px}}@media print{.viz-container{background:#fff;border:1px solid #333;page-break-inside:avoid}.viz-container:before{display:none}.viz-rail-pulse:after{display:none}.viz-step-animated{opacity:1;transform:none;animation:none}.viz-code-ref{opacity:1}}.viz-matrix-wrapper{position:relative;margin:var(--viz-space-6) 0;font-family:IBM Plex Sans,system-ui,sans-serif;background:var(--viz-bg);border:1px solid var(--viz-line)}.viz-matrix-wrapper:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,var(--viz-glow) 0%,transparent 60%);pointer-events:none;z-index:0}.viz-corner-bracket{position:absolute;width:16px;height:16px;border-color:var(--viz-accent);border-style:solid;opacity:.8;z-index:10}.viz-corner-tl{top:6px;left:6px;border-width:2px 0 0 2px}.viz-corner-tr{top:6px;right:6px;border-width:2px 2px 0 0}.viz-corner-bl{bottom:6px;left:6px;border-width:0 0 2px 2px}.viz-corner-br{bottom:6px;right:6px;border-width:0 2px 2px 0}.viz-matrix-badge{position:absolute;top:8px;right:28px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;letter-spacing:2px;color:var(--viz-accent);background:var(--viz-tag-bg);border:1px solid var(--viz-accent);padding:2px 8px;z-index:10}.viz-matrix-scroll{position:relative;overflow-x:auto;z-index:1}.viz-matrix-scroll::-webkit-scrollbar{height:6px}.viz-matrix-scroll::-webkit-scrollbar-track{background:var(--viz-bg-alt)}.viz-matrix-scroll::-webkit-scrollbar-thumb{background:var(--viz-line);border-radius:3px}.viz-matrix-scroll::-webkit-scrollbar-thumb:hover{background:var(--viz-accent)}.viz-matrix-content{position:relative;display:inline-block;min-width:100%;background:var(--viz-bg)}.viz-matrix-content:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--viz-grid) 1px,transparent 1px),linear-gradient(90deg,var(--viz-grid) 1px,transparent 1px);background-size:20px 20px;opacity:.6;pointer-events:none;z-index:0}.viz-matrix-header{position:relative;display:grid;gap:var(--viz-space-4);padding:var(--viz-space-4) var(--viz-space-5);background:var(--viz-header-bg);border-bottom:1px solid var(--viz-line);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--viz-accent);z-index:1}.viz-matrix-row{position:relative;display:grid;gap:var(--viz-space-4);padding:14px var(--viz-space-5);border-bottom:1px solid var(--viz-grid);color:var(--viz-text);font-size:13px;line-height:1.6;transition:all .2s ease;z-index:1}.viz-matrix-row:last-child{border-bottom:none}.viz-matrix-row:hover{background:var(--viz-hover-bg)}.viz-matrix-row:hover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--viz-accent);box-shadow:0 0 10px var(--viz-accent-glow)}.viz-matrix-cell-primary{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;color:var(--viz-accent);display:flex;align-items:center;gap:6px}.viz-matrix-cell-primary:before{content:">";color:var(--viz-line);font-weight:400;opacity:0;transition:opacity .2s}.viz-matrix-row:hover .viz-matrix-cell-primary:before{opacity:1}.viz-matrix-cell{color:var(--viz-muted);font-size:12px;line-height:1.7}.viz-matrix-row:hover .viz-matrix-cell{color:var(--viz-text)}.viz-matrix-tag{display:inline-flex;align-items:center;padding:3px 10px;font-size:11px;font-weight:500;border-radius:2px;background:var(--viz-tag-bg);border:1px solid var(--viz-tag-border);color:var(--viz-text);white-space:nowrap}.viz-matrix-footer{position:relative;padding:10px var(--viz-space-5);font-size:11px;color:var(--viz-muted);background:var(--viz-footer-bg);border-top:1px solid var(--viz-grid);font-family:JetBrains Mono,monospace;z-index:1}.viz-matrix-footer:before{content:"//";margin-right:var(--viz-space-2);color:var(--viz-line)}