:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}body{margin:0;width:100vw;height:100vh;background:#ffe8db 0% 0% no-repeat padding-box}.logoContainer{width:17.2vw;position:absolute;left:2.7vw;top:2.1vh}.logoContainer img{width:100%;display:block}.cameraSelectContainer{position:absolute;top:2.1vh;right:2.7vw;z-index:10}.cameraSelectCircle{width:1vw;height:1vw;border-radius:50%;background:#d00303;cursor:pointer;transition:all .2s ease;border:2px solid rgba(255,255,255,.5)}.cameraSelectCircle:hover{background:#ffffff80;transform:scale(1.1)}.cameraDropdown{position:absolute;top:calc(2vw + 1vh);right:0;background:#d00303;border-radius:8px;border:1px solid rgba(255,255,255,.2);min-width:20vw;overflow:hidden;box-shadow:0 4px 20px #0000004d}.cameraDropdownItem{padding:1.2vh 1.5vw;color:#fff;font-size:1.6vh;cursor:pointer;transition:background .2s ease;white-space:nowrap}.cameraDropdownItem:hover{background:#ffffff1a}.cameraDropdownItem.selected{background:#4a9eff4d}.cameraDropdownItem.disabled{color:#888;cursor:not-allowed}.cameraContainer{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);width:85.7vw;aspect-ratio:2/3;overflow:hidden;background:#0000004d;border:3px solid rgba(255,255,255,.1)}.webcamWrapper{width:100%;height:100%;position:relative;overflow:hidden}.webcamFeed,.capturedImage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);width:128.55vw;height:85.7vw;object-fit:cover}.countdownOverlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0006;z-index:5}.countdownNumber{font-size:20vh;font-weight:700;color:#fff;text-shadow:0 0 30px rgba(0,0,0,.8);animation:countdownPulse 1s ease-in-out infinite}@keyframes countdownPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.uploadOverlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000080;z-index:6;gap:2vh}.uploadOverlay p{color:#fff;font-size:2.5vh;font-weight:500}.uploadLoader{width:8vh;height:8vh;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.cameraPlaceholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#888;gap:2vh}.cameraPlaceholder.error{color:#ff6b6b}.cameraPlaceholder .hint{font-size:1.5vh;color:#666;text-align:center;padding:0 2vw}.loader{width:5vh;height:5vh;border:3px solid rgba(255,255,255,.1);border-top-color:#4a9eff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bottomBtnContainer{position:absolute;left:0;width:100vw;bottom:8.19vh;display:flex;justify-content:center}.bottomBtnContainer img{height:5vh;cursor:pointer;transition:transform .2s ease}.bottomBtnContainer img:hover{transform:scale(1.1)}.bottomBtnContainer img:active{transform:scale(.95)}.captureBtnContainer{position:absolute;left:0;width:100vw;bottom:7.19vh;display:flex;justify-content:center}.captureBtnContainer img{height:10vh;cursor:pointer;transition:transform .2s ease}.captureBtnContainer img:hover{transform:scale(1.1)}.captureBtnContainer img:active{transform:scale(.95)}.captureBtnContainer img.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.girlImage{width:100vw;display:flex;justify-content:center;top:18vh;position:absolute;left:0}.girlImage img{width:70.7vw}.previewImage{width:100vw;display:flex;justify-content:center;top:13vh;position:absolute;left:0}.previewImage img{width:80.7vw;box-shadow:0 0 40px #ff8e4e73}.previewBtnController{position:absolute;left:0;width:100vw;bottom:8.19vh;display:flex;justify-content:space-between;box-sizing:border-box;padding:0 11vw}.previewBtnController img{height:5vh;cursor:pointer;transition:transform .2s ease}.previewBtnController img:hover{transform:scale(1.1)}.previewBtnController img:active{transform:scale(.95)}.printContainer{width:4in;height:6in;margin:0;padding:0}.printContainer img{width:100%;height:100%;object-fit:cover}.qrImage{width:100vw;display:flex;justify-content:center;top:13vh;position:absolute;left:0}.qrImage img{width:58.7vw;box-shadow:0 0 40px #ff8e4e73}.qrContainer{position:absolute;bottom:-11vw;width:20vw}.qrInnerContainer{background:#fff;padding:1vw;box-sizing:border-box}.qrInnerContainer svg{display:block}.qrText{position:absolute;bottom:27vw;width:100vw;text-align:center}.qrText img{width:79vw}