.vit{border:1px solid var(--paper-edge,#ded3ba);background:var(--paper-2,#f0e9d9);border-radius:4px;gap:.7rem;padding:.9rem 1rem 1rem;display:grid}.vit-head{margin-bottom:.1rem}.vit-title{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.01em;color:var(--ink,#23201b);margin:0;font-size:.92rem;font-weight:700}.vit-sub{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink-mute,#6d6252);margin:.25rem 0 0;font-size:.72rem;line-height:1.55}.vit-sub b{color:var(--ink-soft,#4a4437);font-weight:700}.vit-stage{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:.8rem;display:grid}.vit-fig{gap:.4rem;margin:0;display:grid}.vit-fig:focus-visible{outline:2px solid var(--signal,#1f56de);outline-offset:3px;border-radius:4px}.vit-svg{width:100%;height:auto;image-rendering:pixelated;border:1px solid color-mix(in srgb, var(--signal,#1f56de) 30%, var(--paper-edge,#ded3ba));background:var(--paper,#f7f3ea);border-radius:3px;display:block}.vit-svg[data-mode=random]{border-color:color-mix(in srgb, var(--alert,#c0362a) 30%, var(--paper-edge,#ded3ba))}.vit-scrim{fill:#10100e;opacity:.42}.vit-heat{fill:var(--signal,#1f56de)}.vit-svg[data-mode=random] .vit-heat{fill:var(--alert,#c0362a)}.vit-gridlines line{stroke:#ffffff8c;stroke-width:.25px}.vit-peak{fill:none;stroke:var(--signal,#1f56de);stroke-width:1.1px;paint-order:stroke}.vit-svg[data-mode=random] .vit-peak{stroke:color-mix(in srgb, var(--alert,#c0362a) 70%, #fff)}.vit-cursor{fill:none;stroke:#fff;stroke-width:1px;stroke-dasharray:2 1.5}.vit-hit rect{fill:#0000;cursor:crosshair}.vit-cap{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink-mute,#6d6252);text-align:center;font-size:.68rem}.vit-cap b{color:var(--ink-soft,#4a4437);font-weight:700}.vit-panel{align-content:start;gap:.55rem;display:grid}.vit-conc{border:1px solid var(--rule-strong,#c8bc9e);border-left:3px solid var(--signal,#1f56de);background:color-mix(in srgb, var(--paper,#f7f3ea) 82%, transparent);font-family:var(--font-mono,ui-monospace, monospace);border-radius:5px;gap:.15rem;padding:.6rem .7rem;display:grid}.vit-conc[data-mode=random]{border-left-color:var(--alert,#c0362a)}.vit-conc-k{color:var(--ink-mute,#6d6252);font-size:.66rem}.vit-conc-v{font-variant-numeric:tabular-nums;color:var(--signal,#1f56de);font-size:1.35rem;font-weight:700;line-height:1.1}.vit-conc[data-mode=random] .vit-conc-v{color:var(--alert,#c0362a)}.vit-conc-u{color:var(--ink-mute,#6d6252);font-size:.7rem;font-weight:600}.vit-conc-sub{color:var(--ink-mute,#6d6252);font-size:.66rem;line-height:1.45}.vit-hoverbox{border:1px solid var(--rule-strong,#c8bc9e);background:color-mix(in srgb, var(--paper,#f7f3ea) 88%, transparent);min-height:2.7rem;font-family:var(--font-mono,ui-monospace, monospace);border-radius:5px;gap:.15rem;padding:.5rem .65rem;display:grid}.vit-hover-k{color:var(--ink-mute,#6d6252);font-size:.66rem}.vit-hover-v{font-variant-numeric:tabular-nums;color:var(--ink,#23201b);font-size:.86rem;font-weight:700}.vit-hover-hint{color:var(--ink-mute,#6d6252);font-size:.66rem;line-height:1.4}.vit-probe{border:1px solid var(--rule-strong,#c8bc9e);background:color-mix(in srgb, var(--paper,#f7f3ea) 88%, transparent);font-family:var(--font-mono,ui-monospace, monospace);border-radius:5px;gap:.25rem;padding:.5rem .65rem;display:grid}.vit-probe-k{color:var(--ink-mute,#6d6252);font-size:.66rem}.vit-probe-row{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.3rem .8rem;font-size:.74rem;font-weight:700;display:flex}.vit-probe-hi{color:var(--signal,#1f56de)}.vit-probe-lo{color:var(--ink-soft,#4a4437)}.vit-controls{border:1px solid var(--rule-strong,#c8bc9e);background:color-mix(in srgb, var(--paper,#f7f3ea) 88%, transparent);border-radius:5px;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;padding:.5rem .65rem;display:flex}.vit-toggle,.vit-frames{gap:.3rem;display:inline-flex}.vit-tbtn,.vit-fbtn{font-family:var(--font-mono,ui-monospace, monospace);border:1px solid var(--rule-strong,#c8bc9e);background:var(--paper,#f7f3ea);color:var(--ink-mute,#6d6252);cursor:pointer;border-radius:4px;padding:.3rem .6rem;font-size:.72rem;font-weight:700;transition:background .12s,color .12s,border-color .12s}.vit-tbtn:focus-visible,.vit-fbtn:focus-visible{outline:2px solid var(--signal,#1f56de);outline-offset:2px}.vit-tbtn[data-on=true]{background:color-mix(in srgb, var(--signal,#1f56de) 16%, var(--paper,#f7f3ea));border-color:var(--signal,#1f56de);color:var(--signal,#1f56de)}.vit-tbtn:last-child[data-on=true]{background:color-mix(in srgb, var(--alert,#c0362a) 16%, var(--paper,#f7f3ea));border-color:var(--alert,#c0362a);color:var(--alert,#c0362a)}.vit-fbtn[data-on=true]{background:color-mix(in srgb, var(--ink-mute,#6d6252) 16%, var(--paper,#f7f3ea));border-color:var(--ink-soft,#4a4437);color:var(--ink,#23201b)}.vit-control-note{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink-mute,#6d6252);margin-left:auto;font-size:.66rem}.vit-note{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink-mute,#6d6252);margin:0;font-size:.72rem;line-height:1.6}.vit-note b{color:var(--ink-soft,#4a4437);font-weight:700}.vit-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=34rem){.vit-stage{grid-template-columns:1fr}.vit-title{font-size:.84rem}.vit-control-note{margin-left:0}}@media (prefers-reduced-motion:reduce){.vit-tbtn,.vit-fbtn{transition:none}}