.sorting-container{padding:var(--layout-spacing)}.sorting-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--layout-spacing)}.algo-panel{background:var(--background-color-surface);border-radius:var(--border-radius);padding:1rem;border:1px solid var(--border-color)}.algo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.algo-name{font-weight:700;color:var(--text-color-primary)}.algo-complexity{font-family:monospace;font-size:.8rem;color:var(--text-color-secondary);background:var(--background-color);padding:.2rem .5rem;border-radius:3px}.algo-canvas{width:100%;height:150px;background:var(--background-color);border-radius:var(--border-radius);margin-bottom:.5rem}.algo-metrics{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-color-secondary)}.algo-metrics .metric strong{color:var(--text-color-primary)}.slider-group{display:flex;align-items:center;gap:.5rem}.slider-group .slider{flex:1}.slider-group span{min-width:2rem;text-align:right;font-family:monospace}.sorting-stats{margin-top:var(--layout-spacing)}.sorting-stats .stats-table{width:100%;border-collapse:collapse;font-size:.9rem}.sorting-stats .stats-table th,.sorting-stats .stats-table td{padding:.5rem;text-align:left;border-bottom:1px solid var(--border-color)}.sorting-stats .stats-table th{background:var(--background-color-surface);font-weight:700}.sorting-stats .stats-table code{background:var(--background-color);padding:.1rem .3rem;border-radius:3px;font-size:.8rem}