body.homepage-interactions::before,body.homepage-interactions::after,.homepage-interactions .dc-splash-progress{display:none}
.homepage-interactions [data-preview-card]{padding:0;border:0;cursor:zoom-in}
.homepage-interactions [data-preview-card]:focus-visible{transform:translateY(-3px)}
.homepage-interactions [data-preview-card]:focus-visible{outline:2px solid #c9a84c;outline-offset:5px}
.sample-card-dialog{width:min(450px,calc(100% - 24px));max-height:92dvh;padding:16px;border:1px solid #c9a84c;border-radius:14px;background:var(--surface,#18181c);color:var(--text,#fff);overscroll-behavior:contain}
.sample-card-dialog::backdrop{background:rgba(0,0,0,.8)}.sample-card-dialog img{display:block;width:100%;height:auto;max-height:72dvh;object-fit:contain;margin-top:14px}
.sample-card-dialog button{min-height:44px;padding:8px 14px;border:1px solid #c9a84c;border-radius:6px;color:inherit;background:transparent;font:inherit;cursor:pointer}
.homepage-interactions [data-sample-panel][aria-hidden=false]{animation:sample-panel-in 180ms ease-out}
@keyframes sample-panel-in{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.homepage-interactions [data-sample-panel][aria-hidden=false]{animation:none}}