:root{--s-agent:#c97a1f;--s-fast:#0fa898}:root[data-tone=light]{--s-agent:#a8420f;--s-fast:#008a7c}.ops .range{gap:8px;margin:0 0 6px;display:flex}.ops .range button{border:1px dashed var(--line);color:var(--ink-dim);font:13px var(--mono);cursor:pointer;background:0 0;padding:3px 10px}.ops .range button[aria-pressed=true]{color:var(--accent);border-style:solid;border-color:var(--accent)}.tiles{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:10px;margin:16px 0 8px;display:grid}.tile{border:1px dashed var(--line);flex-direction:column;gap:2px;min-width:0;padding:10px 12px;display:flex}.tile .tl{font:12px var(--mono);color:var(--ink-dim)}.tile .tv{font:500 22px/1.25 var(--mono);color:var(--ink);overflow-wrap:anywhere}.tile .ts{font:12px/1.4 var(--mono);color:var(--ink-dim)}.ops-chart .legend{font:12px var(--mono);color:var(--ink-dim);flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 8px;display:flex}.key{border-radius:2px;width:10px;height:10px;margin-right:-8px;display:inline-block}.key.fast,.seg.fast{background:var(--s-fast)}.key.agent,.seg.agent{background:var(--s-agent)}.plot{border-bottom:1px solid var(--line);align-items:flex-end;gap:2px;height:160px;display:flex}.col{outline:none;flex:1;align-items:flex-end;min-width:0;height:100%;display:flex}.col:hover .stack,.col:focus-visible .stack{opacity:.8}.col:focus-visible{box-shadow:inset 0 -2px 0 var(--accent)}.stack{flex-direction:column;gap:2px;width:100%;min-height:0;display:flex}.seg{min-height:2px}.stack .seg:first-child{border-radius:4px 4px 0 0}.axis{font:11px var(--mono);color:var(--ink-dim);justify-content:space-between;margin-top:4px;display:flex}.tip{font:12px var(--mono);color:var(--ink-body);min-height:1.5em;margin-bottom:6px}.tip[hidden]{visibility:hidden;display:block}.ops pre.code{white-space:pre;font-size:12px;overflow-x:auto}.ops table td,.ops table th{font-family:var(--mono);font-size:13px}.ops caption{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}