/* /svg-path-optimizer only: before/after/overlay renderings. Scoped under #svpApp. */
#svpApp .xr-compare { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(140px, 100%), 1fr)); gap: 10px; }
#svpApp .xr-compare figure { margin: 0; display: grid; gap: 6px; }
#svpApp .xr-compare figcaption { font-size: .8rem; font-weight: 700; color: var(--bm-ink-2); }
#svpApp .xr-compare img { width: 100%; aspect-ratio: 1; object-fit: contain; padding: 8px; border: 1px solid var(--bm-line); border-radius: 12px; background: #fff; }