.page-module__v1u4KW__page{padding:2rem 0 4rem}.page-module__v1u4KW__header{margin-bottom:2rem}.page-module__v1u4KW__headerContent{align-items:center;gap:1rem;display:flex}.page-module__v1u4KW__headerIcon{font-size:3rem}.page-module__v1u4KW__header h1{margin-bottom:.25rem;font-size:2.5rem}.page-module__v1u4KW__headerSubtitle{color:var(--text-secondary);font-size:1.1rem}.page-module__v1u4KW__mainGrid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:1024px){.page-module__v1u4KW__mainGrid{grid-template-columns:minmax(0,1fr) 380px}}.page-module__v1u4KW__visualizationPanel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;gap:2rem;min-height:600px;padding:1.5rem;display:flex}.page-module__v1u4KW__panelHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.page-module__v1u4KW__panelHeader h2{font-size:1.25rem}.page-module__v1u4KW__panelActions{gap:.5rem;display:flex}.page-module__v1u4KW__viewsContainer{flex-direction:column;flex:1;gap:2rem;display:flex}.page-module__v1u4KW__treeContainer{background:var(--bg-secondary);border-radius:var(--radius-md);flex:2;min-height:300px;position:relative;overflow:auto}.page-module__v1u4KW__svgCanvas{width:100%;height:100%}.page-module__v1u4KW__edge{stroke:var(--border-medium);stroke-width:2px}.page-module__v1u4KW__nodeGroup{transition:all .3s}.page-module__v1u4KW__nodeCircle{fill:var(--bg-tertiary);stroke:var(--border-medium);stroke-width:2px;transition:all .3s}.page-module__v1u4KW__nodeGroup.page-module__v1u4KW__highlight .page-module__v1u4KW__nodeCircle{stroke:var(--accent-yellow);fill:#eab30833;stroke-width:3px}.page-module__v1u4KW__nodeGroup.page-module__v1u4KW__active .page-module__v1u4KW__nodeCircle{stroke:var(--accent-cyan);fill:#06b6d433;stroke-width:3px;box-shadow:0 0 15px var(--accent-cyan)}.page-module__v1u4KW__nodeText{fill:var(--text-primary);text-anchor:middle;dominant-baseline:middle;font-family:Fira Code,monospace;font-size:14px;font-weight:600}.page-module__v1u4KW__arrayContainer{background:var(--bg-secondary);border-radius:var(--radius-md);flex:1;justify-content:center;align-items:center;padding:1.5rem;display:flex;overflow-x:auto}.page-module__v1u4KW__arrayGrid{gap:.5rem;display:flex}.page-module__v1u4KW__arrayItem{flex-direction:column;align-items:center;gap:.5rem;display:flex}.page-module__v1u4KW__arrayBox{background:var(--bg-tertiary);border:2px solid var(--border-medium);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:50px;height:50px;font-family:Fira Code,monospace;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex}.page-module__v1u4KW__arrayBox.page-module__v1u4KW__highlight{border-color:var(--accent-yellow);background:#eab3081a;transform:translateY(-5px)}.page-module__v1u4KW__arrayBox.page-module__v1u4KW__active{border-color:var(--accent-cyan);background:#06b6d41a;transform:translateY(-5px)}.page-module__v1u4KW__arrayIndex{color:var(--text-secondary);font-size:.8rem}.page-module__v1u4KW__controlsSection{margin-top:auto}.page-module__v1u4KW__operationControls{background:var(--bg-secondary);border-radius:var(--radius-md);flex-direction:column;gap:1rem;padding:1rem;display:flex}.page-module__v1u4KW__controlRow{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.page-module__v1u4KW__modeSwitch{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);padding:.25rem;display:flex}.page-module__v1u4KW__modeBtn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.page-module__v1u4KW__modeBtn.page-module__v1u4KW__active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.page-module__v1u4KW__infoPanel{flex-direction:column;gap:1.5rem;display:flex}.page-module__v1u4KW__infoCard{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem}.page-module__v1u4KW__infoCard h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.page-module__v1u4KW__infoCard p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}@media (max-width:768px){.page-module__v1u4KW__header h1{font-size:1.75rem}.page-module__v1u4KW__headerContent{text-align:left;flex-direction:column;align-items:flex-start}.page-module__v1u4KW__viewsContainer{flex-direction:column}}