.SortingAlgorithmVisualizer_wrap__YWfyJ{max-width:780px;margin:0 auto;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.SortingAlgorithmVisualizer_controls__7LgoR{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:20px}.SortingAlgorithmVisualizer_controlGroup__0R_aI{display:flex;flex-direction:column;gap:4px}.SortingAlgorithmVisualizer_controlLabel__3L_n7{font-size:.78rem;font-weight:600;color:#6b7280}.SortingAlgorithmVisualizer_select__XolXp{padding:7px 10px;font-size:.875rem;border:1px solid #d1d5db;border-radius:8px;outline:none;background:#fff;cursor:pointer}.SortingAlgorithmVisualizer_select__XolXp:focus{border-color:#667eea}.SortingAlgorithmVisualizer_range__VwgoV{width:120px;accent-color:#667eea;cursor:pointer}.SortingAlgorithmVisualizer_btn__NhN3e{padding:8px 16px;font-size:.875rem;font-weight:600;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;color:#374151}.SortingAlgorithmVisualizer_btn__NhN3e:hover{background:#f9fafb}.SortingAlgorithmVisualizer_btnPrimary__L1aGL{padding:8px 20px;font-size:.875rem;font-weight:600;border:none;border-radius:8px;background:#667eea;color:#fff;cursor:pointer}.SortingAlgorithmVisualizer_btnPrimary__L1aGL:hover{background:#5a6fd6}.SortingAlgorithmVisualizer_canvas__hiOUv{display:flex;align-items:flex-end;height:240px;gap:1px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:8px 8px 0;box-sizing:border-box;overflow:hidden}.SortingAlgorithmVisualizer_bar__XD9fR{transition:height .05s;background:#9ca3af;border-radius:2px 2px 0 0}.SortingAlgorithmVisualizer_barCompare__WRXoj{transition:height .05s;background:#667eea;border-radius:2px 2px 0 0}.SortingAlgorithmVisualizer_barSwap__9vBGf{transition:height .05s;background:#f97316;border-radius:2px 2px 0 0}.SortingAlgorithmVisualizer_barPivot__BG6PA{transition:height .05s;background:#ef4444;border-radius:2px 2px 0 0}.SortingAlgorithmVisualizer_barSorted__V7CM5{transition:height .05s;background:#22c55e;border-radius:2px 2px 0 0}.SortingAlgorithmVisualizer_legend__th_Ch{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;align-items:center}.SortingAlgorithmVisualizer_legendItem__pPls8{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#6b7280}.SortingAlgorithmVisualizer_dot___DS8e{width:10px;height:10px;border-radius:50%;flex-shrink:0}.SortingAlgorithmVisualizer_stepCount__Ukq7A{margin-left:auto;font-size:.8rem;font-weight:600;color:#374151}