.hd-refs .stage{border-radius:var(--radius-2xl);background:var(--bg);grid-template-rows:auto auto;grid-template-columns:212px 64px minmax(0,440px);justify-content:center;align-items:center;gap:10px 0;padding:16px;display:grid}.hd-cards{flex-direction:column;grid-area:1/1;gap:16px;display:flex}.hd-card{border-radius:var(--radius-xl);background:var(--surface-1);height:80px;box-shadow:var(--elev-sm);animation:6s ease-out infinite hd-ping;animation-delay:calc(var(--i) * .3s);align-items:center;gap:12px;padding:8px 12px 8px 8px;display:flex}.hd-card .th{border-radius:var(--radius-md);background:var(--fill-2);flex:none;width:64px;height:64px;overflow:hidden}.hd-card .th img{object-fit:cover;width:100%;height:100%}.hd-card .tx{min-width:0}.hd-card .at{font:500 14px/20px var(--hd-sans);color:var(--brand-ink);display:block}.hd-card .k{font:400 12px/16px var(--hd-sans);color:var(--fg-3);display:block}@keyframes hd-ping{0%{box-shadow:var(--elev-sm), 0 0 0 0 var(--brand)}4%{box-shadow:var(--elev-sm), 0 0 0 2px var(--brand), 0 0 24px -4px var(--brand)}18%,to{box-shadow:var(--elev-sm), 0 0 0 0 transparent}}.hd-flow{width:100%;height:272px;color:var(--line-strong);grid-area:1/2}.hd-flow path{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-dasharray:4 8}.hd-flow .lit{stroke:var(--brand);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:24 100;stroke-dashoffset:24px;animation:6s cubic-bezier(.4,0,.2,1) infinite hd-comet;animation-delay:calc(var(--i) * .3s)}@keyframes hd-comet{0%{stroke-dashoffset:24px;opacity:1}17%{stroke-dashoffset:-100px;opacity:1}18%,to{stroke-dashoffset:-100px;opacity:0}}.hd-out{display:contents}.hd-out .shot{aspect-ratio:4/3;border-radius:var(--radius-xl);background:var(--fill-2);grid-area:1/3;position:relative;overflow:hidden}.hd-out .shot img{object-fit:cover;width:100%;height:100%;animation:6s cubic-bezier(.2,.7,.2,1) infinite hd-dev}@keyframes hd-dev{0%,27%{filter:blur(16px)saturate(0)brightness(.7);transform:scale(1.08)}40%,94%{filter:none;transform:scale(1)}to{filter:blur(16px)saturate(0)brightness(.7);transform:scale(1.08)}}.hd-out .shot .scan{mix-blend-mode:overlay;opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,oklch(100% 0 0/.35),#0000);width:30%;animation:6s linear infinite hd-scan;position:absolute;inset:0 auto 0 0}@keyframes hd-scan{0%,27%{opacity:0;transform:translate(-110%)}28%{opacity:1}40%{opacity:1;transform:translate(360%)}41%,to{opacity:0;transform:translate(360%)}}.hd-out .shot .st{font-family:var(--hd-mono);display:grid}.hd-out .shot .st>*{grid-area:1/1}.hd-out .shot .st .a{animation:6s step-end infinite hd-st-a}.hd-out .shot .st .ok{color:var(--brand-ink);animation:6s step-end infinite hd-st-b}@keyframes hd-st-a{0%,39%{opacity:1}40%,to{opacity:0}}@keyframes hd-st-b{0%,39%{opacity:0}40%,93%{opacity:1}94%,to{opacity:0}}.hd-prompt{font:400 12px/17px var(--hd-sans);color:var(--fg-2);grid-area:2/3}.hd-prompt b{color:var(--brand-ink);white-space:nowrap;font-weight:500}@container tools (width<=599.98px){.hd-refs .stage{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);row-gap:12px;padding:12px}.hd-cards{flex-direction:row;grid-area:auto;gap:8px}.hd-card{flex-direction:column;flex:1 1 0;align-items:stretch;gap:6px;min-width:0;height:auto;padding:6px 6px 8px}.hd-card .th{aspect-ratio:1;width:100%;height:auto}.hd-card .at{font-size:13px;line-height:18px}.hd-card .k{font-size:11px;line-height:14px}.hd-flow{display:none}.hd-out .shot,.hd-prompt{grid-area:auto}}@media (prefers-reduced-motion:reduce){.hd-card,.hd-flow .lit,.hd-out .shot img,.hd-out .shot .scan,.hd-out .shot .st .a,.hd-out .shot .st .ok{animation:none}.hd-flow .lit,.hd-out .shot .st .a{opacity:0}}