.tool[data-tool=svg-path-viewer] .stage{background:var(--c-surface);border-radius:var(--r-md);padding:var(--space-3);color:var(--c-primary);place-items:center;margin-block-end:var(--space-3);display:grid}.tool[data-tool=svg-path-viewer] .path-preview{block-size:auto;max-block-size:20rem;inline-size:100%;overflow:visible}.tool[data-tool=svg-path-viewer] .handle{stroke:var(--c-text-3);stroke-width:1px;stroke-dasharray:3 3}.tool[data-tool=svg-path-viewer] .ctrl{fill:var(--c-surface);stroke:var(--c-accent);stroke-width:1px;vector-effect:non-scaling-stroke}.tool[data-tool=svg-path-viewer] .anchor{fill:var(--c-accent)}.tool[data-tool=svg-path-viewer] .stats{margin-block-end:var(--space-3)}.tool[data-tool=svg-path-viewer] .stats div{background:var(--c-surface)}.tool[data-tool=svg-path-viewer] .stats dd{font-size:var(--fs-lg)}.tool[data-tool=svg-path-viewer] .big-output{font-size:var(--fs-xs);overflow-wrap:anywhere}.tool[data-tool=svg-path-viewer] .cmd-scroll{max-block-size:24rem;overflow:auto}.tool[data-tool=svg-path-viewer] .cmds th{text-align:start;font-size:var(--fs-xs);color:var(--c-text-2);padding:var(--space-2) var(--space-1);border-block-end:1px solid var(--c-border)}.tool[data-tool=svg-path-viewer] .cmds td,.tool[data-tool=svg-path-viewer] .cmds td:last-child{text-align:start;font-weight:400}.tool[data-tool=svg-path-viewer] .mono-cell{font-family:var(--font-mono);font-size:var(--fs-xs);overflow-wrap:anywhere}