.Bar-module__55mniq__barContainer{flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-height:250px;margin:0 1px;display:flex}.Bar-module__55mniq__bar{background-color:#3b82f6;border-radius:2px 2px 0 0;width:20px;min-height:2px;transition:all .2s ease-in-out;position:relative;box-shadow:0 1px 3px #0000001a}.Bar-module__55mniq__bar:hover{transform:scaleY(1.05);box-shadow:0 2px 6px #00000026}.Bar-module__55mniq__bar.Bar-module__55mniq__active{background-color:#3b82f6;box-shadow:0 0 8px #3b82f680}.Bar-module__55mniq__bar.Bar-module__55mniq__comparing{background-color:#ef4444;animation:.5s ease-in-out Bar-module__55mniq__pulse;box-shadow:0 0 8px #ef444480}.Bar-module__55mniq__bar.Bar-module__55mniq__swapping{background-color:#f59e0b;animation:.3s ease-in-out Bar-module__55mniq__swap;box-shadow:0 0 8px #f59e0b80}.Bar-module__55mniq__bar.Bar-module__55mniq__sorted{background-color:#10b981;box-shadow:0 0 8px #10b98180}.Bar-module__55mniq__bar.Bar-module__55mniq__pivot{background-color:#8b5cf6;animation:.5s ease-in-out Bar-module__55mniq__pivot;box-shadow:0 0 8px #8b5cf680}.Bar-module__55mniq__bar.Bar-module__55mniq__merging{background-color:#06b6d4;animation:.4s ease-in-out Bar-module__55mniq__merge;box-shadow:0 0 8px #06b6d480}.Bar-module__55mniq__bar.Bar-module__55mniq__darkMode{background-color:#64748b;box-shadow:0 1px 3px #0000004d}.Bar-module__55mniq__bar.Bar-module__55mniq__darkMode.Bar-module__55mniq__active{background-color:#60a5fa;box-shadow:0 0 8px #60a5fa80}.Bar-module__55mniq__bar.Bar-module__55mniq__darkMode.Bar-module__55mniq__comparing{background-color:#f87171;box-shadow:0 0 8px #f8717180}.Bar-module__55mniq__bar.Bar-module__55mniq__darkMode.Bar-module__55mniq__swapping{background-color:#fbbf24;box-shadow:0 0 8px #fbbf2480}.Bar-module__55mniq__bar.Bar-module__55mniq__darkMode.Bar-module__55mniq__sorted{background-color:#34d399;box-shadow:0 0 8px #34d39980}.Bar-module__55mniq__bar.Bar-module__55mniq__darkMode.Bar-module__55mniq__pivot{background-color:#a78bfa;box-shadow:0 0 8px #a78bfa80}.Bar-module__55mniq__bar.Bar-module__55mniq__darkMode.Bar-module__55mniq__merging{background-color:#22d3ee;box-shadow:0 0 8px #22d3ee80}.Bar-module__55mniq__value{color:#374151;text-align:center;min-width:20px;margin-top:4px;font-size:10px;font-weight:600;transition:color .2s ease-in-out}.Bar-module__55mniq__value.Bar-module__55mniq__darkMode{color:#d1d5db}@keyframes Bar-module__55mniq__pulse{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.1)}}@keyframes Bar-module__55mniq__swap{0%{transform:scaleY(1)translateY(0)}50%{transform:scaleY(1.2)translateY(-5px)}to{transform:scaleY(1)translateY(0)}}@keyframes Bar-module__55mniq__pivot{0%,to{transform:scaleY(1);box-shadow:0 0 8px #8b5cf680}50%{transform:scaleY(1.15);box-shadow:0 0 12px #8b5cf6cc}}@keyframes Bar-module__55mniq__merge{0%{transform:scaleY(1)}50%{transform:scaleY(1.1)}to{transform:scaleY(1)}}@media (max-width:768px){.Bar-module__55mniq__bar{border-radius:1px 1px 0 0;width:16px}.Bar-module__55mniq__value{margin-top:2px;font-size:8px}.Bar-module__55mniq__barContainer{min-height:200px}}@media (max-width:480px){.Bar-module__55mniq__bar{width:12px}.Bar-module__55mniq__value{font-size:7px}.Bar-module__55mniq__barContainer{min-height:180px}}
.Controls-module__XnNh5G__controls{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:24px;transition:all .3s ease-in-out;box-shadow:0 4px 6px -1px #0000001a}.Controls-module__XnNh5G__controls.Controls-module__XnNh5G__darkMode{background:#1e293b;border-color:#334155;box-shadow:0 4px 6px -1px #0000004d}.Controls-module__XnNh5G__header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.Controls-module__XnNh5G__controls.Controls-module__XnNh5G__darkMode .Controls-module__XnNh5G__header{border-bottom-color:#334155}.Controls-module__XnNh5G__title{color:#1f2937;margin:0;font-size:24px;font-weight:700}.Controls-module__XnNh5G__controls.Controls-module__XnNh5G__darkMode .Controls-module__XnNh5G__title{color:#f8fafc}.Controls-module__XnNh5G__themeToggle{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .2s ease-in-out;display:flex}.Controls-module__XnNh5G__themeToggle.Controls-module__XnNh5G__light{color:#374151;background:#f3f4f6}.Controls-module__XnNh5G__themeToggle.Controls-module__XnNh5G__light:hover{background:#e5e7eb}.Controls-module__XnNh5G__themeToggle.Controls-module__XnNh5G__dark{color:#f9fafb;background:#374151}.Controls-module__XnNh5G__themeToggle.Controls-module__XnNh5G__dark:hover{background:#4b5563}.Controls-module__XnNh5G__section{margin-bottom:20px}.Controls-module__XnNh5G__section:last-child{margin-bottom:0}.Controls-module__XnNh5G__label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.Controls-module__XnNh5G__controls.Controls-module__XnNh5G__darkMode .Controls-module__XnNh5G__label{color:#d1d5db}.Controls-module__XnNh5G__select{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s ease-in-out}.Controls-module__XnNh5G__select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.Controls-module__XnNh5G__select:disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb}.Controls-module__XnNh5G__controls.Controls-module__XnNh5G__darkMode .Controls-module__XnNh5G__select{color:#f8fafc;background:#334155;border-color:#4b5563}.Controls-module__XnNh5G__controls.Controls-module__XnNh5G__darkMode .Controls-module__XnNh5G__select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.Controls-module__XnNh5G__controls.Controls-module__XnNh5G__darkMode .Controls-module__XnNh5G__select:disabled{color:#6b7280;background:#1f2937}.Controls-module__XnNh5G__arrayTypeButtons{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:16px;display:grid}.Controls-module__XnNh5G__arrayTypeButton{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s ease-in-out}.Controls-module__XnNh5G__arrayTypeButton:hover{background:#f9fafb;border-color:#9ca3af}.Controls-module__XnNh5G__arrayTypeButton.Controls-module__XnNh5G__active{color:#fff;background:#3b82f6;border-color:#3b82f6}.Controls-module__XnNh5G__arrayTypeButton:disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb}.Controls-module__XnNh5G__controls.Controls-module__XnNh5G__darkMode .Controls-module__XnNh5G__arrayTypeButton{color:#d1d5db;background:#334155;border-color:#4b5563}.Controls-module__XnNh5G__controls.Controls-module__XnNh5G__darkMode .Controls-module__XnNh5G__arrayTypeButton:hover{background:#4b5563}.Controls-module__XnNh5G__controls.Controls-module__XnNh5G__darkMode .Controls-module__XnNh5G__arrayTypeButton.Controls-module__XnNh5G__active{color:#1e293b;background:#60a5fa;border-color:#60a5fa}.Controls-module__XnNh5G__controls.Controls-module__XnNh5G__darkMode .Controls-module__XnNh5G__arrayTypeButton:disabled{color:#6b7280;background:#1f2937}.Controls-module__XnNh5G__customArraySection{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:16px;padding:16px}.Controls-module__XnNh5G__controls.Controls-module__XnNh5G__darkMode .Controls-module__XnNh5G__customArraySection{background:#0f172a;border-color:#334155}.Controls-module__XnNh5G__customArrayInput{gap:8px;margin-bottom:8px;display:flex}.Controls-module__XnNh5G__input{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:6px;flex:1;padding:10px 12px;font-size:14px;transition:all .2s ease-in-out}.Controls-module__XnNh5G__input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.Controls-module__XnNh5G__input.Controls-module__XnNh5G__error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.Controls-module__XnNh5G__input:disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb}.Controls-module__XnNh5G__controls.Controls-module__XnNh5G__darkMode .Controls-module__XnNh5G__input{color:#f8fafc;background:#334155;border-color:#4b5563}.Controls-module__XnNh5G__controls.Controls-module__XnNh5G__darkMode .Controls-module__XnNh5G__input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.Controls-module__XnNh5G__controls.Controls-module__XnNh5G__darkMode .Controls-module__XnNh5G__input:disabled{color:#6b7280;background:#1f2937}.Controls-module__XnNh5G__submitButton{color:#fff;cursor:pointer;white-space:nowrap;background:#10b981;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s ease-in-out}.Controls-module__XnNh5G__submitButton:hover:not(:disabled){background:#059669}.Controls-module__XnNh5G__submitButton:disabled{cursor:not-allowed;background:#9ca3af}.Controls-module__XnNh5G__errorMessage{color:#ef4444;margin-top:4px;font-size:12px}.Controls-module__XnNh5G__controls.Controls-module__XnNh5G__darkMode .Controls-module__XnNh5G__errorMessage{color:#f87171}.Controls-module__XnNh5G__slider{cursor:pointer;appearance:none;background:#e2e8f0;border-radius:3px;outline:none;width:100%;height:6px;transition:all .2s ease-in-out}.Controls-module__XnNh5G__slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#3b82f6;border-radius:50%;width:20px;height:20px;transition:all .2s ease-in-out}.Controls-module__XnNh5G__slider::-webkit-slider-thumb:hover{background:#2563eb;transform:scale(1.1)}.Controls-module__XnNh5G__slider::-moz-range-thumb{cursor:pointer;background:#3b82f6;border:none;border-radius:50%;width:20px;height:20px;transition:all .2s ease-in-out}.Controls-module__XnNh5G__slider::-moz-range-thumb:hover{background:#2563eb;transform:scale(1.1)}.Controls-module__XnNh5G__slider:disabled{cursor:not-allowed;background:#f3f4f6}.Controls-module__XnNh5G__slider:disabled::-webkit-slider-thumb{cursor:not-allowed;background:#9ca3af}.Controls-module__XnNh5G__slider:disabled::-moz-range-thumb{cursor:not-allowed;background:#9ca3af}.Controls-module__XnNh5G__controls.Controls-module__XnNh5G__darkMode .Controls-module__XnNh5G__slider{background:#4b5563}.Controls-module__XnNh5G__controls.Controls-module__XnNh5G__darkMode .Controls-module__XnNh5G__slider::-webkit-slider-thumb{background:#60a5fa}.Controls-module__XnNh5G__controls.Controls-module__XnNh5G__darkMode .Controls-module__XnNh5G__slider::-webkit-slider-thumb:hover{background:#3b82f6}.Controls-module__XnNh5G__controls.Controls-module__XnNh5G__darkMode .Controls-module__XnNh5G__slider::-moz-range-thumb{background:#60a5fa}.Controls-module__XnNh5G__controls.Controls-module__XnNh5G__darkMode .Controls-module__XnNh5G__slider::-moz-range-thumb:hover{background:#3b82f6}.Controls-module__XnNh5G__rangeLabels{color:#6b7280;justify-content:space-between;margin-top:4px;font-size:12px;display:flex}.Controls-module__XnNh5G__controls.Controls-module__XnNh5G__darkMode .Controls-module__XnNh5G__rangeLabels{color:#9ca3af}.Controls-module__XnNh5G__buttonGroup{flex-wrap:wrap;gap:12px;display:flex}.Controls-module__XnNh5G__stepControls{gap:8px;margin-bottom:8px;display:flex}.Controls-module__XnNh5G__stepButton{color:#fff;background:#6366f1;flex:1;min-width:100px}.Controls-module__XnNh5G__stepButton:hover:not(:disabled){background:#4f46e5}.Controls-module__XnNh5G__stepButton:disabled{cursor:not-allowed;background:#9ca3af}.Controls-module__XnNh5G__button{cursor:pointer;border:none;border-radius:8px;flex:1;min-width:120px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s ease-in-out}.Controls-module__XnNh5G__generateButton{color:#fff;background:#6b7280}.Controls-module__XnNh5G__generateButton:hover:not(:disabled){background:#4b5563}.Controls-module__XnNh5G__startButton{color:#fff;background:#10b981}.Controls-module__XnNh5G__startButton:hover:not(:disabled){background:#059669}.Controls-module__XnNh5G__startButton.Controls-module__XnNh5G__playing{background:#f59e0b}.Controls-module__XnNh5G__startButton.Controls-module__XnNh5G__playing:hover:not(:disabled){background:#d97706}.Controls-module__XnNh5G__resetButton{color:#fff;background:#ef4444}.Controls-module__XnNh5G__resetButton:hover:not(:disabled){background:#dc2626}.Controls-module__XnNh5G__button:disabled{cursor:not-allowed;background:#9ca3af}.Controls-module__XnNh5G__info{color:#6b7280;margin-top:4px;font-size:12px;font-style:italic}.Controls-module__XnNh5G__controls.Controls-module__XnNh5G__darkMode .Controls-module__XnNh5G__info{color:#9ca3af}.Controls-module__XnNh5G__status{border-top:1px solid #e2e8f0;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin-top:20px;padding-top:16px;display:grid}.Controls-module__XnNh5G__controls.Controls-module__XnNh5G__darkMode .Controls-module__XnNh5G__status{border-top-color:#334155}.Controls-module__XnNh5G__statusItem{flex-direction:column;gap:2px;display:flex}.Controls-module__XnNh5G__statusLabel{color:#6b7280;font-size:12px;font-weight:500}.Controls-module__XnNh5G__controls.Controls-module__XnNh5G__darkMode .Controls-module__XnNh5G__statusLabel{color:#9ca3af}.Controls-module__XnNh5G__statusValue{color:#374151;font-size:14px;font-weight:600}.Controls-module__XnNh5G__controls.Controls-module__XnNh5G__darkMode .Controls-module__XnNh5G__statusValue{color:#f8fafc}@media (max-width:768px){.Controls-module__XnNh5G__controls{margin-bottom:16px;padding:16px}.Controls-module__XnNh5G__title{font-size:20px}.Controls-module__XnNh5G__arrayTypeButtons{grid-template-columns:repeat(2,1fr)}.Controls-module__XnNh5G__buttonGroup{flex-direction:column}.Controls-module__XnNh5G__button{min-width:auto}.Controls-module__XnNh5G__status{grid-template-columns:1fr;gap:8px}}@media (max-width:480px){.Controls-module__XnNh5G__controls{padding:12px}.Controls-module__XnNh5G__header{flex-direction:column;align-items:flex-start;gap:12px}.Controls-module__XnNh5G__arrayTypeButtons{grid-template-columns:1fr}.Controls-module__XnNh5G__customArrayInput{flex-direction:column}}
.Pseudocode-module__uJeWoW__pseudocode{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease-in-out;box-shadow:0 4px 6px -1px #0000001a}.Pseudocode-module__uJeWoW__pseudocode.Pseudocode-module__uJeWoW__darkMode{background:#1e293b;border-color:#334155;box-shadow:0 4px 6px -1px #0000004d}.Pseudocode-module__uJeWoW__header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.Pseudocode-module__uJeWoW__pseudocode.Pseudocode-module__uJeWoW__darkMode .Pseudocode-module__uJeWoW__header{border-bottom-color:#334155}.Pseudocode-module__uJeWoW__header h3{color:#1f2937;margin:0;font-size:18px;font-weight:600}.Pseudocode-module__uJeWoW__pseudocode.Pseudocode-module__uJeWoW__darkMode .Pseudocode-module__uJeWoW__header h3{color:#f8fafc}.Pseudocode-module__uJeWoW__algorithmName{color:#6b7280;background:#f3f4f6;border-radius:6px;padding:4px 8px;font-size:14px;font-weight:500}.Pseudocode-module__uJeWoW__pseudocode.Pseudocode-module__uJeWoW__darkMode .Pseudocode-module__uJeWoW__algorithmName{color:#9ca3af;background:#374151}.Pseudocode-module__uJeWoW__codeContainer{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;transition:all .3s ease-in-out;overflow:hidden}.Pseudocode-module__uJeWoW__pseudocode.Pseudocode-module__uJeWoW__darkMode .Pseudocode-module__uJeWoW__codeContainer{background:#0f172a;border-color:#334155}.Pseudocode-module__uJeWoW__code{color:#374151;background:0 0;margin:0;padding:16px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;transition:all .3s ease-in-out;overflow-x:auto}.Pseudocode-module__uJeWoW__pseudocode.Pseudocode-module__uJeWoW__darkMode .Pseudocode-module__uJeWoW__code{color:#d1d5db}.Pseudocode-module__uJeWoW__codeLine{align-items:center;padding:2px 0;transition:all .2s ease-in-out;display:flex}.Pseudocode-module__uJeWoW__codeLine.Pseudocode-module__uJeWoW__highlighted{background:#fef3c7;border-radius:4px;margin:0 -8px;padding:4px 8px;animation:.5s ease-in-out Pseudocode-module__uJeWoW__highlight}.Pseudocode-module__uJeWoW__pseudocode.Pseudocode-module__uJeWoW__darkMode .Pseudocode-module__uJeWoW__codeLine.Pseudocode-module__uJeWoW__highlighted{background:#451a03;animation:.5s ease-in-out Pseudocode-module__uJeWoW__highlightDark}.Pseudocode-module__uJeWoW__lineNumber{text-align:right;color:#9ca3af;-webkit-user-select:none;user-select:none;flex-shrink:0;width:24px;margin-right:12px;font-size:11px;display:inline-block}.Pseudocode-module__uJeWoW__pseudocode.Pseudocode-module__uJeWoW__darkMode .Pseudocode-module__uJeWoW__lineNumber{color:#6b7280}.Pseudocode-module__uJeWoW__lineContent{white-space:pre;flex:1;font-family:inherit}.Pseudocode-module__uJeWoW__stepInfo{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-bottom:16px;padding:12px;transition:all .3s ease-in-out}.Pseudocode-module__uJeWoW__pseudocode.Pseudocode-module__uJeWoW__darkMode .Pseudocode-module__uJeWoW__stepInfo{background:#0c4a6e;border-color:#0369a1}.Pseudocode-module__uJeWoW__stepType{align-items:center;gap:8px;margin-bottom:8px;display:flex}.Pseudocode-module__uJeWoW__stepLabel{color:#0369a1;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.Pseudocode-module__uJeWoW__pseudocode.Pseudocode-module__uJeWoW__darkMode .Pseudocode-module__uJeWoW__stepLabel{color:#7dd3fc}.Pseudocode-module__uJeWoW__stepValue{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:600}.Pseudocode-module__uJeWoW__stepValue.Pseudocode-module__uJeWoW__compare{color:#dc2626;background:#fef2f2}.Pseudocode-module__uJeWoW__stepValue.Pseudocode-module__uJeWoW__swap{color:#d97706;background:#fffbeb}.Pseudocode-module__uJeWoW__stepValue.Pseudocode-module__uJeWoW__sorted{color:#059669;background:#f0fdf4}.Pseudocode-module__uJeWoW__stepValue.Pseudocode-module__uJeWoW__pivot{color:#7c3aed;background:#faf5ff}.Pseudocode-module__uJeWoW__stepValue.Pseudocode-module__uJeWoW__merge{color:#0891b2;background:#ecfeff}.Pseudocode-module__uJeWoW__pseudocode.Pseudocode-module__uJeWoW__darkMode .Pseudocode-module__uJeWoW__stepValue.Pseudocode-module__uJeWoW__compare{color:#fca5a5;background:#7f1d1d}.Pseudocode-module__uJeWoW__pseudocode.Pseudocode-module__uJeWoW__darkMode .Pseudocode-module__uJeWoW__stepValue.Pseudocode-module__uJeWoW__swap{color:#fbbf24;background:#78350f}.Pseudocode-module__uJeWoW__pseudocode.Pseudocode-module__uJeWoW__darkMode .Pseudocode-module__uJeWoW__stepValue.Pseudocode-module__uJeWoW__sorted{color:#6ee7b7;background:#064e3b}.Pseudocode-module__uJeWoW__pseudocode.Pseudocode-module__uJeWoW__darkMode .Pseudocode-module__uJeWoW__stepValue.Pseudocode-module__uJeWoW__pivot{color:#c4b5fd;background:#581c87}.Pseudocode-module__uJeWoW__pseudocode.Pseudocode-module__uJeWoW__darkMode .Pseudocode-module__uJeWoW__stepValue.Pseudocode-module__uJeWoW__merge{color:#67e8f9;background:#164e63}.Pseudocode-module__uJeWoW__stepDescription{color:#0c4a6e;font-size:13px;font-style:italic;line-height:1.4}.Pseudocode-module__uJeWoW__pseudocode.Pseudocode-module__uJeWoW__darkMode .Pseudocode-module__uJeWoW__stepDescription{color:#bae6fd}.Pseudocode-module__uJeWoW__legend{border-top:1px solid #e2e8f0;padding-top:16px;transition:all .3s ease-in-out}.Pseudocode-module__uJeWoW__pseudocode.Pseudocode-module__uJeWoW__darkMode .Pseudocode-module__uJeWoW__legend{border-top-color:#334155}.Pseudocode-module__uJeWoW__legend h4{color:#374151;margin:0 0 12px;font-size:14px;font-weight:600}.Pseudocode-module__uJeWoW__pseudocode.Pseudocode-module__uJeWoW__darkMode .Pseudocode-module__uJeWoW__legend h4{color:#d1d5db}.Pseudocode-module__uJeWoW__legendItems{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;display:grid}.Pseudocode-module__uJeWoW__legendItem{color:#6b7280;align-items:center;gap:6px;font-size:12px;display:flex}.Pseudocode-module__uJeWoW__pseudocode.Pseudocode-module__uJeWoW__darkMode .Pseudocode-module__uJeWoW__legendItem{color:#9ca3af}.Pseudocode-module__uJeWoW__legendColor{border-radius:2px;flex-shrink:0;width:12px;height:12px}.Pseudocode-module__uJeWoW__legendColor.Pseudocode-module__uJeWoW__compare{background:#ef4444}.Pseudocode-module__uJeWoW__legendColor.Pseudocode-module__uJeWoW__swap{background:#f59e0b}.Pseudocode-module__uJeWoW__legendColor.Pseudocode-module__uJeWoW__sorted{background:#10b981}.Pseudocode-module__uJeWoW__legendColor.Pseudocode-module__uJeWoW__pivot{background:#8b5cf6}.Pseudocode-module__uJeWoW__legendColor.Pseudocode-module__uJeWoW__merge{background:#06b6d4}@keyframes Pseudocode-module__uJeWoW__highlight{0%{background:0 0}50%{background:#fef3c7}to{background:#fef3c7}}@keyframes Pseudocode-module__uJeWoW__highlightDark{0%{background:0 0}50%{background:#451a03}to{background:#451a03}}@media (max-width:768px){.Pseudocode-module__uJeWoW__pseudocode{padding:16px}.Pseudocode-module__uJeWoW__header{flex-direction:column;align-items:flex-start;gap:8px}.Pseudocode-module__uJeWoW__code{padding:12px;font-size:12px}.Pseudocode-module__uJeWoW__lineNumber{width:20px;margin-right:8px}.Pseudocode-module__uJeWoW__legendItems{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.Pseudocode-module__uJeWoW__pseudocode{padding:12px}.Pseudocode-module__uJeWoW__code{padding:8px;font-size:11px}.Pseudocode-module__uJeWoW__lineNumber{width:18px;margin-right:6px}.Pseudocode-module__uJeWoW__legendItems{grid-template-columns:1fr}.Pseudocode-module__uJeWoW__stepInfo{padding:8px}.Pseudocode-module__uJeWoW__stepDescription{font-size:12px}}
.Visualizer-module__Jgn7sq__visualizer{background:#f8fafc;min-height:100vh;padding:20px;transition:all .3s ease-in-out}.Visualizer-module__Jgn7sq__visualizer.Visualizer-module__Jgn7sq__darkMode{background:#0f172a}.Visualizer-module__Jgn7sq__visualizationArea{grid-template-columns:1fr 350px;align-items:start;gap:24px;display:grid}.Visualizer-module__Jgn7sq__sidePanel{flex-direction:column;gap:20px;display:flex}.Visualizer-module__Jgn7sq__arrayContainer{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:all .3s ease-in-out;box-shadow:0 4px 6px -1px #0000001a}.Visualizer-module__Jgn7sq__visualizer.Visualizer-module__Jgn7sq__darkMode .Visualizer-module__Jgn7sq__arrayContainer{background:#1e293b;border-color:#334155;box-shadow:0 4px 6px -1px #0000004d}.Visualizer-module__Jgn7sq__emptyArray{color:#6b7280;justify-content:center;align-items:center;min-height:200px;font-style:italic;display:flex}.Visualizer-module__Jgn7sq__visualizer.Visualizer-module__Jgn7sq__darkMode .Visualizer-module__Jgn7sq__emptyArray{color:#9ca3af}.Visualizer-module__Jgn7sq__barsContainer{justify-content:center;align-items:flex-end;gap:2px;min-height:250px;padding:20px 0;display:flex;overflow:auto visible}.Visualizer-module__Jgn7sq__statsPanel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;height:fit-content;padding:24px;transition:all .3s ease-in-out;box-shadow:0 4px 6px -1px #0000001a}.Visualizer-module__Jgn7sq__visualizer.Visualizer-module__Jgn7sq__darkMode .Visualizer-module__Jgn7sq__statsPanel{background:#1e293b;border-color:#334155;box-shadow:0 4px 6px -1px #0000004d}.Visualizer-module__Jgn7sq__statsGrid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.Visualizer-module__Jgn7sq__statItem{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:4px;padding:12px;transition:all .3s ease-in-out;display:flex}.Visualizer-module__Jgn7sq__visualizer.Visualizer-module__Jgn7sq__darkMode .Visualizer-module__Jgn7sq__statItem{background:#0f172a;border-color:#334155}.Visualizer-module__Jgn7sq__statLabel{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.Visualizer-module__Jgn7sq__visualizer.Visualizer-module__Jgn7sq__darkMode .Visualizer-module__Jgn7sq__statLabel{color:#9ca3af}.Visualizer-module__Jgn7sq__statValue{color:#1f2937;font-size:18px;font-weight:700}.Visualizer-module__Jgn7sq__visualizer.Visualizer-module__Jgn7sq__darkMode .Visualizer-module__Jgn7sq__statValue{color:#f8fafc}.Visualizer-module__Jgn7sq__stepDescription{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-bottom:20px;padding:16px;transition:all .3s ease-in-out}.Visualizer-module__Jgn7sq__visualizer.Visualizer-module__Jgn7sq__darkMode .Visualizer-module__Jgn7sq__stepDescription{background:#0c4a6e;border-color:#0369a1}.Visualizer-module__Jgn7sq__stepDescription h4{color:#0369a1;margin:0 0 8px;font-size:14px;font-weight:600}.Visualizer-module__Jgn7sq__visualizer.Visualizer-module__Jgn7sq__darkMode .Visualizer-module__Jgn7sq__stepDescription h4{color:#7dd3fc}.Visualizer-module__Jgn7sq__stepDescription p{color:#0c4a6e;margin:0;font-size:13px;line-height:1.4}.Visualizer-module__Jgn7sq__visualizer.Visualizer-module__Jgn7sq__darkMode .Visualizer-module__Jgn7sq__stepDescription p{color:#bae6fd}.Visualizer-module__Jgn7sq__completionStatus{text-align:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:16px;transition:all .3s ease-in-out}.Visualizer-module__Jgn7sq__visualizer.Visualizer-module__Jgn7sq__darkMode .Visualizer-module__Jgn7sq__completionStatus{background:#064e3b;border-color:#059669}.Visualizer-module__Jgn7sq__completionStatus h4{color:#059669;margin:0 0 8px;font-size:16px;font-weight:600}.Visualizer-module__Jgn7sq__visualizer.Visualizer-module__Jgn7sq__darkMode .Visualizer-module__Jgn7sq__completionStatus h4{color:#34d399}.Visualizer-module__Jgn7sq__completionStatus p{color:#065f46;margin:0;font-size:13px;line-height:1.4}.Visualizer-module__Jgn7sq__visualizer.Visualizer-module__Jgn7sq__darkMode .Visualizer-module__Jgn7sq__completionStatus p{color:#6ee7b7}@media (max-width:1024px){.Visualizer-module__Jgn7sq__visualizationArea{grid-template-columns:1fr;gap:20px}.Visualizer-module__Jgn7sq__sidePanel{order:-1}.Visualizer-module__Jgn7sq__statsGrid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.Visualizer-module__Jgn7sq__visualizer,.Visualizer-module__Jgn7sq__arrayContainer,.Visualizer-module__Jgn7sq__statsPanel{padding:16px}.Visualizer-module__Jgn7sq__barsContainer{min-height:200px;padding:16px 0}.Visualizer-module__Jgn7sq__statsGrid{grid-template-columns:repeat(2,1fr);gap:12px}.Visualizer-module__Jgn7sq__statItem{padding:8px}.Visualizer-module__Jgn7sq__statValue{font-size:16px}}@media (max-width:480px){.Visualizer-module__Jgn7sq__visualizer,.Visualizer-module__Jgn7sq__arrayContainer,.Visualizer-module__Jgn7sq__statsPanel{padding:12px}.Visualizer-module__Jgn7sq__barsContainer{min-height:180px;padding:12px 0}.Visualizer-module__Jgn7sq__statsGrid{grid-template-columns:1fr;gap:8px}.Visualizer-module__Jgn7sq__statItem{padding:6px}.Visualizer-module__Jgn7sq__statValue{font-size:14px}.Visualizer-module__Jgn7sq__stepDescription,.Visualizer-module__Jgn7sq__completionStatus{padding:12px}.Visualizer-module__Jgn7sq__stepDescription h4,.Visualizer-module__Jgn7sq__completionStatus h4{font-size:14px}.Visualizer-module__Jgn7sq__stepDescription p,.Visualizer-module__Jgn7sq__completionStatus p{font-size:12px}}.Visualizer-module__Jgn7sq__barsContainer{animation:.5s ease-in-out Visualizer-module__Jgn7sq__fadeIn}@keyframes Visualizer-module__Jgn7sq__fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.Visualizer-module__Jgn7sq__barsContainer::-webkit-scrollbar{height:6px}.Visualizer-module__Jgn7sq__barsContainer::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.Visualizer-module__Jgn7sq__barsContainer::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.Visualizer-module__Jgn7sq__barsContainer::-webkit-scrollbar-thumb:hover{background:#94a3b8}.Visualizer-module__Jgn7sq__visualizer.Visualizer-module__Jgn7sq__darkMode .Visualizer-module__Jgn7sq__barsContainer::-webkit-scrollbar-track{background:#334155}.Visualizer-module__Jgn7sq__visualizer.Visualizer-module__Jgn7sq__darkMode .Visualizer-module__Jgn7sq__barsContainer::-webkit-scrollbar-thumb{background:#64748b}.Visualizer-module__Jgn7sq__visualizer.Visualizer-module__Jgn7sq__darkMode .Visualizer-module__Jgn7sq__barsContainer::-webkit-scrollbar-thumb:hover{background:#94a3b8}