*{box-sizing:border-box;margin:0;padding:0}:root{--primary-blue:#1f4b68;--primary-offwhite:#f6eedc;--secondary-blue:#3281a8;--accent-blue:#7eb8f7}.app{align-items:center;box-sizing:border-box;margin:0 auto;max-width:1200px;overflow-x:hidden;padding:24px}.app,.app>*{width:100%}body{background:#f6eedc;color:#eee;font-family:monospace;padding:24px}h1{color:#1f4b68;font-size:1.8rem;margin-bottom:24px}.algorithm-picker{display:flex;gap:12px;margin-bottom:16px}.algorithm-picker button{background:#0000;border:2px solid #555;border-radius:6px;color:#000;cursor:pointer;font-family:monospace;font-size:.95rem;padding:8px 20px;transition:all .2s}.algorithm-picker button.active{background:#7eb8f71a;border-color:#7eb8f7;color:#7eb8f7}.array-input{align-items:center;display:flex;gap:12px;margin-bottom:32px}.array-input input{background:#1f4b68;border:2px solid #555;border-radius:6px;color:#eee;font-family:monospace;font-size:.95rem;padding:8px 12px;width:300px}.array-input button{background:#7eb8f7;border:none;border-radius:6px;color:#1a1a2e;cursor:pointer;font-family:monospace;font-size:.95rem;font-weight:700;padding:8px 20px;transition:opacity .2s}.array-input button:disabled{cursor:not-allowed;opacity:.4}.error{color:#ff6b6b;font-size:.85rem}.demo-warn{color:#ba7517;color:var(--color-warning,#ba7517);font-size:.85rem}.info-hint{font-family:monospace;font-size:.75rem;opacity:.7;right:62px;top:28px;transition:opacity .2s}.info-hint,.info-toggle{color:#1f4b68;color:var(--primary-blue);cursor:pointer;position:fixed;z-index:100}.info-toggle{align-items:center;background:#f6eedc;background:var(--primary-offwhite);border:2px solid #1f4b68;border:2px solid var(--primary-blue);border-radius:50%;display:flex;font-size:1rem;height:36px;justify-content:center;right:20px;top:20px;transition:all .2s;width:36px}.info-toggle:hover{background:#1f4b68;background:var(--primary-blue);color:#fff}.info-panel{background:#f6eedc;background:var(--primary-offwhite);border-left:2px solid #1f4b68;border-left:2px solid var(--primary-blue);display:flex;flex-direction:column;gap:24px;height:100vh;overflow-y:auto;padding:32px 24px;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:320px;z-index:102}.info-panel.open{transform:translateX(0)}.info-close{background:#0000;border:none;cursor:pointer;font-size:1rem;padding:4px 8px;position:absolute;right:16px;top:16px}.info-close,.info-panel h2{color:#1f4b68;color:var(--primary-blue)}.info-panel h2{font-size:1.2rem;margin:0}.info-panel h3{color:#888;font-size:.85rem;font-weight:500;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.info-blurb{color:#444;font-size:.9rem;line-height:1.6;margin:0}.info-section,.info-section ul{display:flex;flex-direction:column}.info-section ul{color:#444;font-size:.85rem;gap:8px;list-style:none}.info-tag{background:#1f4b681a;border-radius:4px;color:#1f4b68;color:var(--primary-blue);display:inline-block;font-family:monospace;font-size:.8rem;margin-right:6px;padding:2px 8px}.info-links{display:flex;flex-direction:column;gap:10px}.info-links a{border-bottom:1px solid #1f4b684d;color:#1f4b68;color:var(--primary-blue);font-size:.9rem;padding-bottom:4px;text-decoration:none;transition:border-color .2s}.info-links a:hover{border-color:#1f4b68;border-color:var(--primary-blue)}.info-hint:hover{opacity:1}.info-version{color:#888;font-size:.75rem;font-weight:400;margin-left:6px}.visualizer{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;gap:0;margin-top:16px;overflow-x:auto;padding-bottom:8px;width:100%}.visualizer-empty{color:#555;font-size:1rem;margin-top:48px}.bars{align-items:flex-end;gap:4px;min-width:max-content;padding-bottom:0}.bar-column,.bars{display:flex;height:220px}.bar-column{flex-direction:column;justify-content:flex-end}.bar{border-radius:4px 4px 0 0;min-height:4px;transition:background-color .2s;width:40px}.boxes{display:flex;gap:4px;min-width:max-content}.box-column{flex-direction:column}.box,.box-column{align-items:center;display:flex;width:40px}.box{border:2px solid;border-radius:0 0 4px 4px;font-size:.85rem;font-weight:700;height:40px;justify-content:center}.arrow{color:#ff6b6b;font-size:1.2rem;margin-top:4px}.step-controls{display:flex;flex-direction:column;gap:12px;margin-top:24px;max-width:500px}.step-buttons{display:flex;gap:8px}.step-buttons button{align-items:center;background:#0000;border:2px solid #555;border-radius:6px;color:#1f4b68;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:all .2s;width:40px}.step-button button:disabled{cursor:not-allowed;opacity:.3}.step-button button:hover:not(:disabled){border-color:#7eb8f7;color:#7eb8f7}input[type=range]{accent-color:#7eb8f7;cursor:pointer;width:100%}.step-counter{color:#888;font-size:.85rem}.brackets{height:32px;margin-top:4px;min-width:max-content;position:relative}.bracket-bar{align-items:center;display:flex;flex-direction:column;position:absolute}.bracket-line{border-top:2px solid;margin-top:6px;position:relative;width:100%}.left-bracket-tick{border-left:2px solid;border-color:inherit;height:6px;left:0;position:absolute;top:-6px}.right-bracket-tick{border-right:2px solid;border-color:inherit;height:6px;position:absolute;right:0;top:-6px}.bracket-label{font-family:monospace;font-size:10px;margin-top:4px}.mode-picker{display:flex;gap:12px;margin-bottom:24px}.mode-picker button{background:#0000;border:2px solid #1f4b68;border:2px solid var(--primary-blue);border-radius:8px;color:#1f4b68;color:var(--primary-blue);cursor:pointer;font-family:monospace;font-size:1rem;font-weight:700;padding:10px 28px;transition:all .2s}.mode-picker button.active{background:#1f4b68;background:var(--primary-blue);border-color:#1f4b68;border-color:var(--primary-blue);color:#fff}.mode-picker button:disabled{border-color:#888;color:#888;cursor:not-allowed;opacity:.35}.tree-subtype{display:flex;gap:8px;margin-bottom:16px}.tree-subtype button{background:#0000;border:1.5px solid #888;border-radius:20px;color:#888;cursor:pointer;font-family:monospace;font-size:.85rem;padding:4px 16px;transition:all .2s}.tree-subtype button.active{background:#1f4b6814;border-color:#1f4b68;border-color:var(--primary-blue);color:#1f4b68;color:var(--primary-blue)}.graph-visualizer{margin-top:16px;width:100%}.zoom-controls{align-items:center;display:flex;gap:8px;margin-bottom:8px}.zoom-controls button{align-items:center;background:#0000;border:1.5px solid #1f4b68;border:1.5px solid var(--primary-blue);border-radius:6px;color:#1f4b68;color:var(--primary-blue);cursor:pointer;display:flex;font-family:monospace;font-size:1.1rem;font-weight:700;height:32px;justify-content:center;min-width:32px;padding:0 10px;transition:all .2s}.zoom-controls button:hover{background:#1f4b68;background:var(--primary-blue);color:#fff}.zoom-label{color:#888;font-family:monospace;font-size:.85rem;min-width:40px}.graph-builder{flex-direction:column;gap:8px}.graph-builder,.graph-toolbar{align-items:center;display:flex;width:100%}.graph-toolbar{gap:16px;justify-content:center}.graph-clear{background:#0000;border:1.5px solid #c44;border-radius:6px;color:#c44;cursor:pointer;font-family:monospace;font-size:.9rem;padding:8px 16px;transition:all .2s}.graph-clear:hover{background:#c44;color:#fff}.graph-demo{background:#7eb8f7;border:none;border-radius:6px;color:#1a1a2e;cursor:pointer;font-family:monospace;font-size:.95rem;font-weight:700;padding:8px 20px;transition:opacity .2s}.graph-hint{color:#888;font-family:monospace;font-size:.8rem;text-align:center}.graph-canvas{background:#1f4b6808;border:1.5px solid #1f4b68;border:1.5px solid var(--primary-blue);border-radius:8px;cursor:crosshair;display:block}.weight-popup{align-items:center;background:#f6eedc;background:var(--primary-offwhite);border:1.5px solid #1f4b68;border:1.5px solid var(--primary-blue);border-radius:6px;display:flex;gap:6px;padding:6px 10px;position:absolute;transform:translateX(-50%);z-index:10}.weight-popup,.weight-popup input{color:#1f4b68;color:var(--primary-blue);font-family:monospace;font-size:.85rem}.weight-popup input{background:#fff;border:1px solid #1f4b68;border:1px solid var(--primary-blue);border-radius:4px;padding:3px 6px;width:52px}.weight-popup button{background:#0000;border:none;color:#1f4b68;color:var(--primary-blue);cursor:pointer;font-size:.9rem;padding:2px 4px}
/*# sourceMappingURL=main.b309ac3a.css.map*/