.algogrid{--algogrid-bg:#0f172a;--algogrid-grid-line:#334155;--algogrid-cell-blocked:#7f1d1d;--algogrid-cell-path:#166534;--algogrid-cell-visited:#1d4ed8;--algogrid-cell-frontier:#f59e0b;--algogrid-cell-no-go:#991b1b;--algogrid-cell-highlight:#0f766e;--algogrid-cell-high-cost:#92400e;--algogrid-cell-low-cost:#14532d;--algogrid-cell-custom:#64748b;--algogrid-marker-start:#22c55e;--algogrid-marker-goal:#ef4444;--algogrid-marker-checkpoint:#a855f7;--algogrid-marker-custom:#e2e8f0;--algogrid-path-line:#f8fafc;--algogrid-path-point:#facc15;--algogrid-heat-low:#0ea5e9;--algogrid-heat-high:#ef4444;--algogrid-vector:#cbd5e1;--algogrid-edge:#94a3b8;--algogrid-label:#e2e8f0;--algogrid-cell-label:#f8fafc;--algogrid-rect-obstacle:#7f1d1d;--algogrid-rect-zone:#0f766e;--algogrid-rect-highlight:#a16207;position:relative;display:inline-block;line-height:0}.algogrid__svg{display:block;width:100%;height:100%}.algogrid__background{fill:var(--algogrid-bg)}.algogrid__grid-line{stroke:var(--algogrid-grid-line);stroke-width:1;vector-effect:non-scaling-stroke}.algogrid__cell{opacity:var(--algogrid-cell-alpha,.9)}.algogrid__cell--blocked{fill:var(--algogrid-cell-blocked)}.algogrid__cell--path{fill:var(--algogrid-cell-path)}.algogrid__cell--visited{fill:var(--algogrid-cell-visited)}.algogrid__cell--frontier{fill:var(--algogrid-cell-frontier)}.algogrid__cell--no-go{fill:var(--algogrid-cell-no-go)}.algogrid__cell--highlight{fill:var(--algogrid-cell-highlight)}.algogrid__cell--high-cost{fill:var(--algogrid-cell-high-cost)}.algogrid__cell--low-cost{fill:var(--algogrid-cell-low-cost)}.algogrid__cell--custom{fill:var(--algogrid-cell-custom)}.algogrid__heatmap-cell{fill:url(#heatmap-not-used-directly);opacity:var(--algogrid-heat-alpha,.5)}.algogrid__heatmap-cell--blend{fill:var(--algogrid-heat-high);mix-blend-mode:screen}.algogrid__heatmap-cell--replace{fill:var(--algogrid-heat-high)}.algogrid__rect{opacity:.85;rx:2;ry:2}.algogrid__rect--obstacle{fill:var(--algogrid-rect-obstacle)}.algogrid__rect--zone{fill:var(--algogrid-rect-zone)}.algogrid__rect--highlight{fill:var(--algogrid-rect-highlight)}.algogrid__edge{stroke:var(--algogrid-edge);stroke-width:1.5;stroke-opacity:.85;vector-effect:non-scaling-stroke}.algogrid__edge--tree{stroke-dasharray:2 2}.algogrid__edge--visibility{stroke-dasharray:4 2}.algogrid__edge--candidate{stroke-dasharray:1 2}.algogrid__edge--custom,.algogrid__edge--graph{stroke-dasharray:none}.algogrid__vector{stroke:var(--algogrid-vector);stroke-width:1.5;vector-effect:non-scaling-stroke}.algogrid__vector-arrowhead{fill:var(--algogrid-vector)}.algogrid__path-line{fill:none;stroke:var(--algogrid-path-line);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.algogrid__path-point{fill:var(--algogrid-path-point)}.algogrid__marker{pointer-events:none}.algogrid__marker-shape{fill:currentColor;stroke:currentColor;stroke-width:2;vector-effect:non-scaling-stroke}.algogrid__marker-shape--ring{fill:none}.algogrid__marker--start{color:var(--algogrid-marker-start)}.algogrid__marker--goal{color:var(--algogrid-marker-goal)}.algogrid__marker--checkpoint{color:var(--algogrid-marker-checkpoint)}.algogrid__marker--custom{color:var(--algogrid-marker-custom)}.algogrid__marker-label{font-size:11px}.algogrid__cell-label,.algogrid__label,.algogrid__marker-label{fill:var(--algogrid-label);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.algogrid__cell-label,.algogrid__label{font-size:10px;pointer-events:none}.algogrid__cell-label{fill:var(--algogrid-cell-label);font-size:9px}