.cpb{width:100%;margin:0 0 1rem;display:block}.cpb__head{font-family:var(--font-mono,"Fira Code", monospace);color:var(--warp-text-muted,#b0b8c4);flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin:0 0 .4rem;font-size:.72rem;line-height:1.3;display:flex}.cpb__label{display:inline-block}.cpb__done{width:1rem;height:1rem;color:var(--warp-accent,#4ade80);background:#4ade8029;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.cpb__path{max-width:100%;color:var(--warp-text,#f0f2f5);font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;align-items:baseline;gap:.45rem;padding:.12rem .5rem;transition:border-color .15s,background .15s;display:inline-flex}.cpb__path:hover{background:#4ade800f;border-color:#4ade8073}.cpb__path:active{transform:scale(.98)}.cpb__path[data-copied=true]{background:#4ade801a;border-color:#4ade808c}.cpb__path-text{overflow-wrap:anywhere;min-width:0}.cpb__path-state{color:var(--warp-text-muted,#b0b8c4);opacity:0;flex:none;font-size:.66rem;transition:opacity .15s}.cpb__path:hover .cpb__path-state,.cpb__path:focus-visible .cpb__path-state,.cpb__path[data-copied=true] .cpb__path-state{opacity:1}.cpb__path[data-copied=true] .cpb__path-state{color:var(--warp-accent,#4ade80)}.cpb__row{cursor:pointer;background:#00000052;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:.6rem;padding:.45rem .45rem .45rem .9rem;transition:border-color .15s,background .15s;display:flex;position:relative}.cpb__row:hover{border-color:#ffffff29}.cpb--copied .cpb__row{border-color:#4ade808c}.cpb__dollar{font-family:var(--font-mono,"Fira Code", monospace);color:var(--warp-accent,#4ade80);-webkit-user-select:none;user-select:none;flex:none;margin-right:-.2rem;font-size:.82rem}.cpb__text{min-width:0;font-family:var(--font-mono,"Fira Code", monospace);color:var(--warp-text,#f0f2f5);background:0 0;border:0;flex:auto;margin:0;padding:0;font-size:.82rem;line-height:1.6}.cpb--command .cpb__text{white-space:nowrap;scrollbar-width:thin;overflow-x:auto}.cpb--command.cpb--overflow .cpb__text{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.2rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 2.2rem),#0000)}.cpb--command.cpb--accent .cpb__text{color:var(--warp-accent,#4ade80)}.cpb--block .cpb__row{align-items:flex-start;padding:.85rem .55rem .85rem 1rem}.cpb--block .cpb__text{white-space:pre;scrollbar-width:thin;padding-right:6.5rem;overflow-x:auto}.cpb--block .cpb__btn{position:absolute;top:.55rem;right:.55rem}.cpb--prompt .cpb__row{align-items:flex-start;padding-top:.7rem;padding-bottom:.7rem}.cpb--prompt .cpb__text{white-space:normal;font-family:var(--font-primary,"Space Grotesk", system-ui, sans-serif);color:var(--warp-text,#f0f2f5);font-size:.88rem;line-height:1.5}.cpb__btn{min-height:36px;font-family:var(--font-space-grotesk,"Space Grotesk", sans-serif);letter-spacing:.01em;cursor:pointer;color:#f0f2f5e0;background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;flex:none;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.78rem;font-weight:600;transition:transform .12s,background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.cpb__btn:hover{color:var(--warp-text,#f0f2f5);background:#ffffff21;transform:translateY(-1px)}.cpb__btn:active{transform:scale(.96)}.cpb__btn[data-copied=true]{color:var(--warp-accent,#4ade80);background:#4ade8024;border-color:#4ade808c}.cpb--accent .cpb__btn{background:var(--warp-accent,#4ade80);border-color:var(--warp-accent,#4ade80);color:#0a1018;box-shadow:0 0 #4ade8040}.cpb--accent .cpb__btn:hover{color:#0a1018;background:#5ee990;border-color:#5ee990;box-shadow:0 6px 18px #4ade8040}.cpb--accent .cpb__btn[data-copied=true]{border-color:var(--warp-accent,#4ade80);color:var(--warp-accent,#4ade80);box-shadow:none;background:#4ade8029}.cpb__icon,.cpb__labels{display:grid}.cpb__icon>span,.cpb__lbl{white-space:nowrap;grid-area:1/1;align-items:center;display:inline-flex}.cpb__icon-done,.cpb__lbl--done,.cpb__btn[data-copied=true] .cpb__icon-idle,.cpb__btn[data-copied=true] .cpb__lbl--idle{visibility:hidden}.cpb__btn[data-copied=true] .cpb__icon-done,.cpb__btn[data-copied=true] .cpb__lbl--done{visibility:visible}.cpb__btn[data-copied=true] .cpb__icon-done{animation:.32s cubic-bezier(.34,1.56,.64,1) cpb-pop}@keyframes cpb-pop{0%{transform:scale(.5)}60%{transform:scale(1.12)}to{transform:scale(1)}}.cpb__next{font-family:var(--font-space-grotesk,"Space Grotesk", sans-serif);color:var(--warp-text,#f0f2f5);align-items:flex-start;gap:.45rem;margin:.45rem 0 0;font-size:.82rem;line-height:1.45;animation:.28s ease-out cpb-rise;display:flex}.cpb__next[hidden]{display:none}.cpb__next-icon{width:1.05rem;height:1.05rem;color:var(--warp-accent,#4ade80);background:#4ade8029;border-radius:999px;flex:none;justify-content:center;align-items:center;margin-top:.1rem;display:inline-flex}@keyframes cpb-rise{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.cpb__live{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:560px){.cpb--command .cpb__row,.cpb--prompt .cpb__row{flex-wrap:wrap;padding:.55rem .55rem .55rem .85rem}.cpb--command .cpb__text{white-space:pre-wrap;word-break:normal;overflow-wrap:break-word;overflow-x:visible;-webkit-mask-image:none;mask-image:none}.cpb--command .cpb__tok{white-space:nowrap}.cpb--command .cpb__tok--long{white-space:normal;overflow-wrap:anywhere}.cpb--command .cpb__dollar{align-self:flex-start;padding-top:.2rem}.cpb--command .cpb__text,.cpb--prompt .cpb__text{flex:1 1 0;min-width:0;padding:.2rem 0}.cpb--command .cpb__btn,.cpb--prompt .cpb__btn{flex:100%;justify-content:center;min-height:44px}.cpb--block .cpb__btn{min-height:40px}.cpb__path{min-height:28px}}@media (prefers-reduced-motion:reduce){.cpb__row,.cpb__btn,.cpb__path,.cpb__path-state{transition:none}.cpb__btn:hover,.cpb__btn:active,.cpb__path:active{transform:none}.cpb__btn[data-copied=true] .cpb__icon-done,.cpb__next{animation:none}}