/* Photo AI uses the same persistent header and slide direction as vide tours. */
html{scrollbar-gutter:stable}
body>.site-header{position:sticky;top:0;z-index:60}
#photo-ai-world{position:fixed;inset:var(--photo-shell-top,0px) 0 0;z-index:35;background:#fff;transform:translateX(100%);visibility:hidden;transition:transform .58s cubic-bezier(.22,.68,0,1),visibility .58s;overflow:hidden}
#photo-ai-world iframe{display:block;border:0;width:100%;height:100%;background:#fff}
body.photo-ai-open{overflow:hidden}
body.photo-ai-open #main,body.photo-ai-open>.site-footer{transform:translateX(-100vw);opacity:.12;pointer-events:none}
body.photo-ai-open #photo-ai-world{transform:translateX(0);visibility:visible}
body.photo-ai-open .site-header{z-index:60;background:#fff}
.photo-shell-toolbar{padding:8px 24px}
.photo-shell-back{display:inline-flex;align-items:center;min-height:40px;color:var(--blue);font-size:14px}
html.photo-embedded .site-header,html.photo-embedded .editor-skip{display:none!important}
html.photo-embedded .studio{margin-top:0;min-height:calc(100dvh - 56px)}
html.photo-embedded .photo-column,html.photo-embedded .studio-nav{top:12px}
html.photo-embedded .site-footer{padding-bottom:100px}
.photo-editor-page .site-footer nav button{border:0;background:none;padding:0;color:inherit;font:inherit}
@media(prefers-reduced-motion:reduce){#photo-ai-world,body.photo-ai-open #main,body.photo-ai-open>.site-footer{transition:none!important}}
