.steps{grid-auto-columns:1fr;grid-auto-flow:column;gap:10px;display:grid}.step{border:1px solid var(--border);background:var(--surface);border-radius:6px;align-items:center;gap:10px;min-width:0;padding:12px 14px;display:flex}.step>div{min-width:0}.step-num{border:1px solid var(--border-strong);width:22px;height:22px;font-family:var(--font-mono);color:var(--text-muted);background:var(--surface);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;display:grid}.step.done .step-num{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.step.active{border-color:color-mix(in srgb, var(--accent) 50%, var(--border));background:color-mix(in srgb, var(--accent) 6%, var(--surface))}.step.active .step-num{border-color:var(--accent);color:var(--accent-on);background:var(--accent)}.step-label{color:var(--text-muted);white-space:nowrap;font-size:12px;font-weight:500}.step.active .step-label{color:var(--text);font-weight:600}.step.done .step-label{color:var(--text)}.step-meta{font-family:var(--font-mono);color:var(--text-subtle);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:10px}
.seg{border:1px solid var(--border-strong);border-radius:6px;display:grid;overflow:hidden}.seg-opt{background:var(--surface);border:none;border-right:1px solid var(--border-strong);text-align:left;cursor:pointer;color:var(--text);align-items:flex-start;gap:10px;padding:10px 14px;font-family:inherit;font-size:13px;display:flex}.seg-opt:last-child{border-right:none}.seg-opt:hover:not(.disabled){background:var(--gm-50)}.seg-opt.on{background:var(--primary-50);color:var(--primary-700);box-shadow:inset 0 0 0 1px var(--primary-500)}.seg-opt.disabled{opacity:.5;cursor:not-allowed}.seg-opt>div{flex:1;min-width:0}.seg-title{white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.seg-sub{color:var(--text-muted);margin-top:2px;font-size:11.5px}.seg-opt.on .seg-sub{color:var(--primary-600);opacity:.85}.seg-radio{border:1.5px solid var(--border-strong);border-radius:50%;flex-shrink:0;place-items:center;width:14px;height:14px;margin-top:1px;display:grid}.seg-opt.on .seg-radio{border-color:var(--primary-500)}.seg-opt.on .seg-radio:after{content:"";background:var(--primary-500);border-radius:50%;width:6px;height:6px}