.locker-canvas{transform-origin:50%;background:url(/assets/purple_lockers-CItyJXLs.png) 50%/cover no-repeat;width:1920px;height:1080px;position:relative;overflow:hidden}.viewport-wrapper{background:#0d0d0d;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.locker-canvas{width:1600px;height:900px;position:relative;overflow:hidden;box-shadow:0 0 50px #00000080}.locker-bg{object-fit:cover;width:100%;height:100%}.star-top{width:180px;position:absolute;top:120px;left:-5px;z-index:9999!important}.budget-tag{width:140px;position:absolute;bottom:100px;left:50px}.flip-phone{width:150px;position:absolute;bottom:50px;left:80px;transform:rotate(-20deg)}.aura-header{object-fit:contain;width:600px;max-width:none;height:auto;position:absolute;top:-10px;right:-40px}.keychain-zone{z-index:10;justify-content:center;align-items:center;width:800px;height:800px;display:flex;position:absolute;top:-100px;right:-50px}.bottom-input-section{z-index:15;background:#fffffff2;border-radius:15px;gap:30px;padding:20px;display:flex;position:absolute;bottom:30px;left:400px;right:400px;box-shadow:0 4px 15px #0003}.input-group{flex-direction:column;flex:1;display:flex}.input-group label{color:#333;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:14px;font-weight:600}.input-group input,.input-group textarea{border:2px solid #ddd;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.input-group input:focus,.input-group textarea:focus{border-color:#b19cd9;outline:none;box-shadow:0 0 8px #b19cd94d}.input-group textarea{resize:vertical;min-height:60px}.voice-section{z-index:12;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:750px;left:250px}.voice-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a06c9e 0%,#8b4c7c 100%);border:4px solid #6b2c5c;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:0;transition:all .2s;display:flex;position:relative;box-shadow:0 4px 12px #0006,inset 0 1px 3px #fff3}.voice-btn:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#ffc8c899,#c896b44d);border-radius:50%;width:50%;height:50%;position:absolute}.voice-btn:hover{transform:scale(1.05);box-shadow:0 6px 18px #a06c9e99,inset 0 1px 3px #ffffff4d}.voice-btn:active{transform:scale(.95)}.voice-btn.recording{background:linear-gradient(135deg,#d1546e 0%,#b83456 100%);border-color:#8b2c4c;animation:1.5s infinite pulse;box-shadow:0 4px 12px #d1546e99,inset 0 1px 3px #fff3}@keyframes pulse{0%,to{box-shadow:0 4px 12px #d1546e99,inset 0 1px 3px #fff3}50%{box-shadow:0 6px 20px #d1546ee6,inset 0 1px 3px #ffffff4d}}.recording-indicator{color:#d1546e;font-size:12px;font-weight:700;animation:1s infinite blink}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.5}}.camera-wrapper{z-index:10;width:350px;position:absolute;bottom:50px;right:50px;pointer-events:all!important}.camera-image{width:100%;height:auto;display:block}.results-logo{z-index:20;width:700px;position:absolute;top:10px;left:1%;transform:translate(-50%)}.results-notebook{z-index:5;position:absolute;width:950px!important;top:55%!important;left:50%!important;transform:translate(-50%,-50%)!important}.results-camera{z-index:20;position:absolute;width:500px!important;top:500px!important;left:10px!important}.results-photostrip{z-index:12;width:280px;position:absolute;top:140px;right:30px;transform:rotate(0)!important}.retake-btn{cursor:pointer;z-index:30;background:#fff;border:3px solid #b19cd9;border-radius:30px;padding:12px 35px;font-weight:700;position:absolute;bottom:800px;left:80%;transform:translate(-50%)}.retake-btn:hover{background:#fff;transform:translate(-50%)scale(1.1)}.locker-bg{pointer-events:none;z-index:-1!important}.bottom-input-section,.camera-wrapper,.capture-button,.voice-section{z-index:999!important;pointer-events:all!important}.locker-canvas{pointer-events:none}.locker-canvas>*{pointer-events:all}