body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f0f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}.app-container{height:100vh;height:100dvh;width:100vw}.app-container,.video-container{overflow:hidden;position:relative}.video-container{align-items:center;background-color:#000;display:flex;height:100vh;justify-content:center;width:100%}video{object-fit:cover;transform:scaleX(-1);z-index:1}.drawing-canvas,video{height:100%;left:0;position:absolute;top:0;width:100%}.drawing-canvas{pointer-events:none;z-index:2}.cursor{align-items:center;border-radius:50%;display:flex;justify-content:center;pointer-events:none;position:absolute;transition:all .1s ease;z-index:1000}.cursor.drawing{box-shadow:0 0 10px #ffffffb3;transform:translate(-50%,-50%) scale(1.2)}.cursor:after{content:attr(data-emoji);font-size:40px;font-size:var(--emoji-size,40px);line-height:1}.countdown-overlay{background-color:#000000b3;pointer-events:none;z-index:20}.countdown-overlay,.loading-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.loading-overlay{background-color:#00000080;color:#fff;font-size:18px;font-weight:700;letter-spacing:.5px;z-index:21}.loading-overlay .content{align-items:center;display:flex;flex-direction:column;gap:14px}.loading-overlay .spinner{animation:spin .9s linear infinite;border:4px solid #ffffff59;border-radius:50%;border-top-color:#fff;height:44px;width:44px}@keyframes spin{to{transform:rotate(1turn)}}.countdown-text{animation:pulse .5s ease-in-out;color:#fff;font-size:120px;font-weight:700;text-align:center}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.calibration-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffe6;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:25}.calibration-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;max-width:90%;padding:30px;text-align:center;width:400px}.calibration-card h2{color:#333;font-size:24px;margin-bottom:15px}.calibration-card p{color:#666;font-size:16px;margin-bottom:20px}.calibration-progress{background-color:#e0e0e0;border-radius:10px;height:20px;margin-bottom:10px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#4ecdc4,#45b7d1);height:100%;transition:width .3s ease}.progress-text{color:#333;font-weight:700;margin-bottom:10px}.instructions{color:#888;font-size:14px;font-style:italic}.onboarding-screen{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:30}.onboarding-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;max-width:90%;padding:30px;text-align:center;width:400px}.onboarding-card h2{color:#333;font-size:24px;margin-bottom:20px}.onboarding-steps{margin:30px 0}.step{margin:15px 0;text-align:left}.step,.step-number{align-items:center;display:flex}.step-number{background-color:#4ecdc4;border-radius:50%;color:#fff;flex-shrink:0;height:30px;justify-content:center;margin-right:15px;width:30px}.step p{color:#666;font-size:16px}.start-btn{background-color:#4ecdc4;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:18px;margin-top:20px;padding:15px 30px;transition:background-color .3s}.start-btn:hover{background-color:#3da5ab}.color-btn.ai-hover,.size-btn.ai-hover,.start-btn.ai-hover,.tool-btn.ai-hover{filter:brightness(.95);transform:scale(1.05)}.toolbar{bottom:max(16px,calc(env(safe-area-inset-bottom) + 12px));gap:10px;left:0;min-height:72px;overflow:visible;padding:0 16px;pointer-events:none;position:absolute;right:0;width:100%;z-index:5}.toolbar,.toolbar-inner{align-items:center;display:flex;justify-content:center}.toolbar-inner{flex-wrap:wrap;gap:12px;max-width:min(100%,960px);pointer-events:auto}.tool-btn{align-items:center;background-color:#f0f0f0;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex:0 0 auto;font-size:20px;height:60px;justify-content:center;transition:all .2s;width:60px}.tool-btn:hover{background-color:#e0e0e0;transform:scale(1.1)}.tool-btn.active{background-color:#4ecdc4;color:#fff}.tool-btn.save-btn{background-color:#ff6b6b;color:#fff}.brush-size-control{display:none}.size-presets{gap:14px}.size-btn,.size-presets{align-items:center;display:flex}.size-btn{background:#f0f0f0;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #00000026;cursor:pointer;height:48px;justify-content:center;transition:transform .2s;width:48px}.size-btn .dot{background:#333;border-radius:50%}.size-btn.active{border-color:#333;transform:scale(1.05)}.size-slider{width:80px}.size-preview{background-color:#333;border-radius:50%;display:inline-block}.color-palette{display:flex;flex:0 0 auto;gap:12px}.color-btn{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 5px #0003;cursor:pointer;height:42px;transition:transform .2s;width:42px}.color-btn.active,.color-btn:hover{transform:scale(1.2)}.color-btn.active{border:2px solid #333}@media (max-width:768px){.toolbar{min-height:64px;padding:0 10px}.toolbar-inner{justify-content:center}.tool-btn{font-size:20px;height:56px;width:56px}.calibration-card,.onboarding-card{padding:20px;width:90%}.step{align-items:flex-start;flex-direction:column}.step-number{margin-bottom:8px;margin-right:0}}@media (max-width:480px){.toolbar{gap:6px;min-height:56px}.toolbar-inner{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.tool-btn{font-size:18px;height:50px;width:50px}.size-slider{width:60px}.countdown-text{font-size:100px}}@media (min-width:1024px){.toolbar{justify-content:center;overflow-x:visible}}.resolution-control{background-color:#0003;border-radius:8px;display:flex;gap:4px;margin:0 8px;padding:4px}.resolution-control .tool-btn{background-color:initial;border:1px solid #0000;color:#fffc;font-size:16px;font-weight:700;height:48px;min-width:48px;padding:6px 10px;width:auto}.resolution-control .tool-btn.active{background-color:#ffffffe6;border-color:#0000001a;color:#333}
/*# sourceMappingURL=main.df31e798.css.map*/