.rule-steps.svelte-12f5omj{display:flex;align-items:center;padding:4px 0 18px;border-bottom:1px solid var(--border)}.rule-step.svelte-12f5omj{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13.5px}.rule-step__num.svelte-12f5omj{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);font-weight:500}.rule-step.is-active.svelte-12f5omj{color:var(--text)}.rule-step.is-active.svelte-12f5omj .rule-step__num:where(.svelte-12f5omj){background:var(--accent);color:#fff;border-color:var(--accent)}.rule-step.is-done.svelte-12f5omj{color:var(--text)}.rule-step.is-done.svelte-12f5omj .rule-step__num:where(.svelte-12f5omj){background:var(--accent-soft);color:var(--accent);border-color:var(--accent-soft)}.rule-step__line.svelte-12f5omj{flex:1;height:1px;background:var(--border);margin:0 10px}.rule-step__line.is-done.svelte-12f5omj{background:var(--accent)}.rule-cards.svelte-12f5omj{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rule-card.svelte-12f5omj{display:flex;align-items:center;gap:8px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:left;font:inherit;color:inherit;font-weight:500}.rule-card.svelte-12f5omj:hover{border-color:var(--text-muted)}.rule-card.is-active.svelte-12f5omj{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}