.demo-photo-stage{perspective:1100px;place-items:center;display:grid;position:absolute;inset:0;container-type:size}.demo-photo-stage .demo-photo-frame{--photo-x:0;--photo-y:0;aspect-ratio:16/9;width:min(82cqw,142cqh);transform:translate3d(calc(var(--photo-x) * 5px), calc(var(--photo-y) * 4px), 0) rotateX(calc(5deg - var(--photo-y) * 4deg)) rotateY(calc(-9deg + var(--photo-x) * 5deg)) rotateZ(-3deg);background:#191919;border-radius:16px;transition:transform .24s cubic-bezier(.2,.7,.2,1);display:block;position:relative;overflow:hidden;box-shadow:0 24px 48px #0006}.demo-photo-stage[data-format=portrait] .demo-photo-frame{aspect-ratio:9/16;width:min(64cqw,44cqh);transform:translate3d(calc(var(--photo-x) * 5px), calc(var(--photo-y) * 4px), 0) rotateX(calc(2deg - var(--photo-y) * 2deg)) rotateY(calc(-5deg + var(--photo-x) * 3deg)) rotateZ(-1.5deg)}.demo-photo-stage .demo-photo-frame>img{object-fit:cover;object-position:center;pointer-events:none;border-radius:0;width:100%;max-width:none;height:100%;display:block;position:static;mask-image:none}@media (prefers-reduced-motion:reduce){.demo-photo-stage .demo-photo-frame{transition:none;transform:none}.demo-photo-stage[data-format=portrait] .demo-photo-frame{transform:none}}.demo-photo-stage .demo-photo-frame>.scene-selection-photo{opacity:0;width:100%;height:100%;transition:opacity .16s cubic-bezier(.23,1,.32,1);position:absolute;inset:0}.viewer-photo-intro:is([data-phase=selected],[data-phase=revealing]) .scene-selection-photo{opacity:1}.demo-photo-stage .demo-photo-frame>.scene-photo-cutout{opacity:0;width:100%;height:100%;transition:opacity .45s cubic-bezier(.23,1,.32,1);position:absolute;inset:0}.viewer-photo-intro[data-cutout=true] .demo-photo-frame{box-shadow:none;background:0 0}.viewer-photo-intro[data-cutout=true] .demo-photo-frame>img:first-child{transition:opacity .45s cubic-bezier(.23,1,.32,1)}.viewer-photo-intro[data-isolated=true] .demo-photo-frame>:is(img,svg){opacity:0}.viewer-photo-intro[data-isolated=true] .demo-photo-frame>.scene-photo-cutout{opacity:1}.viewer-photo-intro[data-isolated=true] .demo-photo-stage .demo-photo-frame{transition:transform .45s cubic-bezier(.23,1,.32,1);transform:none}.scene-particle-bridge{pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .2s cubic-bezier(.23,1,.32,1);position:absolute;inset:0}.viewer-photo-intro[data-particles=true] .scene-particle-bridge{opacity:1}.viewer-photo-intro[data-particles=true] .demo-photo-frame>.scene-photo-cutout{opacity:0;transition-duration:.2s}.scene-selection-hand{pointer-events:none;position:absolute;inset:0}.scene-selection-hand .click-gesture-hint{opacity:1;transition:opacity .2s cubic-bezier(.23,1,.32,1);animation:none;top:56%;left:51%}.scene-selection-hand .click-gesture-hint-cursor{animation:none;transform:none}.scene-selection-hand .click-gesture-hint-ticks{opacity:0;animation:none}.viewer-photo-intro[data-phase=pointing] .click-gesture-hint{animation:.6s cubic-bezier(.23,1,.32,1) both scene-hand-arrive}.viewer-photo-intro[data-phase=press] .click-gesture-hint-cursor{animation:.14s cubic-bezier(.77,0,.175,1) both scene-hand-press}.viewer-photo-intro[data-phase=press] .click-gesture-hint-ticks{opacity:1}.viewer-photo-intro[data-phase=selected] .click-gesture-hint{opacity:0}.viewer-photo-intro[data-active=false] .click-gesture-hint,.viewer-photo-intro[data-active=false] .click-gesture-hint-cursor{animation-play-state:paused}@keyframes scene-hand-arrive{0%{opacity:0;transform:translate(16px,24px)}to{opacity:1;transform:translate(-24px,-24px)}}@keyframes scene-hand-press{0%{transform:scale(1)}to{transform:scale(.9)}}@media (prefers-reduced-motion:reduce){.scene-particle-bridge,.scene-selection-hand{display:none}.demo-photo-frame>.scene-selection-photo,.viewer-photo-intro[data-cutout=true] .demo-photo-frame>:is(img,svg){transition:none}}.asset-viewer--toolbar .viewer-controls .editor-tool.viewer-download-action{color:#171b08;cursor:pointer;background:linear-gradient(#ffffff59,#fff0 72%),#e1f045;border:0;border-radius:11px;flex:none;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;transition:background-color .14s,color .14s;display:inline-flex;position:relative;box-shadow:inset 0 1px #fff9,inset 0 -2px 2px #5d690b40,0 2px 3px #0004,0 6px 12px #0002}.asset-viewer--toolbar .viewer-controls .editor-tool.viewer-download-action:hover:not(:disabled){color:#171b08;background-color:#ebf76d}.asset-viewer--toolbar .viewer-controls .editor-tool.viewer-download-action:focus-visible{outline-offset:3px;outline:2px solid #fff}.asset-viewer--toolbar .viewer-controls .editor-tool.viewer-download-action:disabled{opacity:.55;cursor:wait}@media (prefers-reduced-motion:reduce){.asset-viewer--toolbar .viewer-controls .editor-tool.viewer-download-action{transition:none}}