.knn-visualization{display:grid;grid-gap:1.5rem;margin-top:2rem}@media (min-width:1024px){.knn-visualization{grid-template-columns:1fr 300px}}.visualization-container{display:flex;flex-direction:column;gap:1.5rem}.canvas-container{position:relative;aspect-ratio:1/1}.dot{transition:transform .3s ease-in-out}.confidence-indicator{position:absolute;font-size:10px;text-align:center;white-space:nowrap}.list-circle{list-style-type:circle;max-width:100%;margin:0 auto}.controls-container{display:flex;flex-direction:column;gap:1.5rem}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,0,0,.5)}70%{box-shadow:0 0 0 10px rgba(0,0,0,0)}to{box-shadow:0 0 0 0 rgba(0,0,0,0)}}.animate-pulse{animation:pulse 1.5s ease-in-out}input[type=range]{-webkit-appearance:none;appearance:none;height:8px;border-radius:4px;background:#e5e7eb;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#3b82f6;cursor:pointer;transition:background .15s ease-in-out}input[type=range]::-webkit-slider-thumb:hover{background:#2563eb}input[type=range]::-moz-range-thumb{width:22px;height:22px;border:none;border-radius:50%;background:#3b82f6;cursor:pointer;transition:background .15s ease-in-out}input[type=range]::-moz-range-thumb:hover{background:#2563eb}@media (max-width:640px){.knn-visualization{grid-gap:1rem;margin-top:1rem}.controls-container,.visualization-container{gap:1rem}}