.array-viz-compact{background:var(--code-bg,#1e1e1e);border-radius:8px;padding:1.5rem;margin:1.5rem 0;max-width:600px}[data-theme="dark"] .array-viz-compact{background:#1a1a1a;border:1px solid #333}.array-viz-header{margin-bottom:1rem}.array-viz-header h4{margin:0 0 0.5rem 0;color:var(--text-primary,#fff);font-size:1.1rem}.array-viz-desc{margin:0;color:#888;font-size:0.9rem}.array-container{display:flex;gap:8px;margin:1rem 0;flex-wrap:wrap}.array-box{background:#2a2a2a;border:2px solid #444;border-radius:6px;padding:0.75rem;min-width:60px;text-align:center;cursor:pointer;transition:all 0.2s ease}.array-box:hover{border-color:#3b82f6;transform:translateY(-2px)}.array-box.highlight{background:#3b82f6;border-color:#60a5fa;animation:pulse 0.5s ease}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.array-index{font-size:0.75rem;color:#888;margin-bottom:0.25rem;font-family:"Fira Code",monospace}.array-value{font-size:1.1rem;font-weight:bold;color:#fff;font-family:"Fira Code",monospace}.array-controls{display:flex;gap:0.5rem;margin:1rem 0;flex-wrap:wrap}.array-complexity{background:rgba(0,0,0,0.3);border-left:3px solid #888;padding:0.75rem;border-radius:4px;font-size:0.9rem;color:#888;margin-top:1rem}@media (max-width:600px){.array-viz-compact{padding:1rem}.array-box{min-width:50px;padding:0.5rem}.array-value{font-size:1rem}}