body{font-family:Arial,sans-serif;margin:0}nav{background-color:#282c34;color:#fff;padding:1em;text-align:center}nav h1{margin:0}button{border:none;border-radius:3px;color:#fff;cursor:pointer;margin:.5em;padding:.5em 1em}button:hover{opacity:.8}button{background-color:#61dafb}button.reset-button{background-color:#95a5a6}button.pause-button{background-color:#f39c12}button.resume-button{background-color:#2ecc71}.console{background-color:#f1f1f1;border:1px solid #ccc;height:120px;margin-top:10px;max-width:100%;overflow-y:auto;padding:10px;width:100%}.visualizer-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:.5em}.visualizer-container canvas{height:100px;margin-bottom:.5em;max-width:85%}.button-group{display:flex;flex-wrap:wrap;gap:.5em;justify-content:center}.action-buttons{display:flex;gap:.5em;margin:1em 0}.algorithm-explanation{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;color:#333;font-size:14px;margin:20px 0;padding:10px;width:80%}.algorithm-explanation h2{font-size:18px;margin-top:0}.algorithm-explanation table{border-collapse:collapse;margin-top:10px;width:100%}.algorithm-explanation td,.algorithm-explanation th{border:1px solid #ddd;padding:8px;text-align:left}.algorithm-explanation th{background-color:#f2f2f2}.array1d-tracer{display:flex;justify-content:center;margin-top:20px}.array-cell-wrapper{align-items:center;display:flex;flex-direction:column;margin:0 10px}.index{font-weight:700;margin-bottom:5px}.array-cell{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;padding:10px}.value{font-size:1.2em}.array-cell.highlight{background-color:#40e0d0}@media (max-width:768px){.visualizer-container{padding:.5em}.visualizer-container canvas{height:80px}.console{height:100px}.action-buttons,.button-group{flex-direction:column;gap:.5em}.algorithm-explanation{width:100%}}
/*# sourceMappingURL=main.31b26388.css.map*/