.steps-panel{flex-direction:column;flex:auto;gap:.6rem;min-width:0;min-height:0;padding-bottom:.5rem;display:flex;overflow:auto}.steps__controls{border-bottom:1px solid var(--color-border-subtle);flex:none;gap:.5rem;min-height:2.5rem;padding:.25rem .6rem}.steps__add{border-top:1px solid var(--color-border-subtle);flex-wrap:wrap;flex:none;align-items:center;gap:.5rem;padding:.6rem .9rem 0;display:flex}.steps__controls label,.steps__add label{color:var(--color-secondary);align-items:center;gap:.4rem;font-size:.8125rem;display:inline-flex}.steps__empty{color:var(--color-secondary);margin:0;padding:.25rem .9rem;font-size:.875rem}.steps{flex-direction:column;gap:.4rem;margin:0;padding:0 .9rem;list-style:none;display:flex}.step{background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:.35rem;padding:.45rem .6rem;display:flex}.step[data-enabled=false]{background-color:var(--color-neutral-soft);color:var(--color-secondary)}.step[aria-invalid=true]{border-color:var(--color-error);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-error) 40%, transparent)}.step__row,.step__rule{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.step__label{flex:auto;align-items:center;gap:.5rem;min-width:0;font-size:.875rem;font-weight:500;display:inline-flex}.step__number{color:var(--color-muted);font-family:var(--font-mono);min-width:1.2rem;font-size:.75rem}.step__actions{flex-wrap:nowrap;margin-left:auto}.step__switch{background-color:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:none;height:1.25rem;min-height:0;transition:background-color var(--duration-fast) var(--ease-standard);flex:none;width:2.25rem;padding:0;position:relative}.step__switch>span{background-color:var(--color-surface);box-shadow:var(--shadow-xs);height:.9rem;transition:left var(--duration-fast) var(--ease-standard);border-radius:50%;width:.9rem;position:absolute;top:50%;left:.15rem;transform:translateY(-50%)}.step__switch[aria-checked=true]{background-color:var(--color-accent);border-color:var(--color-accent-strong)}.step__switch[aria-checked=true]>span{left:calc(100% - 1.05rem)}.step__failure{color:var(--color-error);margin:0;padding:0 .9rem;font-size:.8125rem}.step .step__failure{padding:0}.step__preview{background-color:var(--color-surface-2);border-radius:var(--radius-sm);color:var(--color-secondary);font-family:var(--font-mono);text-overflow:ellipsis;white-space:pre-wrap;word-break:break-all;max-height:4.5rem;margin:0;padding:.35rem .5rem;font-size:.75rem;line-height:1.5;overflow:hidden}.step__rules{flex-direction:column;gap:.3rem;margin:0;padding:0 0 0 .5rem;list-style:none;display:flex}.step__rule code{font-family:var(--font-mono);font-size:.8125rem}.step__rule-summary{color:var(--color-secondary);font-size:.75rem}.output-panel{min-height:0}.output__status{color:var(--color-secondary);flex-wrap:wrap;flex:none;gap:.25rem .75rem;min-height:1.5rem;margin:0;padding:.25rem .9rem;font-size:.75rem;display:flex}.output__status:empty{display:none}.output__view{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.output__view[hidden]{display:none}