.viz{width:100%}.viz-with-position{gap:var(--space-5);align-items:flex-start;display:flex}.viz-with-position-body{flex:1;min-width:0}.viz-table-scroll{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);max-height:460px;overflow:auto}.viz-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.viz-table thead th{background:var(--surface-inset);text-align:left;padding:var(--space-3) var(--space-4);font-weight:var(--weight-medium);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--text-muted);border-bottom:1px solid var(--border-default);white-space:nowrap;position:sticky;top:0}.viz-table tbody td{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-default);color:var(--text-body)}.viz-table tbody tr:last-child td{border-bottom:none}.viz-table tbody td.numeric{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-mono);color:var(--text-headline)}.viz-table tbody tr:hover td{background:var(--color-accent-faint)}.viz-chart{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;height:340px;padding:var(--space-4) var(--space-3) var(--space-2);gap:var(--space-1);flex-direction:column;display:flex}.viz-plot{flex:auto;min-height:0}.viz-axis-title{font-size:var(--text-xs);font-weight:var(--weight-label);color:var(--text-muted);line-height:var(--leading-snug)}.viz-axis-title-y{padding-left:var(--space-1)}.viz-axis-title-x{text-align:center}.viz-chart .recharts-cartesian-axis-tick text{fill:var(--text-muted);font-size:12px}.viz-chart .recharts-tooltip-cursor{fill:var(--color-accent-faint)}.viz-board{gap:var(--space-3);flex-direction:column;display:inline-flex}.viz-board-svg{border-radius:var(--radius-md);width:min(360px,100%);height:auto;overflow:visible}.viz-board-base.dark{fill:var(--surface-card)}.viz-board-base.light{fill:var(--surface-card-hover)}.viz-board-heat.heat-0{fill:#0000}.viz-board-heat.heat-1{fill:var(--heat-1)}.viz-board-heat.heat-2{fill:var(--heat-2)}.viz-board-heat.heat-3{fill:var(--heat-3)}.viz-board-heat.heat-4{fill:var(--heat-4)}.viz-board-heat.heat-hot{fill:var(--heat-hot)}.viz-board-cell{transition:filter var(--dur-fast) var(--ease-standard)}.viz-board-cell:hover{filter:brightness(1.35)}.viz-board-value{fill:var(--white);font-family:var(--font-mono);font-size:10px;font-weight:var(--weight-medium)}.viz-board-value.is-long{font-size:8px}.viz-board-coord{fill:var(--text-ghost);font-family:var(--font-mono);font-size:9px}.viz-board-legend{align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted);display:flex}.viz-board-legend-ramp{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--heat-1), var(--heat-3), var(--heat-4), var(--heat-hot));width:96px;height:6px}.viz-heatmap{border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3);background:var(--surface-card);overflow:auto}.viz-heatmap-grid{gap:3px;min-width:min-content;display:grid}.viz-heatmap-corner{text-align:right;min-width:60px;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-label);color:var(--text-muted);align-self:end}.viz-heatmap .viz-axis-title-x{margin-top:var(--space-2)}.viz-heatmap-xlabel,.viz-heatmap-ylabel{font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-1) var(--space-2);white-space:nowrap;align-self:center}.viz-heatmap-ylabel{text-align:right}.viz-heatmap-cell{border-radius:var(--radius-sm);min-width:44px;min-height:34px;font-size:var(--text-xs);font-weight:var(--weight-medium);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--white);justify-content:center;align-items:center;display:flex}.viz-heatmap-cell.is-light{color:var(--neutral-975)}.viz-heatmap-cell.is-empty{background:var(--surface-inset)}.viz-heatmap-scale{align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);display:flex}.viz-heatmap-scale-name{font-weight:var(--weight-label);margin-right:var(--space-1)}.viz-heatmap-scale-end{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.viz-heatmap-scale-bar{border-radius:var(--radius-pill);background:linear-gradient(90deg in oklab, var(--viz-mag-1), var(--viz-mag-4));width:120px;height:8px}.viz-thumb{border:1px solid var(--border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);flex-shrink:0;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden}.viz-thumb-cell{justify-content:center;align-items:center;display:flex}.viz-thumb-cell.light{background:var(--surface-card-hover)}.viz-thumb-cell.dark{background:var(--surface-card)}.viz-thumb-piece{color:var(--text-headline);font-size:12px;line-height:1}@media (width<=620px){.viz-chart .recharts-cartesian-axis-tick text{font-size:10px}.viz-chart .recharts-yAxis .recharts-cartesian-axis-tick text{font-size:9px}}