.big-o-mermaid-wrap{flex-direction:column;align-items:center;width:100%;max-width:900px;margin:0 auto 2rem;display:flex}.big-o-mermaid-wrap .mermaid{justify-content:center;width:100%;display:flex}.big-o-mermaid-wrap .mermaid svg{max-width:100%;height:auto}.big-o-tabs{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:1200px;margin:0 auto 2rem;display:flex}.big-o-tab-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-med);cursor:pointer;font-family:var(--font-mono);border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .2s}.big-o-tab-btn:hover{border-color:var(--cyan);color:var(--text-hi);box-shadow:0 0 12px #00e5ff26}.big-o-tab-btn.active{border-color:var(--cyan);color:var(--text-hi);background:#00e5ff1a;box-shadow:0 0 20px #00e5ff40}.big-o-viz-area{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;max-width:1200px;min-height:350px;margin:0 auto;padding:2.5rem 2rem;display:flex;position:relative;overflow:hidden}.big-o-desc{color:var(--text-med);text-align:center;margin-bottom:2rem;font-size:1.1rem}.big-o-array{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:100%;margin-bottom:3rem;display:flex}.big-o-cell{background:var(--bg);border:1px solid var(--border);width:48px;height:48px;font-family:var(--font-mono);color:var(--text-med);border-radius:8px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;transition:all .2s;display:flex}.big-o-cell.active-cyan{border-color:var(--cyan);color:var(--text-hi);z-index:2;background:#00e5ff26;transform:scale(1.15);box-shadow:0 0 16px #00e5ff4d}.big-o-cell.active-pink{border-color:var(--pink);color:var(--text-hi);z-index:2;background:#ff408126;transform:scale(1.15)translateY(-4px);box-shadow:0 0 16px #ff40814d}.big-o-cell.sorted{border-color:var(--green);color:var(--text-hi);background:#69f0ae26;box-shadow:0 0 12px #69f0ae33}.big-o-stats{border-top:1px dashed var(--border);justify-content:center;gap:4rem;width:100%;margin-top:auto;padding-top:2rem;display:flex}.big-o-stat{flex-direction:column;align-items:center;gap:.5rem;display:flex}.big-o-stat-label{color:var(--text-low);text-transform:uppercase;letter-spacing:1px;font-size:.85rem}.big-o-stat-value{font-family:var(--font-mono);color:var(--cyan);font-size:2rem;font-weight:700}.big-o-controls{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.big-o-control-btn{background:var(--bg);border:1px solid var(--border);color:var(--text-hi);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:flex}.big-o-control-btn:hover:not(:disabled){border-color:var(--cyan);box-shadow:0 0 12px #00e5ff33}.big-o-control-btn:disabled{opacity:.5;cursor:not-allowed}.big-o-control-btn.primary{border-color:var(--cyan);color:var(--cyan);background:#00e5ff1a}.big-o-control-btn.primary:hover:not(:disabled){background:#00e5ff33}[data-theme=light] .big-o-mermaid-wrap{--bg:#080b10;--surface:#0e1219;--surface2:#151c27;--border:#1e2a3a;--border2:#253040;--text:#c9d3e0;--text-dim:#5a6a7e;--text-hi:#eef2f8;--cyan:#00e5ff;--purple:#b985f4;--green:#3effa3;--dim:#1e1e2e;background:#12161f;border:1px solid #1e2a3a;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #00000026}