@vidtreo/recorder-react 1.7.8 → 1.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/README.md +211 -12
  2. package/dist/index.d.ts +45 -18
  3. package/dist/index.js +1 -1
  4. package/dist/recorder-react.css +1 -1
  5. package/package.json +3 -2
package/dist/recorder-react.css CHANGED
@@ -1 +1 @@
1
- :root{--vidtreo-background:0 0% 100%;--vidtreo-foreground:0 0% 3.9%;--vidtreo-card:0 0% 100%;--vidtreo-card-foreground:0 0% 3.9%;--vidtreo-primary:0 0% 9%;--vidtreo-primary-foreground:0 0% 98%;--vidtreo-secondary:0 0% 96.1%;--vidtreo-secondary-foreground:0 0% 9%;--vidtreo-muted:0 0% 96.1%;--vidtreo-muted-foreground:0 0% 45.1%;--vidtreo-accent:0 0% 96.1%;--vidtreo-accent-foreground:0 0% 9%;--vidtreo-destructive:0 84.2% 60.2%;--vidtreo-destructive-foreground:0 0% 98%;--vidtreo-border:0 0% 89.8%;--vidtreo-input:0 0% 89.8%;--vidtreo-ring:0 0% 3.9%;--vidtreo-radius:0.5rem;--vidtreo-preview-bg:0 0% 0%;--vidtreo-z-modal-overlay:9999;--vidtreo-z-settings-panel:200;--vidtreo-z-error-overlay:100;--vidtreo-z-countdown-overlay:20;--vidtreo-z-progress-overlay:20;--vidtreo-z-controls:10}.vidtreo-preview-container{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:0;overflow:visible;background:hsl(var(--vidtreo-preview-bg));display:flex;align-items:center;justify-content:center;border:none;contain:layout style;transform:translateZ(0);will-change:auto;backface-visibility:hidden;isolation:isolate}.vidtreo-preview-container::before{display:none}@media (min-width:768px){.vidtreo-preview-container{aspect-ratio:16 / 9}}.vidtreo-camera-area{width:100%;height:100%;display:none;position:relative;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;contain:layout style paint;transform:translateZ(0);backface-visibility:hidden;isolation:isolate;will-change:auto}.vidtreo-source-transition-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.7);display:none;align-items:center;justify-content:center;flex-direction:column;border-radius:0;z-index:var(--vidtreo-z-error-overlay);backdrop-filter:blur(4px);transition:opacity 0.3s ease;transform:translateZ(0);contain:layout style paint;backface-visibility:hidden;will-change:opacity}.vidtreo-source-transition-overlay.vidtreo-active{display:flex;animation:vidtreo-fadeIn 0.2s ease}@keyframes vidtreo-fadeIn{from{opacity:0}to{opacity:1}}.vidtreo-transition-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,0.3);border-top-color:#667eea;border-radius:50%;animation:vidtreo-spin 0.8s linear infinite;margin-bottom:12px}@keyframes vidtreo-spin{to{transform:rotate(360deg)}}.vidtreo-transition-message{color:white;font-size:14px;font-weight:500;text-align:center}.vidtreo-camera-area.vidtreo-active{display:block}.vidtreo-preview-skeleton{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;border-radius:0;z-index:var(--vidtreo-z-controls);gap:1rem;transform:translateZ(0);contain:layout style paint;backface-visibility:hidden;will-change:auto}.vidtreo-skeleton-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,0.3);border-top-color:#ffffff;border-radius:50%;animation:vidtreo-spin 0.8s linear infinite}.vidtreo-skeleton-text{color:#ffffff;font-size:0.875rem;font-weight:500}.vidtreo-video-preview{width:100%;height:100%;border-radius:0;background:#000;display:block;object-fit:cover;transition:opacity 0.3s ease,transform 0.3s ease;position:absolute;inset:0;transform:translateZ(0);will-change:auto;backface-visibility:hidden}.vidtreo-video-preview-skeleton{position:absolute;inset:0;width:100%;height:100%;border-radius:0;background:#000;overflow:hidden;z-index:2;transform:translateZ(0);contain:layout style paint;backface-visibility:hidden;will-change:auto}.vidtreo-skeleton-shimmer{position:absolute;inset:0;background:linear-gradient( 90deg,hsl(var(--vidtreo-muted)) 0%,hsl(var(--vidtreo-muted) / 0.5) 50%,hsl(var(--vidtreo-muted)) 100% );background-size:200% 100%;animation:vidtreo-shimmer 1.5s ease-in-out infinite}@keyframes vidtreo-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.vidtreo-video-preview-skeleton.vidtreo-hidden{opacity:0;pointer-events:none;transition:opacity 0.3s ease}.vidtreo-video-preview.vidtreo-screen-share{object-fit:cover}.vidtreo-video-preview.vidtreo-transitioning{opacity:0.5;transform:scale(0.98)}.vidtreo-countdown-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.95);display:none;align-items:center;justify-content:center;border-radius:0;z-index:var(--vidtreo-z-countdown-overlay);transform:translateZ(0);contain:layout style paint;backface-visibility:hidden;will-change:auto}.vidtreo-countdown-overlay.vidtreo-active{display:flex}.vidtreo-countdown-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.vidtreo-countdown-number{font-size:9rem;font-weight:bold;color:#ffffff;animation:vidtreo-zoomIn 0.3s ease}@keyframes vidtreo-zoomIn{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}.vidtreo-countdown-text{font-size:0.875rem;color:#ffffff;margin-top:1rem;font-weight:500}.vidtreo-settings-panel{position:absolute !important;bottom:4rem !important;left:50% !important;margin-left:-47%;background:rgba(0,0,0,0.4);border:none;border-radius:0.75rem;padding:0.625rem;display:none;flex-direction:column;z-index:var(--vidtreo-z-settings-panel);width:90%;overflow:hidden;contain:layout style paint;transform:translateZ(0);backface-visibility:hidden}.vidtreo-settings-panel.vidtreo-active{display:flex}.vidtreo-settings-content{width:100%;display:flex;flex-direction:column;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.vidtreo-settings-content.vidtreo-slide-right{animation:vidtreo-slideRight 0.3s ease}.vidtreo-settings-content.vidtreo-slide-left{animation:vidtreo-slideLeft 0.3s ease}.vidtreo-settings-content.vidtreo-slide-none{animation:none;will-change:auto}@keyframes vidtreo-slideIn{from{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes vidtreo-slideRight{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes vidtreo-slideLeft{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.vidtreo-settings-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1rem;background:none;border:none;color:#ffffff;cursor:pointer;padding:0;width:100%;text-align:left}.vidtreo-settings-back-icon{flex-shrink:0;color:#ffffff}.vidtreo-settings-title{font-size:0.875rem;font-weight:600;margin:0;color:#ffffff}.vidtreo-device-options-container{display:flex;flex-direction:column;gap:0.375rem}.vidtreo-device-option-nav{display:flex;align-items:center;padding:0.5rem 0.75rem;background:none;border:none;cursor:pointer;color:#ffffff;transition:background-color 0.2s ease;width:100%;gap:1rem;border-radius:0.5rem}.vidtreo-device-option-nav:hover{background:rgba(255,255,255,0.2)}.vidtreo-device-option-nav-content{display:flex;align-items:center;gap:0.75rem;flex-shrink:0}.vidtreo-device-option-nav-label{font-size:0.875rem;font-weight:500;color:#ffffff}.vidtreo-device-option-nav-value{display:flex;align-items:center;gap:0.5rem;flex:1;justify-content:flex-end;min-width:0}.vidtreo-device-option-nav-value-text{font-size:0.875rem;color:rgba(255,255,255,0.8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:right}.vidtreo-device-option-nav-chevron{font-size:1.25rem;color:#ffffff;line-height:1}.vidtreo-device-list{display:flex;flex-direction:column;gap:0;max-height:200px;overflow-y:auto}.vidtreo-device-list::-webkit-scrollbar{width:4px}.vidtreo-device-list::-webkit-scrollbar-track{background:transparent}.vidtreo-device-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:2px}.vidtreo-device-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3)}.vidtreo-device-option{display:flex;align-items:center;padding:0.5rem 0.75rem;background:none;border:none;cursor:pointer;color:#ffffff;transition:background-color 0.2s ease;text-align:left;width:100%;gap:0.75rem;border-radius:0.5rem}.vidtreo-device-option:hover{background:rgba(255,255,255,0.2)}.vidtreo-device-option-check-container{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vidtreo-device-checkmark-placeholder{width:20px;height:20px;flex-shrink:0}.vidtreo-device-checkmark{color:#ffffff;flex-shrink:0}.vidtreo-device-option-label{font-size:0.875rem;color:#ffffff;flex:1}.vidtreo-device-empty{padding:1rem 0;font-size:0.875rem;color:rgba(255,255,255,0.6);text-align:center}.vidtreo-audio-level-bars{position:absolute !important;bottom:0.75rem !important;right:0.75rem !important;display:flex !important;align-items:center;gap:0.125rem;height:1rem;z-index:var(--vidtreo-z-controls);transform:translateZ(0);contain:layout style paint;will-change:auto;backface-visibility:hidden}@media (min-width:768px){.vidtreo-audio-level-bars{height:1.25rem}}.vidtreo-audio-level-bar{width:0.125rem;border-radius:9999px;background:rgba(255,255,255,0.5);transition:all 0.1s ease;align-self:flex-end}.vidtreo-recording-controls{position:absolute !important;bottom:12px !important;left:50% !important;transform:translateX(-50%) translateZ(0) !important;z-index:var(--vidtreo-z-controls);contain:layout style;will-change:auto;backface-visibility:hidden}.vidtreo-recording-controls-row{display:flex;align-items:center;justify-content:center;gap:0.5rem;transform:translateZ(0);will-change:auto}.vidtreo-recording-timer-row{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.vidtreo-recording-timer-badge{position:absolute !important;top:0.75rem !important;right:0.75rem !important;display:flex !important;align-items:center;gap:0.375rem;background:rgba(0,0,0,0.3);border:none;padding:0.25rem 0.5rem;border-radius:9999px;box-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);z-index:var(--vidtreo-z-controls);transform:translateZ(0);contain:layout style paint;will-change:auto;backface-visibility:hidden}.vidtreo-recording-dot-small{width:0.375rem;height:0.375rem;background:hsl(var(--vidtreo-destructive));border-radius:50%;animation:vidtreo-pulse 1.5s ease-in-out infinite}.vidtreo-recording-timer-text{font-size:0.75rem;font-family:monospace;font-weight:500;color:#ffffff}.vidtreo-control-buttons-row{display:flex;align-items:center;justify-content:center;gap:0.375rem;height:auto;min-height:2rem;transform:translateZ(0);will-change:auto}@media (min-width:768px){.vidtreo-control-buttons-row{min-height:2.25rem}}.vidtreo-control-button{width:2rem;height:2rem;min-height:2rem;max-height:2rem;border-radius:9999px;border:none;background:rgba(0,0,0,0.3);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.2s ease;color:#ffffff;padding:0.25rem;margin:0;flex-shrink:0;box-sizing:border-box;vertical-align:top;position:relative;transform:translateZ(0);contain:layout style paint;will-change:auto;backface-visibility:hidden}.vidtreo-control-button::before{content:"";position:absolute;inset:0.25rem;border-radius:9999px;transition:background-color 0.2s ease;z-index:0}.vidtreo-control-button svg{width:22px !important;height:22px !important;color:inherit;flex-shrink:0;position:relative;z-index:1}@media (min-width:768px){.vidtreo-control-button svg{width:24px !important;height:24px !important}}@media (min-width:768px){.vidtreo-control-button{width:2.25rem;height:2.25rem;min-height:2.25rem;max-height:2.25rem}}.vidtreo-control-button:hover:not(:disabled)::before{background:rgba(255,255,255,0.2)}.vidtreo-control-button:disabled{opacity:0.5;cursor:not-allowed}.vidtreo-control-button.vidtreo-muted::before{background:rgba(0,0,0,0.3)}.vidtreo-control-button.vidtreo-muted:hover:not(:disabled)::before{background:rgba(255,255,255,0.2)}.vidtreo-record-button{height:2rem;min-height:2rem;max-height:2rem;padding:0 0.75rem;border-radius:9999px;font-weight:500;font-size:0.75rem;background:hsl(var(--vidtreo-destructive));color:hsl(var(--vidtreo-destructive-foreground));border:none;display:inline-flex;align-items:center;justify-content:center;gap:0.375rem;transition:background-color 0.2s ease,filter 0.2s ease;width:auto;margin:0;line-height:1;flex-shrink:0;box-sizing:border-box;vertical-align:top;cursor:pointer}@media (min-width:768px){.vidtreo-record-button{height:2.25rem;min-height:2.25rem;max-height:2.25rem;font-size:0.875rem}}.vidtreo-record-button:hover:not(:disabled){filter:brightness(0.85)}.vidtreo-record-button.vidtreo-stop-button-locked{opacity:0.5;cursor:not-allowed;filter:none}.vidtreo-record-button.vidtreo-stop-button-locked:hover{filter:none}#startButton.vidtreo-record-button{animation:vidtreo-record-glow-pulse 2s ease-in-out infinite}@keyframes vidtreo-record-glow-pulse{0%,100%{box-shadow:0 0 8px 2px rgba(239,68,68,0.4),0 0 16px 4px rgba(239,68,68,0.2)}50%{box-shadow:0 0 16px 4px rgba(239,68,68,0.6),0 0 32px 8px rgba(239,68,68,0.3)}}#startButton.vidtreo-record-button:hover:not(:disabled){animation-play-state:paused;box-shadow:0 0 20px 6px rgba(239,68,68,0.7),0 0 40px 10px rgba(239,68,68,0.35)}.vidtreo-rec-indicator-top{position:absolute !important;top:0.75rem !important;left:0.75rem !important;display:flex !important;align-items:center;gap:0.375rem;background:rgba(0,0,0,0.3);border:none;padding:0.25rem 0.5rem;border-radius:9999px;box-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);transform:translateZ(0);contain:layout style paint;will-change:auto;backface-visibility:hidden}.vidtreo-rec-indicator-top span{font-size:0.75rem;font-weight:500;color:#ffffff}.vidtreo-start-camera-area{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;border-radius:0;padding:40px;text-align:center;background:#000;transition:all 0.3s ease;cursor:pointer;z-index:1;transform:translateZ(0);contain:layout style paint;backface-visibility:hidden;will-change:auto}.vidtreo-start-camera-area:hover:not(.vidtreo-loading){background:#000}.vidtreo-start-camera-area.vidtreo-loading{cursor:wait;opacity:0.7}.vidtreo-start-camera-area.vidtreo-loading .vidtreo-camera-text{color:#ffffff;opacity:0.7}.vidtreo-camera-icon{font-size:48px;margin-bottom:16px;display:flex;justify-content:center;color:#ffffff}.vidtreo-camera-text{color:#ffffff;font-weight:600;margin-bottom:8px}.vidtreo-camera-text a{color:#3b82f6;text-decoration:underline}.vidtreo-camera-text a:hover{color:#2563eb}.vidtreo-camera-hint{color:#ffffff;font-size:12px;opacity:0.8}@keyframes vidtreo-pulse{0%,100%{opacity:1}50%{opacity:0.3}}.vidtreo-progress{margin-top:20px;display:none}.vidtreo-progress.vidtreo-active{display:block}.vidtreo-progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:8px}.vidtreo-progress-fill{height:100%;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);width:0%;transition:width 0.3s ease}.vidtreo-progress-text{text-align:center;color:#ffffff;font-size:14px}.vidtreo-error{position:absolute;top:0.75rem;left:50%;transform:translateX(-50%);padding:1rem 1.25rem;background:#dc2626;border:none;border-radius:0.5rem;color:#ffffff;font-size:0.875rem;font-weight:500;text-align:center;z-index:var(--vidtreo-z-error-overlay);display:none;box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);max-width:90%;word-wrap:break-word}.vidtreo-error.vidtreo-active{display:block;animation:vidtreo-error-fade-in-slide-down 0.3s ease-out}@keyframes vidtreo-error-fade-in-slide-down{from{opacity:0;transform:translateX(-50%) translateY(-1rem)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.vidtreo-upload-progress{margin-top:20px;display:none}.vidtreo-upload-progress.vidtreo-active{display:block}.vidtreo-preview-container .vidtreo-upload-progress{margin-top:0}.vidtreo-upload-status{margin-top:20px;padding:16px;border-radius:8px;display:none}.vidtreo-upload-status.vidtreo-active{display:block}.vidtreo-upload-status.vidtreo-success{background:#f0f9ff;border:2px solid #48bb78;color:#22543d}.vidtreo-upload-status.vidtreo-error{background:#fee;border:2px solid #fcc;color:#c33}.vidtreo-upload-status-text{font-size:14px;font-weight:500}.vidtreo-preview-error{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:0;overflow:hidden;background:hsl(var(--vidtreo-preview-bg));display:flex;align-items:center;justify-content:center;border:none;contain:strict;transform:translateZ(0);will-change:auto;backface-visibility:hidden;isolation:isolate}@media (min-width:768px){.vidtreo-preview-error{aspect-ratio:16 / 9}}.vidtreo-error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center;color:#ffffff;max-width:400px}.vidtreo-error-icon{font-size:3rem;line-height:1}.vidtreo-error-title{font-size:1.25rem;font-weight:600;line-height:1.2}.vidtreo-error-message{font-size:0.875rem;line-height:1.5;opacity:0.9;word-break:break-word}.vidtreo-error-config{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.2);width:100%;text-align:left}.vidtreo-error-config-title{font-size:0.875rem;font-weight:600;margin-bottom:0.75rem;color:#ffffff}.vidtreo-error-config-item{font-size:0.8125rem;line-height:1.6;margin-bottom:0.5rem;color:rgba(255,255,255,0.85)}.vidtreo-error-config-item code{background:rgba(255,255,255,0.15);padding:0.125rem 0.375rem;border-radius:0.25rem;font-family:monospace;font-size:0.75rem;color:#ffffff}.vidtreo-error-retry{margin-top:0.5rem;padding:0.5rem 1rem;border-radius:0.375rem;background:hsl(var(--vidtreo-destructive));color:hsl(var(--vidtreo-destructive-foreground));border:none;font-size:0.875rem;font-weight:500;cursor:pointer;transition:filter 0.2s ease}.vidtreo-error-retry:hover:not(:disabled){filter:brightness(0.85)}.vidtreo-error-retry:disabled{opacity:0.5;cursor:not-allowed}.vidtreo-error-overlay{position:absolute;inset:0;background:hsl(var(--vidtreo-preview-bg));display:flex;align-items:center;justify-content:center;z-index:var(--vidtreo-z-error-overlay)}.vidtreo-native-camera-container{position:relative;width:100%;aspect-ratio:9 / 16;display:flex;align-items:center;justify-content:center;background:hsl(var(--vidtreo-preview-bg));border-radius:0;overflow:hidden}@media (min-width:768px){.vidtreo-native-camera-container{aspect-ratio:16 / 9}}.vidtreo-native-camera-container:has(.vidtreo-native-camera-preview-container){background:transparent}.vidtreo-config-loading-indicator{position:absolute;top:8px;right:8px;z-index:var(--vidtreo-z-controls)}.vidtreo-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 0.6s linear infinite}.vidtreo-native-camera-empty-state{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px}.vidtreo-native-camera-buttons{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px}.vidtreo-native-camera-process-button,.vidtreo-native-camera-download-button{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:30}.vidtreo-native-camera-process-button .vidtreo-btn,.vidtreo-native-camera-download-button .vidtreo-btn{min-width:200px}.vidtreo-btn{padding:12px 24px;border-radius:var(--vidtreo-radius);font-size:1rem;font-weight:500;cursor:pointer;border:none;transition:all 0.2s}.vidtreo-btn:disabled{opacity:0.5;cursor:not-allowed}.vidtreo-btn-primary{background:hsl(var(--vidtreo-primary));color:hsl(var(--vidtreo-primary-foreground))}.vidtreo-btn-primary:hover:not(:disabled){filter:brightness(0.9)}.vidtreo-btn-secondary{background:hsl(var(--vidtreo-secondary));color:hsl(var(--vidtreo-secondary-foreground));border:1px solid hsl(var(--vidtreo-border))}.vidtreo-btn-secondary:hover:not(:disabled){background:hsl(var(--vidtreo-accent))}.vidtreo-transcoding-progress{width:100%;max-width:400px;padding:16px}.vidtreo-progress-bar{width:100%;height:8px;background:rgba(255,255,255,0.2);border-radius:4px;overflow:hidden}.vidtreo-progress-fill{height:100%;background:hsl(var(--vidtreo-primary));transition:width 0.3s ease}.vidtreo-progress-text{margin-top:8px;text-align:center;font-size:0.875rem;color:hsl(var(--vidtreo-foreground))}.vidtreo-native-camera-preview-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent}.vidtreo-native-camera-preview-image{width:100%;height:100%;object-fit:contain;display:block}.vidtreo-progress-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);z-index:var(--vidtreo-z-progress-overlay);pointer-events:auto}.vidtreo-progress-overlay .vidtreo-transcoding-progress,.vidtreo-progress-overlay .vidtreo-upload-progress{position:relative;width:90%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:0;background:transparent;pointer-events:auto}.vidtreo-progress-overlay .vidtreo-progress-bar{width:100%;height:8px;background:rgba(255,255,255,0.2);border-radius:4px;overflow:hidden}.vidtreo-progress-overlay .vidtreo-upload-progress-bar{width:100%;height:8px;background:rgba(255,255,255,0.2);border-radius:4px;overflow:hidden}.vidtreo-progress-overlay .vidtreo-progress-fill{height:100%;background:#ffffff;transition:width 0.3s ease}.vidtreo-progress-overlay .vidtreo-progress-text{margin-top:0;text-align:center;font-size:0.875rem;font-weight:500;color:#ffffff}.vidtreo-progress-overlay .vidtreo-upload-progress-text{margin-top:0;text-align:center;font-size:0.875rem;font-weight:500;color:#ffffff}.vidtreo-progress-overlay .vidtreo-upload-progress-bar{width:100%;height:8px;background:rgba(255,255,255,0.2);border-radius:4px;overflow:hidden}.vidtreo-progress-overlay .vidtreo-upload-progress-fill{height:100%;background:#ffffff;transition:width 0.3s ease}.vidtreo-progress-overlay .vidtreo-progress-indeterminate{width:100%;background:linear-gradient( 90deg,transparent 0%,#ffffff 50%,transparent 100% );background-size:200% 100%;animation:vidtreo-progress-indeterminate 1.5s ease-in-out infinite}@keyframes vidtreo-progress-indeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}.vidtreo-mobile-web-recorder{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.vidtreo-camera-area button,.vidtreo-camera-area input,.vidtreo-camera-area select,.vidtreo-camera-area textarea,.vidtreo-mobile-web-recorder button,.vidtreo-mobile-web-recorder input,.vidtreo-mobile-web-recorder select,.vidtreo-mobile-web-recorder textarea,.vidtreo-permission-flow button{font-family:inherit}.vidtreo-mobile-landing-container{position:relative;width:100%;aspect-ratio:4 / 3;min-height:100%;max-height:100%;display:flex;align-items:center;justify-content:center;background:hsl(var(--vidtreo-preview-bg));border-radius:0;overflow:hidden}.vidtreo-mobile-landing-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:2rem;text-align:center}.vidtreo-mobile-landing-title{font-size:1.25rem;font-weight:600;color:#ffffff;margin:0;line-height:1.3}.vidtreo-mobile-landing-description{font-size:0.875rem;color:rgba(255,255,255,0.75);margin:0;max-width:280px;line-height:1.5}.vidtreo-mobile-open-camera-btn{display:inline-flex;align-items:center;gap:0.625rem;padding:0.875rem 1.75rem;font-size:1rem;font-weight:600;min-width:200px;justify-content:center;margin-top:0.5rem;border-radius:9999px;transition:all 0.2s ease;animation:vidtreo-btn-glow-pulse 2s ease-in-out infinite}@keyframes vidtreo-btn-glow-pulse{0%,100%{box-shadow:0 0 8px 2px rgba(255,255,255,0.3),0 0 16px 4px rgba(255,255,255,0.15)}50%{box-shadow:0 0 16px 4px rgba(255,255,255,0.5),0 0 32px 8px rgba(255,255,255,0.25)}}.vidtreo-mobile-open-camera-btn:hover:not(:disabled){transform:scale(1.02);animation-play-state:paused;box-shadow:0 0 20px 6px rgba(255,255,255,0.6),0 0 40px 10px rgba(255,255,255,0.3)}.vidtreo-mobile-open-camera-btn:active:not(:disabled){transform:scale(0.98)}.vidtreo-mobile-open-camera-btn:disabled{animation:none;box-shadow:none}#vidtreo-portal-root{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:9999;pointer-events:none}#vidtreo-portal-root>*{pointer-events:auto}.vidtreo-mobile-modal-overlay{--vidtreo-safe-top:0px;--vidtreo-safe-bottom:0px;--vidtreo-safe-left:0px;--vidtreo-safe-right:0px;position:fixed;inset:0;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#000000;z-index:var(--vidtreo-z-modal-overlay);display:flex;flex-direction:column;animation:vidtreo-modal-fade-in 0.3s ease-out;height:-webkit-fill-available}@keyframes vidtreo-modal-fade-in{from{opacity:0}to{opacity:1}}.vidtreo-mobile-modal-header{position:absolute;top:0;left:0;right:0;padding:0.75rem;padding-top:calc(0.75rem + var(--vidtreo-safe-top,0px));display:flex;justify-content:center;z-index:var(--vidtreo-z-error-overlay);pointer-events:none}.vidtreo-mobile-modal-close-btn,.vidtreo-mobile-prompt-toggle-btn{height:2rem;padding:0 0.75rem;border-radius:9999px;border:none;background:rgba(0,0,0,0.5);color:rgba(255,255,255,0.9);display:flex;align-items:center;justify-content:center;gap:0.375rem;cursor:pointer;transition:all 0.2s ease;pointer-events:auto;backdrop-filter:blur(4px);font-size:0.75rem;font-weight:500}.vidtreo-mobile-modal-close-btn:hover:not(:disabled),.vidtreo-mobile-prompt-toggle-btn:hover:not(:disabled){background:rgba(0,0,0,0.7)}.vidtreo-mobile-modal-close-btn:disabled{opacity:0.3;cursor:not-allowed}.vidtreo-mobile-prompt-toggle-btn{position:absolute;top:calc(0.75rem + var(--vidtreo-safe-top,0px));left:calc(0.75rem + var(--vidtreo-safe-left,0px));width:2rem;padding:0;z-index:var(--vidtreo-z-controls)}.vidtreo-mobile-modal-content{flex:1;display:flex;flex-direction:column;width:100%;height:100%;position:relative;padding-top:var(--vidtreo-safe-top,0px);padding-bottom:var(--vidtreo-safe-bottom,0px);padding-left:var(--vidtreo-safe-left,0px);padding-right:var(--vidtreo-safe-right,0px)}.vidtreo-mobile-recorder-content{--vidtreo-safe-top:0px;--vidtreo-safe-bottom:0px;--vidtreo-safe-left:0px;--vidtreo-safe-right:0px;width:100%;height:100%;display:flex;flex-direction:column;position:relative}.vidtreo-mobile-recorder-content .vidtreo-preview-container{aspect-ratio:unset;height:100%;width:100%;flex:1}.vidtreo-mobile-recorder-content .vidtreo-video-preview{object-fit:cover}.vidtreo-mobile-preview{aspect-ratio:unset !important;height:100% !important;flex:1}.vidtreo-mobile-recorder-content .vidtreo-recording-controls{bottom:calc(24px + var(--vidtreo-safe-bottom,0px)) !important}.vidtreo-mobile-recorder-content .vidtreo-audio-level-bars{bottom:calc(12px + var(--vidtreo-safe-bottom,0px)) !important}.vidtreo-mobile-recorder-content .vidtreo-settings-panel{bottom:calc(7rem + var(--vidtreo-safe-bottom,0px)) !important}.vidtreo-mobile-recorder-content .vidtreo-rec-indicator-top{top:calc(0.75rem + var(--vidtreo-safe-top,0px)) !important;height:2rem;padding:0 0.75rem;contain:layout style}.vidtreo-mobile-recorder-content .vidtreo-recording-timer-badge{top:calc(0.75rem + var(--vidtreo-safe-top,0px)) !important;height:2rem;padding:0 0.75rem;contain:layout style}.vidtreo-mobile-recorder-content .vidtreo-recording-timer-text{font-size:0.875rem;white-space:nowrap;color:#ffffff;min-width:3rem;display:inline-block}.vidtreo-mobile-recorder-content .vidtreo-error{top:calc(3.5rem + var(--vidtreo-safe-top,0px)) !important}.vidtreo-mobile-recording-prompt{position:absolute;top:calc(3.5rem + var(--vidtreo-safe-top,0px));left:calc(1rem + var(--vidtreo-safe-left,0px));right:calc(1rem + var(--vidtreo-safe-right,0px));max-height:min(38vh,15rem);overflow-y:auto;z-index:var(--vidtreo-z-controls);padding:1rem 1.25rem;border-radius:1rem;background:rgba(18,18,18,0.92);color:#ffffff;box-shadow:0 0.5rem 1.5rem rgba(0,0,0,0.24);backdrop-filter:blur(8px);pointer-events:auto;text-align:left}.vidtreo-mobile-recording-prompt--above-countdown{z-index:calc(var(--vidtreo-z-countdown-overlay) + 1)}.vidtreo-mobile-recording-prompt-text{color:#ffffff;font-size:1rem;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.vidtreo-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.vidtreo-mobile-recorder-content .vidtreo-control-buttons-row{gap:0.75rem;min-height:4rem}.vidtreo-mobile-recorder-content .vidtreo-control-button{width:4rem;height:4rem;min-height:4rem;max-height:4rem}.vidtreo-mobile-recorder-content .vidtreo-control-button svg{width:1.5rem;height:1.5rem}.vidtreo-mobile-recorder-content .vidtreo-record-button{height:4rem;min-height:4rem;max-height:4rem;padding:0 1.5rem;font-size:1rem;gap:0.5rem}.vidtreo-mobile-recorder-content .vidtreo-record-button svg{width:1.5rem;height:1.5rem}.vidtreo-permission-flow{position:absolute;inset:0;background:#000;display:none;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;z-index:var(--vidtreo-z-modal-overlay);transform:translateZ(0);contain:layout style paint;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.vidtreo-permission-flow.vidtreo-active{display:flex;animation:vidtreo-fadeIn 0.4s cubic-bezier(0.2,0,0,1)}.vidtreo-permission-flow-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0;text-align:center;line-height:1.3}.vidtreo-permission-flow-subtitle{font-size:0.875rem;color:rgba(255,255,255,0.75);margin:0;text-align:center;line-height:1.5;letter-spacing:-0.005em;max-width:280px}.vidtreo-permission-flow-action{display:inline-flex;align-items:center;justify-content:center;gap:0.625rem;margin-top:0.5rem;padding:0.875rem 1.75rem;background:hsl(var(--vidtreo-primary));color:hsl(var(--vidtreo-primary-foreground));border:none;border-radius:9999px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;min-width:200px;letter-spacing:-0.01em;animation:vidtreo-btn-glow-pulse 2s ease-in-out infinite}.vidtreo-permission-flow-action:hover:not(:disabled){transform:scale(1.02);animation-play-state:paused;box-shadow:0 0 20px 6px rgba(255,255,255,0.6),0 0 40px 10px rgba(255,255,255,0.3)}.vidtreo-permission-flow-action:active:not(:disabled){transform:scale(0.98)}.vidtreo-permission-flow-action:disabled{opacity:0.5;cursor:not-allowed;animation:none;box-shadow:none}.vidtreo-permission-flow-action--requesting{opacity:0.55;cursor:wait;animation:none;box-shadow:none}@keyframes vidtreo-spinner-rotate{to{transform:rotate(360deg)}}.vidtreo-permission-flow-spinner{display:inline-block;width:1.125rem;height:1.125rem;border:2px solid rgba(255,255,255,0.3);border-top-color:hsl(var(--vidtreo-primary-foreground));border-radius:50%;animation:vidtreo-spinner-rotate 0.8s linear infinite;flex-shrink:0}.vidtreo-permission-flow-spinner--large{width:2.5rem;height:2.5rem;border-width:3px}.vidtreo-permission-flow-recovery{display:flex;flex-direction:column;align-items:center;gap:1.25rem;max-width:280px;text-align:center}.vidtreo-permission-flow-recovery-text{font-size:0.75rem;color:rgba(255,255,255,0.4);line-height:1.6;letter-spacing:-0.005em;margin:0}.vidtreo-permission-flow-retry{display:inline-flex;align-items:center;justify-content:center;gap:0.625rem;padding:0.875rem 1.75rem;background:hsl(var(--vidtreo-primary));color:hsl(var(--vidtreo-primary-foreground));border:none;border-radius:9999px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;min-width:200px;letter-spacing:-0.01em;animation:vidtreo-btn-glow-pulse 2s ease-in-out infinite}.vidtreo-permission-flow-retry:hover:not(:disabled){transform:scale(1.02);animation-play-state:paused;box-shadow:0 0 20px 6px rgba(255,255,255,0.6),0 0 40px 10px rgba(255,255,255,0.3)}.vidtreo-permission-flow-retry:active:not(:disabled){transform:scale(0.98)}@keyframes vidtreo-fadeOut{from{opacity:1}to{opacity:0}}.vidtreo-permission-flow.vidtreo-permission-flow--fading{animation:vidtreo-fadeOut 0.6s ease-out forwards;pointer-events:none}.vidtreo-recovery-guide{width:100%;max-width:280px;margin:0 auto;position:relative}.vidtreo-recovery-guide::after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent 0%,#000 100%);z-index:20;pointer-events:none}.vidtreo-recovery-guide::before{content:"";position:absolute;top:0;right:0;bottom:0;width:50px;background:linear-gradient(to right,transparent 0%,#000 100%);z-index:20;pointer-events:none}.vidtreo-recovery-guide-browser{position:relative;background:#161616;border-radius:10px 0 0 0;overflow:hidden;border-top:1px solid rgba(255,255,255,0.1);border-left:1px solid rgba(255,255,255,0.1);animation:vidtreo-fadeIn 0.5s ease}.vidtreo-recovery-guide-titlebar{position:relative;display:flex;align-items:center;padding:8px 10px;background:#1e1e1e;gap:8px;border-bottom:1px solid rgba(255,255,255,0.06);z-index:3}.vidtreo-recovery-guide-dots{display:flex;gap:5px;flex-shrink:0}.vidtreo-recovery-guide-dot{width:8px;height:8px;border-radius:50%}.vidtreo-recovery-guide-dot--close{background:#ff5f57}.vidtreo-recovery-guide-dot--min{background:#febc2e}.vidtreo-recovery-guide-dot--max{background:#28c840}.vidtreo-recovery-guide-addressbar{flex:1;display:flex;align-items:center;gap:5px;background:#2a2a2a;border-radius:5px;padding:4px 8px;min-width:0}.vidtreo-recovery-guide-lock{flex-shrink:0;color:rgba(255,255,255,0.5);display:flex;align-items:center;animation:vidtreo-lock-pulse 7s ease-in-out infinite}.vidtreo-recovery-guide-lock-svg{display:block}.vidtreo-recovery-guide-url{font-size:0.65rem;color:rgba(255,255,255,0.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.vidtreo-recovery-guide-cursor{position:absolute;left:62px;top:12px;z-index:40;pointer-events:none;animation:vidtreo-cursor-move 7s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.6))}.vidtreo-recovery-guide-cursor-svg{display:block}.vidtreo-recovery-guide-browser-bg{height:110px;background:#161616}.vidtreo-recovery-guide-popover{position:absolute;top:34px;left:12px;right:12px;background:#252525;border-radius:10px;padding:8px 12px 12px;border:1px solid rgba(255,255,255,0.1);box-shadow:0 8px 30px rgba(0,0,0,0.6),0 2px 8px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.06);z-index:30;animation:vidtreo-popover-reveal 7s ease-in-out infinite}.vidtreo-recovery-guide-popover-header{font-size:0.65rem;font-weight:600;color:rgba(255,255,255,0.85);padding-bottom:6px;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.vidtreo-recovery-guide-popover-divider{height:1px;background:rgba(255,255,255,0.08)}.vidtreo-recovery-guide-perm-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0}.vidtreo-recovery-guide-perm-row + .vidtreo-recovery-guide-perm-row{border-top:1px solid rgba(255,255,255,0.06)}.vidtreo-recovery-guide-perm-group{display:flex;align-items:center;gap:8px}.vidtreo-recovery-guide-perm-icon{position:relative;width:14px;height:14px;flex-shrink:0}.vidtreo-recovery-guide-icon-off,.vidtreo-recovery-guide-icon-on{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.vidtreo-recovery-guide-icon-off{color:rgba(255,255,255,0.4);animation:vidtreo-icon-hide 7s ease-in-out infinite}.vidtreo-recovery-guide-icon-on{color:#34d399;animation:vidtreo-icon-show 7s ease-in-out infinite}.vidtreo-recovery-guide-perm-label{font-size:0.7rem;color:rgba(255,255,255,0.85);font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.vidtreo-recovery-guide-switch{position:relative;width:32px;height:18px;flex-shrink:0}.vidtreo-recovery-guide-switch-track{position:absolute;inset:0;border-radius:9px;background:rgba(255,255,255,0.15);animation:vidtreo-track-on 7s ease-in-out infinite}.vidtreo-recovery-guide-switch-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.3);animation:vidtreo-knob-slide 7s ease-in-out infinite}.vidtreo-recovery-guide-switch--delayed{animation-delay:0.85s}@keyframes vidtreo-cursor-move{0%{transform:translate(100px,12px);opacity:0}8%{opacity:1}22%{transform:translate(0,0)}26%{transform:translate(0,0) scale(0.75)}30%{transform:translate(0,0) scale(1);opacity:1}33%{transform:translate(0,0);opacity:1}38%{transform:translate(65px,63px);opacity:1}42%{transform:translate(65px,63px) scale(0.75)}45%{transform:translate(65px,63px) scale(1);opacity:1}48%{transform:translate(65px,97px);opacity:1}52%{transform:translate(65px,97px) scale(0.75)}55%{transform:translate(65px,97px) scale(1);opacity:1}60%{opacity:0}100%{transform:translate(100px,12px);opacity:0}}@keyframes vidtreo-popover-reveal{0%,27%{opacity:0;transform:translateY(-6px) scale(0.96)}33%,82%{opacity:1;transform:translateY(0) scale(1)}88%,100%{opacity:0;transform:translateY(-6px) scale(0.96)}}@keyframes vidtreo-track-on{0%,34%{background:rgba(255,255,255,0.15)}40%,92%{background:#34d399}96%,100%{background:rgba(255,255,255,0.15)}}@keyframes vidtreo-knob-slide{0%,34%{transform:translateX(0)}40%,92%{transform:translateX(14px)}96%,100%{transform:translateX(0)}}@keyframes vidtreo-icon-hide{0%,34%{opacity:1}40%,92%{opacity:0}96%,100%{opacity:1}}@keyframes vidtreo-icon-show{0%,34%{opacity:0}40%,92%{opacity:1}96%,100%{opacity:0}}@keyframes vidtreo-lock-pulse{0%,15%{color:rgba(255,255,255,0.5)}22%,30%{color:#34d399}38%,100%{color:rgba(255,255,255,0.5)}}.vidtreo-record-button.vidtreo-record-button-disabled,.vidtreo-record-button-disabled{opacity:0.6;cursor:not-allowed;pointer-events:none;filter:grayscale(0.3)}.vidtreo-mic-connecting-indicator{display:inline-flex;align-items:center;justify-content:center;animation:vidtreo-mic-pulse 1.4s ease-in-out infinite}@keyframes vidtreo-mic-pulse{0%,100%{opacity:0.4}50%{opacity:1}}.vidtreo-audio-error-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,0.85);z-index:var(--vidtreo-z-error-overlay);padding:2rem 1.5rem;text-align:center;animation:vidtreo-audio-overlay-fade-in 0.3s ease-out}@supports (backdrop-filter:blur(8px)){.vidtreo-audio-error-overlay{background:rgba(0,0,0,0.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}@keyframes vidtreo-audio-overlay-fade-in{from{opacity:0}to{opacity:1}}.vidtreo-audio-error-icon{width:56px;height:56px;border-radius:50%;background:rgba(239,68,68,0.15);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.vidtreo-audio-error-icon svg{width:28px;height:28px;color:#ef4444}.vidtreo-audio-error-title{font-size:1.125rem;font-weight:600;color:#ffffff;margin:0 0 0.5rem;line-height:1.4}.vidtreo-audio-error-message{font-size:0.875rem;color:rgba(255,255,255,0.7);margin:0 0 1.5rem;line-height:1.6;max-width:320px}.vidtreo-audio-error-retry{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:#ffffff;color:#111111;border:none;border-radius:9999px;font-size:0.875rem;font-weight:600;cursor:pointer;transition:background 0.15s ease,transform 0.1s ease;font-family:inherit}.vidtreo-audio-error-retry:hover{background:#f0f0f0}.vidtreo-audio-error-retry:active{transform:scale(0.97)}.vidtreo-audio-error-retry svg{width:16px;height:16px}.vidtreo-audio-warning-toast{position:absolute;top:1rem;left:50%;transform:translateX(-50%);z-index:var(--vidtreo-z-error-overlay);display:flex;align-items:flex-start;gap:0.625rem;max-width:min(420px,calc(100% - 2rem));padding:0.625rem 0.875rem;border-radius:12px;font-family:inherit;background:rgba(17,17,17,0.55);color:rgba(255,255,255,0.92);border:1px solid rgba(255,255,255,0.08);box-shadow:0 4px 16px rgba(0,0,0,0.25);animation:vidtreo-audio-warning-toast-fade-in 0.2s ease-out;pointer-events:auto}@supports (backdrop-filter:blur(10px)){.vidtreo-audio-warning-toast{background:rgba(17,17,17,0.45);backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%)}}.vidtreo-audio-warning-toast--critical{border-color:rgba(239,68,68,0.45)}.vidtreo-audio-warning-toast--critical .vidtreo-audio-warning-toast__icon{color:#ef4444}.vidtreo-audio-warning-toast--soft{border-color:rgba(245,158,11,0.45)}.vidtreo-audio-warning-toast--soft .vidtreo-audio-warning-toast__icon{color:#f59e0b}.vidtreo-audio-warning-toast__icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:1px}.vidtreo-audio-warning-toast__content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.vidtreo-audio-warning-toast__title{font-size:0.8125rem;font-weight:600;line-height:1.3;color:#ffffff}.vidtreo-audio-warning-toast__message{font-size:0.75rem;font-weight:400;line-height:1.4;color:rgba(255,255,255,0.72)}.vidtreo-audio-warning-toast__dismiss{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;margin-left:0.25rem;border-radius:6px;border:none;background:transparent;color:rgba(255,255,255,0.65);cursor:pointer;transition:background 0.15s ease,color 0.15s ease;font-family:inherit}.vidtreo-audio-warning-toast__dismiss:hover{background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.95)}@keyframes vidtreo-audio-warning-toast-fade-in{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}
1
+ :root{--vidtreo-background:0 0% 100%;--vidtreo-foreground:0 0% 3.9%;--vidtreo-card:0 0% 100%;--vidtreo-card-foreground:0 0% 3.9%;--vidtreo-primary:0 0% 9%;--vidtreo-primary-foreground:0 0% 98%;--vidtreo-secondary:0 0% 96.1%;--vidtreo-secondary-foreground:0 0% 9%;--vidtreo-muted:0 0% 96.1%;--vidtreo-muted-foreground:0 0% 45.1%;--vidtreo-accent:0 0% 96.1%;--vidtreo-accent-foreground:0 0% 9%;--vidtreo-destructive:0 84.2% 60.2%;--vidtreo-destructive-foreground:0 0% 98%;--vidtreo-border:0 0% 89.8%;--vidtreo-input:0 0% 89.8%;--vidtreo-ring:0 0% 3.9%;--vidtreo-radius:0.5rem;--vidtreo-preview-bg:0 0% 0%;--vidtreo-z-modal-overlay:9999;--vidtreo-z-settings-panel:200;--vidtreo-z-error-overlay:100;--vidtreo-z-countdown-overlay:20;--vidtreo-z-progress-overlay:20;--vidtreo-z-controls:10}.vidtreo-preview-container{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:0;overflow:visible;background:hsl(var(--vidtreo-preview-bg));display:flex;align-items:center;justify-content:center;border:none;contain:layout style;transform:translateZ(0);will-change:auto;backface-visibility:hidden;isolation:isolate}.vidtreo-preview-container::before{display:none}@media (min-width:768px){.vidtreo-preview-container{aspect-ratio:16 / 9}}.vidtreo-camera-area{width:100%;height:100%;display:none;position:relative;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;contain:layout style paint;transform:translateZ(0);backface-visibility:hidden;isolation:isolate;will-change:auto}.vidtreo-source-transition-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.7);display:none;align-items:center;justify-content:center;flex-direction:column;border-radius:0;z-index:var(--vidtreo-z-error-overlay);backdrop-filter:blur(4px);transition:opacity 0.3s ease;transform:translateZ(0);contain:layout style paint;backface-visibility:hidden;will-change:opacity}.vidtreo-source-transition-overlay.vidtreo-active{display:flex;animation:vidtreo-fadeIn 0.2s ease}@keyframes vidtreo-fadeIn{from{opacity:0}to{opacity:1}}.vidtreo-transition-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,0.3);border-top-color:#667eea;border-radius:50%;animation:vidtreo-spin 0.8s linear infinite;margin-bottom:12px}@keyframes vidtreo-spin{to{transform:rotate(360deg)}}.vidtreo-transition-message{color:white;font-size:14px;font-weight:500;text-align:center}.vidtreo-camera-area.vidtreo-active{display:block}.vidtreo-preview-skeleton{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;border-radius:0;z-index:var(--vidtreo-z-controls);gap:1rem;transform:translateZ(0);contain:layout style paint;backface-visibility:hidden;will-change:auto}.vidtreo-skeleton-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,0.3);border-top-color:#ffffff;border-radius:50%;animation:vidtreo-spin 0.8s linear infinite}.vidtreo-skeleton-text{color:#ffffff;font-size:0.875rem;font-weight:500}.vidtreo-video-preview{width:100%;height:100%;border-radius:0;background:#000;display:block;object-fit:cover;transition:opacity 0.3s ease,transform 0.3s ease;position:absolute;inset:0;transform:translateZ(0);will-change:auto;backface-visibility:hidden}.vidtreo-video-preview-skeleton{position:absolute;inset:0;width:100%;height:100%;border-radius:0;background:#000;overflow:hidden;z-index:2;transform:translateZ(0);contain:layout style paint;backface-visibility:hidden;will-change:auto}.vidtreo-skeleton-shimmer{position:absolute;inset:0;background:linear-gradient( 90deg,hsl(var(--vidtreo-muted)) 0%,hsl(var(--vidtreo-muted) / 0.5) 50%,hsl(var(--vidtreo-muted)) 100% );background-size:200% 100%;animation:vidtreo-shimmer 1.5s ease-in-out infinite}@keyframes vidtreo-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.vidtreo-video-preview-skeleton.vidtreo-hidden{opacity:0;pointer-events:none;transition:opacity 0.3s ease}.vidtreo-video-preview.vidtreo-screen-share{object-fit:cover}.vidtreo-video-preview.vidtreo-transitioning{opacity:0.5;transform:scale(0.98)}.vidtreo-countdown-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.95);display:none;align-items:center;justify-content:center;border-radius:0;z-index:var(--vidtreo-z-countdown-overlay);transform:translateZ(0);contain:layout style paint;backface-visibility:hidden;will-change:auto}.vidtreo-countdown-overlay.vidtreo-active{display:flex}.vidtreo-countdown-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.vidtreo-countdown-number{font-size:9rem;font-weight:bold;color:#ffffff;animation:vidtreo-zoomIn 0.3s ease}@keyframes vidtreo-zoomIn{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}.vidtreo-countdown-text{font-size:0.875rem;color:#ffffff;margin-top:1rem;font-weight:500}.vidtreo-settings-panel{position:absolute !important;bottom:4rem !important;left:50% !important;margin-left:-47%;background:rgba(0,0,0,0.4);border:none;border-radius:0.75rem;padding:0.625rem;display:none;flex-direction:column;z-index:var(--vidtreo-z-settings-panel);width:90%;overflow:hidden;contain:layout style paint;transform:translateZ(0);backface-visibility:hidden}.vidtreo-settings-panel.vidtreo-active{display:flex}.vidtreo-settings-content{width:100%;display:flex;flex-direction:column;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.vidtreo-settings-content.vidtreo-slide-right{animation:vidtreo-slideRight 0.3s ease}.vidtreo-settings-content.vidtreo-slide-left{animation:vidtreo-slideLeft 0.3s ease}.vidtreo-settings-content.vidtreo-slide-none{animation:none;will-change:auto}@keyframes vidtreo-slideIn{from{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes vidtreo-slideRight{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes vidtreo-slideLeft{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.vidtreo-settings-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1rem;background:none;border:none;color:#ffffff;cursor:pointer;padding:0;width:100%;text-align:left}.vidtreo-settings-back-icon{flex-shrink:0;color:#ffffff}.vidtreo-settings-title{font-size:0.875rem;font-weight:600;margin:0;color:#ffffff}.vidtreo-device-options-container{display:flex;flex-direction:column;gap:0.375rem}.vidtreo-device-option-nav{display:flex;align-items:center;padding:0.5rem 0.75rem;background:none;border:none;cursor:pointer;color:#ffffff;transition:background-color 0.2s ease;width:100%;gap:1rem;border-radius:0.5rem}.vidtreo-device-option-nav:hover{background:rgba(255,255,255,0.2)}.vidtreo-device-option-nav-content{display:flex;align-items:center;gap:0.75rem;flex-shrink:0}.vidtreo-device-option-nav-label{font-size:0.875rem;font-weight:500;color:#ffffff}.vidtreo-device-option-nav-value{display:flex;align-items:center;gap:0.5rem;flex:1;justify-content:flex-end;min-width:0}.vidtreo-device-option-nav-value-text{font-size:0.875rem;color:rgba(255,255,255,0.8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:right}.vidtreo-device-option-nav-chevron{font-size:1.25rem;color:#ffffff;line-height:1}.vidtreo-device-list{display:flex;flex-direction:column;gap:0;max-height:200px;overflow-y:auto}.vidtreo-device-list::-webkit-scrollbar{width:4px}.vidtreo-device-list::-webkit-scrollbar-track{background:transparent}.vidtreo-device-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:2px}.vidtreo-device-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3)}.vidtreo-device-option{display:flex;align-items:center;padding:0.5rem 0.75rem;background:none;border:none;cursor:pointer;color:#ffffff;transition:background-color 0.2s ease;text-align:left;width:100%;gap:0.75rem;border-radius:0.5rem}.vidtreo-device-option:hover{background:rgba(255,255,255,0.2)}.vidtreo-device-option-check-container{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vidtreo-device-checkmark-placeholder{width:20px;height:20px;flex-shrink:0}.vidtreo-device-checkmark{color:#ffffff;flex-shrink:0}.vidtreo-device-option-label{font-size:0.875rem;color:#ffffff;flex:1}.vidtreo-device-empty{padding:1rem 0;font-size:0.875rem;color:rgba(255,255,255,0.6);text-align:center}.vidtreo-audio-level-bars{position:absolute !important;bottom:0.75rem !important;right:0.75rem !important;display:flex !important;align-items:center;gap:0.125rem;height:1rem;z-index:var(--vidtreo-z-controls);transform:translateZ(0);contain:layout style paint;will-change:auto;backface-visibility:hidden}@media (min-width:768px){.vidtreo-audio-level-bars{height:1.25rem}}.vidtreo-audio-level-bar{width:0.125rem;border-radius:9999px;background:rgba(255,255,255,0.5);transition:all 0.1s ease;align-self:flex-end}.vidtreo-recording-controls{position:absolute !important;bottom:12px !important;left:50% !important;transform:translateX(-50%) translateZ(0) !important;z-index:var(--vidtreo-z-controls);contain:layout style;will-change:auto;backface-visibility:hidden}.vidtreo-recording-controls-row{display:flex;align-items:center;justify-content:center;gap:0.5rem;transform:translateZ(0);will-change:auto}.vidtreo-recording-timer-row{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.vidtreo-recording-timer-badge{position:absolute !important;top:0.75rem !important;right:0.75rem !important;display:flex !important;align-items:center;gap:0.375rem;background:rgba(0,0,0,0.3);border:none;padding:0.25rem 0.5rem;border-radius:9999px;box-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);z-index:var(--vidtreo-z-controls);transform:translateZ(0);contain:layout style paint;will-change:auto;backface-visibility:hidden}.vidtreo-recording-dot-small{width:0.375rem;height:0.375rem;background:hsl(var(--vidtreo-destructive));border-radius:50%;animation:vidtreo-pulse 1.5s ease-in-out infinite}.vidtreo-recording-timer-text{font-size:0.75rem;font-family:monospace;font-weight:500;color:#ffffff}.vidtreo-control-buttons-row{display:flex;align-items:center;justify-content:center;gap:0.375rem;height:auto;min-height:2rem;transform:translateZ(0);will-change:auto}@media (min-width:768px){.vidtreo-control-buttons-row{min-height:2.25rem}}.vidtreo-control-button{width:2rem;height:2rem;min-height:2rem;max-height:2rem;border-radius:9999px;border:none;background:rgba(0,0,0,0.3);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.2s ease;color:#ffffff;padding:0.25rem;margin:0;flex-shrink:0;box-sizing:border-box;vertical-align:top;position:relative;transform:translateZ(0);contain:layout style paint;will-change:auto;backface-visibility:hidden}.vidtreo-control-button::before{content:"";position:absolute;inset:0.25rem;border-radius:9999px;transition:background-color 0.2s ease;z-index:0}.vidtreo-control-button svg{width:22px !important;height:22px !important;color:inherit;flex-shrink:0;position:relative;z-index:1}@media (min-width:768px){.vidtreo-control-button svg{width:24px !important;height:24px !important}}@media (min-width:768px){.vidtreo-control-button{width:2.25rem;height:2.25rem;min-height:2.25rem;max-height:2.25rem}}.vidtreo-control-button:hover:not(:disabled)::before{background:rgba(255,255,255,0.2)}.vidtreo-control-button:disabled{opacity:0.5;cursor:not-allowed}.vidtreo-control-button.vidtreo-muted::before{background:rgba(0,0,0,0.3)}.vidtreo-control-button.vidtreo-muted:hover:not(:disabled)::before{background:rgba(255,255,255,0.2)}.vidtreo-record-button{height:2rem;min-height:2rem;max-height:2rem;padding:0 0.75rem;border-radius:9999px;font-weight:500;font-size:0.75rem;background:hsl(var(--vidtreo-destructive));color:hsl(var(--vidtreo-destructive-foreground));border:none;display:inline-flex;align-items:center;justify-content:center;gap:0.375rem;transition:background-color 0.2s ease,filter 0.2s ease;width:auto;margin:0;line-height:1;flex-shrink:0;box-sizing:border-box;vertical-align:top;cursor:pointer}@media (min-width:768px){.vidtreo-record-button{height:2.25rem;min-height:2.25rem;max-height:2.25rem;font-size:0.875rem}}.vidtreo-record-button:hover:not(:disabled){filter:brightness(0.85)}.vidtreo-record-button.vidtreo-stop-button-locked{opacity:0.5;cursor:not-allowed;filter:none}.vidtreo-record-button.vidtreo-stop-button-locked:hover{filter:none}#startButton.vidtreo-record-button{animation:vidtreo-record-glow-pulse 2s ease-in-out infinite}@keyframes vidtreo-record-glow-pulse{0%,100%{box-shadow:0 0 8px 2px rgba(239,68,68,0.4),0 0 16px 4px rgba(239,68,68,0.2)}50%{box-shadow:0 0 16px 4px rgba(239,68,68,0.6),0 0 32px 8px rgba(239,68,68,0.3)}}#startButton.vidtreo-record-button:hover:not(:disabled){animation-play-state:paused;box-shadow:0 0 20px 6px rgba(239,68,68,0.7),0 0 40px 10px rgba(239,68,68,0.35)}.vidtreo-rec-indicator-top{position:absolute !important;top:0.75rem !important;left:0.75rem !important;display:flex !important;align-items:center;gap:0.375rem;background:rgba(0,0,0,0.3);border:none;padding:0.25rem 0.5rem;border-radius:9999px;box-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);transform:translateZ(0);contain:layout style paint;will-change:auto;backface-visibility:hidden}.vidtreo-rec-indicator-top span{font-size:0.75rem;font-weight:500;color:#ffffff}.vidtreo-start-camera-area{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;border-radius:0;padding:40px;text-align:center;background:#000;transition:all 0.3s ease;cursor:pointer;z-index:1;transform:translateZ(0);contain:layout style paint;backface-visibility:hidden;will-change:auto}.vidtreo-start-camera-area:hover:not(.vidtreo-loading){background:#000}.vidtreo-start-camera-area.vidtreo-loading{cursor:wait;opacity:0.7}.vidtreo-start-camera-area.vidtreo-loading .vidtreo-camera-text{color:#ffffff;opacity:0.7}.vidtreo-camera-icon{font-size:48px;margin-bottom:16px;display:flex;justify-content:center;color:#ffffff}.vidtreo-camera-text{color:#ffffff;font-weight:600;margin-bottom:8px}.vidtreo-camera-text a{color:#3b82f6;text-decoration:underline}.vidtreo-camera-text a:hover{color:#2563eb}.vidtreo-camera-hint{color:#ffffff;font-size:12px;opacity:0.8}@keyframes vidtreo-pulse{0%,100%{opacity:1}50%{opacity:0.3}}.vidtreo-progress{margin-top:20px;display:none}.vidtreo-progress.vidtreo-active{display:block}.vidtreo-progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:8px}.vidtreo-progress-fill{height:100%;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);width:0%;transition:width 0.3s ease}.vidtreo-progress-text{text-align:center;color:#ffffff;font-size:14px}.vidtreo-error{position:absolute;top:0.75rem;left:50%;transform:translateX(-50%);padding:1rem 1.25rem;background:#dc2626;border:none;border-radius:0.5rem;color:#ffffff;font-size:0.875rem;font-weight:500;text-align:center;z-index:var(--vidtreo-z-error-overlay);display:none;box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);max-width:90%;word-wrap:break-word}.vidtreo-error.vidtreo-active{display:block;animation:vidtreo-error-fade-in-slide-down 0.3s ease-out}@keyframes vidtreo-error-fade-in-slide-down{from{opacity:0;transform:translateX(-50%) translateY(-1rem)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.vidtreo-upload-progress{margin-top:20px;display:none}.vidtreo-upload-progress.vidtreo-active{display:block}.vidtreo-preview-container .vidtreo-upload-progress{margin-top:0}.vidtreo-upload-status{margin-top:20px;padding:16px;border-radius:8px;display:none}.vidtreo-upload-status.vidtreo-active{display:block}.vidtreo-upload-status.vidtreo-success{background:#f0f9ff;border:2px solid #48bb78;color:#22543d}.vidtreo-upload-status.vidtreo-error{background:#fee;border:2px solid #fcc;color:#c33}.vidtreo-upload-status-text{font-size:14px;font-weight:500}.vidtreo-preview-error{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:0;overflow:hidden;background:hsl(var(--vidtreo-preview-bg));display:flex;align-items:center;justify-content:center;border:none;contain:strict;transform:translateZ(0);will-change:auto;backface-visibility:hidden;isolation:isolate}@media (min-width:768px){.vidtreo-preview-error{aspect-ratio:16 / 9}}.vidtreo-error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center;color:#ffffff;max-width:400px}.vidtreo-error-icon{font-size:3rem;line-height:1}.vidtreo-error-title{font-size:1.25rem;font-weight:600;line-height:1.2}.vidtreo-error-message{font-size:0.875rem;line-height:1.5;opacity:0.9;word-break:break-word}.vidtreo-error-config{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.2);width:100%;text-align:left}.vidtreo-error-config-title{font-size:0.875rem;font-weight:600;margin-bottom:0.75rem;color:#ffffff}.vidtreo-error-config-item{font-size:0.8125rem;line-height:1.6;margin-bottom:0.5rem;color:rgba(255,255,255,0.85)}.vidtreo-error-config-item code{background:rgba(255,255,255,0.15);padding:0.125rem 0.375rem;border-radius:0.25rem;font-family:monospace;font-size:0.75rem;color:#ffffff}.vidtreo-error-retry{margin-top:0.5rem;padding:0.5rem 1rem;border-radius:0.375rem;background:hsl(var(--vidtreo-destructive));color:hsl(var(--vidtreo-destructive-foreground));border:none;font-size:0.875rem;font-weight:500;cursor:pointer;transition:filter 0.2s ease}.vidtreo-error-retry:hover:not(:disabled){filter:brightness(0.85)}.vidtreo-error-retry:disabled{opacity:0.5;cursor:not-allowed}.vidtreo-error-overlay{position:absolute;inset:0;background:hsl(var(--vidtreo-preview-bg));display:flex;align-items:center;justify-content:center;z-index:var(--vidtreo-z-error-overlay)}.vidtreo-native-camera-container{position:relative;width:100%;aspect-ratio:9 / 16;display:flex;align-items:center;justify-content:center;background:hsl(var(--vidtreo-preview-bg));border-radius:0;overflow:hidden}@media (min-width:768px){.vidtreo-native-camera-container{aspect-ratio:16 / 9}}.vidtreo-native-camera-container:has(.vidtreo-native-camera-preview-container){background:transparent}.vidtreo-config-loading-indicator{position:absolute;top:8px;right:8px;z-index:var(--vidtreo-z-controls)}.vidtreo-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 0.6s linear infinite}.vidtreo-native-camera-empty-state{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px}.vidtreo-native-camera-buttons{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px}.vidtreo-native-camera-process-button,.vidtreo-native-camera-download-button{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:30}.vidtreo-native-camera-process-button .vidtreo-btn,.vidtreo-native-camera-download-button .vidtreo-btn{min-width:200px}.vidtreo-btn{padding:12px 24px;border-radius:var(--vidtreo-radius);font-size:1rem;font-weight:500;cursor:pointer;border:none;transition:all 0.2s}.vidtreo-btn:disabled{opacity:0.5;cursor:not-allowed}.vidtreo-btn-primary{background:hsl(var(--vidtreo-primary));color:hsl(var(--vidtreo-primary-foreground))}.vidtreo-btn-primary:hover:not(:disabled){filter:brightness(0.9)}.vidtreo-btn-secondary{background:hsl(var(--vidtreo-secondary));color:hsl(var(--vidtreo-secondary-foreground));border:1px solid hsl(var(--vidtreo-border))}.vidtreo-btn-secondary:hover:not(:disabled){background:hsl(var(--vidtreo-accent))}.vidtreo-transcoding-progress{width:100%;max-width:400px;padding:16px}.vidtreo-progress-bar{width:100%;height:8px;background:rgba(255,255,255,0.2);border-radius:4px;overflow:hidden}.vidtreo-progress-fill{height:100%;background:hsl(var(--vidtreo-primary));transition:width 0.3s ease}.vidtreo-progress-text{margin-top:8px;text-align:center;font-size:0.875rem;color:hsl(var(--vidtreo-foreground))}.vidtreo-native-camera-preview-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent}.vidtreo-native-camera-preview-image{width:100%;height:100%;object-fit:contain;display:block}.vidtreo-progress-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);z-index:var(--vidtreo-z-progress-overlay);pointer-events:auto}.vidtreo-progress-overlay .vidtreo-transcoding-progress,.vidtreo-progress-overlay .vidtreo-upload-progress,.vidtreo-native-camera-container>.vidtreo-upload-progress{position:relative;width:90%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:0;background:transparent;pointer-events:auto}.vidtreo-progress-overlay .vidtreo-progress-bar{width:100%;height:8px;background:rgba(255,255,255,0.2);border-radius:4px;overflow:hidden}.vidtreo-progress-overlay .vidtreo-upload-progress-bar,.vidtreo-native-camera-container>.vidtreo-upload-progress .vidtreo-upload-progress-bar{width:100%;height:8px;background:rgba(255,255,255,0.2);border-radius:4px;overflow:hidden}.vidtreo-progress-overlay .vidtreo-progress-fill{height:100%;background:#ffffff;transition:width 0.3s ease}.vidtreo-progress-overlay .vidtreo-progress-text{margin-top:0;text-align:center;font-size:0.875rem;font-weight:500;color:#ffffff}.vidtreo-progress-overlay .vidtreo-upload-progress-text,.vidtreo-native-camera-container>.vidtreo-upload-progress .vidtreo-upload-progress-text{margin-top:0;text-align:center;font-size:0.875rem;font-weight:500;color:#ffffff}.vidtreo-progress-overlay .vidtreo-upload-progress-bar{width:100%;height:8px;background:rgba(255,255,255,0.2);border-radius:4px;overflow:hidden}.vidtreo-progress-overlay .vidtreo-upload-progress-fill,.vidtreo-native-camera-container>.vidtreo-upload-progress .vidtreo-upload-progress-fill{height:100%;background:#ffffff;transition:width 0.3s ease}.vidtreo-progress-overlay .vidtreo-progress-indeterminate{width:100%;background:linear-gradient( 90deg,transparent 0%,#ffffff 50%,transparent 100% );background-size:200% 100%;animation:vidtreo-progress-indeterminate 1.5s ease-in-out infinite}@keyframes vidtreo-progress-indeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}.vidtreo-mobile-web-recorder{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.vidtreo-camera-area button,.vidtreo-camera-area input,.vidtreo-camera-area select,.vidtreo-camera-area textarea,.vidtreo-mobile-web-recorder button,.vidtreo-mobile-web-recorder input,.vidtreo-mobile-web-recorder select,.vidtreo-mobile-web-recorder textarea,.vidtreo-permission-flow button{font-family:inherit}.vidtreo-mobile-landing-container{position:relative;width:100%;aspect-ratio:4 / 3;min-height:100%;max-height:100%;display:flex;align-items:center;justify-content:center;background:hsl(var(--vidtreo-preview-bg));border-radius:0;overflow:hidden}.vidtreo-mobile-landing-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:2rem;text-align:center}.vidtreo-mobile-landing-title{font-size:1.25rem;font-weight:600;color:#ffffff;margin:0;line-height:1.3}.vidtreo-mobile-landing-description{font-size:0.875rem;color:rgba(255,255,255,0.75);margin:0;max-width:280px;line-height:1.5}.vidtreo-mobile-open-camera-btn{display:inline-flex;align-items:center;gap:0.625rem;padding:0.875rem 1.75rem;font-size:1rem;font-weight:600;min-width:200px;justify-content:center;margin-top:0.5rem;border-radius:9999px;transition:all 0.2s ease;animation:vidtreo-btn-glow-pulse 2s ease-in-out infinite}@keyframes vidtreo-btn-glow-pulse{0%,100%{box-shadow:0 0 8px 2px rgba(255,255,255,0.3),0 0 16px 4px rgba(255,255,255,0.15)}50%{box-shadow:0 0 16px 4px rgba(255,255,255,0.5),0 0 32px 8px rgba(255,255,255,0.25)}}.vidtreo-mobile-open-camera-btn:hover:not(:disabled){transform:scale(1.02);animation-play-state:paused;box-shadow:0 0 20px 6px rgba(255,255,255,0.6),0 0 40px 10px rgba(255,255,255,0.3)}.vidtreo-mobile-open-camera-btn:active:not(:disabled){transform:scale(0.98)}.vidtreo-mobile-open-camera-btn:disabled{animation:none;box-shadow:none}#vidtreo-portal-root{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:9999;pointer-events:none}#vidtreo-portal-root>*{pointer-events:auto}.vidtreo-mobile-modal-overlay{--vidtreo-safe-top:0px;--vidtreo-safe-bottom:0px;--vidtreo-safe-left:0px;--vidtreo-safe-right:0px;position:fixed;inset:0;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#000000;z-index:var(--vidtreo-z-modal-overlay);display:flex;flex-direction:column;animation:vidtreo-modal-fade-in 0.3s ease-out;height:-webkit-fill-available}@keyframes vidtreo-modal-fade-in{from{opacity:0}to{opacity:1}}.vidtreo-mobile-modal-header{position:absolute;top:0;left:0;right:0;padding:0.75rem;padding-top:calc(0.75rem + var(--vidtreo-safe-top,0px));display:flex;justify-content:center;z-index:var(--vidtreo-z-error-overlay);pointer-events:none}.vidtreo-mobile-modal-close-btn,.vidtreo-mobile-prompt-toggle-btn{height:2rem;padding:0 0.75rem;border-radius:9999px;border:none;background:rgba(0,0,0,0.5);color:rgba(255,255,255,0.9);display:flex;align-items:center;justify-content:center;gap:0.375rem;cursor:pointer;transition:all 0.2s ease;pointer-events:auto;backdrop-filter:blur(4px);font-size:0.75rem;font-weight:500}.vidtreo-mobile-modal-close-btn:hover:not(:disabled),.vidtreo-mobile-prompt-toggle-btn:hover:not(:disabled){background:rgba(0,0,0,0.7)}.vidtreo-mobile-modal-close-btn:disabled{opacity:0.3;cursor:not-allowed}.vidtreo-mobile-prompt-toggle-btn{position:absolute;top:calc(0.75rem + var(--vidtreo-safe-top,0px));left:calc(0.75rem + var(--vidtreo-safe-left,0px));width:2rem;padding:0;z-index:var(--vidtreo-z-controls)}.vidtreo-mobile-modal-content{flex:1;display:flex;flex-direction:column;width:100%;height:100%;position:relative;padding-top:var(--vidtreo-safe-top,0px);padding-bottom:var(--vidtreo-safe-bottom,0px);padding-left:var(--vidtreo-safe-left,0px);padding-right:var(--vidtreo-safe-right,0px)}.vidtreo-mobile-recorder-content{--vidtreo-safe-top:0px;--vidtreo-safe-bottom:0px;--vidtreo-safe-left:0px;--vidtreo-safe-right:0px;width:100%;height:100%;display:flex;flex-direction:column;position:relative}.vidtreo-mobile-recorder-content .vidtreo-preview-container{aspect-ratio:unset;height:100%;width:100%;flex:1}.vidtreo-mobile-recorder-content .vidtreo-video-preview{object-fit:cover}.vidtreo-mobile-preview{aspect-ratio:unset !important;height:100% !important;flex:1}.vidtreo-mobile-recorder-content .vidtreo-recording-controls{bottom:calc(24px + var(--vidtreo-safe-bottom,0px)) !important}.vidtreo-mobile-recorder-content .vidtreo-audio-level-bars{bottom:calc(12px + var(--vidtreo-safe-bottom,0px)) !important}.vidtreo-mobile-recorder-content .vidtreo-settings-panel{bottom:calc(7rem + var(--vidtreo-safe-bottom,0px)) !important}.vidtreo-mobile-recorder-content .vidtreo-rec-indicator-top{top:calc(0.75rem + var(--vidtreo-safe-top,0px)) !important;height:2rem;padding:0 0.75rem;contain:layout style}.vidtreo-mobile-recorder-content .vidtreo-recording-timer-badge{top:calc(0.75rem + var(--vidtreo-safe-top,0px)) !important;height:2rem;padding:0 0.75rem;contain:layout style}.vidtreo-mobile-recorder-content .vidtreo-recording-timer-text{font-size:0.875rem;white-space:nowrap;color:#ffffff;min-width:3rem;display:inline-block}.vidtreo-mobile-recorder-content .vidtreo-error{top:calc(3.5rem + var(--vidtreo-safe-top,0px)) !important}.vidtreo-mobile-recording-prompt{position:absolute;top:calc(3.5rem + var(--vidtreo-safe-top,0px));left:calc(1rem + var(--vidtreo-safe-left,0px));right:calc(1rem + var(--vidtreo-safe-right,0px));max-height:min(38vh,15rem);overflow-y:auto;z-index:var(--vidtreo-z-controls);padding:1rem 1.25rem;border-radius:1rem;background:rgba(18,18,18,0.92);color:#ffffff;box-shadow:0 0.5rem 1.5rem rgba(0,0,0,0.24);backdrop-filter:blur(8px);pointer-events:auto;text-align:left}.vidtreo-mobile-recording-prompt--above-countdown{z-index:calc(var(--vidtreo-z-countdown-overlay) + 1)}.vidtreo-mobile-recording-prompt-text{color:#ffffff;font-size:1rem;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.vidtreo-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.vidtreo-mobile-recorder-content .vidtreo-control-buttons-row{gap:0.75rem;min-height:4rem}.vidtreo-mobile-recorder-content .vidtreo-control-button{width:4rem;height:4rem;min-height:4rem;max-height:4rem}.vidtreo-mobile-recorder-content .vidtreo-control-button svg{width:1.5rem;height:1.5rem}.vidtreo-mobile-recorder-content .vidtreo-record-button{height:4rem;min-height:4rem;max-height:4rem;padding:0 1.5rem;font-size:1rem;gap:0.5rem}.vidtreo-mobile-recorder-content .vidtreo-record-button svg{width:1.5rem;height:1.5rem}.vidtreo-permission-flow{position:absolute;inset:0;background:#000;display:none;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;z-index:var(--vidtreo-z-modal-overlay);transform:translateZ(0);contain:layout style paint;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.vidtreo-permission-flow.vidtreo-active{display:flex;animation:vidtreo-fadeIn 0.4s cubic-bezier(0.2,0,0,1)}.vidtreo-permission-flow-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0;text-align:center;line-height:1.3}.vidtreo-permission-flow-subtitle{font-size:0.875rem;color:rgba(255,255,255,0.75);margin:0;text-align:center;line-height:1.5;letter-spacing:-0.005em;max-width:280px}.vidtreo-permission-flow-action{display:inline-flex;align-items:center;justify-content:center;gap:0.625rem;margin-top:0.5rem;padding:0.875rem 1.75rem;background:hsl(var(--vidtreo-primary));color:hsl(var(--vidtreo-primary-foreground));border:none;border-radius:9999px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;min-width:200px;letter-spacing:-0.01em;animation:vidtreo-btn-glow-pulse 2s ease-in-out infinite}.vidtreo-permission-flow-action:hover:not(:disabled){transform:scale(1.02);animation-play-state:paused;box-shadow:0 0 20px 6px rgba(255,255,255,0.6),0 0 40px 10px rgba(255,255,255,0.3)}.vidtreo-permission-flow-action:active:not(:disabled){transform:scale(0.98)}.vidtreo-permission-flow-action:disabled{opacity:0.5;cursor:not-allowed;animation:none;box-shadow:none}.vidtreo-permission-flow-action--requesting{opacity:0.55;cursor:wait;animation:none;box-shadow:none}@keyframes vidtreo-spinner-rotate{to{transform:rotate(360deg)}}.vidtreo-permission-flow-spinner{display:inline-block;width:1.125rem;height:1.125rem;border:2px solid rgba(255,255,255,0.3);border-top-color:hsl(var(--vidtreo-primary-foreground));border-radius:50%;animation:vidtreo-spinner-rotate 0.8s linear infinite;flex-shrink:0}.vidtreo-permission-flow-spinner--large{width:2.5rem;height:2.5rem;border-width:3px}.vidtreo-permission-flow-recovery{display:flex;flex-direction:column;align-items:center;gap:1.25rem;max-width:280px;text-align:center}.vidtreo-permission-flow-recovery-text{font-size:0.75rem;color:rgba(255,255,255,0.4);line-height:1.6;letter-spacing:-0.005em;margin:0}.vidtreo-permission-flow-retry{display:inline-flex;align-items:center;justify-content:center;gap:0.625rem;padding:0.875rem 1.75rem;background:hsl(var(--vidtreo-primary));color:hsl(var(--vidtreo-primary-foreground));border:none;border-radius:9999px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;min-width:200px;letter-spacing:-0.01em;animation:vidtreo-btn-glow-pulse 2s ease-in-out infinite}.vidtreo-permission-flow-retry:hover:not(:disabled){transform:scale(1.02);animation-play-state:paused;box-shadow:0 0 20px 6px rgba(255,255,255,0.6),0 0 40px 10px rgba(255,255,255,0.3)}.vidtreo-permission-flow-retry:active:not(:disabled){transform:scale(0.98)}@keyframes vidtreo-fadeOut{from{opacity:1}to{opacity:0}}.vidtreo-permission-flow.vidtreo-permission-flow--fading{animation:vidtreo-fadeOut 0.6s ease-out forwards;pointer-events:none}.vidtreo-recovery-guide{width:100%;max-width:280px;margin:0 auto;position:relative}.vidtreo-recovery-guide::after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent 0%,#000 100%);z-index:20;pointer-events:none}.vidtreo-recovery-guide::before{content:"";position:absolute;top:0;right:0;bottom:0;width:50px;background:linear-gradient(to right,transparent 0%,#000 100%);z-index:20;pointer-events:none}.vidtreo-recovery-guide-browser{position:relative;background:#161616;border-radius:10px 0 0 0;overflow:hidden;border-top:1px solid rgba(255,255,255,0.1);border-left:1px solid rgba(255,255,255,0.1);animation:vidtreo-fadeIn 0.5s ease}.vidtreo-recovery-guide-titlebar{position:relative;display:flex;align-items:center;padding:8px 10px;background:#1e1e1e;gap:8px;border-bottom:1px solid rgba(255,255,255,0.06);z-index:3}.vidtreo-recovery-guide-dots{display:flex;gap:5px;flex-shrink:0}.vidtreo-recovery-guide-dot{width:8px;height:8px;border-radius:50%}.vidtreo-recovery-guide-dot--close{background:#ff5f57}.vidtreo-recovery-guide-dot--min{background:#febc2e}.vidtreo-recovery-guide-dot--max{background:#28c840}.vidtreo-recovery-guide-addressbar{flex:1;display:flex;align-items:center;gap:5px;background:#2a2a2a;border-radius:5px;padding:4px 8px;min-width:0}.vidtreo-recovery-guide-lock{flex-shrink:0;color:rgba(255,255,255,0.5);display:flex;align-items:center;animation:vidtreo-lock-pulse 7s ease-in-out infinite}.vidtreo-recovery-guide-lock-svg{display:block}.vidtreo-recovery-guide-url{font-size:0.65rem;color:rgba(255,255,255,0.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.vidtreo-recovery-guide-cursor{position:absolute;left:62px;top:12px;z-index:40;pointer-events:none;animation:vidtreo-cursor-move 7s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.6))}.vidtreo-recovery-guide-cursor-svg{display:block}.vidtreo-recovery-guide-browser-bg{height:110px;background:#161616}.vidtreo-recovery-guide-popover{position:absolute;top:34px;left:12px;right:12px;background:#252525;border-radius:10px;padding:8px 12px 12px;border:1px solid rgba(255,255,255,0.1);box-shadow:0 8px 30px rgba(0,0,0,0.6),0 2px 8px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.06);z-index:30;animation:vidtreo-popover-reveal 7s ease-in-out infinite}.vidtreo-recovery-guide-popover-header{font-size:0.65rem;font-weight:600;color:rgba(255,255,255,0.85);padding-bottom:6px;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.vidtreo-recovery-guide-popover-divider{height:1px;background:rgba(255,255,255,0.08)}.vidtreo-recovery-guide-perm-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0}.vidtreo-recovery-guide-perm-row + .vidtreo-recovery-guide-perm-row{border-top:1px solid rgba(255,255,255,0.06)}.vidtreo-recovery-guide-perm-group{display:flex;align-items:center;gap:8px}.vidtreo-recovery-guide-perm-icon{position:relative;width:14px;height:14px;flex-shrink:0}.vidtreo-recovery-guide-icon-off,.vidtreo-recovery-guide-icon-on{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.vidtreo-recovery-guide-icon-off{color:rgba(255,255,255,0.4);animation:vidtreo-icon-hide 7s ease-in-out infinite}.vidtreo-recovery-guide-icon-on{color:#34d399;animation:vidtreo-icon-show 7s ease-in-out infinite}.vidtreo-recovery-guide-perm-label{font-size:0.7rem;color:rgba(255,255,255,0.85);font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.vidtreo-recovery-guide-switch{position:relative;width:32px;height:18px;flex-shrink:0}.vidtreo-recovery-guide-switch-track{position:absolute;inset:0;border-radius:9px;background:rgba(255,255,255,0.15);animation:vidtreo-track-on 7s ease-in-out infinite}.vidtreo-recovery-guide-switch-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.3);animation:vidtreo-knob-slide 7s ease-in-out infinite}.vidtreo-recovery-guide-switch--delayed{animation-delay:0.85s}@keyframes vidtreo-cursor-move{0%{transform:translate(100px,12px);opacity:0}8%{opacity:1}22%{transform:translate(0,0)}26%{transform:translate(0,0) scale(0.75)}30%{transform:translate(0,0) scale(1);opacity:1}33%{transform:translate(0,0);opacity:1}38%{transform:translate(65px,63px);opacity:1}42%{transform:translate(65px,63px) scale(0.75)}45%{transform:translate(65px,63px) scale(1);opacity:1}48%{transform:translate(65px,97px);opacity:1}52%{transform:translate(65px,97px) scale(0.75)}55%{transform:translate(65px,97px) scale(1);opacity:1}60%{opacity:0}100%{transform:translate(100px,12px);opacity:0}}@keyframes vidtreo-popover-reveal{0%,27%{opacity:0;transform:translateY(-6px) scale(0.96)}33%,82%{opacity:1;transform:translateY(0) scale(1)}88%,100%{opacity:0;transform:translateY(-6px) scale(0.96)}}@keyframes vidtreo-track-on{0%,34%{background:rgba(255,255,255,0.15)}40%,92%{background:#34d399}96%,100%{background:rgba(255,255,255,0.15)}}@keyframes vidtreo-knob-slide{0%,34%{transform:translateX(0)}40%,92%{transform:translateX(14px)}96%,100%{transform:translateX(0)}}@keyframes vidtreo-icon-hide{0%,34%{opacity:1}40%,92%{opacity:0}96%,100%{opacity:1}}@keyframes vidtreo-icon-show{0%,34%{opacity:0}40%,92%{opacity:1}96%,100%{opacity:0}}@keyframes vidtreo-lock-pulse{0%,15%{color:rgba(255,255,255,0.5)}22%,30%{color:#34d399}38%,100%{color:rgba(255,255,255,0.5)}}.vidtreo-record-button.vidtreo-record-button-disabled,.vidtreo-record-button-disabled{opacity:0.6;cursor:not-allowed;pointer-events:none;filter:grayscale(0.3)}.vidtreo-mic-connecting-indicator{display:inline-flex;align-items:center;justify-content:center;animation:vidtreo-mic-pulse 1.4s ease-in-out infinite}@keyframes vidtreo-mic-pulse{0%,100%{opacity:0.4}50%{opacity:1}}.vidtreo-audio-error-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,0.85);z-index:var(--vidtreo-z-error-overlay);padding:2rem 1.5rem;text-align:center;animation:vidtreo-audio-overlay-fade-in 0.3s ease-out}@supports (backdrop-filter:blur(8px)){.vidtreo-audio-error-overlay{background:rgba(0,0,0,0.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}@keyframes vidtreo-audio-overlay-fade-in{from{opacity:0}to{opacity:1}}.vidtreo-audio-error-icon{width:56px;height:56px;border-radius:50%;background:rgba(239,68,68,0.15);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.vidtreo-audio-error-icon svg{width:28px;height:28px;color:#ef4444}.vidtreo-audio-error-title{font-size:1.125rem;font-weight:600;color:#ffffff;margin:0 0 0.5rem;line-height:1.4}.vidtreo-audio-error-message{font-size:0.875rem;color:rgba(255,255,255,0.7);margin:0 0 1.5rem;line-height:1.6;max-width:320px}.vidtreo-audio-error-retry{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:#ffffff;color:#111111;border:none;border-radius:9999px;font-size:0.875rem;font-weight:600;cursor:pointer;transition:background 0.15s ease,transform 0.1s ease;font-family:inherit}.vidtreo-audio-error-retry:hover{background:#f0f0f0}.vidtreo-audio-error-retry:active{transform:scale(0.97)}.vidtreo-audio-error-retry svg{width:16px;height:16px}.vidtreo-audio-warning-toast{position:absolute;top:1rem;left:50%;transform:translateX(-50%);z-index:var(--vidtreo-z-error-overlay);display:flex;align-items:flex-start;gap:0.625rem;max-width:min(420px,calc(100% - 2rem));padding:0.625rem 0.875rem;border-radius:12px;font-family:inherit;background:rgba(17,17,17,0.55);color:rgba(255,255,255,0.92);border:1px solid rgba(255,255,255,0.08);box-shadow:0 4px 16px rgba(0,0,0,0.25);animation:vidtreo-audio-warning-toast-fade-in 0.2s ease-out;pointer-events:auto}@supports (backdrop-filter:blur(10px)){.vidtreo-audio-warning-toast{background:rgba(17,17,17,0.45);backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%)}}.vidtreo-audio-warning-toast--critical{border-color:rgba(239,68,68,0.45)}.vidtreo-audio-warning-toast--critical .vidtreo-audio-warning-toast__icon{color:#ef4444}.vidtreo-audio-warning-toast--soft{border-color:rgba(245,158,11,0.45)}.vidtreo-audio-warning-toast--soft .vidtreo-audio-warning-toast__icon{color:#f59e0b}.vidtreo-audio-warning-toast__icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:1px}.vidtreo-audio-warning-toast__content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.vidtreo-audio-warning-toast__title{font-size:0.8125rem;font-weight:600;line-height:1.3;color:#ffffff}.vidtreo-audio-warning-toast__message{font-size:0.75rem;font-weight:400;line-height:1.4;color:rgba(255,255,255,0.72)}.vidtreo-audio-warning-toast__dismiss{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;margin-left:0.25rem;border-radius:6px;border:none;background:transparent;color:rgba(255,255,255,0.65);cursor:pointer;transition:background 0.15s ease,color 0.15s ease;font-family:inherit}.vidtreo-audio-warning-toast__dismiss:hover{background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.95)}@keyframes vidtreo-audio-warning-toast-fade-in{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vidtreo/recorder-react",
3
- "version": "1.7.8",
3
+ "version": "1.8.0",
4
4
  "type": "module",
5
5
  "description": "React components and hooks for @vidtreo/recorder - video recording SDK",
6
6
  "main": "./dist/index.js",
@@ -43,7 +43,7 @@
43
43
  ],
44
44
  "license": "MIT",
45
45
  "peerDependencies": {
46
- "@vidtreo/recorder": ">=1.7.5",
46
+ "@vidtreo/recorder": ">=1.8.0",
47
47
  "react": ">=18.0.0",
48
48
  "react-dom": ">=18.0.0"
49
49
  },
@@ -57,6 +57,7 @@
57
57
  "@types/react-dom": "^19.2.3",
58
58
  "@vitejs/plugin-react": "^5.1.4",
59
59
  "autoprefixer": "^10.4.24",
60
+ "fake-indexeddb": "^6.2.5",
60
61
  "postcss": "^8.5.6",
61
62
  "react": "^19.2.4",
62
63
  "react-dom": "^19.2.4",