*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#050505;color:#fff;font-family:system-ui,-apple-system,"Pretendard","Noto Sans KR",sans-serif}.hidden{display:none!important}.picker{height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 30%,#242424,#050505 62%)}.pick-card{text-align:center;max-width:520px;width:100%;padding:44px 28px;border:1px solid #ffffff1c;border-radius:30px;background:#ffffff0a;backdrop-filter:blur(18px)}.logo{margin:auto;width:78px;height:78px;border-radius:24px;display:grid;place-items:center;background:#fff;color:#000;font-size:25px;font-weight:800}.pick-card h1{font-size:34px;margin:22px 0 8px}.pick-card p{color:#aaa;font-size:16px}.pick-card button{margin:22px 0 18px;border:0;border-radius:15px;background:#fff;color:#000;padding:15px 28px;font-size:17px;font-weight:750;cursor:pointer}.pick-card small{display:block;color:#777}.picker.drag .pick-card{outline:2px solid #fff}.viewer{position:relative;width:100%;height:100%;touch-action:none}.viewer canvas{display:block;width:100%;height:100%;cursor:grab}.viewer canvas:active{cursor:grabbing}.controls{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,calc(100% + 60px));display:flex;gap:5px;padding:7px;background:#111b;border:1px solid #ffffff22;border-radius:18px;backdrop-filter:blur(18px);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .25s ease;z-index:5}.viewer.menu-visible .controls{transform:translate(-50%,0);opacity:1;pointer-events:auto}.controls button,.round{border:0;color:#fff;background:#ffffff12;border-radius:12px;min-height:42px;padding:0 14px;font-weight:650;cursor:pointer}.controls button:hover,.round:hover,.controls button.active{background:#ffffff25}.round{position:absolute;width:44px;padding:0;font-size:24px;z-index:4;opacity:0;pointer-events:none;transition:opacity .25s}.viewer.menu-visible .round{opacity:1;pointer-events:auto}.top-left{top:max(18px,env(safe-area-inset-top));left:18px}.hint{display:none}.status{position:absolute;inset:0;display:grid;place-items:center;background:#050505dd;font-size:16px;z-index:10}@media(max-width:600px){.controls{width:calc(100% - 24px);justify-content:center;overflow:auto}.controls button{padding:0 10px;font-size:12px}.pick-card h1{font-size:29px}}