body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.start-screen{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;display:flex;height:100vh;justify-content:center;margin:0 auto;max-width:60vh;overflow:hidden;position:relative;width:100vw}.start-screen-content{box-sizing:border-box;flex-direction:column;height:100%}.start-screen-content,.start-screen-image-container{align-items:center;display:flex;justify-content:center;width:100%}.start-screen-image-container{flex:1 1;min-height:0}.start-screen-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.start-screen-image-container video{display:block;height:auto;max-height:100%;max-width:100%;object-fit:cover;width:100%}.start-hint{color:#000;cursor:pointer;font-size:16px;font-weight:400;margin-bottom:80px;-webkit-user-select:none;user-select:none}.start-hint,.start-screen-footer{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.start-screen-footer{bottom:20px;color:#666;font-size:12px;font-weight:300;left:50%;letter-spacing:.5px;position:absolute;transform:translateX(-50%)}@media (max-width:768px){.start-hint{font-size:16px;margin-bottom:50px}.start-screen-footer{bottom:15px;font-size:11px}}@media (max-width:480px){.start-hint{font-size:16px;margin-bottom:100px}.start-screen-footer{bottom:10px;font-size:10px}}.loading-screen{background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;overflow:hidden;position:relative}.loading-screen,.loading-screen-content{align-items:center;display:flex;height:100%;width:100%}.loading-screen-content{box-sizing:border-box;flex-direction:column;justify-content:flex-start;padding:20vh 20px 20px}.loading-image-container{align-items:center;display:flex;justify-content:center;margin-bottom:20px;max-width:100%}.loading-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.loading-percentage{color:#d77a30;font-size:48px;font-weight:700;margin-bottom:0;margin-top:0;text-shadow:2px 2px 4px #0003;transition:all .1s ease}.loading-percentage,.loading-screen-footer{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.loading-screen-footer{bottom:20px;color:#666;font-size:12px;font-weight:300;left:50%;letter-spacing:.5px;position:absolute;transform:translateX(-50%)}@media (max-width:768px){.loading-image-container{margin-bottom:20px;max-height:45vh}.loading-percentage{font-size:40px;margin-bottom:15px}.loading-mediapipe-hint{font-size:13px;margin-bottom:30px}.loading-screen-footer{bottom:15px;font-size:11px}}@media (max-width:480px){.loading-image-container{margin-bottom:15px;max-height:40vh}.loading-percentage{font-size:36px;margin-bottom:10px}.loading-mediapipe-hint{font-size:12px;margin-bottom:25px}.loading-screen-footer{bottom:10px;font-size:10px}}#root,body,html{align-items:center;background:#eadd8b;display:flex;height:100%;justify-content:center;margin:0;padding:0}#root,.App,body,html{overflow:hidden;width:100%}.App{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;margin:0 auto;max-width:60vh;position:relative}#canvas-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}canvas{display:block;height:auto!important;max-height:100vh;max-width:100vw;width:auto!important}.loading-container{align-items:center;background:#000000e6;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:9999}.loading-container.hidden{opacity:0;pointer-events:none}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:#fff;font-family:system-ui,-apple-system,sans-serif;font-size:16px;margin-top:20px}.mediapipe-loading-overlay{background:#000000f2;height:100vh;left:0;position:fixed;top:0;transition:opacity .3s ease;width:100vw;z-index:10000}.mediapipe-loading-content,.mediapipe-loading-overlay{align-items:center;display:flex;justify-content:center}.mediapipe-loading-content{flex-direction:column;padding:40px;text-align:center}.mediapipe-loading-content .loading-spinner{animation:spin 1s linear infinite;border:5px solid #fff3;border-radius:50%;border-top-color:#fff;height:60px;margin-bottom:30px;width:60px}.mediapipe-loading-content .loading-text{color:#fff;font-family:system-ui,-apple-system,sans-serif;font-size:18px;font-weight:500;margin-bottom:10px;margin-top:0}.mediapipe-loading-content .loading-subtext{color:#ffffffb3;font-family:system-ui,-apple-system,sans-serif;font-size:14px}button{touch-action:manipulation}body,button,canvas,html{-webkit-touch-callout:none;-webkit-user-select:none}body,button,canvas,html{touch-action:none;user-select:none}.p5-sketch-container{align-items:flex-start;box-sizing:border-box;margin:-15px 25px 0;overflow:hidden;padding-top:0;width:calc(100% - 50px)}.p5-sketch-container,.sketch-wrapper{display:flex;height:100%;justify-content:center;position:relative}.sketch-wrapper{align-items:center;width:100%}.sketch-wrapper canvas{display:block;height:auto!important;max-height:100vh;max-width:100%;width:auto!important}.controls{align-items:center;bottom:160px;display:flex;flex-direction:row;gap:30px;left:50%;margin-left:30px;min-height:120px;position:absolute;transform:translateX(-50%);z-index:100}.controls .capture-button,.controls .capture-button.recording{flex-shrink:0!important;height:80px!important;left:auto!important;max-height:80px!important;max-width:80px!important;min-height:80px!important;min-width:80px!important;position:relative!important;top:auto!important;transform:none!important;width:80px!important}.mediapipe-toggle-button{align-items:center;background:#fffc;border:none;border-radius:18px;cursor:pointer;display:flex;height:36px;justify-content:flex-start;overflow:hidden;padding:0;position:relative;transition:all .3s ease;width:70px;z-index:1000}.mediapipe-toggle-button.active{background:#fffc;justify-content:flex-end}.mediapipe-toggle-text{align-items:center;color:#000;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:11px;font-weight:400;justify-content:center;left:8px;line-height:1.2;pointer-events:none;position:absolute;z-index:3}.mediapipe-toggle-line1,.mediapipe-toggle-line2{display:block;line-height:1.1}.mediapipe-toggle-button.active .mediapipe-toggle-text{color:#000;left:auto;right:6px;z-index:3}.mediapipe-toggle-button.active .mediapipe-toggle-line1,.mediapipe-toggle-button.active .mediapipe-toggle-line2{color:#000}.mediapipe-toggle-slider{background:#f86d06;border-radius:16px;height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:60%;z-index:1}.mediapipe-toggle-button.active .mediapipe-toggle-slider{left:auto;right:0}.mediapipe-toggle-button:hover{opacity:.8}.mediapipe-toggle-button:active{transform:scale(.95)}.switch-camera-button{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:auto;justify-content:center;margin-left:-30px;padding:0;transition:all .3s ease;width:auto;z-index:1000}.switch-camera-icon{height:40px;object-fit:contain;width:40px}.switch-camera-button:hover{opacity:.8;transform:scale(1.1)}.switch-camera-button:active{transform:scale(.95)}.capture-button{-webkit-touch-callout:none;align-items:center;background:#fffc;border:none;border-radius:50%;box-sizing:border-box;color:#000;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-size:13px;gap:2px;height:80px;justify-content:center;left:50%;line-height:1.2;max-height:80px;max-width:80px;min-height:80px;min-width:80px;outline:none;padding:0;position:fixed;text-align:center;top:50%;touch-action:manipulation;transform:translate(-50%,-50%);transition:all .2s;user-select:none;-webkit-user-select:none;width:80px;z-index:1000}.capture-button.recording{background:#fff;background-clip:padding-box;border:none;position:relative}.capture-button.recording:before{background:conic-gradient(from -90deg,#f86d06 0deg,#f86d06 0deg,#f86d064d 0deg,#f86d064d 1turn);background:conic-gradient(from -90deg,#f86d06 0deg,#f86d06 calc(var(--progress, 0)*3.6deg),#f86d064d calc(var(--progress, 0)*3.6deg),#f86d064d 1turn);height:88px;width:88px;will-change:background;z-index:-2}.capture-button.recording:after,.capture-button.recording:before{border-radius:50%;box-sizing:border-box;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.capture-button.recording:after{background:#fff;height:80px;width:80px;z-index:-1}.capture-button-line1,.capture-button-line2{color:#000;display:block;font-size:12px;line-height:1.2}.capture-button:active{background:#fff6;transform:translate(-50%,-50%) scale(.95)}.hourse-image{right:0;top:20px;width:250px}.hourse-image,.logo-image{height:auto;pointer-events:none;position:absolute;z-index:2000}.logo-image{left:40px;top:160px;width:auto}.intro-image{bottom:50px;height:auto;left:50%;max-height:80px;max-width:200px;pointer-events:none;position:absolute;transform:translateX(-50%);width:auto;z-index:50}.p5-sketch-container:has(.preview-overlay-canvas) .intro-image,.preview-overlay-canvas~.intro-image{display:none}.p5-sketch-footer{bottom:20px;color:#666;font-size:12px;font-weight:300;left:50%;letter-spacing:.5px;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:50}.p5-sketch-footer,.recording-time{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.recording-time{color:#f86d06;font-size:14px;font-weight:700}.preview-overlay-canvas{background:#0000;left:0;pointer-events:auto;position:absolute;top:0;z-index:1100}.preview-content-canvas,.preview-overlay-canvas{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.preview-content-canvas{flex-direction:column;position:relative}.preview-content-canvas .cancel-button,.preview-content-canvas .download-button{margin-left:0;margin-right:0;margin-top:20px}.preview-content-canvas .download-button{margin-right:12px}.preview-content-canvas .cancel-button{margin-left:12px}.preview-button-container{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:center}.preview-media{aspect-ratio:3/4;border-radius:0;margin-top:68px;object-fit:cover;width:100%}.preview-overlay-canvas~.controls,.preview-overlay-canvas~.intro-image{display:none}.upload-overlay{align-items:center;aspect-ratio:3/4;background:#00000080;border-radius:inherit;display:flex;justify-content:center;left:50%;max-height:100%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1100}.upload-progress-container{align-items:center;display:flex;flex-direction:column;gap:20px;max-width:400px;width:80%}.upload-progress-bar{background:#80808080;border-radius:8px;height:20px;overflow:hidden;width:100%}.upload-progress-fill{background:#f86d06;border-radius:8px;height:100%;transition:width .3s ease}.upload-progress-text{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;text-align:center}.upload-progress{margin-top:20px;max-width:400px;width:100%}.progress-bar{background:#fff3;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:#4caf50;height:100%;transition:width .3s ease}.progress-text{color:#fff;font-size:14px;margin-top:8px;text-align:center}.processing-status{align-items:center;display:flex;flex-direction:column;gap:12px;margin-top:20px}.processing-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}.processing-text{color:#fff;font-size:16px}.processed-video{margin-top:20px}.long-press-hint{animation:fadeInOut .3s ease;background:#000c;border-radius:20px;color:#fff;font-size:14px;font-weight:500;left:50%;padding:12px 24px;pointer-events:none;position:absolute;top:20px;transform:translateX(-50%);z-index:1001}@keyframes fadeInOut{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.processed-link{background:#4caf5033;border-radius:8px;color:#4caf50;display:inline-block;font-size:16px;padding:12px 24px;text-decoration:none}.processed-link:hover{background:#4caf504d}.download-button{background:#f86d06;border:none;border-radius:24px;box-shadow:0 2px 8px #0000004d;color:#000;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:12px 32px;transition:all .2s}.download-button:hover:not(:disabled){background:#e65a00;box-shadow:0 4px 12px #0006}.cancel-button{background:#7de5d4;border:none;border-radius:24px;box-shadow:0 2px 8px #0000004d;color:#000;cursor:pointer;font-size:16px;font-weight:700;margin-top:0;padding:12px 32px;transition:all .2s}.cancel-button:hover{background:#6dd4c3;box-shadow:0 4px 12px #0006}.save-loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.download-button{align-items:center;display:flex;gap:8px;justify-content:center}.download-button:disabled{cursor:not-allowed;opacity:.6}.save-success-overlay{align-items:center;bottom:0;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;pointer-events:auto;position:fixed;right:0;top:0;width:100%;z-index:30000}.save-success-image{align-items:center;height:auto;justify-content:center;max-width:300px;object-fit:contain;pointer-events:none;width:auto}@keyframes toastFadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}10%{opacity:1;transform:translate(-50%,-50%) scale(1)}90%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.resolution-selector{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%;z-index:10000}.resolution-selector-content{max-width:500px;padding:40px;text-align:center;width:90%}.resolution-title{color:#fff;font-size:28px;font-weight:600;margin-bottom:10px}.resolution-subtitle,.resolution-title{font-family:system-ui,-apple-system,sans-serif}.resolution-subtitle{color:#ffffffb3;font-size:16px;margin-bottom:40px}.resolution-buttons{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.resolution-button{background:#ffffff0d;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-family:system-ui,-apple-system,sans-serif;padding:24px;transition:all .3s ease;width:100%}.resolution-button:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.resolution-button:active{transform:translateY(0)}.resolution-button-high{border-color:#4caf5080}.resolution-button-high:hover{background:#4caf501a;border-color:#4caf50cc}.resolution-button-low{border-color:#2196f380}.resolution-button-low:hover{background:#2196f31a;border-color:#2196f3cc}.resolution-button-title{font-size:20px;font-weight:600;margin-bottom:8px}.resolution-button-desc{color:#ffffffe6;font-size:18px;font-weight:500;margin-bottom:6px}.resolution-button-hint{color:#fff9;font-size:14px}.mediapipe-toggle{border-top:1px solid #fff3;margin-top:30px;padding-top:30px}.mediapipe-toggle-label{align-items:center;color:#fff;cursor:pointer;display:flex;font-family:system-ui,-apple-system,sans-serif;font-size:16px;justify-content:center;margin-bottom:10px}.mediapipe-toggle-input{cursor:pointer;height:20px;margin-right:12px;width:20px}.mediapipe-toggle-text{-webkit-user-select:none;user-select:none}.mediapipe-toggle-hint{color:#ffffff80;font-family:system-ui,-apple-system,sans-serif;font-size:14px;margin-top:8px}
/*# sourceMappingURL=main.6c6fadee.css.map*/