/* ads.css -- advertisement videos in the studio preview (2026-10-01 18:55, user; ads.js) */
.gen-ad { position: absolute; inset: 0; z-index: 12; background: #0E1513; display: flex; align-items: center; justify-content: center; }
.gen-ad[hidden] { display: none; }
.gen-ad video { width: 100%; height: 100%; object-fit: contain; display: block; background: #0E1513; }
.gen-ad-sound { position: absolute; top: 12px; right: 12px; width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(251, 248, 242, .35);
    background: rgba(14, 21, 19, .62); color: #FBF8F2; display: flex; align-items: center; justify-content: center; cursor: pointer;
    backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); transition: background .15s; }
.gen-ad-sound:hover { background: rgba(156, 75, 48, .85); }
.gen-ad-link { position: absolute; top: 12px; left: 12px; padding: 8px 14px; border-radius: 999px; background: rgba(14, 21, 19, .62);
    border: 1px solid rgba(251, 248, 242, .35); color: #FBF8F2; font-size: 13px; font-weight: 700; text-decoration: none;
    backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
.gen-ad-link:hover { background: rgba(156, 75, 48, .85); }
.gen-ad-link[hidden] { display: none; }
/* while the ad plays the scanning line / upload label are not needed; the steps card stays on top (z-index 14) */
.gen-preview-canvas-box.ad-on .ai-laser-scanner, .gen-preview-canvas-box.ad-on .ai-scanning-hud { display: none !important; }