.ab-content{min-width:0}.ab-actions,.ab-code-tabs,.ab-player{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0;font-size:12px}.approx-basics button{color:var(--trace-ink)}.ab-actions button,.ab-code-tabs button,.ab-player button,.approx-basics [data-ab-apply]{border:1px solid var(--trace-line);border-radius:5px;background:transparent;padding:9px}.approx-basics [aria-pressed=true]{border-color:var(--trace-ink);background:var(--trace-soft)}.ab-player label,.ab-history label{display:flex;gap:8px;align-items:center;font-size:12px}.ab-player input{width:130px}.ab-history input{width:140px}.ab-scene,.ab-chart{margin:24px 0}.ab-scene svg,.ab-chart svg{display:block;width:100%}.ab-scene text,.ab-chart text{font:12px system-ui;fill:var(--trace-ink)}.ab-scene path,.ab-chart path,.ab-scene rect,.ab-scene circle{stroke:var(--trace-ink);stroke-width:1.6;fill:none}.ab-scene .ab-route{stroke:var(--trace-line);stroke-dasharray:4 4}.ab-scene .ab-robot rect,.ab-scene .ab-crate path{fill:var(--trace-bg,var(--bg))}.ab-scene .ab-robot>path{stroke-width:2.5}.ab-scene .ab-direction{stroke-width:2}.ab-chart circle{fill:var(--trace-ink)}.ab-chart .ab-grid{stroke:var(--trace-line);stroke-width:1}.ab-chart .ab-shade{fill:var(--trace-soft);stroke:none}.ab-chart .ab-line-1 path{stroke-dasharray:6 4}.ab-chart .ab-reference{stroke:var(--muted);stroke-dasharray:2 4;stroke-width:1}.ab-chart .ab-marker-line{stroke:var(--muted);stroke-width:1}.ab-chart .ab-marker-1{stroke-dasharray:6 3}.ab-chart .ab-marker-2{stroke-dasharray:2 3}.ab-chart .ab-marker-3{stroke-dasharray:8 3 2 3}.ab-chart .ab-open{fill:var(--trace-bg,var(--bg));stroke:var(--trace-ink);stroke-width:1.5}.ab-chart .ab-rug{opacity:.5}.ab-scene figcaption,.ab-chart figcaption,.ab-caption{font-size:12px;line-height:1.8;color:var(--muted)}.ab-legend{display:flex;flex-wrap:wrap;gap:8px 15px;margin-top:8px}.ab-legend button{font:inherit;text-align:left}.ab-key-0:before,.ab-key-1:before,.ab-legend span{content:'';display:inline-block;width:16px;border-top:1.7px solid currentColor;vertical-align:middle;margin-right:5px}.ab-key-1:before,.ab-legend .ab-marker-key-1{border-top-style:dashed}.ab-legend .ab-marker-key-2{border-top-style:dotted}.ab-legend .ab-marker-key-3{border-top-style:double}.ab-values{display:flex;flex-wrap:wrap;gap:14px}.ab-value{max-width:100%;min-width:0;margin:10px 0}.ab-value button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;max-width:100%}.ab-value span{color:var(--muted);font-size:12px}.ab-value code,.ab-value strong{font:500 12px ui-monospace,monospace;overflow-wrap:anywhere}.approx-basics [data-ab-bind]{border:0;background:none;color:inherit;cursor:pointer}.approx-basics .ab-highlight{color:var(--blue,#176dc7);background:var(--trace-soft);box-shadow:0 2px var(--blue,#176dc7)}.approx-basics svg .ab-highlight{background:none;box-shadow:none;stroke:var(--blue,#176dc7)}.approx-basics .ab-highlight path{stroke:var(--blue,#176dc7)}.ab-parameters{margin:25px 0;font-size:12px;line-height:1.8}.approx-basics h4{margin-top:26px}.approx-basics button:disabled{color:var(--muted)}@media(max-width:650px){.ab-scene text,.ab-chart text{font-size:11px}}