.stepper{margin-bottom:36px}.stepper-top{display:flex;gap:0;align-items:stretch;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.stepper-top .step{flex:1;display:flex;align-items:center;gap:14px;padding:16px 20px;position:relative;border-right:1px solid var(--border);color:var(--ink-3);transition:background .15s;text-align:left;min-width:0}.stepper-top .step:last-child{border-right:none}.stepper-top .step:hover:not(:disabled){background:var(--surface-2)}.stepper-top .step:disabled{cursor:not-allowed;opacity:0.7}.stepper-top .step.active{background:var(--ink);color:var(--bg)}.stepper-top .step.done{color:var(--ink)}.stepper-top .step.done .step-num{background:var(--success);color:#fff;border-color:var(--success)}.stepper-top .step.active .step-num{background:var(--magenta-500);color:#fff;border-color:var(--magenta-500)}.step-num{width:32px;height:32px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--border-strong);border-radius:50%;font-family:var(--f-mono);font-size:13px;font-weight:500;background:var(--surface);color:var(--ink-3);transition:all .2s}.step-label{min-width:0;display:flex;flex-direction:column;line-height:1.1}.step-label .eyebrow{font-size:10px;opacity:0.7}.step-label .name{font-family:var(--f-display);font-size:20px;font-weight:400;letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stepper-progress{height:2px;background:var(--border);position:relative;margin-top:-1px;border-radius:0 0 var(--r-md) var(--r-md);overflow:hidden}.stepper-progress .bar{position:absolute;top:0;left:0;bottom:0;background:var(--magenta-500);transition:width 0.4s cubic-bezier(0.2, 0.8, 0.2, 1)}.stepper-side{display:flex;flex-direction:column;gap:4px;padding:20px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}.stepper-side .eyebrow{margin-bottom:8px}.stepper-side .step{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--r-sm);color:var(--ink-3);text-align:left;transition:background .15s}.stepper-side .step:hover:not(:disabled){background:var(--bg-alt)}.stepper-side .step.active{background:var(--ink);color:var(--bg)}.stepper-side .step.done{color:var(--ink)}.stepper-side .step-num{width:26px;height:26px;font-size:12px}.stepper-side .step.active .step-num{background:var(--magenta-500);color:#fff;border-color:var(--magenta-500)}.stepper-side .step.done .step-num{background:var(--success);color:#fff;border-color:var(--success)}.stepper-side .step-label .name{font-size:15px;font-family:var(--f-sans);font-weight:500}.stepper-min{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.stepper-min .counter{font-family:var(--f-mono);font-size:12px;color:var(--ink-3);letter-spacing:0.14em}.stepper-min .counter strong{color:var(--magenta-500);font-weight:500}.stepper-min .track{flex:1;height:2px;background:var(--border);border-radius:2px;overflow:hidden;position:relative}.stepper-min .track .bar{position:absolute;top:0;left:0;bottom:0;background:var(--magenta-500);transition:width 0.4s cubic-bezier(0.2, 0.8, 0.2, 1)}.stepper-min .name{font-family:var(--f-display);font-size:24px;font-weight:400;letter-spacing:-0.01em;min-width:180px;text-align:right}.accordion-step{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);margin-bottom:10px;overflow:hidden}.accordion-step.active{border-color:var(--ink)}.accordion-step.done{border-color:var(--success)}.accordion-header{display:flex;align-items:center;gap:12px;padding:14px 16px;width:100%;text-align:left}.accordion-header .step-num{width:28px;height:28px;font-size:12px}.accordion-step.active .step-num{background:var(--magenta-500);color:#fff;border-color:var(--magenta-500)}.accordion-step.done .step-num{background:var(--success);color:#fff;border-color:var(--success)}.accordion-step .name{font-family:var(--f-display);font-size:22px;line-height:1;flex:1}.accordion-body{padding:0 16px 20px;border-top:1px dashed var(--border)}.step-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}.step-actions .left{display:flex;gap:10px}.step-actions .right{display:flex;gap:10px}@media (max-width: 720px){.stepper-top{flex-direction:column}.stepper-top .step{border-right:none;border-bottom:1px solid var(--border)}.stepper-top .step:last-child{border-bottom:none}}.stepper-top .step.active:hover:not(:disabled),.stepper-side .step.active:hover:not(:disabled){background:var(--ink);color:var(--bg)}.stepper-top .step.active.done,.stepper-side .step.active.done{color:var(--bg)}