.pkgc{margin-top:2rem}.pkgc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem 1.25rem}.pkgc-head{margin:0;padding:.5rem .875rem;border-radius:10px;background:var(--bg-muted);color:var(--text-1);font-size:.875rem;font-weight:700;text-align:center}.pkgc-head--accent{background:var(--accent);color:#fff}.pkgc-row-label{grid-column:1/-1;margin:.75rem 0 0;font-size:.8125rem;font-weight:700;color:var(--text-2)}.pkgc-cell{display:grid;gap:.875rem;align-content:start;min-width:0;padding:1rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm)}.pkgc-cell--accent{border-color:color-mix(in oklch,var(--accent) 35%,var(--border));box-shadow:var(--shadow-md)}.pkgc-caption{margin:0;font-size:.875rem;font-weight:600;color:var(--text-1)}.pkgc-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.3125rem}.pkgc-tile{display:block;aspect-ratio:4/3;border-radius:4px;background:color-mix(in oklch,var(--accent) 14%,transparent);border:1px solid color-mix(in oklch,var(--accent) 35%,transparent);opacity:0;transform:scale(.6);transition:opacity .3s ease,transform .35s cubic-bezier(.25,1,.5,1);transition-delay:calc(var(--i, 0) * .07s + .2s)}.pkgc-tile--extra{background:var(--accent);border-color:var(--accent)}.pkgc-tile--ghost{border-style:dashed;background:transparent;border-color:var(--border-strong);transition-delay:.9s}.pkgc[data-cbuild-seen] .pkgc-tile{opacity:1;transform:none}.pkgc[data-cbuild-seen] .pkgc-tile--ghost{opacity:.7}.pkgc-loop,.pkgc-loop-part{display:flex;align-items:center;min-width:0}.pkgc-loop-part,.pkgc-loop-part:last-of-type{flex:1 1 0}.pkgc-ring{position:relative;flex:0 0 auto;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center}.pkgc-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.pkgc-ring b{position:relative;font-size:.625rem;font-weight:800;color:var(--accent)}.pkgc-ring-track{fill:none;stroke:var(--bg-muted);stroke-width:4}.pkgc-ring-fill{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .6s ease;transition-delay:calc(var(--i, 0) * .35s + .3s)}.pkgc[data-cbuild-seen] .pkgc-ring-fill{stroke-dashoffset:0}.pkgc-link{flex:1 1 0;min-width:6px;height:2px;margin:0 3px;background:var(--border-strong);position:relative;overflow:hidden}.pkgc-link:after{content:"";position:absolute;inset:0;background:var(--accent);transform:translateX(-100%);transition:transform .35s ease;transition-delay:calc(var(--i, 0) * .35s + .3s)}.pkgc[data-cbuild-seen] .pkgc-link:after{transform:none}.pkgc-live{flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#22c55e;color:#fff;opacity:0;transform:scale(.4);transition:opacity .25s ease,transform .3s cubic-bezier(.25,1,.5,1);transition-delay:calc(var(--i, 0) * .35s + .4s)}.pkgc[data-cbuild-seen] .pkgc-live{opacity:1;transform:none}@media (min-width:769px){.pkgc-tile{aspect-ratio:16/9}}@media (max-width:480px){.pkgc-grid{gap:.5rem .75rem}.pkgc-cell{padding:.75rem}.pkgc-head{font-size:.8125rem;padding:.5rem}.pkgc-ring{width:26px;height:26px}.pkgc-live{width:24px;height:24px}.pkgc-caption{font-size:.8125rem}}@media (prefers-reduced-motion:reduce){.pkgc-tile{opacity:1;transform:none;transition:none}.pkgc-tile--ghost{opacity:.7}.pkgc-ring-fill{stroke-dashoffset:0;transition:none}.pkgc-link:after,.pkgc-live{transform:none;transition:none}.pkgc-live{opacity:1}}.qp{--gap:1.5rem;--badge:28px;--bar:4px;--step-ms:0.55s;list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}.qp-step{position:relative;padding-top:calc(var(--badge) + .875rem)}.qp-badge{position:absolute;top:0;left:0;z-index:1;width:var(--badge);height:var(--badge);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-muted);color:var(--text-3);font-size:.6875rem;font-weight:800;letter-spacing:.02em;transition:background-color .3s ease,color .3s ease;transition-delay:calc(var(--i, 0) * var(--step-ms))}.qp[data-cbuild-seen] .qp-badge{background:var(--accent);color:#fff}.qp[data-cbuild-seen] .qp-badge--done{background:#22c55e}.qp-track{position:absolute;top:calc((var(--badge) - var(--bar)) / 2);left:calc(var(--badge) + 4px);width:calc(100% + var(--gap) - var(--badge) - 8px);height:var(--bar);border-radius:2px;background:var(--border-strong);overflow:hidden}.qp-fill{position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform var(--step-ms) cubic-bezier(.25,1,.5,1);transition-delay:calc(var(--i, 0) * var(--step-ms) + .2s)}.qp[data-cbuild-seen] .qp-fill{transform:none}.qp-text{opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease;transition-delay:calc(var(--i, 0) * var(--step-ms) + .1s)}.qp[data-cbuild-seen] .qp-text{opacity:1;transform:none}.qp-title{margin:0 0 .25rem;font-size:.9375rem;font-weight:700;line-height:1.3;color:var(--text-1)}.qp-desc{margin:0;font-size:.875rem;line-height:1.55;color:var(--text-2)}@media (max-width:720px){.qp{grid-template-columns:1fr;gap:0}.qp-step{padding:0 0 1.125rem calc(var(--badge) + .875rem);min-height:var(--badge)}.qp-step:last-child{padding-bottom:0}.qp-track{top:calc(var(--badge) + 4px);bottom:4px;left:calc((var(--badge) - var(--bar)) / 2);width:var(--bar);height:auto}.qp-fill{transform:scaleY(0);transform-origin:top}.qp[data-cbuild-seen] .qp-fill{transform:none}.qp-title{padding-top:.2rem}}@media (prefers-reduced-motion:reduce){.qp-badge{background:var(--accent);color:#fff;transition:none}.qp-badge--done{background:#22c55e}.qp-fill,.qp-text{transform:none;transition:none}.qp-text{opacity:1}}