.qp .qp-demo-band{padding:8px 0 4px}.qp .qp-demo{margin:0 auto;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:16px}.qp .qp-demo-frame{position:relative;width:100%;max-width:440px;aspect-ratio:590 / 792;border:1px solid oklch(0 0 0 / .1);border-radius:var(--r-card);background:var(--surface);overflow:hidden;box-shadow:0 1px 2px #0000000a,0 18px 40px -24px #00000047}@media(prefers-color-scheme:dark){.qp .qp-demo-frame{border-color:#ffffff1a}}.dark .qp .qp-demo-frame{border-color:#ffffff1a}.qp .qp-demo-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.qp .qp-demo-base{z-index:0}.qp .qp-demo-top{z-index:1;animation:qp-demo-reveal 6s var(--ease-out, ease-in-out) infinite}@keyframes qp-demo-reveal{0%,38%{opacity:1}50%,88%{opacity:0}to{opacity:1}}.qp .qp-demo-cap{max-width:46ch;text-align:center;font-size:13.5px;line-height:1.55;color:var(--muted)}@media(prefers-reduced-motion:reduce){.qp .qp-demo-top{animation:none;opacity:0}}