@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary:#09090b;--bg-secondary:#09090b;--border-color:#18181b;--border-hover:#27272a;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#52525b;--accent-emerald:#10b981;--accent-rose:#ef4444;--accent-amber:#f59e0b;--accent-blue:#3b82f6;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;overflow:hidden}#root{flex-direction:column;width:100%;height:100vh;display:flex}.app-container{background:var(--bg-primary);flex-direction:column;width:100%;height:100vh;display:flex}.main-content{flex:1;min-height:0;display:flex}@media (width<=1024px){.main-content{flex-direction:column;overflow-y:auto}.app-container{height:auto;overflow-y:auto}}.grid-panel{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.sidebar{border-left:1px solid var(--border-color);background:var(--bg-primary);flex-direction:column;gap:2rem;width:300px;min-height:0;padding:2rem 1.5rem;display:flex;overflow-y:auto}@media (width<=1024px){.sidebar{border-left:none;border-top:1px solid var(--border-color);width:100%}}header{border-bottom:1px solid var(--border-color);background:var(--bg-primary);z-index:10;justify-content:space-between;align-items:center;gap:1.5rem;padding:.8rem 1.5rem;display:flex}button{font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex}button:hover:not(:disabled){color:var(--text-primary)}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.35;cursor:not-allowed}button.primary{background:var(--text-primary);color:var(--bg-primary);border:1px solid var(--text-primary)}button.primary:hover:not(:disabled){background:#e4e4e7;border-color:#e4e4e7}button.danger{color:#f43f5e}button.danger:hover:not(:disabled){background:#f43f5e14}select{font-family:var(--font-sans);border:1px solid var(--border-color);background:var(--bg-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right .5rem center;color:var(--text-primary);cursor:pointer;appearance:none;background-size:.8rem;border-radius:6px;padding:.45rem 1.8rem .45rem .6rem;font-size:.85rem;font-weight:500;transition:all .15s}select:hover:not(:disabled){border-color:var(--border-hover)}select:focus{border-color:var(--text-muted);outline:none}select:disabled{opacity:.4;cursor:not-allowed}input[type=range]{appearance:none;background:var(--border-color);cursor:pointer;border-radius:2px;outline:none;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text-primary);border-radius:50%;width:12px;height:12px;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25)}.grid-workspace{flex-direction:column;justify-content:center;align-items:center;gap:1rem;max-width:100%;min-height:0;max-height:100%;margin:auto;padding:1.5rem;display:flex}.grid-header{text-align:center;flex-direction:column;align-items:center;gap:.25rem;display:flex}.grid-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:600}.grid-subtitle{color:var(--text-secondary);font-size:.8rem}.grid-container{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:4px;justify-content:center;align-items:center;max-width:100%;max-height:70vh;display:flex;overflow:auto}.grid{background:var(--bg-primary);display:grid;overflow:hidden}.node{background-color:var(--bg-primary);border:1px solid #18181b66;justify-content:center;align-items:center;width:25px;height:25px;transition:background-color .15s;display:flex;position:relative}.node-hoverable:hover{cursor:crosshair;background-color:#18181b}.node-wall{background-color:#27272a;border-color:#27272a;animation:.18s ease-out forwards wallFade}@keyframes wallFade{0%{opacity:.5;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.node-start,.node-target{cursor:grab}.node-start:active,.node-target:active{cursor:grabbing}.node-start-icon{background:var(--accent-emerald);border-radius:50%;width:8px;height:8px}.node-target-icon{background:var(--accent-rose);border-radius:50%;width:8px;height:8px}.node-visited{animation-duration:.35s;animation-timing-function:ease-out;animation-fill-mode:forwards}.node-visited-dijkstra{animation-name:visitDijkstra}.node-visited-astar{animation-name:visitAStar}.node-visited-bfs{animation-name:visitBFS}.node-visited-dfs{animation-name:visitDFS}.node-visited-greedy{animation-name:visitGreedy}@keyframes visitDijkstra{0%{background-color:#3b82f608}to{background-color:#3b82f61f;border-color:#3b82f633}}@keyframes visitAStar{0%{background-color:#f59e0b08}to{background-color:#f59e0b1f;border-color:#f59e0b33}}@keyframes visitBFS{0%{background-color:#06b6d408}to{background-color:#06b6d41f;border-color:#06b6d433}}@keyframes visitDFS{0%{background-color:#ef444408}to{background-color:#ef444417;border-color:#ef444426}}@keyframes visitGreedy{0%{background-color:#ec489908}to{background-color:#ec48991f;border-color:#ec489933}}.node-shortest-path{animation:.35s ease-out forwards pathFade}@keyframes pathFade{0%{background-color:#0000}to{background-color:var(--accent-amber);border-color:var(--accent-amber)}}.sidebar-section{flex-direction:column;gap:.8rem;display:flex}.section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:600}.stats-list{flex-direction:column;gap:1rem;display:flex}.stat-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:baseline;padding-bottom:.5rem;display:flex}.stat-label{color:var(--text-secondary);font-size:.85rem}.stat-value{font-family:var(--font-mono);color:var(--text-primary);font-size:1.1rem;font-weight:500}.code-box{border:1px solid var(--border-color);background:#0c0c0e;border-radius:6px;flex-direction:column;padding:.5rem 0;display:flex}.code-line{font-family:var(--font-mono);color:var(--text-muted);white-space:pre;padding:.3rem .8rem;font-size:.75rem}.code-line.active{color:var(--text-primary);background:#18181b}.legend-container{background:var(--bg-primary);flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-top:.5rem;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.legend-box{border-radius:2px;width:10px;height:10px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:2px}.grid-instant .node-visited-dijkstra{background-color:#3b82f61f!important;border-color:#3b82f633!important;animation:none!important}.grid-instant .node-visited-astar{background-color:#f59e0b1f!important;border-color:#f59e0b33!important;animation:none!important}.grid-instant .node-visited-bfs{background-color:#06b6d41f!important;border-color:#06b6d433!important;animation:none!important}.grid-instant .node-visited-dfs{background-color:#ef444417!important;border-color:#ef444426!important;animation:none!important}.grid-instant .node-visited-greedy{background-color:#ec48991f!important;border-color:#ec489933!important;animation:none!important}.grid-instant .node-shortest-path{background-color:var(--accent-amber)!important;border-color:var(--accent-amber)!important;animation:none!important}