.controls{display:flex;align-items:center;gap:1.25rem 2rem;flex-wrap:wrap;justify-content:center;max-width:100%}.controls .action-buttons{flex-shrink:0}.control-group{display:flex;flex-direction:column;gap:0.4rem}.control-group label{font-size:0.7rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-muted);font-weight:500}.slider-stack{display:flex;flex-direction:row;gap:1.5rem;flex:0 0 auto}@media (max-width:1100px){.slider-stack{flex-direction:column;gap:0.25rem}}select,input[type="number"]{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:0.5rem 0.75rem;border-radius:6px;font-family:inherit;font-size:0.875rem;outline:none;transition:all var(--transition);cursor:pointer;min-width:120px}select:hover,select:focus,input[type="number"]:hover,input[type="number"]:focus{border-color:var(--text-muted)}input[type=range]{-webkit-appearance:none;appearance:none;width:120px;height:8px;background:var(--slider-track);border-radius:4px;outline:none;cursor:pointer;padding:0;margin:8px 0;touch-action:pan-x}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--slider-thumb);cursor:pointer;transition:transform 0.15s;box-shadow:0 2px 6px var(--shadow);border:2px solid var(--bg-secondary)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--slider-thumb);cursor:pointer;transition:transform 0.15s;box-shadow:0 2px 6px var(--shadow);border:2px solid var(--bg-secondary)}input[type=range]::-moz-range-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-track{height:8px;background:var(--slider-track);border-radius:4px}.btn{border:none;padding:0.6rem 1.25rem;border-radius:6px;cursor:pointer;font-family:inherit;font-weight:500;font-size:0.875rem;transition:all var(--transition)}.btn.primary{background:var(--text-primary);color:var(--bg-primary)}.btn.primary:hover{opacity:0.85}.btn.secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn.secondary:hover{border-color:var(--text-muted);color:var(--text-primary)}.btn:disabled{opacity:0.4;cursor:not-allowed}.btn.small{padding:0.4rem 0.75rem;font-size:0.75rem}.btn.stop{background:transparent;color:var(--text-muted);border:1px solid var(--border-color)}.btn.stop:hover:not(:disabled){background:#e74c3c;border-color:#e74c3c;color:#ffffff}.btn.stop:disabled{opacity:0.3}.separator{width:1px;height:24px;background:var(--border-color)}.time-travel-scrubber{padding:0.75rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;margin:1rem 0;width:100%;box-shadow:0 4px 12px rgba(0,0,0,0.1)}#main-scrubber-wrap{position:absolute;bottom:2rem;left:4rem;right:4rem;width:auto;margin:0;z-index:50}body.page-lock-visualizer #main-scrubber-wrap{position:static;inset:auto;width:auto;margin:0.35rem 4rem 0;z-index:auto;flex-shrink:0}.scrubber-label{display:flex;align-items:center;justify-content:space-between;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.12em;color:var(--text-secondary);margin-bottom:0.6rem;font-weight:700}.time-travel-scrubber input[type=range]{width:100%;max-width:none;height:6px;margin:12px 0}.time-travel-scrubber input[type=range]::-webkit-slider-thumb{width:20px;height:20px;border:3px solid var(--bg-primary)}.time-travel-scrubber input[type=range]::-moz-range-thumb{width:20px;height:20px;border:3px solid var(--bg-primary)}.scrubber-icon{font-size:1rem;font-weight:bold;color:var(--text-muted);opacity:0.7}@media (max-width:1400px){.header-content{flex-wrap:wrap;align-items:center;row-gap:0.5rem}h1{order:1;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{order:2;flex:1 1 auto;justify-content:flex-end;margin-left:auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.header-actions::-webkit-scrollbar{display:none}.account-slot[data-auth-state="guest"]{flex:0 0 auto;min-width:0}.account-slot[data-auth-state="guest"] .auth-buttons{position:static}.tabs{order:3;flex:0 1 100%;max-width:fit-content;margin:0.25rem auto 0;-webkit-overflow-scrolling:touch}}@media (max-width:1180px){.account-slot{--account-slot-width:150px}.header-actions{gap:0.5rem}.profile-btn,.docs-link,.pwa-install-btn,.auth-link{padding:0.4rem 0.65rem;font-size:0.72rem;white-space:nowrap}.theme-label{display:none}}@media (max-width:1100px){.toolbar .controls{gap:0.75rem 1.25rem}.toolbar .controls .separator{display:none}}@media (max-width:768px){.account-slot{--account-slot-width:132px}.header-content{flex-direction:row;justify-content:space-between;align-items:center;gap:0.5rem}h1{font-size:1.25rem;margin:0}.header-actions{gap:0.5rem}.tabs{overflow-x:auto;white-space:nowrap;padding:0 0 0.5rem 0;margin-bottom:0.5rem;-webkit-overflow-scrolling:touch;justify-content:flex-start;border-bottom:2px solid var(--border-color)}.tab-btn{padding:0.5rem 1rem;font-size:0.85rem;flex:0 0 auto}.toolbar .controls{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;align-items:center}.toolbar .controls>.control-group:first-child{grid-column:span 2}.toolbar .controls>.slider-stack{grid-column:span 2}.toolbar .controls>.separator{display:none}.control-group{display:flex;flex-direction:column;width:100%}.toolbar .controls>.action-buttons{grid-column:span 2;flex-direction:row;gap:0.5rem}main .btn{flex:1;min-height:40px;font-size:0.9rem;padding:0.5rem}input[type="range"]{height:6px;margin:12px 0;width:100%}input[type="range"]::-webkit-slider-thumb{width:20px;height:20px;margin-top:-7px}#visualizer-container{padding:0.5rem;flex-grow:1;min-height:60vh;padding-bottom:5rem}.separator{display:none}.keyboard-hints{display:none}#main-scrubber-wrap{left:0.5rem;right:0.5rem;bottom:0.75rem}body.page-lock-visualizer #section-visualizer{overflow:hidden;padding-bottom:0.5rem}body.page-lock-visualizer #visualizer-container{min-height:0;padding:0.5rem 0.5rem 0 !important}body.page-lock-visualizer #section-visualizer .progress-container{width:auto;max-width:none;margin:0.25rem 0.5rem 0}body.page-lock-visualizer #main-scrubber-wrap{position:static;inset:auto;margin:0.25rem 0.5rem 0;z-index:auto}.advanced-options{margin-top:0.5rem}}@media (min-width:768px) and (max-width:1024px){.toolbar .controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.separator{display:none}#visualizer-container{padding:2rem 2rem 0;min-height:400px}body.page-lock-visualizer #visualizer-container{min-height:0;padding:1rem 2rem 0}}@media (max-width:480px){main{padding:0.5rem;max-width:100%;overflow-x:hidden}h1{font-size:1.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.btn{padding:0.6rem 1rem;font-size:0.9rem}select,input[type="number"]{min-width:0;max-width:100%}.stats{flex-wrap:wrap;gap:0.25rem 0.5rem;font-size:0.7rem;word-break:break-word;max-width:100%}.checkbox-grid{grid-template-columns:1fr}.control-group{width:100%}.control-group label{font-size:0.8rem}.benchmark-config,.algo-selection,.table-controls{padding:0.75rem}.compare-grid{grid-template-columns:1fr}.analytics-grid{grid-template-columns:1fr}.compare-controls{flex-direction:column;gap:1rem;padding:1rem}.compare-config{flex-direction:column;gap:0.75rem;width:100%}.compare-actions{flex-wrap:wrap;justify-content:center;width:100%}.compare-actions .btn{flex:1;min-width:80px}.compare-panel{height:230px;padding:0.75rem}.compare-visualizer{min-height:0}.panel-header{gap:0.25rem}.algo-select{font-size:0.8rem;padding:0.3rem}.panel-stats{font-size:0.65rem}.race-timer{font-size:1rem;padding:0.3rem 0.75rem}.leaderboard{padding:1rem}.leaderboard-item{padding:0.5rem 0.75rem;gap:0.5rem}}