.visualizer.svelte-1bhr90b{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.controls.svelte-1bhr90b{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;background:var(--color-surface-hover);border-bottom:1px solid var(--color-border)}.control-group.svelte-1bhr90b{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.control-group.buttons.svelte-1bhr90b{margin-left:auto}label.svelte-1bhr90b{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.slider-label.svelte-1bhr90b{min-width:120px}select.svelte-1bhr90b,input[type=range].svelte-1bhr90b{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:.5rem;color:var(--color-text-primary);font-size:.875rem;cursor:pointer}select.svelte-1bhr90b:focus,input[type=range].svelte-1bhr90b:focus{outline:none;border-color:#10b981}input[type=range].svelte-1bhr90b{-webkit-appearance:none;height:6px;padding:0}input[type=range].svelte-1bhr90b::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#10b981;cursor:pointer}button.svelte-1bhr90b{padding:.5rem 1rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-start.svelte-1bhr90b{background:#10b981;color:#000}.btn-start.svelte-1bhr90b:hover{background:#34d399}.btn-secondary.svelte-1bhr90b{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary.svelte-1bhr90b:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-accent)}.btn-secondary.svelte-1bhr90b:disabled{opacity:.5;cursor:not-allowed}.btn-sound.svelte-1bhr90b{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-sound.svelte-1bhr90b:hover{color:var(--color-accent);border-color:var(--color-accent)}.legend.svelte-1bhr90b{display:flex;flex-wrap:wrap;gap:1rem;padding:.5rem 1rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:.75rem;color:var(--color-text-secondary)}.legend-item.svelte-1bhr90b{display:flex;align-items:center;gap:.5rem}.legend-color.svelte-1bhr90b{width:12px;height:12px;border-radius:2px}.canvas-container.svelte-1bhr90b{display:flex;gap:1rem;padding:10px;height:450px}.canvas-container.comparison.svelte-1bhr90b{display:grid;grid-template-columns:1fr 1fr}canvas.svelte-1bhr90b{width:100%;height:100%;border-radius:8px;background:var(--color-surface)}.algo-info-section.svelte-1bhr90b{display:flex;justify-content:center;gap:1rem;padding:1.5rem;background:var(--color-surface);border-top:1px solid var(--color-border)}.algo-info-panel.svelte-1bhr90b{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:8px;padding:1rem}.algo-header.svelte-1bhr90b{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.algo-header.svelte-1bhr90b h3:where(.svelte-1bhr90b){font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.complexity-badges.svelte-1bhr90b{display:flex;gap:.5rem}.complexity.svelte-1bhr90b{font-family:JetBrains Mono,Fira Code,monospace;font-size:.7rem;padding:.25rem .5rem;border-radius:4px}.complexity.time.svelte-1bhr90b{color:#10b981;background:#10b9811a}.complexity.space.svelte-1bhr90b{color:#3b82f6;background:#3b82f61a}.algo-description.svelte-1bhr90b{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:.75rem}.code-block.svelte-1bhr90b{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.code-header.svelte-1bhr90b{background:var(--color-surface-hover);padding:.375rem .75rem;border-bottom:1px solid var(--color-border)}.code-filename.svelte-1bhr90b{font-family:JetBrains Mono,Fira Code,monospace;font-size:.7rem;font-weight:500;color:var(--color-text-secondary)}.code-block.svelte-1bhr90b pre:where(.svelte-1bhr90b){margin:0;padding:.75rem;overflow-x:auto}.code-block.svelte-1bhr90b code:where(.svelte-1bhr90b){font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:.75rem;line-height:1.6;color:var(--color-text-primary);white-space:pre}.hljs-keyword{color:#c586c0}.hljs-function{color:#dcdcaa}.hljs-string{color:#ce9178}.hljs-number{color:#b5cea8}.hljs-comment{color:#6a9955;font-style:italic}.hljs-builtin{color:#4ec9b0}@media(max-width:768px){.controls.svelte-1bhr90b{flex-direction:column}.control-group.buttons.svelte-1bhr90b{margin-left:0;width:100%;justify-content:center}.canvas-container.comparison.svelte-1bhr90b{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.legend.svelte-1bhr90b{justify-content:center}.algo-info-section.svelte-1bhr90b{grid-template-columns:1fr}}