.viz{display:flex;flex-wrap:wrap;width:100%;overflow:hidden;border:1px solid var(--line-3);border-radius:18px;background:var(--panel);font-family:Geist,system-ui,sans-serif;color:var(--text)}.viz-main{flex:1 1 440px;min-width:0;display:flex;flex-direction:column}.viz-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--line-2)}.viz-head-dot{width:8px;height:8px;border-radius:2px;background:var(--red)}.viz-name{font-weight:600;font-size:14px}.viz-cx{padding:2px 7px;border:1px solid #3a3020;border-radius:6px;background:#ffc65c0f;font:500 11px var(--mono);color:var(--yellow)}.viz-spacer{flex:1}.viz-step{font:500 11px var(--mono);color:var(--muted)}.viz-stage{position:relative;height:var(--stage-h);min-height:var(--stage-min);padding:18px 18px 10px;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(#15181a 1px,transparent 1px);background-size:16px 16px}.viz-bars{display:flex;align-items:flex-end;gap:6px;width:100%;max-width:560px;height:100%}.viz-bar{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}.viz-bar-fill{width:100%;height:var(--bar-h);border-radius:6px 6px 3px 3px;background:var(--bar-bg);box-shadow:var(--bar-glow);transition:height .3s ease,background .2s}.viz-bar-value{font:600 12px var(--mono);color:var(--value-c)}.viz-rows{display:flex;flex-direction:column;gap:var(--row-gap);width:100%;align-items:var(--row-align);overflow-x:auto}.viz-row{display:flex;align-items:center;gap:10px;padding:4px 8px;border-radius:10px;background:var(--row-bg)}.viz-row-label{min-width:44px;font:500 11px var(--mono);color:var(--muted)}.viz-row-items{display:flex;align-items:center;gap:6px;flex-wrap:var(--row-wrap)}.viz-item{display:flex;align-items:center;gap:6px}.viz-item-col{display:flex;flex-direction:column;align-items:center;gap:3px}.viz-item-index{height:var(--label-h);overflow:hidden;font:400 10px var(--mono);color:var(--faint)}.viz-item-tag{height:var(--label-h);overflow:hidden;white-space:nowrap;font:600 10px var(--mono);color:var(--tag-c)}.viz-cell{min-width:var(--cell-size);height:var(--cell-size);padding:0 6px;border-radius:9px;display:grid;place-items:center;border:1.5px solid var(--cell-bd);background:var(--cell-bg);color:var(--cell-fg);font:600 var(--cell-font) var(--mono);transition:all .25s}.viz-arrow{color:var(--faint);font:500 14px var(--mono)}.viz-row-tail{white-space:nowrap;font:500 12px var(--mono);color:var(--faint)}.viz-row-empty{font:400 12px var(--mono);color:#3a3e41}.viz-stack{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:16px;width:100%;height:100%}.viz-tape{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.viz-tape-cell{width:30px;height:34px;border-radius:7px;display:grid;place-items:center;border:1.5px solid var(--cell-bd);background:var(--cell-bg);color:var(--cell-fg);font:600 15px var(--mono)}.viz-stack-box{display:flex;flex-direction:column-reverse;gap:4px;width:180px;min-height:60px;padding:6px;border:1.5px solid var(--line-5);border-top:0;border-radius:0 0 12px 12px}.viz-stack-item{height:30px;border-radius:7px;display:grid;place-items:center;transition:all .2s;border:1.5px solid var(--cell-bd);background:var(--cell-bg);color:var(--cell-fg);font:600 13px var(--mono)}.viz-stack-label{margin-top:-10px;font:500 10px var(--mono);color:var(--faint)}.viz-tree{position:relative;width:100%;max-width:560px;height:100%}.viz-tree-edges{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.viz-node{position:absolute;left:var(--node-x);top:var(--node-y);transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;transition:all .25s;border:1.5px solid var(--cell-bd);background:var(--cell-bg);color:var(--cell-fg);font:600 13px var(--mono)}.viz-grid{display:grid;grid-template-columns:var(--grid-cols);gap:3px;width:100%;max-width:var(--grid-max)}.viz-grid-cell{aspect-ratio:1;border-radius:4px;background:var(--cell-bg);transition:background .2s}.viz-msg{display:flex;gap:10px;align-items:flex-start;min-height:62px;padding:12px 16px;border-top:1px solid var(--line-2)}.viz-msg-mark{font:600 13px var(--mono);color:var(--red);line-height:1.5}.viz-msg-text{font-size:14.5px;line-height:1.5;color:#e2e4e7;text-wrap:pretty}.viz-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px 14px}.viz-key{height:36px;min-width:40px;padding:0 10px;border-radius:9px;cursor:pointer;background:var(--key-fill);border:1px solid var(--line-5);border-bottom-width:3px;color:var(--soft);font:600 12px var(--mono)}.viz-play{height:36px;padding:0 16px;border-radius:9px;display:flex;align-items:center;gap:8px;cursor:pointer;background:var(--red-fill);border:1px solid #ff9a9a;border-bottom:3px solid #9b2128;color:#1c0507;font:700 12.5px var(--mono)}.viz-play-key{font-weight:500;opacity:.6}.viz-scrub{flex:1;min-width:90px;accent-color:var(--red)}.viz-speeds{display:flex;gap:2px;padding:2px;border:1px solid var(--line-3);border-radius:8px}.viz-speed{border:0;border-radius:6px;padding:5px 7px;cursor:pointer;background:var(--speed-bg);color:var(--speed-fg);font:500 11px var(--mono)}.viz-custom{display:flex;gap:8px;flex-wrap:wrap;padding:0 14px 14px}.viz-custom-input{flex:1;min-width:160px;height:36px;padding:0 12px;border-radius:9px;outline:none;border:1px solid var(--line-4);background:#101112;color:var(--text);font:13px var(--mono)}.viz-custom-btn{height:36px;padding:0 12px;border-radius:9px;cursor:pointer;background:var(--key-fill);border:1px solid var(--line-5);border-bottom-width:3px;color:var(--text);font:500 12px var(--mono)}.viz-code{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;border-left:1px solid var(--line-2);background:var(--bg-side)}.viz-code-file{padding:14px 16px;border-bottom:1px solid var(--line-2);font:500 11px var(--mono);color:var(--muted)}.viz-code-lines{padding:12px 0;overflow:auto;font:12.5px/21px var(--mono)}.viz-code-line{display:flex;background:var(--line-bg);box-shadow:var(--line-mark);transition:background .2s}.viz-code-num{width:34px;flex:none;text-align:right;padding-right:12px;color:#3a3e41}.viz-code-text{white-space:pre;padding-right:14px}.viz-legend{margin-top:auto;display:flex;gap:12px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--line-2)}.viz-legend-item{display:flex;align-items:center;gap:6px;font:400 11px var(--mono);color:var(--muted)}.viz-legend-swatch{width:9px;height:9px;border-radius:2px;background:var(--swatch-c)}