*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:#111;color:#fff;overflow:hidden;touch-action:none}#app-container{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.input_video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);z-index:0;opacity:.3}.fullscreen-canvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}#drawing-canvas{z-index:10;transform:scaleX(-1)}#output-canvas{z-index:20;transform:scaleX(-1)}.pointer-events-none{pointer-events:none}.toolbar{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:#141419d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 24px;border-radius:40px;display:flex;align-items:center;gap:20px;z-index:30;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.1);transition:opacity .3s ease}.color-palette{display:flex;gap:12px}.color-btn{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s ease;box-shadow:inset 0 2px 4px #0003}.color-btn.active{border:2px solid white;transform:scale(1.2)}.stroke-sizes{display:flex;align-items:center;gap:12px}.size-btn{width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:1px solid transparent;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s}.size-btn .size-dot{background:#fff;border-radius:50%}.size-btn.active{background:#fff3;border-color:#ffffff80}.controls-divider{width:1px;height:24px;background:#fff3}.tool-actions{display:flex;gap:12px}.toolbar-btn{background:transparent;border:none;color:#ccc;cursor:pointer;padding:6px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.toolbar-btn:hover{color:#fff;background:#ffffff1a}#camera-mode-indicator{position:absolute;top:20px;left:20px;background:#0009;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;z-index:30;display:flex;align-items:center;gap:8px}#camera-mode-indicator:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#f36;box-shadow:0 0 8px #f36}.modal-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:100;transition:opacity .3s}.modal-overlay.hidden{opacity:0;pointer-events:none}.onboarding-content{background:#1e1e24;padding:40px;border-radius:24px;max-width:480px;width:90%;text-align:center;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #00000080}.onboarding-title{font-size:28px;margin-bottom:24px;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.onboarding-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:32px;text-align:left}.onboarding-item{display:flex;align-items:center;gap:16px;background:#ffffff0d;padding:12px 16px;border-radius:12px}.onboarding-icon{font-size:28px}.onboarding-text{display:flex;flex-direction:column}.onboarding-text strong{font-size:16px;color:#fff}.onboarding-text span{font-size:14px;color:#aaa}.btn-primary{background:linear-gradient(135deg,#f36,#ff6b33);color:#fff;border:none;padding:14px 32px;font-size:18px;font-weight:600;border-radius:30px;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f366}#loading-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:200;transition:opacity .5s}#loading-overlay.hidden{opacity:0;pointer-events:none}.loader{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-left-color:#f36;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 600px){.toolbar{flex-wrap:wrap;justify-content:center;width:90%;bottom:20px}.controls-divider{display:none}}#watermark{position:absolute;bottom:24px;right:24px;font-size:16px;font-weight:600;color:#fff6;background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:5;text-transform:uppercase;letter-spacing:2px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #0000004d}#watermark:before{content:"";width:6px;height:6px;background:#f36;border-radius:50%;display:inline-block;box-shadow:0 0 8px #f36}