.app-stepper-wrap{z-index:41;top:-3.9375rem;left:var(--steps-x,50%);position:absolute;translate:-50%}.app-stepper-list{border-radius:var(--radius-thumb);background:var(--color-tile);align-items:center;gap:.25rem;margin:0;padding:.25rem;list-style:none;display:flex}.app-stepper-item{min-width:2.75rem;min-height:2.75rem;color:var(--color-ink);font:inherit;font-size:var(--text-note);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-ui) ease, color var(--dur-ui) ease, scale var(--dur-press) var(--ease-out);background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:clamp(.375rem,1vw,.625rem);padding:0 clamp(.5625rem,1.6vw,1rem) 0 .5625rem;font-weight:600;line-height:normal;display:flex}.app-stepper-dot{background:var(--color-paper);width:1.625rem;height:1.625rem;color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-mono);border-radius:7px;flex:none;justify-content:center;align-items:center;display:flex}.app-stepper-dot svg{width:.875rem;height:.875rem}.app-stepper-item[data-done] .app-stepper-dot,.app-stepper-item[aria-current=step]{background:var(--color-ink);color:var(--color-on-ink)}.app-stepper-item[aria-current=step] .app-stepper-dot{background:var(--color-orange);color:var(--color-ink)}.app-stepper-item[aria-disabled=true]{opacity:.5;cursor:not-allowed}.app-stepper-item:focus-visible{z-index:1;outline:2px solid var(--color-ink);outline-offset:2px;position:relative}.app-stepper-wrap>.field-hint{white-space:nowrap;position:absolute;top:calc(100% + .5rem);left:50%;translate:-50%}.app-stepper-wrap>.field-hint:empty{display:none}.btn{border-radius:var(--radius-control);background:var(--color-ink);min-height:3.5rem;color:var(--color-on-ink);font:inherit;font-size:var(--text-button);white-space:nowrap;cursor:pointer;transition:scale var(--dur-press) var(--ease-out);border:0;justify-content:center;align-items:center;gap:clamp(.5rem,1.5vw,.875rem);padding:0 clamp(1rem,2.5vw,1.5rem);font-weight:600;line-height:normal;text-decoration:none;display:inline-flex}.btn svg{flex:none;width:1.125rem;height:1.125rem}.btn-primary{background:var(--color-orange);color:var(--color-ink)}.btn[disabled],.btn[aria-disabled=true]{background:var(--color-line);color:var(--color-disabled);cursor:not-allowed}.btn-file{width:100%}:is(.btn,.app-stepper-item,.link-btn,.pick,.stage-reset,.route-card-replace):active:not([disabled]){scale:.97}@media (hover:hover) and (pointer:fine){.app-stepper-item:not([aria-current]):not([aria-disabled=true]):hover{background:var(--color-paper)}}.link-btn,.link{min-height:2.75rem;color:var(--color-ink);font:inherit;font-size:var(--text-note);text-underline-offset:4px;cursor:pointer;transition:scale var(--dur-press) var(--ease-out);background:0 0;border:0;align-self:flex-start;align-items:center;padding:0;font-weight:600;line-height:normal;text-decoration:underline;display:inline-flex}.swatch{border:1px solid var(--color-swatch-edge);border-radius:4px;flex:none;width:1.125rem;height:1.125rem;display:inline-block}.swatch-black{background:var(--color-ink)}.swatch-white{background:var(--color-paper);border-color:var(--color-swatch-white-edge)}@media (max-width:639px){.app-stepper-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:359px){.app-stepper-list{gap:.125rem;padding:.125rem}.app-stepper-item{min-width:2.25rem;padding-inline:.3125rem}}
