.array-visualizer.svelte-bs8ef4{position:relative;width:100%;height:400px;margin:0 auto;padding:0;background-color:#fff;border-radius:8px;border:2px solid var(--line);box-shadow:0 1px 3px #0000001a;overflow:hidden}.array-visualizer.substring-mode.svelte-bs8ef4{display:flex;align-items:flex-start;justify-content:center;padding:30px 20px}.empty-state.svelte-bs8ef4{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--ink-soft);text-align:center;padding:1rem}.empty-state.svelte-bs8ef4 svg:where(.svelte-bs8ef4){color:var(--ink-faint)}.empty-state.svelte-bs8ef4 p:where(.svelte-bs8ef4){margin:0;font-size:.95rem;max-width:280px}.empty-state.svelte-bs8ef4 strong:where(.svelte-bs8ef4){color:var(--ink)}.array-item.svelte-bs8ef4{position:absolute;bottom:8px;left:0;display:flex;align-items:flex-start;justify-content:center;background-color:var(--iris);border:1px solid var(--iris-strong);border-radius:5px 5px 0 0;box-shadow:0 1px 2px #0000001f;will-change:height,transform;transition:height .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),background-color .18s ease,border-color .18s ease;z-index:1}.array-item.highlighted.svelte-bs8ef4{background-color:var(--signal-compare);border-color:var(--signal-compare);box-shadow:0 0 0 2px var(--signal-compare),0 4px 12px #ed404259;z-index:5}.array-item.svelte-bs8ef4 .value:where(.svelte-bs8ef4){position:absolute;top:-22px;font-size:12px;font-weight:700;color:var(--ink);line-height:1;padding:0;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:color .18s ease}.array-item.highlighted.svelte-bs8ef4 .value:where(.svelte-bs8ef4){color:var(--signal-compare)}@media (prefers-reduced-motion: reduce){.array-item.svelte-bs8ef4{transition:none}}.substring-container.svelte-bs8ef4{width:100%;display:flex;flex-direction:column;gap:40px}.text-info.svelte-bs8ef4,.pattern-info.svelte-bs8ef4{display:flex;flex-direction:column;gap:14px}.label.svelte-bs8ef4{font-weight:700;font-size:.9rem;color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase}.text-display.svelte-bs8ef4,.pattern-display.svelte-bs8ef4{display:flex;flex-wrap:wrap;gap:4px}.char-cell.svelte-bs8ef4{position:relative;display:flex;justify-content:center;align-items:center;width:32px;height:32px;background-color:var(--surface-2);border:1px solid var(--line-strong);border-radius:6px;font-size:15px;transition:background-color .18s ease,border-color .18s ease}.char-cell.active.svelte-bs8ef4{background-color:#e0e7ff;background-color:oklch(93% .05 274);border-color:var(--iris)}.char-cell.highlighted.svelte-bs8ef4{background-color:var(--signal-compare);border-color:var(--signal-compare);color:#fff}.char-cell.svelte-bs8ef4 .value:where(.svelte-bs8ef4){font-weight:600;color:inherit}.index.svelte-bs8ef4{position:absolute;top:-18px;font-size:10px;color:var(--ink-soft)}