.stage-box{position:relative;width:min(92vw,350px);aspect-ratio:1/1;margin:40px auto 16px;border:1px solid #000;background:#eee;overflow:hidden}.frame,.stage{position:absolute;inset:0;background:#eee}.frame{width:100%;height:100%;opacity:0;transition:none;display:block}.frame.is-active{opacity:1}.overlay{position:relative;z-index:2;display:grid;place-items:center;min-height:auto;margin-top:8px}.wrapper{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.stage-box{margin:0}.modal{position:fixed;inset:0;background:rgba(0,0,0,.15);display:grid;place-items:center;z-index:10}.modal-card{background:#eee;color:#000;border:1px solid #000;padding:16px;width:min(92vw,420px);text-align:center}.modal-actions{display:flex;gap:8px;justify-content:center;margin-top:8px}.frame{object-position:center center;object-fit:cover;image-orientation:from-image}