.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}.loading-cover{position:fixed;inset:0;display:grid;place-items:center;background:hsla(0,0%,100%,.82);backdrop-filter:blur(2px);z-index:20}.loading-card{background:#eee;border:1px solid #000;padding:18px 20px;text-align:center;box-shadow:0 6px 20px rgba(0,0,0,.1)}.loading-title{margin:10px 0 6px;font-weight:600}.loading-sub{margin:0;color:#333;font-size:13px}.spinner{width:32px;height:32px;border-radius:999px;border:3px solid #000;border-right-color:transparent;margin:0 auto;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}