body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:#2c3e50;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.App{align-items:center;display:flex;flex-direction:column;gap:25px;margin:0 auto;max-width:1200px}.app-header{background:#34495e;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:25px;text-align:center;width:100%}.app-header h1{color:#fff;font-size:2.5rem;font-weight:600;margin-bottom:10px}.app-header p{font-size:1.1rem;opacity:.9}.algorithm-selection{background:#34495e;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:20px;text-align:center;width:100%}.algorithm-selection h2{color:#fff;font-size:1.5rem;margin-bottom:15px}.algorithm-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.algo-btn{background:#7f8c8d;border:2px solid #0000;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.algo-btn:hover:not(:disabled){background:#95a5a6;transform:translateY(-2px)}.algo-btn.active{background:#3498db;border-color:#2980b9}.algo-btn:disabled{cursor:not-allowed;opacity:.6}.visualization-container{align-items:center;background:#ecf0f1;border-radius:12px;box-shadow:0 4px 6px #0000001a;min-height:400px;overflow-x:auto;padding:25px}.bar-container,.visualization-container{display:flex;justify-content:center;width:100%}.bar-container{align-items:flex-end;gap:4px;height:350px;min-width:-webkit-min-content;min-width:min-content;padding:20px 10px}.bar{align-items:flex-start;background:#3498db;border-radius:4px 4px 0 0;box-shadow:0 2px 4px #0000001a;display:flex;flex:1 1;justify-content:center;max-width:50px;min-width:8px;position:relative;transition:all .2s ease}.bar-value{background:#fff;border-radius:4px;bottom:-25px;color:#2c3e50;font-size:11px;font-weight:600;min-width:22px;padding:3px 5px;position:absolute;text-align:center}.bar.active{background:#e74c3c}.bar.active .bar-value{background:#e74c3c;color:#fff}.bar.sorted{background:#27ae60}.bar.sorted .bar-value{background:#27ae60;color:#fff}.bar.sorted.active{background:#27ae60}.controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%}.control-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:14px 24px;transition:all .2s ease}.control-btn.generate{background:#7f8c8d}.control-btn.start{background:#27ae60}.control-btn.pause{background:#f39c12}.control-btn.resume{background:#27ae60}.control-btn.stop{background:#e74c3c}.control-btn:hover:not(:disabled){box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.control-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.status{background:#34495e;border-radius:8px;box-shadow:0 2px 4px #0000001a;font-weight:600;justify-content:center;padding:15px 25px}.status,.status-ready,.status-sorting{align-items:center;display:flex;gap:10px}.spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.App{gap:15px}.app-header h1{font-size:2rem}.algorithm-buttons{gap:8px}.algo-btn{font-size:.9rem;padding:10px 18px}.bar-container{gap:3px;height:300px}.bar{min-width:6px}.bar-value{bottom:-22px;font-size:9px;min-width:18px;padding:2px 4px}.controls{align-items:stretch;flex-direction:column}.control-btn{justify-content:center;width:100%}}
/*# sourceMappingURL=main.59733863.css.map*/