.bstep-root{color:var(--color-ink);margin:24px 0;font-family:inherit}.bstep-banner{background:var(--color-muted-accent);border:1px solid var(--color-border);border-radius:12px;min-height:52px;margin:0 0 18px;padding:12px 16px;font-size:14px;line-height:1.6}.bstep-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.bstep-panel{background:var(--color-panel);border:1px solid var(--color-border);border-radius:12px;padding:14px 16px}.bstep-phead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.bstep-ptitle{color:var(--color-ink);font-size:15px;font-weight:600}.bstep-pbadge{background:var(--color-muted-accent);color:var(--color-muted);white-space:nowrap;border-radius:8px;padding:3px 8px;font-size:11px}.bstep-code{background:var(--color-inner-card);color:var(--color-ink);white-space:pre;border-radius:8px;min-height:18px;margin-bottom:12px;padding:8px 10px;font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:13px;overflow-x:auto}.bstep-zone-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;font-size:11px}.bstep-zone{flex-direction:column;gap:6px;min-height:34px;margin-bottom:12px;display:flex}.bstep-chip{border:1px solid var(--color-border);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:13px;transition:background .35s,color .35s;display:flex}.bstep-chip .bstep-meta{opacity:.85;font-size:11px}.bstep-divider{background:var(--color-border);opacity:.7;height:1px;margin:0 0 12px}.bstep-note{color:var(--color-muted);min-height:48px;margin:0;font-size:12px;line-height:1.5}.bstep-accent{background:color-mix(in srgb, var(--color-accent) 18%, transparent);color:var(--color-accent);border-color:color-mix(in srgb, var(--color-accent) 35%, transparent)}.bstep-alt{background:color-mix(in srgb, var(--color-accent-alt) 18%, transparent);color:var(--color-accent-alt);border-color:color-mix(in srgb, var(--color-accent-alt) 35%, transparent)}.bstep-dead{background:var(--color-muted-accent);color:var(--color-muted);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--color-muted) 70%, transparent);text-decoration-color:color-mix(in srgb, var(--color-muted) 70%, transparent)}.bstep-warn{color:#b45309;background:#f59e0b2e;border-color:#f59e0b73}html[data-theme=dark] .bstep-warn{color:#fbbf24}.bstep-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.bstep-btn{font:inherit;cursor:pointer;color:var(--color-ink);border:1px solid var(--color-border);background:0 0;border-radius:8px;align-items:center;gap:6px;padding:7px 11px;font-size:13px;transition:background .15s,transform .1s,border-color .15s;display:inline-flex}.bstep-btn:hover{background:var(--color-surface-hover);border-color:color-mix(in srgb, var(--color-accent) 40%, var(--color-border))}.bstep-btn:active{transform:scale(.97)}.bstep-btn svg{width:15px;height:15px;display:block}.bstep-dots{gap:6px;margin-left:auto;display:flex}.bstep-dot{background:var(--color-border);border-radius:50%;width:8px;height:8px;transition:background .25s}.bstep-dot.bstep-on{background:var(--color-accent)}