.youtube-demo{position:absolute;inset:0;background:#102820;color:#f3f0e8;isolation:isolate}
.youtube-demo[hidden]{display:none}
.youtube-demo iframe{position:absolute;inset:0 0 48px;width:100%;height:calc(100% - 48px);border:0}
.youtube-demo-play{position:absolute;inset:0 0 48px;width:100%;border:0;cursor:pointer;color:inherit;background:radial-gradient(ellipse at 80% 0%,#48665255,transparent 65%),#102820;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px;font:inherit}
.youtube-demo-play strong{font-size:clamp(24px,3vw,46px);font-weight:400;letter-spacing:-.035em;text-align:center}
.youtube-demo-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.35;pointer-events:none}
.youtube-demo-play>span,.youtube-demo-play>strong,.youtube-demo-caption{position:relative;z-index:1}
.youtube-demo-caption{font:12px Arial,sans-serif;letter-spacing:.02em;color:#f3f0e8;text-align:center}
.youtube-play-mark{display:grid;place-items:center;width:86px;height:86px;padding-left:5px;box-sizing:border-box;border-radius:50%;background:#f3f0e8;color:#183b32;font-size:30px;transition:transform .2s,background .2s}
.youtube-demo-play:hover .youtube-play-mark{transform:scale(1.07);background:#dfb770}
.youtube-demo-link{position:absolute;bottom:0;left:0;right:0;height:48px;display:flex;align-items:center;justify-content:center;font:16px Arial,sans-serif;color:#dfb770;text-decoration:underline;text-underline-offset:4px}
.youtube-demo-play:focus-visible,.youtube-demo-link:focus-visible{outline:3px solid #dfb770;outline-offset:-5px}
@media(prefers-reduced-motion:reduce){.youtube-play-mark{transition:none}}
.workspace-portrait{background:#17232b}
.workspace-portrait>#product-image{object-fit:contain;padding-bottom:72px}
#open-artifact{position:relative;display:block;width:100%;border:1px solid #728b6b70;border-radius:4px;overflow:hidden;cursor:zoom-in;background:#17232b}
#open-artifact img{display:block;width:100%;height:100%;object-fit:contain}
.artifact-zoom-hint{position:absolute;bottom:0;left:0;right:0;padding:10px 6px;background:#102820eb;color:#f3f0e8;text-align:center;font:13px Arial,sans-serif}
#artifact-label{font-size:16px;line-height:1.45;color:#c6d0b8}
#artifact-preview{width:min(1100px,calc(100vw - 32px));max-height:90svh;overflow:auto;background:#f3f0e8;color:#183b32}
#artifact-preview .dialog-header{position:sticky;top:0;background:#f3f0e8;z-index:1;padding-bottom:16px}
#artifact-preview .dialog-header h2{font-size:clamp(26px,4vw,42px)}
#artifact-full-image{display:block;width:100%;height:auto}
#artifact-preview-caption{margin-top:16px;font-size:14px}
@media(max-width:600px){.youtube-demo-play{gap:14px;padding:16px}.youtube-demo-play strong{font-size:26px}.youtube-play-mark{width:56px;height:56px;font-size:22px}.youtube-demo-caption{font-size:10px}.artifact-zoom-hint{font-size:10px;padding:7px 3px}#artifact-label{font-size:16px;max-width:none}.workspace-portrait>#product-image{padding-bottom:56px}}