.pd .pd-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;font-family:var(--font-mono);font-size:.7rem}.pd .pd-tag{text-transform:uppercase;letter-spacing:.14em;padding:.2rem .65rem;border-radius:9999px;color:var(--color-cyan);border:1px solid color-mix(in srgb,var(--color-cyan) 40%,transparent);background:color-mix(in srgb,var(--color-cyan) 8%,transparent)}.pd .pd-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .65rem;border-radius:9999px;color:var(--color-text-muted);border:1px solid var(--color-border);transition:color .3s,border-color .3s}.pd .pd-sep{color:var(--color-text-dim)}.pd .pd-chip-dot{width:.5rem;height:.5rem;border-radius:9999px;background:var(--color-text-dim);transition:background .3s}.pd[data-state=running] .pd-chip-dot{background:var(--color-blue);box-shadow:0 0 8px var(--color-blue);animation:pd-pulse 1s ease-in-out infinite}.pd[data-state=failed] .pd-chip{color:var(--color-red);border-color:var(--color-red)}.pd[data-state=failed] .pd-chip-dot{background:var(--color-red);box-shadow:0 0 8px var(--color-red)}.pd[data-state=fixing] .pd-chip{color:var(--color-amber);border-color:var(--color-amber)}.pd[data-state=fixing] .pd-chip-dot{background:var(--color-amber);box-shadow:0 0 8px var(--color-amber);animation:pd-pulse .7s ease-in-out infinite}.pd[data-state=passed] .pd-chip{color:var(--color-green);border-color:var(--color-green)}.pd[data-state=passed] .pd-chip-dot{background:var(--color-green);box-shadow:0 0 8px var(--color-green)}.pd .pipe-step{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--color-border);border-radius:9999px;padding:.35rem .8rem .35rem .4rem;color:var(--c);background:transparent;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s,border-color .2s,opacity .3s,color .2s}.pd .pipe-step:hover{transform:translateY(-1px);border-color:var(--c)}.pd .pd-num{display:inline-grid;place-items:center;width:1.2rem;height:1.2rem;border-radius:9999px;font-size:.65rem;font-weight:700;line-height:1;color:var(--color-bg);background:var(--c)}.pd .pipe-step.is-active{background:color-mix(in srgb,var(--c) 14%,transparent);border-color:var(--c);box-shadow:0 0 18px -4px var(--c)}.pd .pipe-step.is-active .pd-num{animation:pd-pulse .9s ease-in-out infinite}.pd .pipe-step.is-done:after{content:"✓";font-size:.85em;opacity:.85}.pd .pipe-step.is-failed{color:var(--color-red);border-color:var(--color-red);background:color-mix(in srgb,var(--color-red) 12%,transparent);box-shadow:0 0 18px -4px var(--color-red)}.pd .pipe-step.is-failed:after{content:"✗";font-size:.85em}.pd .pipe-step.is-skipped{opacity:.4}.pd .pipe-step.is-skipped:after{content:"–"}.pd .pipe-arrow{color:var(--color-text-dim);transition:color .3s}.pd .pipe-step.is-done+.pipe-arrow{color:var(--color-text-muted)}.pd .pd-branch{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;min-height:2.4rem;margin-top:.5rem;opacity:0;visibility:hidden;font-size:.7rem;color:var(--color-text-dim);transition:opacity .4s ease,visibility 0s .4s}.pd[data-fix=on] .pd-branch{opacity:1;visibility:visible;transition:opacity .4s ease .1s,visibility 0s}.pd .pipe-step--fix.is-active{box-shadow:0 0 12px -4px var(--c)}.pd .pd-controls{margin-top:.75rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;font-size:.75rem}.pd:not([data-ready]) .pd-controls{visibility:hidden}.pd .pd-ctl{border:1px solid var(--color-border);border-radius:9999px;padding:.25rem .75rem;color:var(--color-text-muted);background:transparent;cursor:pointer;transition:color .2s,border-color .2s}.pd .pd-ctl:hover{color:var(--color-text);border-color:var(--color-text-dim)}.pd .pd-ctl[aria-pressed=false]{opacity:.75}.pd .pd-ctl.is-nudge{color:var(--color-cyan);border-color:var(--color-cyan);animation:pd-nudge 1.6s ease-in-out infinite}.pd .pd-hint{color:var(--color-text-dim)}.pd .pd-panel{display:grid;border:1px solid var(--color-border);border-radius:1rem;overflow:hidden;background:color-mix(in srgb,var(--c) 5%,var(--color-surface));box-shadow:inset 0 0 60px -30px var(--c);transition:background .3s,box-shadow .3s}@media(min-width:640px){.pd .pd-panel{grid-template-columns:1.25fr 1fr}}.pd .pd-scene{height:160px;color:var(--c);border-bottom:1px solid var(--color-border)}@media(min-width:640px){.pd .pd-scene{border-bottom:0;border-right:1px solid var(--color-border)}}.pd .pd-scene svg{display:block;width:100%;height:100%}.pd .pd-scene svg *{transform-box:fill-box;transform-origin:center}.pd .pd-scene .t{font-family:var(--font-mono);font-size:10px;fill:currentColor}.pd .pd-log{min-height:130px;padding:.9rem 1rem;font:11px/1.65 var(--font-mono);color:var(--color-text-muted)}.pd .pd-line{overflow:hidden;white-space:pre;animation:pd-type .45s steps(28) both}.pd .pd-line .cmd{color:var(--color-text-dim)}.pd .pd-line .ok{color:var(--color-green)}.pd .pd-line .warn{color:var(--color-amber)}.pd .pd-line .fail{color:var(--color-red)}.pd .pd-line.add{color:var(--color-green)}.pd .pd-line.del{color:var(--color-red)}.pd .pd-caret:after{content:"_";animation:pd-blink 1s steps(1) infinite}@media(prefers-reduced-motion:reduce){.pd .pd-scene svg *,.pd .pd-line{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important}}@keyframes pd-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes pd-blink{50%{opacity:0}}@keyframes pd-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes pd-nudge{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 12px -2px var(--color-cyan)}}@keyframes pd-drop{0%{opacity:0;transform:translateY(-80px) scale(.6)}55%{opacity:1;transform:translateY(6px) scale(1.15)}75%{transform:translateY(-3px) scale(.95)}to{opacity:1;transform:none}}@keyframes pd-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}@keyframes pd-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes pd-draw{0%{stroke-dashoffset:260}to{stroke-dashoffset:0}}@keyframes pd-chip{0%{opacity:0;transform:translate(-60px)}30%{opacity:1}to{opacity:0;transform:translate(24px)}}@keyframes pd-spin{0%{transform:rotate(0)}to{transform:rotate(540deg)}}@keyframes pd-spin-rev{0%{transform:rotate(0)}to{transform:rotate(-540deg)}}@keyframes pd-hammer{0%{transform:rotate(55deg)}12%{transform:rotate(0)}20%{transform:rotate(40deg)}30%{transform:rotate(55deg)}44%{transform:rotate(0)}52%{transform:rotate(40deg)}62%{transform:rotate(55deg)}76%{transform:rotate(0)}88%{transform:rotate(30deg)}to{transform:rotate(55deg)}}@keyframes pd-wrench{0%,10%{transform:rotate(-50deg)}22%{transform:rotate(14deg)}32%{transform:rotate(-34deg)}44%{transform:rotate(14deg)}56%,to{transform:rotate(-50deg)}}@keyframes pd-spark{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.3)}}@keyframes pd-push{0%{opacity:0;transform:translate(0)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translate(47px,-64px)}}@keyframes pd-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pd-pop{0%{opacity:0;transform:scale(.2)}70%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes pd-slide{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}@keyframes pd-arc{to{transform:rotate(360deg)}}@keyframes pd-hide{to{opacity:0}}@keyframes pd-gone{to{opacity:0;transform:translateY(6px)}}@keyframes pd-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes pd-uncover{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes pd-fly{to{opacity:0;transform:translateY(-46px) rotate(35deg) scale(.6)}}@keyframes pd-lock{0%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes pd-launch{0%{transform:translateY(0)}to{transform:translateY(-190px)}}@keyframes pd-flame{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.5)}}@keyframes pd-smoke{0%{opacity:.7;transform:translate(0) scale(.4)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(2.4)}}@keyframes pd-star{0%{transform:translateY(-20px)}to{transform:translateY(170px)}}@keyframes pd-count{0%{opacity:0;transform:scale(2)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)}}@keyframes pd-blip{0%{opacity:0;transform:scale(.2)}40%{opacity:1;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}@keyframes pd-ecg{0%{stroke-dashoffset:260}to{stroke-dashoffset:0}}@keyframes pd-travel{0%{transform:translate(0)}to{transform:translate(260px)}}[data-hero-name]{position:relative}[data-hero-name] .nm-w{display:inline-block;white-space:nowrap}[data-hero-name] .nm-l{display:inline-block;animation:nm-wave var(--nm-dur, 1.4s) cubic-bezier(.3,1.5,.5,1) both;animation-delay:calc(var(--i) * var(--nm-stagger, 90ms))}[data-hero-name].nm-split .text-gradient{background-image:none}[data-hero-name].nm-split .text-gradient .nm-l{background-image:linear-gradient(100deg,var(--color-blue),var(--color-violet) 55%,var(--color-pink));background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent}[data-hero-name] .nm-spark{position:absolute;font-style:normal;font-size:.32em;line-height:1;pointer-events:none;opacity:0;animation:nm-twinkle 1.6s ease-out both}@keyframes nm-wave{0%{transform:translateY(0) scale(1);filter:none}30%{transform:translateY(-.2em) scale(1.14) rotate(-3deg);filter:brightness(1.5) drop-shadow(0 0 .18em rgba(139,92,246,.9))}62%{transform:translateY(.04em) scale(.98);filter:brightness(1.2) drop-shadow(0 0 .12em rgba(59,130,246,.6))}to{transform:none;filter:none}}@keyframes nm-twinkle{0%{opacity:0;transform:scale(0) rotate(0)}35%{opacity:1;transform:scale(1.5) rotate(90deg)}to{opacity:0;transform:scale(.4) translateY(-.6em) rotate(200deg)}}
