.string-visualizer.svelte-12dr6wm{display:flex;flex-direction:column;gap:.25rem;font-family:monospace;overflow-x:auto;padding:1rem;background:#fff;border-radius:8px;border:1px solid #ddd}.comparison-row.svelte-12dr6wm,.pointer-labels.svelte-12dr6wm,.characters.svelte-12dr6wm,.indices.svelte-12dr6wm{display:flex}.indicator-cell.svelte-12dr6wm,.pointer-cell.svelte-12dr6wm,.char-cell.svelte-12dr6wm,.index-cell.svelte-12dr6wm{min-width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #eee;background:#fff}.char-cell.svelte-12dr6wm{font-size:1.5rem;font-weight:700;background:#fafafa}.char-cell.highlight-i.svelte-12dr6wm{background:#2196f3;color:#fff;border-color:#1976d2}.char-cell.highlight-j.svelte-12dr6wm{background:#f44336;color:#fff;border-color:#d32f2f}.char-cell.highlight-k.svelte-12dr6wm{background:#ffeb3b;border-color:#ffc107;animation:svelte-12dr6wm-pulse 1s infinite}@keyframes svelte-12dr6wm-pulse{0%,to{opacity:1}50%{opacity:.7}}.indicator.svelte-12dr6wm{font-size:.75rem;color:#666;font-weight:700}.pointer-cell.svelte-12dr6wm .label:where(.svelte-12dr6wm){font-size:.875rem;font-weight:700;padding:.125rem .25rem;border-radius:3px}.pointer-cell.svelte-12dr6wm .i-label:where(.svelte-12dr6wm){background:#2196f3;color:#fff}.pointer-cell.svelte-12dr6wm .j-label:where(.svelte-12dr6wm){background:#f44336;color:#fff}.index-cell.svelte-12dr6wm{font-size:.75rem;color:#888;background:#fafafa}@media(max-width:600px){.indicator-cell.svelte-12dr6wm,.pointer-cell.svelte-12dr6wm,.char-cell.svelte-12dr6wm,.index-cell.svelte-12dr6wm{min-width:2rem;height:2rem}.char-cell.svelte-12dr6wm{font-size:1.25rem}}main.svelte-jpb4lh{min-height:100vh;display:flex;flex-direction:column;padding:1rem 1rem 5rem;box-sizing:border-box}footer.svelte-jpb4lh{position:fixed;bottom:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid #eee;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;z-index:100}footer.svelte-jpb4lh nav:where(.svelte-jpb4lh) a:where(.svelte-jpb4lh){color:#4a90d9;text-decoration:none}footer.svelte-jpb4lh nav:where(.svelte-jpb4lh) a:where(.svelte-jpb4lh):hover{text-decoration:underline}.title-group.svelte-jpb4lh{text-align:right}.title-group.svelte-jpb4lh h1:where(.svelte-jpb4lh){font-size:1.25rem;margin:0}.layout.svelte-jpb4lh{display:grid;grid-template-columns:1fr;gap:2rem;flex:1}@media(min-aspect-ratio:1/1)and (min-width:768px){.layout.svelte-jpb4lh{grid-template-columns:1fr 1fr}.visualization.svelte-jpb4lh{order:0;position:sticky;top:1rem;align-self:start}.left-column.svelte-jpb4lh{order:0}}@media(max-aspect-ratio:1/1),(max-width:767px){.visualization.svelte-jpb4lh{order:-1}.left-column.svelte-jpb4lh{order:0}}section.svelte-jpb4lh{margin-bottom:1.5rem}section.svelte-jpb4lh h2:where(.svelte-jpb4lh){font-size:1.25rem;margin-bottom:.75rem;border-bottom:1px solid #eee;padding-bottom:.5rem}.description.svelte-jpb4lh p:where(.svelte-jpb4lh){margin:.5rem 0;line-height:1.6}.controls.svelte-jpb4lh{background:#f9f9f9;padding:1rem;border-radius:8px}.control-row.svelte-jpb4lh{margin-bottom:1rem}.control-row.svelte-jpb4lh label:where(.svelte-jpb4lh){display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.control-row.svelte-jpb4lh input[type=text]:where(.svelte-jpb4lh),.control-row.svelte-jpb4lh input[type=number]:where(.svelte-jpb4lh),.control-row.svelte-jpb4lh select:where(.svelte-jpb4lh){padding:.5rem;border:1px solid #ddd;border-radius:4px;font-family:monospace}.control-row.svelte-jpb4lh input[type=text]:where(.svelte-jpb4lh){width:150px;text-transform:lowercase}.control-row.svelte-jpb4lh input[type=number]:where(.svelte-jpb4lh){width:80px}.control-row.svelte-jpb4lh select:where(.svelte-jpb4lh){padding:.5rem}.hint.svelte-jpb4lh{font-size:.75rem;color:#888;width:100%}.slider-row.svelte-jpb4lh input:where(.svelte-jpb4lh){width:100%;margin:1rem 0}.button-row.svelte-jpb4lh{display:flex;gap:.5rem}.button-row.svelte-jpb4lh button:where(.svelte-jpb4lh){flex:1}button.svelte-jpb4lh{padding:.5rem 1rem;border:none;border-radius:4px;background:#4a90d9;color:#fff;cursor:pointer;font-size:.875rem}button.svelte-jpb4lh:hover:not(:disabled){background:#357abd}button.svelte-jpb4lh:disabled{opacity:.5;cursor:not-allowed}button.secondary.svelte-jpb4lh{background:#666}button.secondary.svelte-jpb4lh:hover:not(:disabled){background:#555}.state-display.svelte-jpb4lh{background:#fff;border:1px solid #ddd;border-radius:4px;padding:1rem;margin-top:1rem}.state-display.svelte-jpb4lh h3:where(.svelte-jpb4lh){margin:0 0 .75rem;font-size:1rem;color:#333}.state-row.svelte-jpb4lh{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-family:monospace}.state-row.svelte-jpb4lh span:where(.svelte-jpb4lh){color:#666}.state-row.svelte-jpb4lh .value:where(.svelte-jpb4lh){font-size:1.125rem}.state-row.svelte-jpb4lh .value.i:where(.svelte-jpb4lh){color:#2196f3}.state-row.svelte-jpb4lh .value.j:where(.svelte-jpb4lh){color:#f44336}.state-row.svelte-jpb4lh .value.k:where(.svelte-jpb4lh){color:#ff9800}.state-row.svelte-jpb4lh .value.result:where(.svelte-jpb4lh){color:#4caf50}.result.svelte-jpb4lh{background:#fff;border-radius:4px;padding:1rem;margin-top:1rem}.result.success.svelte-jpb4lh{border:2px solid #4caf50;background:#f1f8e9}.result.svelte-jpb4lh h3:where(.svelte-jpb4lh){margin:0 0 .75rem;font-size:1rem;color:#333}.minimal-rotation.svelte-jpb4lh{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.rotation-string.svelte-jpb4lh{background:#4caf50;color:#fff;padding:.25rem .5rem;border-radius:3px;font-family:monospace;font-size:1.125rem}.rotation-index.svelte-jpb4lh{color:#666;font-size:.875rem}.visualization.svelte-jpb4lh{overflow:hidden;display:flex;flex-direction:column;min-height:200px}