.dsa-viz-controls{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:16px;padding:12px;display:flex}.dsa-viz-buttons,.dsa-viz-speed{align-items:center;gap:4px;display:flex}.dsa-viz-buttons button,.dsa-viz-speed button{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:4px;padding:6px 10px;font-size:.875rem;transition:background .14s,border-color .14s;display:inline-flex}.dsa-viz-buttons button:hover:not(:disabled),.dsa-viz-speed button:hover:not(.active){background:var(--surface-hover)}.dsa-viz-buttons button:disabled{opacity:.35;color:var(--ink-faint);cursor:not-allowed}[data-theme=dark] .dsa-viz-buttons button:not(:disabled),[data-theme=dark] .dsa-viz-speed button:not(.active){background:var(--surface-hover)}[data-theme=dark] .dsa-viz-buttons button:disabled{background:0 0}.dsa-viz-speed{color:var(--ink-secondary);font-size:.8125rem}.dsa-viz-speed button{color:var(--ink-secondary);background:0 0;font-family:inherit}.dsa-viz-speed button.active{background:var(--accent-solid);border-color:var(--accent-solid);color:#fff}.dsa-viz-progress{font-family:var(--font-mono);color:var(--ink-secondary);font-size:.875rem}.dsa-viz{flex-direction:column;gap:16px;width:100%;min-width:0;max-width:720px;margin:0 auto;display:flex}.dsa-viz-step-desc{text-align:center;color:var(--ink-secondary);min-height:1.5em;padding:8px;font-size:.9375rem}.dsa-viz-code{background:var(--code-bg);color:var(--code-text);border:1px solid var(--code-border);border-radius:var(--radius);font-family:var(--font-mono);white-space:pre;padding:12px;font-size:.8125rem;overflow-x:auto}@media (max-width:520px){.dsa-viz-code .highlighted{white-space:pre-wrap;overflow-wrap:anywhere}}.dsa-viz-code .highlighted{background:color-mix(in srgb, var(--accent) 30%, transparent);margin:0 -12px;padding:0 12px}