.scene-tap{position:relative}.scene-tap[data-tapped]:after{content:"";background:var(--color-ink);opacity:0;pointer-events:none;width:44px;height:44px;animation:scene-tap .52s var(--ease-out-soft);border-radius:999px;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%}@keyframes scene-tap{0%{opacity:.28;transform:scale(.4)}to{opacity:0;transform:scale(1.5)}}.scene-flash{isolation:isolate;position:relative}.scene-flash:before{content:"";z-index:-1;background:var(--color-warm-soft);opacity:0;animation:scene-flash 1.8s var(--ease-out-soft);border-radius:8px;position:absolute;inset:-2px -6px}@keyframes scene-flash{0%,40%{opacity:1}to{opacity:0}}.scene-fill{transform-origin:0;animation:scene-fill var(--scene-step,3s) linear both}@keyframes scene-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.scene-wrap{container:scene/inline-size}.scene-stage{--scene-k:.88;height:calc(2.05128*min(100cqw,390px));transition:opacity .26s var(--ease-out-soft);position:relative}.scene-device{transform-origin:0 0;background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-line);box-shadow:var(--shadow-dialog);width:390px;height:800px;transform:translateX(calc((100cqw - 390px * var(--scene-k)) / 2)) scale(var(--scene-k));transition:opacity .32s var(--ease-out-soft);border-radius:44px;position:absolute;top:0;left:0;overflow:hidden}.scene-stage[data-view=phone] .scene-studio,.scene-stage[data-view=studio] .scene-phone{opacity:0;visibility:hidden}.scene-switch{display:flex}@container scene (min-width:760px){.scene-stage{--scene-k:.76;height:76cqw}.scene-stage[data-view] .scene-device{opacity:1;visibility:visible}.scene-studio{width:1200px;height:900px;transform:scale(calc(.72 * var(--scene-k)));border-radius:14px}.scene-phone{transform:translate(calc(100cqw - 390px * .86 * var(--scene-k)), calc((760px - 800px * .86) * var(--scene-k))) scale(calc(.86 * var(--scene-k)))}.scene-switch{display:none}}