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}#root,body,html{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.App{height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw}#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{background:#000;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw}.p5-sketch-container,.sketch-wrapper{align-items:center;display:flex;justify-content:center}.sketch-wrapper{height:100%;width:100%}.sketch-wrapper canvas{display:block;height:auto!important;max-height:100vh;max-width:100vw;width:auto!important}.controls{align-items:center;bottom:40px;display:flex;flex-direction:column;left:50%;min-height:120px;position:absolute;transform:translateX(-50%);z-index:100}.switch-camera-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border:2px solid #ffffff80;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;position:fixed;right:20px;top:-100px;transition:all .3s ease;width:50px;z-index:1000}.switch-camera-button:hover{background:#ffffff80;transform:scale(1.1)}.switch-camera-button:active{transform:scale(.95)}.capture-button{-webkit-touch-callout:none;align-items:center;background:#fff3;border:4px solid #fffc;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:80px;justify-content:center;line-height:1.2;outline:none;padding:0;text-align:center;touch-action:manipulation;transition:all .2s;user-select:none;-webkit-user-select:none;width:80px}.capture-button:active{background:#fff6;transform:scale(.95)}.recording-indicator{animation:recording-pulse 1s ease-in-out infinite;background:#f00c;border-radius:20px;bottom:100px;color:#fff;font-size:16px;font-weight:700;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%);white-space:nowrap}@keyframes recording-pulse{0%,to{opacity:1}50%{opacity:.7}}.preview-overlay{align-items:center;background:#000000e6;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.preview-content{align-items:center;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;position:relative}.preview-media{border-radius:8px;max-height:80vh;max-width:100%}.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}.close-button,.download-button{background:#fff3;border:2px solid #ffffff80;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px 24px;transition:all .2s}.close-button:hover,.download-button:hover{background:#ffffff4d}.close-button{margin-left:12px}.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}.download-button:hover:not(:disabled){background:#ffffff4d}.save-success-toast{animation:toastFadeInOut 3s ease;background:#000000d9;border-radius:12px;box-shadow:0 4px 20px #0000004d;color:#fff;font-size:18px;font-weight:500;left:50%;padding:20px 40px;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10000}@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;background:#000000f2;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;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.21075dd2.css.map*/