:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg: #0f172a;--panel-bg: #1e293b;--unseen-node: #111827;--unseen-border: #334155;--visited: #6366f133;--visited-border: #818cf8;--frontier: #3b82f6;--current: #f59e0b;--start: #22c55e;--end: #ef4444}body{margin:0;font-family:Inter,-apple-system,sans-serif;background-color:var(--bg);color:var(--text)}.app-container{display:flex;flex-direction:column;height:100vh;max-width:1400px;margin:0 auto}.header{padding:1.5rem;background:var(--panel-bg);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:1rem}.controls-top{display:flex;gap:1rem;align-items:center}select,button{padding:.6rem 1rem;border-radius:8px;border:1.5px solid var(--border);background:#0f172a;color:#fff;cursor:pointer;font-weight:500;transition:all .2s}select:hover,button:hover{border-color:var(--accent);background:#1e293b}button.active{background:var(--accent);border-color:var(--accent)}.preset-bar{display:flex;gap:.5rem;align-items:center;font-size:.85rem;color:#94a3b8}.main-content{display:flex;flex:1;overflow:hidden}.canvas-wrapper{flex:1;position:relative;background:#020617;display:flex;justify-content:center}.graph-svg{width:100%;height:100%}.edge{stroke:#334155;stroke-width:2}.edge.path-edge{stroke:var(--current);stroke-width:4;stroke-dasharray:8;animation:flow 2s linear infinite}@keyframes flow{to{stroke-dashoffset:-16}}.edge-label{font-size:11px;fill:#64748b;font-weight:700}.node{fill:#1e293b;stroke:#475569;stroke-width:2;transition:all .3s cubic-bezier(.4,0,.2,1)}.node.start{fill:var(--start);stroke:#4ade80}.node.end{fill:var(--end);stroke:#f87171}.node.visited{fill:var(--visited);stroke:#475569}.node.frontier{fill:var(--frontier);stroke:var(--accent)}.node.current{fill:var(--current);stroke:#fff;stroke-width:3;filter:drop-shadow(0 0 8px rgba(245,158,11,.5))}.node-text{text-anchor:middle;font-weight:800;fill:#fff;pointer-events:none;font-size:13px}.heuristic-text{text-anchor:middle;font-size:10px;fill:#94a3b8}.playback-controls{position:absolute;bottom:24px;background:#1e293bf2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 20px;border-radius:16px;border:1px solid var(--border);display:flex;align-items:center;gap:15px;width:70%}.sidebar{width:320px;background:var(--panel-bg);padding:1.5rem;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.panel{background:#0f172a;padding:1.25rem;border-radius:12px;border:1px solid var(--border)}.queue-item{padding:8px;margin-bottom:4px;background:#1e293b;border-radius:6px;border-left:3px solid var(--accent);display:flex;justify-content:space-between}input[type=range]{accent-color:var(--accent);cursor:pointer}.checkbox-wrapper{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#cbd5e1}.legend-item{display:flex;align-items:center;gap:12px;margin-bottom:8px;font-size:.9rem;color:#cbd5e1}.dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.1);display:inline-block;flex-shrink:0}.dot.start{background-color:var(--start);border-color:#4ade80}.dot.end{background-color:var(--end);border-color:#f87171}.dot.current{background-color:var(--current);border-color:#fff}.dot.visited{background-color:var(--visited);border-color:#475569}.dot.frontier{background-color:var(--frontier);border-color:var(--accent)}.stats-list{display:flex;flex-direction:column;gap:10px}.stat-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.stat-row label{color:#94a3b8}.stat-row span{font-weight:600;color:#f1f5f9}.path-text{font-family:monospace;font-size:.75rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-divider{border:0;border-top:1px solid #334155;margin:5px 0}.node{fill:var(--unseen-node);stroke:var(--unseen-border);stroke-width:2}.node.visited{fill:var(--visited);stroke:var(--visited-border);stroke-width:2;stroke-dasharray:2,2}.node.frontier{fill:var(--frontier);stroke:#fff;stroke-width:3;filter:drop-shadow(0 0 5px rgba(59,130,246,.5))}.node.current{fill:var(--current);stroke:#fff;stroke-width:4}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;max-width:none;margin:0;background-color:var(--bg)}.main-content{display:flex;flex:1;width:100%;overflow:hidden}.canvas-wrapper{flex:1;position:relative;background:#020617;display:flex;justify-content:center;align-items:center;overflow:hidden}.graph-svg{width:100%;height:100%;max-width:100%;max-height:100%}.sidebar{width:400px;background:var(--panel-bg);padding:1.5rem;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.playback-controls{position:absolute;bottom:30px;left:50%;transform:translate(-50%) translateY(10px);background:#0f172ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 24px;border-radius:20px;border:1px solid var(--border);display:flex;align-items:center;gap:20px;width:auto;min-width:500px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.canvas-wrapper:hover .playback-controls{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.timeline-slider{flex:1;height:6px;border-radius:3px;background:#334155;outline:none;cursor:pointer}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--accent);border-radius:50%;border:2px solid white}.stat-row span{font-family:Inter,sans-serif;letter-spacing:.5px}.stat-row span:contains("✅"){color:#4ade80}.stat-row span:contains("❌"){color:#f87171}.edge-trace{stroke:#f0f;stroke-width:3px;stroke-linecap:round;opacity:.8}.edge-path{stroke:#f59e0b;stroke-width:5px;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(245,158,11,.5))}