.app-container{position:relative;width:100vw;height:100vh;overflow:hidden}.three-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.camera-feed{position:absolute;top:70px;left:20px;width:160px;height:120px;border:2px solid #fff;border-radius:8px;z-index:10;overflow:hidden;background-color:#000c}.camera-video{width:100%;height:100%;object-fit:cover}.hidden-canvas{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.metrics-overlay{position:absolute;right:10px;bottom:10px;padding:4px 8px;border-radius:6px;background-color:#0009;color:#0f0;font-family:monospace;font-size:12px;z-index:20}.metrics-overlay div{margin:1px 0}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;display:flex;align-items:center;justify-content:center;z-index:100}.loading-content{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.loading-text h2{color:#fff;font-size:24px;font-weight:500;margin:0 0 8px}.loading-text p{color:#ccc;font-size:16px;margin:0}.loading-subtext{margin-top:8px!important}.done-button{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:40px;background-color:#007bff;color:#fff;border:none;border-radius:12px;font-size:24px;font-weight:600;cursor:pointer;z-index:30;transition:background-color .2s ease;min-width:120px}.done-button:hover{background-color:#0056b3}.done-button:active{background-color:#004085}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;border-radius:16px;padding:32px;max-width:480px;width:90%;box-shadow:0 8px 32px #0000001f}.modal-form{display:flex;flex-direction:column;gap:24px}.modal-input-group{display:flex;flex-direction:column;gap:12px}.modal-input-group label{font-size:16px;font-weight:500;color:#333;margin:0}.modal-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.modal-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.modal-input::placeholder{color:#999}.modal-error{color:#d32f2f;font-size:14px;margin:0}.modal-actions{display:flex;justify-content:center;margin-top:8px}.modal-continue-button{padding:12px 32px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;background-color:#007bff;color:#fff;transition:background-color .2s ease,transform .1s ease;min-width:120px}.modal-continue-button:hover{background-color:#0056b3}.modal-continue-button:active{transform:scale(.98)}.modal-continue-button:disabled{opacity:.6;cursor:not-allowed;transform:none}