/* Keep exported layout and all original breakpoints; add only interaction states. */
[data-hero-slide][aria-hidden="true"] { visibility: hidden; }
[data-hero-slide][aria-hidden="false"] { visibility: visible; }
[data-reelshort-hero] video { width:100%; height:100%; object-fit:cover; }
.download-trigger[role="button"] { cursor:pointer; }
#download-status:not(:empty) { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); z-index:10001; padding:12px 20px; border-radius:8px; background:#292929; color:white; font-size:14px; max-width:90vw; }
[data-qr-download] svg { display:block; width:100%; height:100%; }
/* Browser URL changes when the local preview is served under a subdirectory;
   QR links keep the source canvas's fixed square dimensions. */
[data-qr-download] { display:block; width:100%; height:100%; }