:root{--bg-primary:#000;--bg-secondary:#1a1a1a;--text-primary:#fff;--text-secondary:#e0e0e0;--accent-color:#4caf50;--accent-hover:#45a049;--border-color:#333;--editor-bg:#292828;--editor-text:#e0e0e0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;background-color:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{background-color:#292828;background-color:var(--editor-bg);border-radius:3px;color:#e0e0e0;color:var(--editor-text);font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;padding:2px 6px}.App{align-items:center;background-color:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:100vh;text-align:center}.header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-sizing:border-box;padding:20px;width:100%}.header h1{color:var(--text-primary);font-size:2.5em;margin:10px 0 5px}.header p{font-size:1.1em;margin:5px 0 15px}.footer,.header p{color:var(--text-secondary)}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);box-sizing:border-box;padding:15px;text-align:center;width:100%}.footer a{color:var(--accent-color);text-decoration:none;transition:color .3s ease}.footer a:hover{color:var(--accent-hover);text-decoration:underline}nav{display:flex;gap:20px;justify-content:center;margin-top:15px}nav a{border:1px solid #0000;border-radius:4px;font-weight:500;padding:8px 15px;text-decoration:none;transition:all .3s ease}nav a,nav a.nav-link{color:var(--text-primary)}nav a.nav-link.active{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}nav a:hover{background-color:var(--bg-secondary);border-color:var(--accent-color);color:var(--accent-color)}nav a.nav-link.active:hover{background-color:var(--accent-hover);color:#fff}.pathfinding-visualizer{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;color:#000;padding:20px}.node{outline:1px solid #aaa}.node-finish{background-color:red}.node-start{background-color:green}.node-wall{background-color:#0c3547}:root{--node-unvisited-color:#db5325;--node-visited-color:#006b0c;--node-finish-color:#fc030b;--node-start-color:#4f4;--node-outline-color:#444;--barrier-texture-url:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect fill="%23ffffff" width="100" height="100"/><rect x="20" y="20" width="60" height="60" fill="%23e91e63" stroke="%23c2185b" stroke-width="3" rx="4"/><line x1="35" y1="35" x2="65" y2="65" stroke="%23ffffff" stroke-width="4" stroke-linecap="round"/><line x1="65" y1="35" x2="35" y2="65" stroke="%23ffffff" stroke-width="4" stroke-linecap="round"/></svg>')}.node{background-color:#db5325;background-color:var(--node-unvisited-color);cursor:pointer;display:inline-block;height:25px;outline:1px solid #444;outline:1px solid var(--node-outline-color);pointer-events:auto;transition:all .1s ease;width:25px}.node-finish{background-color:#fc030b!important;background-color:var(--node-finish-color)!important;box-shadow:0 0 8px #f449}.node-start{background-color:#4f4!important;background-color:var(--node-start-color)!important;box-shadow:0 0 8px #4f49}.node-visited{animation-delay:0;animation-direction:alternate;animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:visitedAnimation;animation-play-state:running;animation-timing-function:ease-out}@keyframes visitedAnimation{0%{background-color:#006b0c4d;border-radius:100%;transform:scale(.3)}50%{background-color:#006b0c99}75%{background-color:#006b0cbf;transform:scale(1.2)}to{background-color:#006b0c;background-color:var(--node-visited-color);transform:scale(1)}}.node-wall{background-color:#fff;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect fill="%23ffffff" width="100" height="100"/><rect x="20" y="20" width="60" height="60" fill="%23e91e63" stroke="%23c2185b" stroke-width="3" rx="4"/><line x1="35" y1="35" x2="65" y2="65" stroke="%23ffffff" stroke-width="4" stroke-linecap="round"/><line x1="65" y1="35" x2="35" y2="65" stroke="%23ffffff" stroke-width="4" stroke-linecap="round"/></svg>');background-image:var(--barrier-texture-url);background-position:50%;background-repeat:no-repeat;background-size:contain;pointer-events:auto}.node-shortest-path{animation-delay:0;animation-direction:alternate;animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:shortestPath;animation-play-state:running;animation-timing-function:ease-out}@keyframes shortestPath{0%{background-color:#fffe6a;transform:scale(.6)}50%{background-color:#fffe6a;transform:scale(1.2)}to{background-color:#fffe6a;transform:scale(1)}}.visualizer-controls{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:20px auto;max-width:900px;padding:20px}.btn{border:none;border-radius:4px;box-shadow:0 2px 8px #0003;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.btn:hover:not(:disabled){box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.btn:active:not(:disabled){box-shadow:0 2px 8px #0003;transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn-secondary{background-color:#2196f3;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#0b7dda}.btn-danger{background-color:#f44336;color:#fff}.btn-danger:hover:not(:disabled){background-color:#da190b}.metrics-panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:20px auto;max-width:900px;padding:20px}.metric-card{background-color:#1a1a1a;border:1px solid #333;border-radius:6px;box-shadow:0 2px 6px #0000004d;min-width:150px;padding:15px 25px;text-align:center}.metric-label{color:#888;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.metric-value{color:var(--accent-color);font-size:18px;font-weight:700}@media (max-width:768px){.visualizer-controls{flex-direction:column}.btn{width:100%}}.pathfinding-visualizer{background-color:var(--bg-primary);border-radius:6px;color:var(--text-primary);padding:30px}.pathfinding-visualizer button{background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:15px;font-weight:600;margin:20px auto;padding:12px 30px;transition:all .3s ease}.pathfinding-visualizer button:hover{background-color:var(--accent-hover);box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.grid{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;display:inline-block;margin:30px auto;padding:20px}.main-content{background-color:var(--bg-primary);flex:1 1;margin:0 auto;max-width:900px;overflow-y:auto;padding:30px;width:100%}.main-content section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;margin-bottom:20px;padding:20px}.main-content h2{color:var(--text-primary);margin-top:0}.main-content p{color:var(--text-secondary);line-height:1.6}.code-editor{text-align:left}.code-input{background-color:var(--editor-bg);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--editor-text);font-family:Courier New,Courier,monospace;font-size:13px;height:400px;max-width:100%;min-height:200px;padding:10px;resize:vertical;width:100%}.code-input:focus{border-color:var(--accent-color);box-shadow:0 0 5px #4caf504d;outline:none}.language-select{margin-top:15px}.language-select label{color:var(--text-secondary);font-weight:500;margin-right:10px}.language-select select{background-color:var(--editor-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--editor-text);cursor:pointer;font-size:13px;padding:8px 12px}.language-select select:focus{border-color:var(--accent-color);outline:none}button{background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:15px;padding:10px 25px;transition:all .3s ease}button:hover:not(:disabled){background-color:var(--accent-hover);box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}button:disabled{background-color:#555;cursor:not-allowed;opacity:.6}.output{margin-top:20px}.output pre{word-wrap:break-word;background-color:var(--editor-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--editor-text);font-family:Courier New,Courier,monospace;font-size:13px;max-height:300px;overflow-y:auto;padding:15px;text-align:left;white-space:pre-wrap}.applications{margin-top:20px}.pretag{color:var(--editor-text)}.intro{text-align:center}
/*# sourceMappingURL=main.b26c1d83.css.map*/