.visualizer-container[data-v-5ccac259]{display:flex;flex-direction:column;height:100%;gap:15px}.header[data-v-5ccac259]{display:none}.bar-wrapper[data-v-5ccac259]{display:flex;align-items:flex-end;flex:1;width:100%;gap:2px;background:#282c34;padding:15px;border-radius:12px;box-shadow:0 4px 6px #0000001a;min-height:250px}.bar[data-v-5ccac259]{flex:1;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:2px;transition:all .2s;box-shadow:0 2px 4px #0003}.bar[data-v-5ccac259]:hover{opacity:.8}.bar.comparing[data-v-5ccac259]{background:linear-gradient(135deg,#f59e0b,#d97706);filter:brightness(1.1)}.bar.swapping[data-v-5ccac259]{background:linear-gradient(135deg,#ef4444,#dc2626);filter:brightness(1.1)}.bar.sorted[data-v-5ccac259]{background:linear-gradient(135deg,#10b981,#059669)}.controls[data-v-5ccac259]{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;background:#1e1e1e;padding:12px;border-radius:12px}.button-group[data-v-5ccac259]{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.button-group h4[data-v-5ccac259]{margin:0;color:#858585;font-size:10px;text-transform:uppercase;letter-spacing:.5px;width:100%;padding:0 0 3px;border-bottom:1px solid #3e4451}.button-group:first-child h4[data-v-5ccac259]{display:none}.btn[data-v-5ccac259]{padding:7px 10px;border:none;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s;text-transform:none;flex:1;min-width:70px;white-space:nowrap}.btn[data-v-5ccac259]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-5ccac259]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-primary[data-v-5ccac259]:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.btn-secondary[data-v-5ccac259]{background:#3e4451;color:#abb2bf}.btn-secondary[data-v-5ccac259]:hover:not(:disabled){background:#4e5561;color:#dfe5f2;transform:translateY(-2px)}.btn-secondary.active[data-v-5ccac259]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-weight:700;box-shadow:0 0 12px #f59e0b99}.btn-secondary.active[data-v-5ccac259]:hover:not(:disabled){background:linear-gradient(135deg,#e59304,#c76803);box-shadow:0 0 16px #f59e0bcc}.btn-success[data-v-5ccac259]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-success[data-v-5ccac259]:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn-danger[data-v-5ccac259]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger[data-v-5ccac259]:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.speed-control[data-v-5ccac259]{display:flex;align-items:center;gap:6px;padding:0}.speed-control label[data-v-5ccac259]{display:flex;align-items:center;gap:4px;color:#abb2bf;font-size:10px;white-space:nowrap}.speed-value[data-v-5ccac259]{color:#61afef;font-weight:700}.speed-control input[data-v-5ccac259]{flex:1;min-width:60px;cursor:pointer;height:4px}@media (max-width: 1200px){.controls[data-v-5ccac259]{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.code-panel[data-v-ec79751f]{padding:0;display:flex;flex-direction:column;height:100%}.code-panel h3[data-v-ec79751f]{margin:0 0 8px;color:#61afef;font-size:13px;text-transform:uppercase;letter-spacing:1px}.algo-name[data-v-ec79751f]{color:#f59e0b;font-weight:700;text-transform:capitalize}.code-container[data-v-ec79751f]{font-family:Courier New,monospace;background:#282c34;padding:12px;border-radius:6px;border-left:3px solid #61afef;flex:1;overflow-y:auto}.code-line[data-v-ec79751f]{color:#abb2bf;padding:2px 3px;display:flex;gap:8px;font-size:12px;transition:all .2s;line-height:1.4}.line-num[data-v-ec79751f]{color:#5c6370;flex-shrink:0;width:20px;text-align:right}.line-content[data-v-ec79751f]{flex:1;overflow-x:auto}.active[data-v-ec79751f]{color:#61afef;background:#3e4451;font-weight:700;padding:2px 6px;border-radius:3px;margin:0 -3px}.page-layout[data-v-ce2b574c]{display:flex;flex-direction:column;gap:18px;padding:20px}.page-header h2[data-v-ce2b574c]{margin:0;color:#61afef}.page-header p[data-v-ce2b574c]{margin:8px 0 0;color:#cbd5e1}.page-content[data-v-ce2b574c]{display:grid;grid-template-columns:.95fr 1.05fr;gap:18px}.code-section[data-v-ce2b574c],.visualizer-section[data-v-ce2b574c]{background:rgba(30,30,30,.6);border-radius:16px;padding:18px;min-height:680px}@media (max-width: 1200px){.page-content[data-v-ce2b574c]{grid-template-columns:1fr}}.search-visualizer[data-v-714eed3f]{display:flex;flex-direction:column;gap:18px;min-height:100%}.search-top[data-v-714eed3f]{display:flex;justify-content:space-between;align-items:center;gap:16px}.search-top h3[data-v-714eed3f]{margin:0;color:#61afef}.search-top p[data-v-714eed3f]{margin:6px 0 0;color:#cbd5e1;font-size:13px}.summary-pill[data-v-714eed3f]{display:inline-flex;align-items:center;gap:8px;background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.3);color:#bae6fd;padding:10px 14px;border-radius:999px;font-weight:600}.summary-pill strong[data-v-714eed3f]{color:#fff}.search-controls[data-v-714eed3f]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.control-group[data-v-714eed3f]{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}.control-group.actions[data-v-714eed3f]{justify-content:flex-end}.field-label[data-v-714eed3f]{display:flex;flex-direction:column;gap:6px;color:#cbd5e1;font-size:12px}.search-input[data-v-714eed3f]{width:160px;padding:10px 12px;border-radius:10px;border:1px solid #3e4451;background:#111827;color:#e2e8f0}.pointer-panel[data-v-714eed3f]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pointer-card[data-v-714eed3f]{padding:16px;background:rgba(30,41,59,.9);border-radius:14px;border:1px solid rgba(96,165,250,.18)}.pointer-card span[data-v-714eed3f]{display:block;color:#94a3b8;font-size:12px}.pointer-card strong[data-v-714eed3f]{display:block;margin-top:8px;color:#f8fafc;font-size:14px}.mid-card[data-v-714eed3f]{border-color:#fbbf2459}.bar-wrapper[data-v-714eed3f]{display:flex;align-items:flex-end;gap:6px;width:100%;min-height:300px;padding:18px;background:#0f172a;border-radius:20px;border:1px solid rgba(148,163,184,.12)}.bar[data-v-714eed3f]{flex:1;min-width:28px;position:relative;background:linear-gradient(135deg,#4f46e5,#818cf8);border-radius:14px 14px 6px 6px;transition:transform .2s,background .2s,opacity .2s;display:grid;place-items:center}.bar[data-v-714eed3f]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.25) 100%);border-radius:inherit}.bar.default[data-v-714eed3f]{background:linear-gradient(135deg,#60a5fa,#2563eb)}.bar.comparing[data-v-714eed3f],.bar.mid[data-v-714eed3f]{background:linear-gradient(135deg,#f59e0b,#d97706)}.bar.found[data-v-714eed3f]{background:linear-gradient(135deg,#10b981,#059669)}.bar.discarded[data-v-714eed3f]{opacity:.25;filter:saturate(.4)}.bar-value[data-v-714eed3f],.bar-index[data-v-714eed3f]{position:relative;z-index:1;color:#f8fafc;font-size:11px;text-shadow:0 1px 4px rgba(0,0,0,.45)}.bar-value[data-v-714eed3f]{font-weight:700}.bar-index[data-v-714eed3f]{margin-top:4px;opacity:.77}.search-footer[data-v-714eed3f]{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.result-text[data-v-714eed3f]{color:#cbd5e1;font-size:14px;font-weight:600}.legend-row[data-v-714eed3f]{display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:#94a3b8;font-size:12px}.legend-dot[data-v-714eed3f]{display:inline-block;width:10px;height:10px;border-radius:999px;margin-right:6px;vertical-align:middle}.legend-dot.default[data-v-714eed3f]{background:#60a5fa}.legend-dot.mid[data-v-714eed3f]{background:#f59e0b}.legend-dot.found[data-v-714eed3f]{background:#10b981}.legend-dot.discarded[data-v-714eed3f]{background:#94a3b8}@media (max-width: 900px){.search-controls[data-v-714eed3f],.pointer-panel[data-v-714eed3f],.search-footer[data-v-714eed3f]{grid-template-columns:1fr}.search-controls[data-v-714eed3f]{display:grid}.pointer-panel[data-v-714eed3f]{grid-template-columns:1fr}}.code-panel[data-v-bef8a4fe]{padding:0;display:flex;flex-direction:column;height:100%}.code-panel h3[data-v-bef8a4fe]{margin:0 0 8px;color:#61afef;font-size:13px;text-transform:uppercase;letter-spacing:1px}.algo-name[data-v-bef8a4fe]{color:#c084fc;font-weight:700;text-transform:capitalize}.code-container[data-v-bef8a4fe]{font-family:Courier New,monospace;background:#1f2937;padding:12px;border-radius:6px;border-left:3px solid #c084fc;flex:1;overflow-y:auto}.code-line[data-v-bef8a4fe]{color:#d1d5db;padding:2px 3px;display:flex;gap:8px;font-size:12px;transition:all .2s;line-height:1.4}.line-num[data-v-bef8a4fe]{color:#8b5cf6;flex-shrink:0;width:20px;text-align:right}.line-content[data-v-bef8a4fe]{flex:1;overflow-x:auto}.active[data-v-bef8a4fe]{color:#f8fafc;background:#111827;font-weight:700;padding:2px 6px;border-radius:3px;margin:0 -3px}.page-layout[data-v-db9f2cbe]{display:flex;flex-direction:column;gap:18px;padding:20px}.page-header h2[data-v-db9f2cbe]{margin:0;color:#61afef}.page-header p[data-v-db9f2cbe]{margin:8px 0 0;color:#cbd5e1}.page-content[data-v-db9f2cbe]{display:grid;grid-template-columns:.95fr 1.05fr;gap:18px}.code-section[data-v-db9f2cbe],.visualizer-section[data-v-db9f2cbe]{background:rgba(30,30,30,.6);border-radius:16px;padding:18px;min-height:680px}@media (max-width: 1200px){.page-content[data-v-db9f2cbe]{grid-template-columns:1fr}}:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #1a1a1a;--border: #2e303a;--code-bg: #282c34;--accent: #61afef;--accent-bg: rgba(97, 175, 239, .15);--accent-border: rgba(97, 175, 239, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--heading: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:16px/145% var(--sans);letter-spacing:.16px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;background:linear-gradient(135deg,#1a1a1a 0%,#0f0f0f 100%);color:var(--text)}*{box-sizing:border-box}button{font-family:inherit}@media (prefers-color-scheme: light){:root{--text: #374151;--text-h: #111827;--bg: #ffffff;--border: #e5e7eb;--code-bg: #f9fafb;--accent: #3b82f6;--accent-bg: rgba(59, 130, 246, .1);--accent-border: rgba(59, 130, 246, .5)}}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media (max-width: 1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media (max-width: 1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}.counter{font-size:16px;padding:5px 10px;border-radius:5px;color:var(--accent);background:var(--accent-bg);border:2px solid transparent;transition:border-color .3s;margin-bottom:24px}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{inset-inline:0;margin:0 auto}.hero .base{width:170px;position:relative;z-index:0}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;top:34px;height:28px;transform:perspective(2000px) rotate(300deg) rotateX(44deg) rotateY(39deg) scale(1.4)}.hero .vite{z-index:0;top:107px;height:26px;width:auto;transform:perspective(2000px) rotate(300deg) rotateX(40deg) rotateY(39deg) scale(.8)}#app{width:1126px;max-width:100%;margin:0 auto;text-align:center;border-inline:1px solid var(--border);min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}#center{display:flex;flex-direction:column;gap:25px;place-content:center;place-items:center;flex-grow:1;padding:32px 20px 24px}@media (max-width: 1024px){#center{padding:32px 20px 24px;gap:18px}}#next-steps{display:flex;border-top:1px solid var(--border);text-align:left}#next-steps>div{flex:1 1 0;padding:32px}@media (max-width: 1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{margin-bottom:16px;width:22px;height:22px}@media (max-width: 1024px){#next-steps{flex-direction:column;text-align:center}}#docs{border-right:1px solid var(--border)}@media (max-width: 1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{list-style:none;padding:0;display:flex;gap:8px;margin:32px 0 0}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);font-size:16px;border-radius:6px;background:var(--social-bg);display:flex;padding:6px 12px;align-items:center;gap:8px;text-decoration:none;transition:box-shadow .3s}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{height:18px;width:18px}@media (max-width: 1024px){#next-steps ul{margin-top:20px;flex-wrap:wrap;justify-content:center}}#next-steps ul li{margin:0}#app[data-v-0a505171]{min-height:100vh;background:linear-gradient(135deg,#111827 0%,#0b1220 100%);display:flex;flex-direction:column}.app-header[data-v-0a505171]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(97,175,239,.15);gap:16px}.brand h1[data-v-0a505171]{margin:0;color:#61afef;font-size:26px}.brand p[data-v-0a505171]{margin:6px 0 0;color:#cbd5e1;font-size:13px}.app-nav[data-v-0a505171]{display:flex;gap:12px;flex-wrap:wrap}.nav-link[data-v-0a505171]{color:#cbd5e1;padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.04);transition:background .2s,color .2s;text-decoration:none}.router-link-active[data-v-0a505171],.nav-link[data-v-0a505171]:hover{background:rgba(97,175,239,.18);color:#fff}.page-shell[data-v-0a505171]{flex:1;overflow:auto}#app[data-v-0a505171]{min-height:100vh;background:linear-gradient(135deg,#1a1a1a 0%,#0f0f0f 100%);display:flex;flex-direction:column}.app-header[data-v-0a505171]{background:rgba(0,0,0,.3);padding:16px 20px;border-bottom:1px solid rgba(97,175,239,.2);text-align:center}.app-header h1[data-v-0a505171]{margin:0;color:#61afef;font-size:24px}.main-container[data-v-0a505171]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:20px;overflow:hidden}.panel[data-v-0a505171]{display:flex;flex-direction:column;gap:16px}.panel-header h2[data-v-0a505171]{margin:0;color:#61afef;font-size:20px}.panel-body[data-v-0a505171]{display:grid;grid-template-columns:.95fr 1.05fr;gap:18px}.code-section[data-v-0a505171],.visualizer-section[data-v-0a505171]{overflow:hidden;border-radius:12px;background:rgba(30,30,30,.5);padding:15px}.code-section[data-v-0a505171],.visualizer-section[data-v-0a505171]{min-height:360px}@media (max-width: 1200px){.main-container[data-v-0a505171],.panel-body[data-v-0a505171]{grid-template-columns:1fr}}