.spx-app-band,.spx-app-band *{box-sizing:border-box}.spx-app-band{align-items:center;gap:var(--space-2);height:42px;padding:0 var(--space-4);background:var(--surface);border-bottom:.5px solid var(--border-subtle);font-family:var(--font-sans);color:var(--text-secondary);white-space:nowrap;display:flex;overflow:hidden}.spx-app-band__name{align-items:center;gap:var(--space-2);font-family:var(--font-serif,var(--font-sans));font-weight:var(--weight-semibold);font-size:var(--text-base);color:var(--text);display:inline-flex}.spx-app-band__name>svg{flex:none;width:1.05em;height:1.05em}.spx-app-band__steps{align-items:center;gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.spx-app-band__step{padding:3px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;align-items:center;gap:5px;display:inline-flex}.spx-app-band__step:hover{background:var(--state-hover);color:var(--text)}.spx-app-band__step:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.spx-app-band__step-n{border-radius:var(--radius-full);background:var(--state-hover);width:15px;height:15px;color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);place-items:center;display:inline-grid}.spx-app-band__step-ct{font-family:var(--font-mono);font-size:var(--text-xs)}.spx-app-band__step.is-done .spx-app-band__step-n{background:var(--accent-subtle);color:var(--accent-text)}.spx-app-band__step.is-current{background:var(--ink);color:var(--text-on-ink);font-weight:var(--weight-medium)}.spx-app-band__step.is-current .spx-app-band__step-n,.spx-app-band__step.is-current .spx-app-band__step-ct{color:var(--text-on-ink);background:0 0}.spx-app-band__progress{align-items:center;gap:var(--space-2);background:var(--state-hover);border-radius:var(--radius-full);width:92px;height:4px;display:inline-flex;position:relative}.spx-app-band__progress-bar{background:var(--accent);border-radius:var(--radius-full);position:absolute;inset:0 auto 0 0}.spx-app-band__progress-n{left:calc(100% + var(--space-2));font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);position:absolute}.spx-app-band__more{color:var(--text-tertiary);font-size:var(--text-base);cursor:pointer;padding:0 var(--space-1);margin-left:var(--space-4);background:0 0;border:0}.spx-app-band__more:hover{color:var(--text)}.spx-app-band__spacer{min-width:var(--space-3);flex:1}@media (prefers-reduced-motion:reduce){.spx-app-band__step{transition:none}}