.step-viz.svelte-1oxss7v{background:var(--bg);border:1px solid var(--border);border-radius:12px;margin:24px 0;overflow:hidden}.step-header.svelte-1oxss7v{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:12px}.step-title.svelte-1oxss7v{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;color:var(--text)}.step-title.svelte-1oxss7v svg:where(.svelte-1oxss7v){color:var(--primary)}.step-input.svelte-1oxss7v{padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:var(--bg);color:var(--text);width:150px}.step-input.svelte-1oxss7v:focus{outline:none;border-color:var(--primary)}.step-nav.svelte-1oxss7v{display:flex;justify-content:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border)}.step-dot.svelte-1oxss7v{width:32px;height:32px;border-radius:50%;border:2px solid var(--border);background:var(--bg);color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.step-dot.svelte-1oxss7v:hover{border-color:var(--primary)}.step-dot.active.svelte-1oxss7v{background:var(--primary);color:#fff;border-color:var(--primary)}.step-dot.done.svelte-1oxss7v{background:var(--success);color:#fff;border-color:var(--success)}.step-label.svelte-1oxss7v{text-align:center;padding:8px 16px;font-size:13px;color:var(--text)}.step-content.svelte-1oxss7v{padding:16px;display:flex;flex-direction:column;align-items:center;gap:12px;overflow-x:auto}.section.svelte-1oxss7v{transition:opacity .3s ease;text-align:center}.section.faded.svelte-1oxss7v{opacity:.4}.section-title.svelte-1oxss7v{font-size:12px;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.section-subtitle.svelte-1oxss7v{font-size:11px;font-weight:400;color:var(--muted);text-transform:none;letter-spacing:normal;font-style:italic}.step-explain.svelte-1oxss7v{font-size:13px;color:var(--text);line-height:1.5;text-align:center;max-width:480px;margin:0 auto 12px}.weight-matrices.svelte-1oxss7v{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.wmat.svelte-1oxss7v{display:flex;flex-direction:column;align-items:center;gap:6px}.q-label.svelte-1oxss7v{color:#3b82f6;font-weight:700}.k-label.svelte-1oxss7v{color:#f59e0b;font-weight:700}.v-label.svelte-1oxss7v{color:#10b981;font-weight:700}.worked-example.svelte-1oxss7v{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 16px;max-width:500px;width:100%;margin:0 auto}.worked-header.svelte-1oxss7v{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:8px}.worked-calc.svelte-1oxss7v{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;color:var(--text)}.worked-term.svelte-1oxss7v{padding:2px 6px;background:var(--bg);border:1px solid var(--border);border-radius:4px;white-space:nowrap}.worked-plus.svelte-1oxss7v{color:var(--muted);font-weight:500}.worked-equals.svelte-1oxss7v{color:var(--primary);font-weight:600}.worked-note.svelte-1oxss7v{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.4}.qkv-results.svelte-1oxss7v{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.qkv-block.svelte-1oxss7v{display:flex;flex-direction:column;align-items:center;gap:4px}.arrow-down.svelte-1oxss7v{font-size:13px;color:var(--primary);font-family:var(--font-mono);font-weight:600;text-align:center;padding:4px 0}.matrix.svelte-1oxss7v{display:inline-flex;flex-direction:column;gap:2px}.mat-row.svelte-1oxss7v{display:flex;align-items:center;gap:2px}.row-label.svelte-1oxss7v{min-width:48px;font-size:11px;color:var(--muted);text-align:right;padding-right:6px;font-family:var(--font-mono)}.mat-cell.svelte-1oxss7v{width:52px;height:28px;display:flex;align-items:center;justify-content:center;font-size:10px;font-family:var(--font-mono);color:var(--text);border:1px solid var(--border);border-radius:3px}.score-matrix.svelte-1oxss7v{display:inline-block}.score-header.svelte-1oxss7v{display:flex}.score-corner.svelte-1oxss7v{width:48px;height:24px}.score-label.svelte-1oxss7v{width:48px;height:28px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--muted)}.score-row.svelte-1oxss7v{display:flex}.score-cell.svelte-1oxss7v{width:48px;height:28px;display:flex;align-items:center;justify-content:center;font-size:10px;font-family:var(--font-mono);color:var(--text);border:1px solid var(--border);margin:-.5px}.output-note.svelte-1oxss7v{margin-top:8px;font-size:12px;color:var(--muted);text-align:center;font-style:italic}.step-buttons.svelte-1oxss7v{display:flex;justify-content:center;gap:12px;padding:12px 16px;border-top:1px solid var(--border);background:var(--surface)}.nav-btn.svelte-1oxss7v{padding:8px 20px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:13px;cursor:pointer;transition:all .15s ease}.nav-btn.svelte-1oxss7v:hover:not(:disabled){border-color:var(--primary)}.nav-btn.svelte-1oxss7v:disabled{opacity:.4;cursor:not-allowed}.nav-btn.primary.svelte-1oxss7v{background:var(--primary);color:#fff;border-color:var(--primary)}.nav-btn.primary.svelte-1oxss7v:hover:not(:disabled){opacity:.9}@media(max-width:600px){.mat-cell.svelte-1oxss7v{width:40px;font-size:8px}.score-cell.svelte-1oxss7v,.score-label.svelte-1oxss7v,.score-corner.svelte-1oxss7v{width:40px}.row-label.svelte-1oxss7v{min-width:36px;font-size:9px}}