.demo-download-entry{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:24px}
.demo-download{position:relative;z-index:5}
.demo-download-button{display:inline-flex;align-items:center;gap:12px;min-height:46px;padding:11px 16px;border:1px solid #bdd9cd;border-radius:9px;background:#ffffffb8;color:var(--accent);font-size:13px;font-weight:600;box-shadow:0 4px 14px #1a726b08}
.demo-download-button:hover{background:#fff;border-color:var(--accent)}
.demo-download-button svg{width:18px;height:18px}
.demo-download-meta{margin:0;color:var(--muted);font-size:11px;line-height:1.9}
.demo-download-meta span{display:block}
.demo-download-qr{position:absolute;top:100%;left:0;width:232px;padding-top:10px;visibility:hidden;opacity:0;transition:opacity 160ms ease,visibility 160ms}
.demo-download-qr-card{display:flex;align-items:center;flex-direction:column;padding:16px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 44px #173b3a24;text-align:center}
.demo-download-qr img{display:block;width:196px;height:196px}
.demo-download-qr strong{margin-top:8px;font-size:13px;color:var(--ink)}
.demo-download-qr small{margin-top:3px;font-size:11px;color:var(--muted)}
.demo-download:focus-within:not([data-dismissed]) .demo-download-qr{visibility:visible;opacity:1}
@media(hover:hover){.demo-download:hover:not([data-dismissed]) .demo-download-qr{visibility:visible;opacity:1}}
@media(hover:none){.demo-download-hint{display:none!important}.demo-download-qr{display:none}}
@media(prefers-reduced-motion:reduce){.demo-download-qr{transition:none}}