@layer lab-base{.canvas{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 1px 1px, var(--line) 1px, transparent 0) 0 0 / 20px 20px, var(--surface-1);touch-action:none;height:460px;position:relative;overflow:hidden}.canvas svg{cursor:grab;width:100%;height:100%;display:block}.canvas.grabbing svg{cursor:grabbing}.zoomtag{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--card) 82%, transparent);border:1px solid var(--line);font-family:var(--mono);color:var(--muted);pointer-events:none;padding:3px 9px;font-size:11.5px;position:absolute;bottom:10px;right:10px}.node{cursor:pointer}.node circle{stroke:var(--line-strong);stroke-width:1px;transition:stroke .12s var(--ease)}.node text{font-family:var(--mono);fill:var(--ink-soft);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:12px}.node.hi circle{stroke:var(--accent);stroke-width:2.5px}.node.hi text{fill:var(--accent-deep);font-weight:500}.node.sel circle{stroke:var(--accent-press);stroke-width:3.5px}.node .hoverbox{fill:color-mix(in srgb, var(--ink) 5%, transparent);stroke:var(--line-strong);stroke-dasharray:4 4}.scriptpane{background:var(--surface-1);border-top:1px solid var(--line);padding:14px 16px}.scriptpane textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--card);width:100%;color:var(--ink);font-family:var(--mono);tab-size:2;padding:10px 12px;font-size:12.5px;line-height:1.6}.scriptpane textarea:focus{outline:2px solid var(--accent-line);outline-offset:-1px}.scriptpane .vega-btnrow{margin-top:10px}.scriptpane .err{border-left:3px solid var(--bad);background:var(--bad-soft);color:var(--bad-deep);margin:10px 0 0;padding:8px 12px;font-size:12.5px}.vega-btnrow .gap{flex:1}.cmpgrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;padding:16px;display:grid}.cmpcell{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);margin:0;overflow:hidden}.cmpcell figcaption{border-bottom:1px solid var(--line);background:var(--surface-1);color:var(--muted);align-items:baseline;gap:8px;padding:8px 12px;font-size:12px;display:flex}.cmpcell figcaption b{font-family:var(--mono);color:var(--ink);font-weight:500}.cmpcell figcaption span{font-family:var(--mono);font-variant-numeric:tabular-nums;margin-left:auto}.cmpcell figcaption span.worst{color:var(--bad)}.cmpsvg{padding:10px 12px}.cmpsvg svg{width:100%;height:auto;display:block}.cmpsvg circle{stroke:var(--line-strong);stroke-width:1px}}