.page-module__-MX4uq__page{background-color:#f9fafb;grid-template-rows:1fr auto;height:100vh;padding-top:64px;display:grid;overflow:hidden}.page-module__-MX4uq__body{grid-template-columns:260px 1fr 320px;display:grid;overflow:hidden}.page-module__-MX4uq__sidebar{scrollbar-width:thin;scrollbar-color:#e5e7eb transparent;background-color:#fff;border-right:1px solid #e5e7eb;padding:24px 16px;overflow-y:auto}.page-module__-MX4uq__canvas{background-color:#f9fafb;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden}.page-module__-MX4uq__explainPanel{scrollbar-width:thin;scrollbar-color:#e5e7eb transparent;background-color:#fff;border-left:1px solid #e5e7eb;padding:24px;overflow-y:auto}.page-module__-MX4uq__controls{background-color:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 32px;display:flex}
.Sidebar-module__kLBY2q__sidebar{flex-direction:column;gap:16px;height:100%;display:flex}.Sidebar-module__kLBY2q__section{flex-direction:column;gap:6px;display:flex}.Sidebar-module__kLBY2q__label{color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-size:11px}.Sidebar-module__kLBY2q__input{color:#0f172a;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:13px;transition:border-color .15s}.Sidebar-module__kLBY2q__input:focus{border-color:#6366f1}.Sidebar-module__kLBY2q__input::placeholder{color:#d1d5db}.Sidebar-module__kLBY2q__error{color:#ef4444;font-size:11px}.Sidebar-module__kLBY2q__operationButtons{flex-wrap:wrap;gap:4px;display:flex}.Sidebar-module__kLBY2q__opButton{color:#9ca3af;cursor:pointer;text-transform:lowercase;background-color:#0000;border:1px solid #e5e7eb;border-radius:6px;padding:5px 10px;font-family:JetBrains Mono,monospace;font-size:11px;transition:all .15s}.Sidebar-module__kLBY2q__opButton:hover{color:#0f172a;border-color:#d1d5db}.Sidebar-module__kLBY2q__opButtonActive{color:#6366f1;background-color:#eef2ff;border-color:#c7d2fe}.Sidebar-module__kLBY2q__runButton{color:#fff;cursor:pointer;background-color:#0f172a;border:none;border-radius:8px;width:100%;padding:10px;font-size:13px;font-weight:600;transition:background-color .15s}.Sidebar-module__kLBY2q__runButton:hover:not(:disabled){background-color:#1e293b}.Sidebar-module__kLBY2q__runButton:disabled{opacity:.5;cursor:not-allowed}.Sidebar-module__kLBY2q__divider{background-color:#f3f4f6;height:1px}.Sidebar-module__kLBY2q__category{flex-direction:column;gap:4px;display:flex}.Sidebar-module__kLBY2q__categoryLabel{text-transform:uppercase;letter-spacing:.1em;margin-bottom:2px;padding:0 8px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.Sidebar-module__kLBY2q__algorithmList{flex-direction:column;gap:2px;display:flex}.Sidebar-module__kLBY2q__algoButton{color:#6b7280;text-align:left;cursor:pointer;background-color:#0000;border:none;border-radius:6px;width:100%;padding:8px;font-size:13px;transition:background-color .15s,color .15s}.Sidebar-module__kLBY2q__algoButton:hover{color:#0f172a;background-color:#f3f4f6}.Sidebar-module__kLBY2q__algoButtonActive{color:#6366f1;background-color:#eef2ff}
.Canvas-module__iCqoYW__canvas{flex-direction:column;justify-content:center;align-items:center;gap:40px;width:100%;height:100%;display:flex;position:relative}.Canvas-module__iCqoYW__loading{flex-direction:column;align-items:center;gap:16px;display:flex}.Canvas-module__iCqoYW__spinner{border:2px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite Canvas-module__iCqoYW__spin}.Canvas-module__iCqoYW__loadingText,.Canvas-module__iCqoYW__empty{color:#9ca3af;font-family:JetBrains Mono,monospace;font-size:13px}.Canvas-module__iCqoYW__descriptionBar{background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;width:100%;max-width:600px;padding:12px 20px;display:flex;box-shadow:0 1px 4px #0000000a}.Canvas-module__iCqoYW__description{color:#374151;flex:1;font-size:13px}.Canvas-module__iCqoYW__phase{color:#6366f1;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;background-color:#eef2ff;border:1px solid #c7d2fe;border-radius:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:11px}.Canvas-module__iCqoYW__nodesWrapper{justify-content:center;width:100%;padding:20px 0;display:flex;overflow-x:auto}.Canvas-module__iCqoYW__nodes{align-items:flex-end;gap:12px;display:flex}.Canvas-module__iCqoYW__dsWrapper{background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;width:100%;max-width:600px;max-height:300px;padding:20px;overflow-y:auto}.Canvas-module__iCqoYW__dsState{color:#6b7280;white-space:pre-wrap;word-break:break-all;font-family:JetBrains Mono,monospace;font-size:12px}.Canvas-module__iCqoYW__stepCounter{position:absolute;bottom:16px;right:16px}.Canvas-module__iCqoYW__stepText{color:#9ca3af;font-family:JetBrains Mono,monospace;font-size:12px}.Canvas-module__iCqoYW__stepAccent{color:#6366f1}@keyframes Canvas-module__iCqoYW__spin{to{transform:rotate(360deg)}}
.ArrayNode-module__q6vYVW__wrapper{flex-direction:column;align-items:center;gap:8px;display:flex}.ArrayNode-module__q6vYVW__node{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:56px;height:56px;transition:background-color .2s,border-color .2s,transform .2s;display:flex}.ArrayNode-module__q6vYVW__nodeDefault{background-color:#f3f4f6;border-color:#e5e7eb}.ArrayNode-module__q6vYVW__nodeHighlight{background-color:#eef2ff;border-width:2px;border-color:#6366f1;transform:translateY(-4px);box-shadow:0 4px 12px #6366f133}.ArrayNode-module__q6vYVW__nodeSwap{background-color:#fef2f2;border-width:2px;border-color:#ef4444;transform:translateY(-4px);box-shadow:0 4px 12px #ef444433}.ArrayNode-module__q6vYVW__nodeSorted{background-color:#ecfdf5;border-color:#10b981}.ArrayNode-module__q6vYVW__value{color:#0f172a;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:600}.ArrayNode-module__q6vYVW__index{color:#9ca3af;font-family:JetBrains Mono,monospace;font-size:11px}
.DataStructureCanvas-module__UeRJRa__stackWrapper{flex-direction:column;align-items:center;gap:8px;display:flex}.DataStructureCanvas-module__UeRJRa__stackLabel{color:#9ca3af;letter-spacing:.1em;font-family:JetBrains Mono,monospace;font-size:10px}.DataStructureCanvas-module__UeRJRa__stack{flex-direction:column;gap:4px;min-height:60px;display:flex}.DataStructureCanvas-module__UeRJRa__stackNode{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;width:200px;padding:12px 16px;transition:all .2s;display:flex}.DataStructureCanvas-module__UeRJRa__stackNodeTop{background-color:#eef2ff;border-color:#c7d2fe}.DataStructureCanvas-module__UeRJRa__stackNodeHighlight{background-color:#eef2ff;border-width:2px;border-color:#6366f1;transform:translate(4px)}.DataStructureCanvas-module__UeRJRa__stackTopLabel{color:#6366f1;font-family:JetBrains Mono,monospace;font-size:11px}.DataStructureCanvas-module__UeRJRa__emptySlot{color:#d1d5db;text-align:center;border:1px dashed #e5e7eb;border-radius:8px;width:200px;padding:12px 16px;font-family:JetBrains Mono,monospace;font-size:12px}.DataStructureCanvas-module__UeRJRa__queueWrapper{align-items:center;gap:12px;display:flex}.DataStructureCanvas-module__UeRJRa__queueEndLabel{color:#9ca3af;letter-spacing:.1em;writing-mode:vertical-rl;font-family:JetBrains Mono,monospace;font-size:10px}.DataStructureCanvas-module__UeRJRa__queue{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;max-width:500px;display:flex}.DataStructureCanvas-module__UeRJRa__queueNodeWrapper{align-items:center;gap:4px;display:flex}.DataStructureCanvas-module__UeRJRa__queueNode{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-width:56px;padding:12px 16px;transition:all .2s;display:flex}.DataStructureCanvas-module__UeRJRa__queueNodeHighlight{background-color:#eef2ff;border-width:2px;border-color:#6366f1;transform:translateY(-4px)}.DataStructureCanvas-module__UeRJRa__queuePosLabel{color:#9ca3af;font-family:JetBrains Mono,monospace;font-size:10px}.DataStructureCanvas-module__UeRJRa__arrow{color:#d1d5db;font-family:JetBrains Mono,monospace;font-size:16px}.DataStructureCanvas-module__UeRJRa__nodeValue{color:#0f172a;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:600}.DataStructureCanvas-module__UeRJRa__linkedListWrapper{justify-content:center;align-items:center;width:100%;padding:20px 0;display:flex;overflow-x:auto}.DataStructureCanvas-module__UeRJRa__linkedList{align-items:center;gap:4px;display:flex}.DataStructureCanvas-module__UeRJRa__headLabel{color:#9ca3af;letter-spacing:.1em;margin-right:8px;font-family:JetBrains Mono,monospace;font-size:10px}.DataStructureCanvas-module__UeRJRa__linkedListNodeWrapper{align-items:center;gap:4px;display:flex}.DataStructureCanvas-module__UeRJRa__linkedListNode{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:64px;height:64px;transition:all .2s;display:flex;position:relative}.DataStructureCanvas-module__UeRJRa__linkedListNodeHighlight{background-color:#eef2ff;border-width:2px;border-color:#6366f1;transform:translateY(-4px);box-shadow:0 4px 12px #6366f133}.DataStructureCanvas-module__UeRJRa__pointer{justify-content:center;align-items:center;display:flex}.DataStructureCanvas-module__UeRJRa__pointerDot{background-color:#d1d5db;border-radius:50%;width:4px;height:4px}.DataStructureCanvas-module__UeRJRa__linkedArrow{color:#d1d5db;font-family:JetBrains Mono,monospace;font-size:16px}.DataStructureCanvas-module__UeRJRa__nullLabel{color:#d1d5db;margin-left:4px;font-family:JetBrains Mono,monospace;font-size:11px}.DataStructureCanvas-module__UeRJRa__bstWrapper{justify-content:center;padding:20px;display:flex;overflow-x:auto}.DataStructureCanvas-module__UeRJRa__bstNodeWrapper{flex-direction:column;align-items:center;gap:0;display:flex}.DataStructureCanvas-module__UeRJRa__bstNode{z-index:1;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .2s;display:flex;position:relative}.DataStructureCanvas-module__UeRJRa__bstNodeHighlight{background-color:#eef2ff;border-width:2px;border-color:#6366f1;box-shadow:0 4px 12px #6366f133}.DataStructureCanvas-module__UeRJRa__bstChildren{gap:16px;margin-top:0;display:flex}.DataStructureCanvas-module__UeRJRa__bstChild{flex-direction:column;align-items:center;display:flex}.DataStructureCanvas-module__UeRJRa__bstConnector{background-color:#e5e7eb;width:1px;height:24px}.DataStructureCanvas-module__UeRJRa__bstEmpty{width:52px;height:52px}
.Controls-module__cqpkeq__controls{flex-direction:column;gap:12px;width:100%;display:flex}.Controls-module__cqpkeq__progressBar{background-color:#e5e7eb;border-radius:1px;width:100%;height:2px;overflow:hidden}.Controls-module__cqpkeq__progressFill{background-color:#6366f1;border-radius:1px;height:100%;transition:width .2s}.Controls-module__cqpkeq__inner{justify-content:space-between;align-items:center;display:flex}.Controls-module__cqpkeq__buttons{align-items:center;gap:4px;display:flex}.Controls-module__cqpkeq__iconButton{color:#9ca3af;cursor:pointer;background-color:#0000;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .15s,color .15s;display:flex}.Controls-module__cqpkeq__iconButton:hover:not(:disabled){color:#0f172a;background-color:#f3f4f6}.Controls-module__cqpkeq__iconButton:disabled{opacity:.3;cursor:not-allowed}.Controls-module__cqpkeq__playButton{color:#fff;cursor:pointer;background-color:#23243d;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin:0 4px;transition:background-color .15s,transform .15s;display:flex}.Controls-module__cqpkeq__playButton:hover:not(:disabled){background-color:#4f46e5;transform:scale(1.05)}.Controls-module__cqpkeq__playButton:disabled{opacity:.3;cursor:not-allowed}.Controls-module__cqpkeq__counter{color:#9ca3af;align-items:center;gap:4px;font-family:JetBrains Mono,monospace;font-size:13px;display:flex}.Controls-module__cqpkeq__counterAccent{color:#6366f1}.Controls-module__cqpkeq__counterSeparator{color:#d1d5db}.Controls-module__cqpkeq__speedSelector{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:4px;padding:4px;display:flex}.Controls-module__cqpkeq__speedButton{color:#9ca3af;cursor:pointer;background-color:#0000;border:none;border-radius:6px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:12px;transition:background-color .15s,color .15s}.Controls-module__cqpkeq__speedButton:hover{color:#0f172a}.Controls-module__cqpkeq__speedButtonActive{color:#0f172a;background-color:#fff;box-shadow:0 1px 3px #00000014}
.PseudocodePanel-module__77LR6q__panel{flex-direction:column;gap:16px;height:100%;display:flex}.PseudocodePanel-module__77LR6q__header{align-items:center;gap:8px;display:flex}.PseudocodePanel-module__77LR6q__headerIcon{background-color:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.PseudocodePanel-module__77LR6q__headerTitle{color:#0f172a;font-size:13px;font-weight:600}.PseudocodePanel-module__77LR6q__algoName{color:#6366f1;text-transform:uppercase;letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-size:11px}.PseudocodePanel-module__77LR6q__stepInfo{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.PseudocodePanel-module__77LR6q__stepRow{justify-content:space-between;align-items:center;display:flex}.PseudocodePanel-module__77LR6q__stepLabel{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;font-family:JetBrains Mono,monospace;font-size:11px}.PseudocodePanel-module__77LR6q__stepValue{color:#6b7280;font-family:JetBrains Mono,monospace;font-size:11px}.PseudocodePanel-module__77LR6q__phaseValue{color:#6366f1;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:11px}.PseudocodePanel-module__77LR6q__divider{background-color:#f3f4f6;height:1px}.PseudocodePanel-module__77LR6q__codeBlock{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;max-height:280px;display:flex;overflow-y:auto}.PseudocodePanel-module__77LR6q__codeLine{align-items:center;gap:12px;padding:7px 12px;transition:background-color .15s;display:flex}.PseudocodePanel-module__77LR6q__codeLineHighlight{background-color:#eef2ff;border-left:3px solid #6366f1}.PseudocodePanel-module__77LR6q__lineNumber{color:#d1d5db;text-align:right;-webkit-user-select:none;user-select:none;min-width:16px;font-family:JetBrains Mono,monospace;font-size:11px}.PseudocodePanel-module__77LR6q__codeLineHighlight .PseudocodePanel-module__77LR6q__lineNumber{color:#6366f1}.PseudocodePanel-module__77LR6q__lineCode{color:#374151;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:12px}.PseudocodePanel-module__77LR6q__codeLineHighlight .PseudocodePanel-module__77LR6q__lineCode{color:#4338ca;font-weight:600}.PseudocodePanel-module__77LR6q__empty{color:#9ca3af;font-size:13px}.PseudocodePanel-module__77LR6q__snapshotHeader{margin-bottom:8px}.PseudocodePanel-module__77LR6q__snapshot{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px;overflow-x:auto}.PseudocodePanel-module__77LR6q__snapshotCode{color:#9ca3af;white-space:pre-wrap;word-break:break-all;font-family:JetBrains Mono,monospace;font-size:12px}.PseudocodePanel-module__77LR6q__codeBlock::-webkit-scrollbar{width:4px}.PseudocodePanel-module__77LR6q__codeBlock::-webkit-scrollbar-track{background:0 0}.PseudocodePanel-module__77LR6q__codeBlock::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.PseudocodePanel-module__77LR6q__snapshot::-webkit-scrollbar{height:4px}.PseudocodePanel-module__77LR6q__snapshot::-webkit-scrollbar-track{background:0 0}.PseudocodePanel-module__77LR6q__snapshot::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}