react-native-inapp-inspector 2.5.11 → 2.5.13

package/dist/commonjs/components/Inspector/MediaPreviewModal.js

@@ -1,25 +1,25 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(v,I,V,G){G===void 0&&(G=V);var N=Object.getOwnPropertyDescriptor(I,V);(!N||("get"in N?!I.__esModule:N.writable||N.configurable))&&(N={enumerable:!0,get:function(){return I[V]}}),Object.defineProperty(v,G,N)}):(function(v,I,V,G){G===void 0&&(G=V),v[G]=I[V]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(v,I){Object.defineProperty(v,"default",{enumerable:!0,value:I})}):function(v,I){v.default=I}),__importStar=this&&this.__importStar||(function(){var v=function(I){return v=Object.getOwnPropertyNames||function(V){var G=[];for(var N in V)Object.prototype.hasOwnProperty.call(V,N)&&(G[G.length]=N);return G},v(I)};return function(I){if(I&&I.__esModule)return I;var V={};if(I!=null)for(var G=v(I),N=0;N<G.length;N++)G[N]!=="default"&&__createBinding(V,I,G[N]);return __setModuleDefault(V,I),V}})(),__importDefault=this&&this.__importDefault||function(v){return v&&v.__esModule?v:{default:v}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaPreviewModal=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_linear_gradient_1=__importDefault(require("react-native-linear-gradient")),react_native_svg_1=__importStar(require("react-native-svg")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),InspectorContext_1=require("./InspectorContext"),ConfirmationModal_1=require("./ConfirmationModal"),NetworkIcons_1=require("../NetworkIcons"),capture_1=require("../../capture"),editor_1=require("../../editor"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),i18n_1=require("../../i18n"),NativeInspector_1=require("../../native/NativeInspector"),COLOR_PALETTE=["#EF4444","#F59E0B","#38BDF8","#10B981","#A855F7","#FFFFFF","#0F172A"],DraggableText=({textItem:v,canvasWidth:I,canvasHeight:V,scale:G,onUpdate:N,onDelete:M,onEdit:Se})=>{const U=(0,react_1.useRef)(new react_native_1.Animated.ValueXY({x:0,y:0})).current,Ee=(0,react_1.useRef)(v);Ee.current=v;const Ge=(0,react_1.useRef)(I);Ge.current=I;const Fe=(0,react_1.useRef)(V);Fe.current=V;const Ve=(0,react_1.useRef)(G);Ve.current=G;const le=(0,react_1.useRef)(N);le.current=N;const L=(0,react_1.useRef)(!1),H=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!0,onStartShouldSetPanResponderCapture:()=>!1,onMoveShouldSetPanResponder:(ne,B)=>Math.abs(B.dx)>3||Math.abs(B.dy)>3,onMoveShouldSetPanResponderCapture:()=>!1,onPanResponderTerminationRequest:()=>!1,onShouldBlockNativeResponder:()=>!0,onPanResponderGrant:()=>{L.current=!1,U.setValue({x:0,y:0})},onPanResponderMove:(ne,B)=>{(Math.abs(B.dx)>3||Math.abs(B.dy)>3)&&(L.current=!0),U.setValue({x:B.dx,y:B.dy})},onPanResponderRelease:(ne,B)=>{if(!L.current){Se(Ee.current),U.setValue({x:0,y:0});return}const te=(Ge.current||300)*(Ve.current||1),oe=(Fe.current||500)*(Ve.current||1),ie=B.dx/te,ce=B.dy/oe,K=Ee.current,Xe=Math.max(0,Math.min(.85,K.x+ie)),Ne=Math.max(0,Math.min(.92,K.y+ce));U.setValue({x:0,y:0}),le.current(K.id,{x:Xe,y:Ne})},onPanResponderTerminate:()=>{U.setValue({x:0,y:0}),L.current=!1}})).current;return<react_native_1.Animated.View{...H.panHandlers}style={[previewStyles.textAnnotationPill,{left:`${v.x*100}%`,top:`${v.y*100}%`,backgroundColor:v.bgColor,transform:U.getTranslateTransform()}]}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(v,V,B,G){G===void 0&&(G=B);var N=Object.getOwnPropertyDescriptor(V,B);(!N||("get"in N?!V.__esModule:N.writable||N.configurable))&&(N={enumerable:!0,get:function(){return V[B]}}),Object.defineProperty(v,G,N)}):(function(v,V,B,G){G===void 0&&(G=B),v[G]=V[B]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(v,V){Object.defineProperty(v,"default",{enumerable:!0,value:V})}):function(v,V){v.default=V}),__importStar=this&&this.__importStar||(function(){var v=function(V){return v=Object.getOwnPropertyNames||function(B){var G=[];for(var N in B)Object.prototype.hasOwnProperty.call(B,N)&&(G[G.length]=N);return G},v(V)};return function(V){if(V&&V.__esModule)return V;var B={};if(V!=null)for(var G=v(V),N=0;N<G.length;N++)G[N]!=="default"&&__createBinding(B,V,G[N]);return __setModuleDefault(B,V),B}})(),__importDefault=this&&this.__importDefault||function(v){return v&&v.__esModule?v:{default:v}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaPreviewModal=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_linear_gradient_1=__importDefault(require("react-native-linear-gradient")),react_native_svg_1=__importStar(require("react-native-svg")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),InspectorContext_1=require("./InspectorContext"),ConfirmationModal_1=require("./ConfirmationModal"),NetworkIcons_1=require("../NetworkIcons"),capture_1=require("../../capture"),editor_1=require("../../editor"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),i18n_1=require("../../i18n"),NativeInspector_1=require("../../native/NativeInspector"),COLOR_PALETTE=["#EF4444","#F59E0B","#38BDF8","#10B981","#A855F7","#FFFFFF","#0F172A"],DraggableText=({textItem:v,canvasWidth:V,canvasHeight:B,scale:G,onUpdate:N,onDelete:ze,onEdit:_})=>{const le=(0,react_1.useRef)(new react_native_1.Animated.ValueXY({x:0,y:0})).current,te=(0,react_1.useRef)(v);te.current=v;const Be=(0,react_1.useRef)(V);Be.current=V;const Ge=(0,react_1.useRef)(B);Ge.current=B;const _e=(0,react_1.useRef)(G);_e.current=G;const Ne=(0,react_1.useRef)(N);Ne.current=N;const oe=(0,react_1.useRef)(!1),X=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!0,onStartShouldSetPanResponderCapture:()=>!1,onMoveShouldSetPanResponder:(L,H)=>Math.abs(H.dx)>3||Math.abs(H.dy)>3,onMoveShouldSetPanResponderCapture:()=>!1,onPanResponderTerminationRequest:()=>!1,onShouldBlockNativeResponder:()=>!0,onPanResponderGrant:()=>{oe.current=!1,le.setValue({x:0,y:0})},onPanResponderMove:(L,H)=>{(Math.abs(H.dx)>3||Math.abs(H.dy)>3)&&(oe.current=!0),le.setValue({x:H.dx,y:H.dy})},onPanResponderRelease:(L,H)=>{if(!oe.current){_(te.current),le.setValue({x:0,y:0});return}const ie=(Be.current||300)*(_e.current||1),ae=(Ge.current||500)*(_e.current||1),re=H.dx/ie,Z=H.dy/ae,de=te.current,ne=Math.max(0,Math.min(.85,de.x+re)),ut=Math.max(0,Math.min(.92,de.y+Z));le.setValue({x:0,y:0}),Ne.current(de.id,{x:ne,y:ut})},onPanResponderTerminate:()=>{le.setValue({x:0,y:0}),oe.current=!1}})).current;return<react_native_1.Animated.View{...X.panHandlers}style={[previewStyles.textAnnotationPill,{left:`${v.x*100}%`,top:`${v.y*100}%`,backgroundColor:v.bgColor,transform:le.getTranslateTransform()}]}>
       <react_native_1.Text style={[previewStyles.textAnnotationText,{color:v.color}]}pointerEvents="none">
         {v.text}
       </react_native_1.Text>
-      <react_native_1.TouchableOpacity style={previewStyles.textDeleteBtn}onPress={()=>M(v.id)}hitSlop={{top:10,bottom:10,left:10,right:10}}>
+      <react_native_1.TouchableOpacity style={previewStyles.textDeleteBtn}onPress={()=>ze(v.id)}hitSlop={{top:10,bottom:10,left:10,right:10}}>
         <NetworkIcons_1.CloseWhite size={8}/>
       </react_native_1.TouchableOpacity>
-    </react_native_1.Animated.View>},CropOverlay=({cropBox:v,imageWidth:I,imageHeight:V,imageOffsetX:G,imageOffsetY:N,scale:M,onUpdateCropBox:Se,onApplyCrop:U,onCancelCrop:Ee})=>{const Ge=Math.max(0,Math.min(.9,isFinite(v?.x)?v.x:.08)),Fe=Math.max(0,Math.min(.9,isFinite(v?.y)?v.y:.12)),Ve=Math.max(.1,Math.min(1-Ge,isFinite(v?.width)?v.width:.84)),le=Math.max(.1,Math.min(1-Fe,isFinite(v?.height)?v.height:.76)),L=G+Ge*I,H=N+Fe*V,ne=Ve*I,B=le*V,te=(0,react_1.useRef)({x:Ge,y:Fe,width:Ve,height:le});te.current={x:Ge,y:Fe,width:Ve,height:le};const oe=(0,react_1.useRef)(I);oe.current=I;const ie=(0,react_1.useRef)(V);ie.current=V;const ce=(0,react_1.useRef)(M);ce.current=M;const K=(0,react_1.useRef)(Se);K.current=Se;const Xe=(0,react_1.useRef)({origBox:{x:.08,y:.12,width:.84,height:.76}}),Ne=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!0,onMoveShouldSetPanResponder:(ae,ze)=>Math.abs(ze.dx)>3||Math.abs(ze.dy)>3,onPanResponderTerminationRequest:()=>!1,onShouldBlockNativeResponder:()=>!0,onPanResponderGrant:()=>{Xe.current.origBox={...te.current}},onPanResponderMove:(ae,ze)=>{const He=oe.current*(ce.current||1),Le=ie.current*(ce.current||1);if(!He||!Le)return;const{x:F,y:D,width:Q,height:de}=Xe.current.origBox,W=Math.max(0,Math.min(1-Q,F+ze.dx/He)),xe=Math.max(0,Math.min(1-de,D+ze.dy/Le));K.current({x:W,y:xe,width:Q,height:de})},onPanResponderRelease:()=>{}})).current,Be=ae=>react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!0,onMoveShouldSetPanResponder:(ze,He)=>Math.abs(He.dx)>2||Math.abs(He.dy)>2,onPanResponderTerminationRequest:()=>!1,onShouldBlockNativeResponder:()=>!0,onPanResponderGrant:()=>{Xe.current.origBox={...te.current}},onPanResponderMove:(ze,He)=>{const Le=oe.current*(ce.current||1),F=ie.current*(ce.current||1);if(!Le||!F)return;const D=He.dx/Le,Q=He.dy/F,{x:de,y:W,width:xe,height:pe}=Xe.current.origBox,Ue=.1;let Ae=de,et=W,ve=xe,nt=pe;(ae==="tl"||ae==="left"||ae==="bl")&&(Ae=Math.max(0,Math.min(de+xe-Ue,de+D)),ve=xe-(Ae-de)),(ae==="tr"||ae==="right"||ae==="br")&&(ve=Math.max(Ue,Math.min(1-de,xe+D))),(ae==="tl"||ae==="top"||ae==="tr")&&(et=Math.max(0,Math.min(W+pe-Ue,W+Q)),nt=pe-(et-W)),(ae==="bl"||ae==="bottom"||ae==="br")&&(nt=Math.max(Ue,Math.min(1-W,pe+Q))),K.current({x:Ae,y:et,width:ve,height:nt})},onPanResponderRelease:()=>{}}),we=(0,react_1.useRef)({tl:Be("tl"),tr:Be("tr"),bl:Be("bl"),br:Be("br"),top:Be("top"),bottom:Be("bottom"),left:Be("left"),right:Be("right")}).current;return I<20||V<20?null:<react_native_1.View style={react_native_1.StyleSheet.absoluteFill}pointerEvents="box-none">
+    </react_native_1.Animated.View>},CropOverlay=({cropBox:v,imageWidth:V,imageHeight:B,imageOffsetX:G,imageOffsetY:N,scale:ze,onUpdateCropBox:_,onApplyCrop:le,onCancelCrop:te})=>{const Be=Math.max(0,Math.min(.9,isFinite(v?.x)?v.x:.08)),Ge=Math.max(0,Math.min(.9,isFinite(v?.y)?v.y:.12)),_e=Math.max(.1,Math.min(1-Be,isFinite(v?.width)?v.width:.84)),Ne=Math.max(.1,Math.min(1-Ge,isFinite(v?.height)?v.height:.76)),oe=G+Be*V,X=N+Ge*B,L=_e*V,H=Ne*B,ie=(0,react_1.useRef)({x:Be,y:Ge,width:_e,height:Ne});ie.current={x:Be,y:Ge,width:_e,height:Ne};const ae=(0,react_1.useRef)(V);ae.current=V;const re=(0,react_1.useRef)(B);re.current=B;const Z=(0,react_1.useRef)(ze);Z.current=ze;const de=(0,react_1.useRef)(_);de.current=_;const ne=(0,react_1.useRef)({origBox:{x:.08,y:.12,width:.84,height:.76}}),ut=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!0,onMoveShouldSetPanResponder:(Q,De)=>Math.abs(De.dx)>3||Math.abs(De.dy)>3,onPanResponderTerminationRequest:()=>!1,onShouldBlockNativeResponder:()=>!0,onPanResponderGrant:()=>{ne.current.origBox={...ie.current}},onPanResponderMove:(Q,De)=>{const Me=ae.current*(Z.current||1),Je=re.current*(Z.current||1);if(!Me||!Je)return;const{x:je,y:S,width:D,height:U}=ne.current.origBox,ye=Math.max(0,Math.min(1-D,je+De.dx/Me)),$=Math.max(0,Math.min(1-U,S+De.dy/Je));de.current({x:ye,y:$,width:D,height:U})},onPanResponderRelease:()=>{}})).current,ge=Q=>react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!0,onMoveShouldSetPanResponder:(De,Me)=>Math.abs(Me.dx)>2||Math.abs(Me.dy)>2,onPanResponderTerminationRequest:()=>!1,onShouldBlockNativeResponder:()=>!0,onPanResponderGrant:()=>{ne.current.origBox={...ie.current}},onPanResponderMove:(De,Me)=>{const Je=ae.current*(Z.current||1),je=re.current*(Z.current||1);if(!Je||!je)return;const S=Me.dx/Je,D=Me.dy/je,{x:U,y:ye,width:$,height:Se}=ne.current.origBox,be=.1;let et=U,Fe=ye,tt=$,we=Se;(Q==="tl"||Q==="left"||Q==="bl")&&(et=Math.max(0,Math.min(U+$-be,U+S)),tt=$-(et-U)),(Q==="tr"||Q==="right"||Q==="br")&&(tt=Math.max(be,Math.min(1-U,$+S))),(Q==="tl"||Q==="top"||Q==="tr")&&(Fe=Math.max(0,Math.min(ye+Se-be,ye+D)),we=Se-(Fe-ye)),(Q==="bl"||Q==="bottom"||Q==="br")&&(we=Math.max(be,Math.min(1-ye,Se+D))),de.current({x:et,y:Fe,width:tt,height:we})},onPanResponderRelease:()=>{}}),He=(0,react_1.useRef)({tl:ge("tl"),tr:ge("tr"),bl:ge("bl"),br:ge("br"),top:ge("top"),bottom:ge("bottom"),left:ge("left"),right:ge("right")}).current;return V<20||B<20?null:<react_native_1.View style={react_native_1.StyleSheet.absoluteFill}pointerEvents="box-none">
       
       <react_native_1.View style={react_native_1.StyleSheet.absoluteFill}pointerEvents="none">
         
-        <react_native_1.View style={{position:"absolute",top:0,left:0,right:0,height:H,backgroundColor:"rgba(0,0,0,0.6)"}}/>
+        <react_native_1.View style={{position:"absolute",top:0,left:0,right:0,height:X,backgroundColor:"rgba(0,0,0,0.6)"}}/>
         
-        <react_native_1.View style={{position:"absolute",top:H+B,left:0,right:0,bottom:0,backgroundColor:"rgba(0,0,0,0.6)"}}/>
+        <react_native_1.View style={{position:"absolute",top:X+H,left:0,right:0,bottom:0,backgroundColor:"rgba(0,0,0,0.6)"}}/>
         
-        <react_native_1.View style={{position:"absolute",top:H,left:0,width:L,height:B,backgroundColor:"rgba(0,0,0,0.6)"}}/>
+        <react_native_1.View style={{position:"absolute",top:X,left:0,width:oe,height:H,backgroundColor:"rgba(0,0,0,0.6)"}}/>
         
-        <react_native_1.View style={{position:"absolute",top:H,left:L+ne,right:0,height:B,backgroundColor:"rgba(0,0,0,0.6)"}}/>
+        <react_native_1.View style={{position:"absolute",top:X,left:oe+L,right:0,height:H,backgroundColor:"rgba(0,0,0,0.6)"}}/>
       </react_native_1.View>
 
       
-      <react_native_1.View style={{position:"absolute",left:L,top:H,width:ne,height:B,borderWidth:2,borderColor:"#00E5FF",backgroundColor:"transparent",zIndex:200}}pointerEvents="box-none">
+      <react_native_1.View style={{position:"absolute",left:oe,top:X,width:L,height:H,borderWidth:2,borderColor:"#00E5FF",backgroundColor:"transparent",zIndex:200}}pointerEvents="box-none">
 
         
         <react_native_1.View pointerEvents="none"style={{position:"absolute",left:0,right:0,top:"33.33%",height:1,backgroundColor:"rgba(0,229,255,0.35)"}}/>
@@ -28,7 +28,7 @@
         <react_native_1.View pointerEvents="none"style={{position:"absolute",top:0,bottom:0,left:"66.66%",width:1,backgroundColor:"rgba(0,229,255,0.35)"}}/>
 
         
-        <react_native_1.View style={react_native_1.StyleSheet.absoluteFill}{...Ne.panHandlers}/>
+        <react_native_1.View style={react_native_1.StyleSheet.absoluteFill}{...ut.panHandlers}/>
 
         
         <react_native_1.View pointerEvents="none"style={{position:"absolute",top:-2,left:-2,width:22,height:22,borderTopWidth:4,borderLeftWidth:4,borderColor:"#00E5FF"}}/>
@@ -43,39 +43,39 @@
         <react_native_1.View pointerEvents="none"style={{position:"absolute",right:-3,top:"50%",marginTop:-16,width:5,height:32,backgroundColor:"#00E5FF",borderRadius:3}}/>
 
         
-        <react_native_1.View style={{position:"absolute",top:-22,left:-22,width:44,height:44,zIndex:30}}{...we.tl.panHandlers}/>
-        <react_native_1.View style={{position:"absolute",top:-22,right:-22,width:44,height:44,zIndex:30}}{...we.tr.panHandlers}/>
-        <react_native_1.View style={{position:"absolute",bottom:-22,left:-22,width:44,height:44,zIndex:30}}{...we.bl.panHandlers}/>
-        <react_native_1.View style={{position:"absolute",bottom:-22,right:-22,width:44,height:44,zIndex:30}}{...we.br.panHandlers}/>
+        <react_native_1.View style={{position:"absolute",top:-22,left:-22,width:44,height:44,zIndex:30}}{...He.tl.panHandlers}/>
+        <react_native_1.View style={{position:"absolute",top:-22,right:-22,width:44,height:44,zIndex:30}}{...He.tr.panHandlers}/>
+        <react_native_1.View style={{position:"absolute",bottom:-22,left:-22,width:44,height:44,zIndex:30}}{...He.bl.panHandlers}/>
+        <react_native_1.View style={{position:"absolute",bottom:-22,right:-22,width:44,height:44,zIndex:30}}{...He.br.panHandlers}/>
 
         
-        <react_native_1.View style={{position:"absolute",top:-20,left:"25%",right:"25%",height:40,zIndex:25}}{...we.top.panHandlers}/>
-        <react_native_1.View style={{position:"absolute",bottom:-20,left:"25%",right:"25%",height:40,zIndex:25}}{...we.bottom.panHandlers}/>
-        <react_native_1.View style={{position:"absolute",left:-20,top:"25%",bottom:"25%",width:40,zIndex:25}}{...we.left.panHandlers}/>
-        <react_native_1.View style={{position:"absolute",right:-20,top:"25%",bottom:"25%",width:40,zIndex:25}}{...we.right.panHandlers}/>
+        <react_native_1.View style={{position:"absolute",top:-20,left:"25%",right:"25%",height:40,zIndex:25}}{...He.top.panHandlers}/>
+        <react_native_1.View style={{position:"absolute",bottom:-20,left:"25%",right:"25%",height:40,zIndex:25}}{...He.bottom.panHandlers}/>
+        <react_native_1.View style={{position:"absolute",left:-20,top:"25%",bottom:"25%",width:40,zIndex:25}}{...He.left.panHandlers}/>
+        <react_native_1.View style={{position:"absolute",right:-20,top:"25%",bottom:"25%",width:40,zIndex:25}}{...He.right.panHandlers}/>
       </react_native_1.View>
 
       
-      {Ee&&<react_native_1.TouchableOpacity activeOpacity={.8}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Ee()}}style={previewStyles.cropCancelBtn}accessibilityLabel="Cancel Crop">
+      {te&&<react_native_1.TouchableOpacity activeOpacity={.8}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),te()}}style={previewStyles.cropCancelBtn}accessibilityLabel="Cancel Crop">
           <NetworkIcons_1.CloseWhite size={14}color={AppColors_1.AppColors.white}/>
         </react_native_1.TouchableOpacity>}
 
       
-      {U&&<react_native_1.TouchableOpacity activeOpacity={.8}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium"),U()}}style={previewStyles.cropConfirmBtn}accessibilityLabel="Apply Crop Selection">
+      {le&&<react_native_1.TouchableOpacity activeOpacity={.8}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium"),le()}}style={previewStyles.cropConfirmBtn}accessibilityLabel="Apply Crop Selection">
           <NetworkIcons_1.CheckIcon size={18}color={AppColors_1.AppColors.white}/>
         </react_native_1.TouchableOpacity>}
-    </react_native_1.View>},MediaPreviewModal=({item:v,visible:I,onClose:V,onDelete:G,onConvertToGif:N})=>{const{t:M}=(0,i18n_1.useTranslation)(),Se=(0,react_1.useContext)(InspectorContext_1.InspectorContext),U=Se?.modalHeightPercent??90,{width:Ee}=(0,react_native_1.useWindowDimensions)(),Ge=(0,react_1.useMemo)(()=>react_native_1.Platform.OS==="ios"?U>=98?Ee>=390?50:44:0:react_native_1.Platform.OS==="android"&&U>=98?react_native_1.StatusBar.currentHeight||24:0,[U,Ee]),[Fe,Ve]=(0,react_1.useState)(!1),[le,L]=(0,react_1.useState)(!1),[H,ne]=(0,react_1.useState)(null),[B,te]=(0,react_1.useState)(v?.width),[oe,ie]=(0,react_1.useState)(v?.height),[ce,K]=(0,react_1.useState)(v?.sizeBytes),[Xe,Ne]=(0,react_1.useState)(v?.durationMs),[Be,we]=(0,react_1.useState)(!1),[ae,ze]=(0,react_1.useState)(!1),[He,Le]=(0,react_1.useState)(!1),[F,D]=(0,react_1.useState)("none"),[Q,de]=(0,react_1.useState)(1),[W,xe]=(0,react_1.useState)(0),[pe,Ue]=(0,react_1.useState)([]),[Ae,et]=(0,react_1.useState)([]),[ve,nt]=(0,react_1.useState)(!1),[no,Ye]=(0,react_1.useState)(!1),[A,De]=(0,react_1.useState)("brush"),[Pt,so]=(0,react_1.useState)(24),[Re,lo]=(0,react_1.useState)("brightness"),[$,ut]=(0,react_1.useState)("none"),[ue,st]=(0,react_1.useState)(!1),[se,lt]=(0,react_1.useState)(!1),[k,tt]=(0,react_1.useState)({brightness:0,contrast:0,saturation:0,warmth:0,exposure:0,vignette:0}),[ge,gt]=(0,react_1.useState)(!1),[ye,yt]=(0,react_1.useState)(!1),[J,qe]=(0,react_1.useState)(0),[re,Ze]=(0,react_1.useState)(v?.durationMs||1e4),[$e,_t]=(0,react_1.useState)("end"),[he,bt]=(0,react_1.useState)(!1),[We,Mt]=(0,react_1.useState)(100),[ke,St]=(0,react_1.useState)(1),[mt,zt]=(0,react_1.useState)(12),[It,co]=(0,react_1.useState)(480),[Ht,Dt]=(0,react_1.useState)([]),[Io,Wt]=(0,react_1.useState)(!1),[Oo,ho]=(0,react_1.useState)(0),[Ot,xt]=(0,react_1.useState)("free"),[ft,ot]=(0,react_1.useState)({x:.08,y:.12,width:.84,height:.76}),[be,Et]=(0,react_1.useState)("#EF4444"),[Ce,po]=(0,react_1.useState)(4),[Y,Pe]=(0,react_1.useState)([]),[P,Tt]=(0,react_1.useState)(null),[me,Ie]=(0,react_1.useState)([]),[uo,wt]=(0,react_1.useState)(!1),[Gt,Nt]=(0,react_1.useState)(null),[Ft,At]=(0,react_1.useState)(""),[Rt,go]=(0,react_1.useState)({x:.3,y:.4}),Z=(0,react_1.useCallback)(()=>{et([]),Ue(e=>[...e,{uri:H||v?.uri||null,inkPaths:[...Y],texts:[...me],adjustments:{...k},filterPreset:$,showWatermark:ue,showGridlines:se,rotationAngle:W,flipH:ge,flipV:ye,width:B,height:oe,sizeBytes:ce}])},[H,v?.uri,Y,me,k,$,ue,se,W,ge,ye,B,oe,ce]),Lt=(0,react_1.useRef)(Z);Lt.current=Z;const Vo=(0,react_1.useRef)(null),[Ke,$t]=(0,react_1.useState)({width:react_native_1.Dimensions.get("window").width-16,height:react_native_1.Dimensions.get("window").height*.72,pageX:0,pageY:0}),Oe=(0,react_1.useRef)(F);Oe.current=F;const kt=(0,react_1.useRef)(A);kt.current=A;const ct=(0,react_1.useRef)(be);ct.current=be;const dt=(0,react_1.useRef)(Ce);dt.current=Ce;const yo=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>Oe.current==="draw",onMoveShouldSetPanResponder:()=>Oe.current==="draw",onPanResponderGrant:e=>{Lt.current();const{locationX:T,locationY:w}=e.nativeEvent;Tt([{x:T,y:w}])},onPanResponderMove:e=>{const{locationX:T,locationY:w}=e.nativeEvent,C=kt.current;Tt(C==="brush"||C==="highlighter"?_=>_?[..._,{x:T,y:w}]:[{x:T,y:w}]:_=>[_&&_.length>0?_[0]:{x:T,y:w},{x:T,y:w}])},onPanResponderRelease:()=>{Tt(e=>{if(e&&e.length>0){const T=kt.current,w=e[0],C=e[e.length-1]||w;if((T==="brush"||T==="highlighter")&&e.length>1)Pe(_=>[..._,{id:`stroke_${Date.now()}_${Math.random()}`,type:T,points:e,color:ct.current,strokeWidth:dt.current}]);else if(T==="arrow"&&e.length>1)Math.hypot(C.x-w.x,C.y-w.y)>6&&Pe(S=>[...S,{id:`stroke_${Date.now()}_${Math.random()}`,type:"arrow",points:[w,C],color:ct.current,strokeWidth:dt.current}]);else if(T==="circle"||T==="spotlight")Math.hypot(C.x-w.x,C.y-w.y)>6&&Pe(S=>[...S,{id:`stroke_${Date.now()}_${Math.random()}`,type:T,points:[w,C],color:ct.current,strokeWidth:dt.current}]);else if(T==="step"){const _=Y.filter(S=>S.type==="step").length;Pe(S=>[...S,{id:`stroke_${Date.now()}_${Math.random()}`,type:"step",points:[w],color:ct.current,strokeWidth:dt.current,stepNumber:_+1}])}else if(T==="rect"||T==="redact"||T==="pixelate"){const _=Math.min(w.x,C.x),S=Math.min(w.y,C.y),R=Math.abs(C.x-w.x),z=Math.abs(C.y-w.y);R>4&&z>4&&Pe(j=>[...j,{id:`stroke_${Date.now()}_${Math.random()}`,type:T,points:[w,C],rect:{x:_,y:S,width:R,height:z},color:ct.current,strokeWidth:dt.current}])}}return null})}})).current,ht=(e,T,w)=>{const C=T&&T>0?T:1e3,_=w&&w>0?w:1e3,S=C/_;if(e==="free")return{x:parseFloat(((1-.84)/2).toFixed(4)),y:parseFloat(((1-.76)/2).toFixed(4)),width:.84,height:.76};let R=1;e==="1:1"?R=1:e==="4:3"?R=4/3:e==="16:9"?R=16/9:e==="9:16"?R=9/16:e==="3:2"&&(R=3/2);const z=R/S;let j=.88,X=.88;if(z>=1){if(j=.88,X=.88/z,X>.88){const pt=.88/X;j*=pt,X=.88}}else if(X=.88,j=.88*z,j>.88){const pt=.88/j;X*=pt,j=.88}j=Math.max(.1,Math.min(.96,parseFloat(j.toFixed(4)))),X=Math.max(.1,Math.min(.96,parseFloat(X.toFixed(4))));const je=parseFloat(((1-j)/2).toFixed(4)),rt=parseFloat(((1-X)/2).toFixed(4));return{x:je,y:rt,width:j,height:X}};react_1.default.useEffect(()=>{v?.uri&&(ne(v.uri),te(v.width),ie(v.height),K(v.sizeBytes),Ne(v.durationMs),we(!1),de(1),D("none"),Pe([]),Tt(null),Ie([]),ot(ht("free",v.width,v.height)),qe(0),Ze(v.durationMs||1e4),_t("end"),bt(!1),Mt(100),St(1),ho(0))},[v?.uri,v?.width,v?.height,v?.sizeBytes,v?.durationMs]),react_1.default.useEffect(()=>{if(v?.type==="video"&&v?.uri){let e=!0;return Wt(!0),editor_1.MediaEditor.generateFilmstrip({uri:v.uri,count:10,targetWidth:120,targetHeight:120}).then(T=>{e&&T?.thumbnails&&Dt(T.thumbnails)}).catch(()=>{}).finally(()=>{e&&Wt(!1)}),()=>{e=!1}}else Dt([])},[v?.type,v?.uri]),react_1.default.useEffect(()=>{if(H||v?.uri){const e=H||v?.uri;e&&v?.type==="image"&&(!B||!oe)&&react_native_1.Image.getSize(e,(T,w)=>{T>0&&w>0&&(te(T),ie(w))},()=>{})}},[H,v?.uri,v?.type,B,oe]);const _e=(0,react_1.useMemo)(()=>{const e=Ke.width,T=Ke.height;if(!e||!T)return{width:e,height:T};const w=B??v?.width,C=oe??v?.height;if(!w||!C||w<=0||C<=0)return{width:e,height:T};const _=w/C,S=e/T;let R=e,z=T;return _>S?(R=e,z=e/_):(z=T,R=T*_),{width:Math.max(20,Math.floor(R)),height:Math.max(20,Math.floor(z))}},[Ke.width,Ke.height,B,oe,v?.width,v?.height]),E=H||v?.uri,fe=B??v?.width,Te=oe??v?.height,jt=ce??v?.sizeBytes,ee=Xe??v?.durationMs,O=v?.type==="video",Bo=v?.type==="gif",q=v?.type==="image",Me=(0,react_1.useRef)(new react_native_1.Animated.ValueXY({x:0,y:0})).current,Qe=(0,react_1.useRef)({x:0,y:0}),vt=(0,react_1.useRef)({x:0,y:0});(0,react_1.useEffect)(()=>{const e=Me.x.addListener(w=>Qe.current.x=w.value),T=Me.y.addListener(w=>Qe.current.y=w.value);return()=>{Me.x.removeListener(e),Me.y.removeListener(T)}},[Me]);const Je=(0,react_1.useRef)(Q);Je.current=Q;const it=(0,react_1.useRef)(_e);it.current=_e;const at=(0,react_1.useRef)(Ke);at.current=Ke;const Xt=(0,react_1.useCallback)(()=>{const e=Je.current;if(e<=1)return{maxX:0,maxY:0};const T=it.current.width,w=it.current.height,C=at.current.width,_=at.current.height,S=Math.max(0,(T*e-C)/2/e),R=Math.max(0,(w*e-_)/2/e);return{maxX:S,maxY:R}},[]),Ut=(0,react_1.useCallback)((e,T)=>{const{maxX:w,maxY:C}=Xt();return{x:Math.max(-w,Math.min(w,e)),y:Math.max(-C,Math.min(C,T))}},[Xt]),bo=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>Je.current>1,onMoveShouldSetPanResponder:(e,T)=>Je.current>1&&(Math.abs(T.dx)>4||Math.abs(T.dy)>4),onMoveShouldSetPanResponderCapture:(e,T)=>Je.current>1&&(Math.abs(T.dx)>6||Math.abs(T.dy)>6),onPanResponderTerminationRequest:()=>!1,onShouldBlockNativeResponder:()=>!0,onPanResponderGrant:()=>{vt.current={...Qe.current}},onPanResponderMove:(e,T)=>{const w=Je.current,C=vt.current.x+T.dx/w,_=vt.current.y+T.dy/w,{maxX:S,maxY:R}=(()=>{const X=Je.current;if(X<=1)return{maxX:0,maxY:0};const je=it.current.width,rt=it.current.height,pt=at.current.width,ro=at.current.height;return{maxX:Math.max(0,(je*X-pt)/2/X),maxY:Math.max(0,(rt*X-ro)/2/X)}})(),z=Math.max(-S,Math.min(S,C)),j=Math.max(-R,Math.min(R,_));Me.setValue({x:z,y:j})},onPanResponderRelease:()=>{const{maxX:e,maxY:T}=(()=>{const _=Je.current;if(_<=1)return{maxX:0,maxY:0};const S=it.current.width,R=it.current.height,z=at.current.width,j=at.current.height;return{maxX:Math.max(0,(S*_-z)/2/_),maxY:Math.max(0,(R*_-j)/2/_)}})(),w=Qe.current,C={x:Math.max(-e,Math.min(e,w.x)),y:Math.max(-T,Math.min(T,w.y))};(C.x!==w.x||C.y!==w.y)&&react_native_1.Animated.spring(Me,{toValue:C,friction:7,tension:60,useNativeDriver:!1}).start()},onPanResponderTerminate:()=>{}})).current;(0,react_1.useEffect)(()=>{if(Q<=1)Me.setValue({x:0,y:0}),vt.current={x:0,y:0};else{const e=Ut(Qe.current.x,Qe.current.y);(e.x!==Qe.current.x||e.y!==Qe.current.y)&&react_native_1.Animated.spring(Me,{toValue:e,friction:7,tension:60,useNativeDriver:!1}).start()}},[Q,Me,Ut]);const mo=()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),de(e=>Math.min(4,parseFloat((e+.25).toFixed(2))))},xo=()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),de(e=>Math.max(1,parseFloat((e-.25).toFixed(2))))},Yt=()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium"),de(1),Me.setValue({x:0,y:0}),vt.current={x:0,y:0}},qt=(0,react_1.useRef)(240),Zt=(0,react_1.useCallback)(e=>{const T=Math.max(50,qt.current),w=Math.max(0,Math.min(1,e/T));if(Oe.current==="draw"){const C=kt.current;if(C==="brush"||C==="highlighter"||C==="arrow"||C==="rect"||C==="circle"||C==="spotlight"||C==="step"){const _=Math.round(2+w*22);po(_)}else if(C==="pixelate"){const _=Math.round(4+w*36);so(_)}}else if(Oe.current==="adjust")if(Re==="vignette"){const C=Math.round(w*100);tt(_=>({..._,vignette:C}))}else{const C=Math.round(w*100-50);tt(_=>({..._,[Re]:C}))}else if(Oe.current==="crop"){const C=Math.round(w*360);xe(C)}else if(Oe.current==="trim"){const _=Math.round(w*(ee||1e4));$e==="start"?qe(Math.min(re-500,_)):Ze(Math.max(J+500,_))}else if(Oe.current==="audio"){const C=Math.round(w*100);Mt(C),bt(C===0)}else if(Oe.current==="speed"){const C=parseFloat((.5+w*1.5).toFixed(2));St(C)}else if(Oe.current==="gif"){const C=Math.round(6+w*18);zt(C)}else if(Oe.current==="none"){const C=parseFloat((1+w*3).toFixed(2));de(C)}},[Re,ee,$e,J,re]),fo=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!0,onStartShouldSetPanResponderCapture:()=>!0,onMoveShouldSetPanResponder:()=>!0,onMoveShouldSetPanResponderCapture:()=>!0,onPanResponderGrant:e=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Zt(e.nativeEvent.locationX)},onPanResponderMove:e=>{Zt(e.nativeEvent.locationX)},onPanResponderRelease:()=>{(0,NativeInspector_1.triggerNativeHaptic)("light")}})).current,Kt=(0,react_1.useMemo)(()=>{if(F==="draw"){if(A==="brush"||A==="highlighter"||A==="arrow"||A==="rect"||A==="circle"||A==="spotlight"||A==="step")return Math.min(100,Math.max(0,(Ce-2)/22*100));if(A==="pixelate")return Math.min(100,Math.max(0,(Pt-4)/36*100));if(A==="redact")return 100}return F==="adjust"?Re==="vignette"?Math.min(100,Math.max(0,k.vignette)):Math.min(100,Math.max(0,k[Re]+50)):F==="crop"?Math.min(100,Math.max(0,W/360*100)):F==="trim"?Math.min(100,Math.max(0,($e==="start"?J:re)/(ee||1e4)*100)):F==="audio"?he?0:We:F==="speed"?Math.min(100,Math.max(0,(ke-.5)/1.5*100)):F==="gif"?Math.min(100,Math.max(0,(mt-6)/18*100)):F==="none"?Math.min(100,Math.max(0,(Q-1)/3*100)):50},[F,A,Ce,Pt,Re,k,W,Q,ee,$e,J,re,he,We,ke,mt]),Qt=(0,react_1.useCallback)(()=>{if(pe.length===0)return;(0,NativeInspector_1.triggerNativeHaptic)("light");const e=pe[pe.length-1];et(T=>[...T,{uri:H||v?.uri||null,inkPaths:[...Y],texts:[...me],adjustments:{...k},filterPreset:$,showWatermark:ue,rotationAngle:W,flipH:ge,flipV:ye,width:B,height:oe,sizeBytes:ce}]),Ue(T=>T.slice(0,T.length-1)),e&&(ne(e.uri),Pe(e.inkPaths),Ie(e.texts),e.adjustments&&tt(e.adjustments),e.filterPreset&&ut(e.filterPreset),e.showWatermark!==void 0&&st(e.showWatermark),e.showGridlines!==void 0&&lt(e.showGridlines),e.rotationAngle!==void 0&&xe(e.rotationAngle),e.flipH!==void 0&&gt(e.flipH),e.flipV!==void 0&&yt(e.flipV),e.width&&te(e.width),e.height&&ie(e.height),e.sizeBytes&&K(e.sizeBytes),(0,toast_1.showToast)(M("mediaGallery.undone","Action Undone")))},[pe,H,v?.uri,Y,me,k,$,ue,se,W,ge,ye,B,oe,ce,M]),To=(0,react_1.useCallback)(()=>{if(Ae.length===0)return;(0,NativeInspector_1.triggerNativeHaptic)("light");const e=Ae[Ae.length-1];Ue(T=>[...T,{uri:H||v?.uri||null,inkPaths:[...Y],texts:[...me],adjustments:{...k},filterPreset:$,showWatermark:ue,showGridlines:se,rotationAngle:W,flipH:ge,flipV:ye,width:B,height:oe,sizeBytes:ce}]),et(T=>T.slice(0,T.length-1)),e&&(ne(e.uri),Pe(e.inkPaths),Ie(e.texts),e.adjustments&&tt(e.adjustments),e.filterPreset&&ut(e.filterPreset),e.showWatermark!==void 0&&st(e.showWatermark),e.showGridlines!==void 0&&lt(e.showGridlines),e.rotationAngle!==void 0&&xe(e.rotationAngle),e.flipH!==void 0&&gt(e.flipH),e.flipV!==void 0&&yt(e.flipV),e.width&&te(e.width),e.height&&ie(e.height),e.sizeBytes&&K(e.sizeBytes),(0,toast_1.showToast)(M("mediaGallery.redone","Action Redone")))},[Ae,H,v?.uri,Y,me,k,$,ue,se,W,ge,ye,B,oe,ce,M]),wo=(0,react_1.useCallback)(()=>{v&&((0,NativeInspector_1.triggerNativeHaptic)("medium"),Z(),ne(v.uri),Pe([]),Ie([]),tt({brightness:0,contrast:0,saturation:0,warmth:0,exposure:0,vignette:0}),ut("none"),st(!1),lt(!1),xe(0),gt(!1),yt(!1),te(v.width),ie(v.height),K(v.sizeBytes),Ne(v.durationMs),de(1),D("none"),qe(0),Ze(v.durationMs||1e4),_t("end"),bt(!1),Mt(100),St(1),(0,toast_1.showToast)(M("mediaGallery.resetSuccess",v.type==="video"?"Reset to original video":"Reset to original image")))},[v,Z,M]),Jt=(0,react_1.useCallback)(async()=>{if(!(!v||!E)){if((0,NativeInspector_1.triggerNativeHaptic)("medium"),L(!0),O){try{const e=ee||v.durationMs||1e4,T=await editor_1.MediaEditor.trimVideo({uri:E,startTimeMs:J,endTimeMs:re<e?re:void 0,muteAudio:he||We===0,quality:"high"});T?.uri?(ne(T.uri),T.width&&te(T.width),T.height&&ie(T.height),T.size&&K(T.size),T.durationMs&&Ne(T.durationMs),(0,toast_1.showToast)(M("mediaGallery.videoSaved","Video Saved Successfully")),Se?.refreshMediaCount?.().catch(()=>{})):(0,toast_1.showToast)(M("mediaGallery.videoSaved","Video Saved"))}catch{(0,toast_1.showToast)(M("mediaGallery.saveFailed","Failed to save video"))}finally{L(!1)}return}try{const e=Math.max(1,fe||1e3),T=Math.max(1,Te||1e3),w=Y.filter(S=>(S.type==="redact"||S.type==="pixelate")&&S.rect).map(S=>{const R=S.rect;return{x:R.x/e,y:R.y/T,width:R.width/e,height:R.height/T,style:S.type==="pixelate"?"blur":"blackout",isNormalized:!0}}),C=[...me.map(S=>({x:S.x,y:S.y,width:.22,height:.06,color:S.bgColor||"#EF4444",label:S.text,isNormalized:!0})),...Y.filter(S=>S.type==="rect"||S.type==="arrow"||S.type==="circle").map(S=>{const R=S.points[0]||{x:0,y:0},z=S.points[S.points.length-1]||R,j=Math.min(R.x,z.x),X=Math.min(R.y,z.y),je=Math.max(10,Math.abs(z.x-R.x)),rt=Math.max(10,Math.abs(z.y-R.y));return{x:j/e,y:X/T,width:je/e,height:rt/T,color:S.color||"#EF4444",isNormalized:!0}})],_=await editor_1.MediaEditor.editPhoto({uri:E,rotation:W!==0?W:void 0,flipHorizontal:ge,flipVertical:ye,adjustments:{brightness:k.brightness/50,contrast:1+k.contrast/50,saturation:1+k.saturation/50,temperature:k.warmth/50,vignette:k.vignette/100},filterPreset:$!=="none"?$:void 0,redactions:w.length>0?w:void 0,annotations:C.length>0?C:void 0,format:v.format==="png"?"png":"jpeg",quality:.92});_?.uri?(ne(_.uri),_.width&&te(_.width),_.height&&ie(_.height),_.size&&K(_.size),Pe([]),Ie([]),tt({brightness:0,contrast:0,saturation:0,warmth:0,exposure:0,vignette:0}),xe(0),gt(!1),yt(!1),(0,toast_1.showToast)(M("mediaGallery.savedSuccess","Image Saved Successfully")),Se?.refreshMediaCount?.().catch(()=>{})):(0,toast_1.showToast)(M("mediaGallery.savedSuccess","Image Saved"))}catch{(0,toast_1.showToast)(M("mediaGallery.saveFailed","Failed to save image"))}finally{L(!1)}}},[v,E,O,ee,J,re,he,We,fe,Te,W,ge,ye,k,$,Y,me,Se,M]),eo=(0,react_1.useCallback)(async()=>{if(!(!v||!E||!O||le)){(0,NativeInspector_1.triggerNativeHaptic)("medium"),L(!0);try{const e=await editor_1.MediaEditor.generateFilmstrip({uri:E,count:1,targetWidth:fe||1080,targetHeight:Te||1920});e?.thumbnails&&e.thumbnails.length>0?((0,toast_1.showToast)(M("mediaGallery.snapshotSaved","Frame Snapshot Saved (PNG)")),Se?.refreshMediaCount?.().catch(()=>{})):(0,toast_1.showToast)(M("mediaGallery.snapshotFailed","Failed to snapshot frame"))}catch{(0,toast_1.showToast)(M("mediaGallery.snapshotFailed","Failed to snapshot frame"))}finally{L(!1)}}},[v,E,O,le,fe,Te,Se,M]),vo=(0,react_1.useMemo)(()=>{if(!O||!v)return!1;const e=v.durationMs||1e4,T=J>0||re<e,w=he||We<100,C=ke!==1,_=H!=null&&H!==v.uri;return T||w||C||_},[O,v,J,re,he,We,ke,H]),to=(0,react_1.useMemo)(()=>{if(!v)return!1;const e=H!=null&&H!==v.uri,T=Y.length>0,w=me.length>0,C=pe.length>0,_=k.brightness!==0||k.contrast!==0||k.saturation!==0||k.warmth!==0||k.exposure!==0||k.vignette!==0;return e||T||w||C||_||(W!==0||ge||ye)||$!=="none"||ue||se},[H,v,Y.length,me.length,pe.length,k,W,ge,ye,$,ue,se]),Co=()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Qt()},_o=()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium"),Z(),Pe([])},zo=e=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),D("crop"),xt(e),ot(ht(e,fe,Te))},oo=async()=>{if(!(!E||!q)){(0,NativeInspector_1.triggerNativeHaptic)("medium"),Z(),L(!0);try{const e=await editor_1.MediaEditor.cropToDefect(E,{x:ft.x,y:ft.y,width:ft.width,height:ft.height,isNormalized:!0});e?.uri?(ne(e.uri),e.width&&te(e.width),e.height&&ie(e.height),e.size&&K(e.size),ot(ht("free",e.width,e.height)),xt("free"),(0,toast_1.showToast)(M("mediaGallery.croppedSuccess","Image Cropped")),D("none")):(0,toast_1.showToast)(M("mediaGallery.cropFailed","Crop failed"))}catch{(0,toast_1.showToast)(M("mediaGallery.cropFailed","Crop failed"))}finally{L(!1)}}},Vt=e=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),e?(Nt(e),At(e.text)):(Nt(null),At("")),wt(!0)},Mo=e=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Z(),Ie(T=>T.filter(w=>w.id!==e))},So=()=>{if(!Ft.trim()){wt(!1);return}if(Z(),Gt)Ie(e=>e.map(T=>T.id===Gt.id?{...T,text:Ft.trim(),color:be}:T));else{const e={id:`text_${Date.now()}`,text:Ft.trim(),x:Rt.x,y:Rt.y,color:AppColors_1.AppColors.white,bgColor:be==="#FFFFFF"?"#0F172A":be};Ie(T=>[...T,e])}wt(!1),At(""),(0,toast_1.showToast)(M("mediaGallery.textAdded","Text Added"))},Ho=async e=>{if(!(!E||!q||le)){(0,NativeInspector_1.triggerNativeHaptic)("medium"),Z(),L(!0);try{const T=await editor_1.MediaEditor.editPhoto({uri:E,quality:.85,crop:{x:0,y:0,width:1,height:1,isNormalized:!0}});if(T?.uri){ne(T.uri);const w=Math.round((fe||1080)*e),C=Math.round((Te||1920)*e);te(w),ie(C),T.size&&K(Math.round(T.size*e*e)),(0,toast_1.showToast)(M("mediaGallery.resizedSuccess",`Resized to ${Math.round(e*100)}% (${w}\xD7${C})`)),D("none")}}catch{(0,toast_1.showToast)(M("mediaGallery.resizeFailed","Resize failed"))}finally{L(!1)}}},Fo=async()=>{try{(0,NativeInspector_1.triggerNativeHaptic)("light");const e=E.startsWith("file://")||E.startsWith("content://")||E.startsWith("http")?E:`file://${E}`,T=react_native_1.Platform.select({ios:{url:e,title:v.filename},default:{title:v.filename,message:v.filename,url:e}});(await react_native_1.Share.share(T)).action===react_native_1.Share.sharedAction&&(0,toast_1.showToast)(M("mediaGallery.shareSuccess","Shared successfully"))}catch(e){e?.message!=="User did not share"&&(0,toast_1.showToast)(M("mediaGallery.shareUnavailable","Sharing not available on this device"))}},Ao=()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium"),Le(!0)},io=async()=>{if(N){Ve(!0);try{await N(v),(0,toast_1.showToast)(M("mediaGallery.convertedSuccess","Converted to GIF!"))}catch{(0,toast_1.showToast)(M("mediaGallery.convertFailed","Conversion failed"))}finally{Ve(!1)}}},Bt=async()=>{try{ze(!0),await capture_1.ScreenCapture.playVideo(E)}catch{(0,toast_1.showToast)(M("mediaGallery.playError","Unable to play video"))}finally{ze(!1)}},Do=async()=>{if(!(!E||!O||le)){L(!0),(0,NativeInspector_1.triggerNativeHaptic)("light");try{const T=Math.min(ee||1e4,5e3),w=await editor_1.MediaEditor.trimReproClip(E,0,T,{quality:"medium"});w?.uri&&(ne(w.uri),w.width&&te(w.width),w.height&&ie(w.height),w.size&&K(w.size),w.durationMs&&Ne(w.durationMs),(0,toast_1.showToast)(M("mediaGallery.trimmedSuccess","Trimmed to 5s Repro Clip")))}catch{(0,toast_1.showToast)(M("mediaGallery.trimFailed","Trim failed"))}finally{L(!1)}}},Ro=async()=>{if(!(!E||!O||le)){L(!0),(0,NativeInspector_1.triggerNativeHaptic)("light");try{const e=await editor_1.MediaEditor.muteVideo(E);e?.uri&&(ne(e.uri),e.width&&te(e.width),e.height&&ie(e.height),e.size&&K(e.size),e.durationMs&&Ne(e.durationMs),(0,toast_1.showToast)(M("mediaGallery.mutedSuccess","Audio Stripped")))}catch{(0,toast_1.showToast)(M("mediaGallery.muteFailed","Mute failed"))}finally{L(!1)}}},Ct=ee?(ee/1e3).toFixed(1):null,ao=Ct?`00:${Number(Ct)<10?"0":""}${Ct}`:null,ko=[{key:"none",label:M("mediaGallery.preview","Preview"),themeColor:AppColors_1.AppColors.brandPurple,icon:e=><NetworkIcons_1.EyeIcon size={16}color={e?"#38BDF8":"rgba(255,255,255,0.55)"}/>},{key:"crop",label:"Crop",themeColor:AppColors_1.AppColors.sky600,icon:e=><NetworkIcons_1.CropIcon size={16}color={e?"#38BDF8":"rgba(255,255,255,0.55)"}/>},{key:"adjust",label:"Adjust",themeColor:AppColors_1.AppColors.amber500,icon:e=><NetworkIcons_1.SunAdjustIcon size={16}color={e?"#38BDF8":"rgba(255,255,255,0.55)"}/>},{key:"draw",label:"Markup",themeColor:AppColors_1.AppColors.sky400,icon:e=><NetworkIcons_1.PenIcon size={16}color={e?"#38BDF8":"rgba(255,255,255,0.55)"}/>},{key:"text",label:"Text",themeColor:AppColors_1.AppColors.violet600,icon:e=><NetworkIcons_1.TypeIcon size={16}color={e?"#38BDF8":"rgba(255,255,255,0.55)"}/>}],Po=[{key:"none",label:M("mediaGallery.preview","Player"),themeColor:AppColors_1.AppColors.brandPurple,icon:e=><NetworkIcons_1.EyeIcon size={14}color={e?"#38BDF8":"rgba(255,255,255,0.55)"}/>},{key:"trim",label:M("media.trim","Trim"),themeColor:AppColors_1.AppColors.sky600,icon:e=><NetworkIcons_1.ScissorsIcon size={14}color={e?"#38BDF8":"rgba(255,255,255,0.55)"}/>,hasBadge:J>0||re<(ee||1e4)},{key:"audio",label:M("media.audio","Audio"),themeColor:AppColors_1.AppColors.amber600,icon:e=><NetworkIcons_1.VolumeXIcon size={14}color={e?"#38BDF8":"rgba(255,255,255,0.55)"}/>,hasBadge:he||We<100},{key:"speed",label:M("media.speed","Speed"),themeColor:AppColors_1.AppColors.violet600,icon:e=><NetworkIcons_1.ZapIcon size={14}color={e?"#38BDF8":"rgba(255,255,255,0.55)"}/>,hasBadge:ke!==1},{key:"gif",label:M("media.toGif","To GIF"),themeColor:AppColors_1.AppColors.emerald500,icon:e=><NetworkIcons_1.GifIcon size={14}color={e?"#38BDF8":"rgba(255,255,255,0.55)"}/>},{key:"snapshot",label:M("media.snapshot","Snapshot"),themeColor:AppColors_1.AppColors.pink500,icon:e=><NetworkIcons_1.CameraRollIcon size={14}color={e?"#38BDF8":"rgba(255,255,255,0.55)"}/>}];return!v||!I?null:<react_native_1.Modal visible={I}transparent={!0}animationType="fade"statusBarTranslucent={!0}onRequestClose={V}>
+    </react_native_1.View>},MediaPreviewModal=({item:v,visible:V,onClose:B,onDelete:G,onConvertToGif:N,onSave:ze})=>{const{t:_}=(0,i18n_1.useTranslation)(),le=(0,react_1.useContext)(InspectorContext_1.InspectorContext),te=le?.modalHeightPercent??90,{width:Be}=(0,react_native_1.useWindowDimensions)(),Ge=(0,react_1.useMemo)(()=>react_native_1.Platform.OS==="ios"?te>=98?Be>=390?50:44:0:react_native_1.Platform.OS==="android"&&te>=98?react_native_1.StatusBar.currentHeight||24:0,[te,Be]),[_e,Ne]=(0,react_1.useState)(!1),[oe,X]=(0,react_1.useState)(!1),[L,H]=(0,react_1.useState)(null),[ie,ae]=(0,react_1.useState)(v?.width),[re,Z]=(0,react_1.useState)(v?.height),[de,ne]=(0,react_1.useState)(v?.sizeBytes),[ut,ge]=(0,react_1.useState)(v?.durationMs),[He,Q]=(0,react_1.useState)(!1),[De,Me]=(0,react_1.useState)(!1),[Je,je]=(0,react_1.useState)(!1),[S,D]=(0,react_1.useState)("none"),[U,ye]=(0,react_1.useState)(1),[$,Se]=(0,react_1.useState)(0),[be,et]=(0,react_1.useState)([]),[Fe,tt]=(0,react_1.useState)([]),[we,Ht]=(0,react_1.useState)(!1),[so,Xe]=(0,react_1.useState)(!1),[A,We]=(0,react_1.useState)("brush"),[Pt,lo]=(0,react_1.useState)(24),[Ae,co]=(0,react_1.useState)("brightness"),[j,st]=(0,react_1.useState)("none"),[me,lt]=(0,react_1.useState)(!1),[ce,ct]=(0,react_1.useState)(!1),[I,ot]=(0,react_1.useState)({brightness:0,contrast:0,saturation:0,warmth:0,exposure:0,vignette:0}),[xe,gt]=(0,react_1.useState)(!1),[fe,yt]=(0,react_1.useState)(!1),[J,Ue]=(0,react_1.useState)(0),[se,Ye]=(0,react_1.useState)(v?.durationMs||1e4),[Le,_t]=(0,react_1.useState)("end"),[he,bt]=(0,react_1.useState)(!1),[Ee,Mt]=(0,react_1.useState)(100),[Re,St]=(0,react_1.useState)(1),[mt,Dt]=(0,react_1.useState)(12),[Ot,ho]=(0,react_1.useState)(480),[Wt,Et]=(0,react_1.useState)([]),[Oo,Gt]=(0,react_1.useState)(!1),[Vo,po]=(0,react_1.useState)(0),[Vt,xt]=(0,react_1.useState)("free"),[ft,it]=(0,react_1.useState)({x:.08,y:.12,width:.84,height:.76}),[Te,Nt]=(0,react_1.useState)("#EF4444"),[ve,uo]=(0,react_1.useState)(4),[Y,ke]=(0,react_1.useState)([]),[O,Tt]=(0,react_1.useState)(null),[pe,Ie]=(0,react_1.useState)([]),[go,wt]=(0,react_1.useState)(!1),[Lt,$t]=(0,react_1.useState)(null),[Ft,At]=(0,react_1.useState)(""),[Rt,yo]=(0,react_1.useState)({x:.3,y:.4}),K=(0,react_1.useCallback)(()=>{tt([]),et(e=>[...e,{uri:L||v?.uri||null,inkPaths:[...Y],texts:[...pe],adjustments:{...I},filterPreset:j,showWatermark:me,showGridlines:ce,rotationAngle:$,flipH:xe,flipV:fe,width:ie,height:re,sizeBytes:de}])},[L,v?.uri,Y,pe,I,j,me,ce,$,xe,fe,ie,re,de]),jt=(0,react_1.useRef)(K);jt.current=K;const zo=(0,react_1.useRef)(null),[qe,Xt]=(0,react_1.useState)({width:react_native_1.Dimensions.get("window").width-16,height:react_native_1.Dimensions.get("window").height*.72,pageX:0,pageY:0}),Pe=(0,react_1.useRef)(S);Pe.current=S;const kt=(0,react_1.useRef)(A);kt.current=A;const dt=(0,react_1.useRef)(Te);dt.current=Te;const ht=(0,react_1.useRef)(ve);ht.current=ve;const bo=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>Pe.current==="draw",onMoveShouldSetPanResponder:()=>Pe.current==="draw",onPanResponderGrant:e=>{jt.current();const{locationX:T,locationY:w}=e.nativeEvent;Tt([{x:T,y:w}])},onPanResponderMove:e=>{const{locationX:T,locationY:w}=e.nativeEvent,C=kt.current;Tt(C==="brush"||C==="highlighter"?M=>M?[...M,{x:T,y:w}]:[{x:T,y:w}]:M=>[M&&M.length>0?M[0]:{x:T,y:w},{x:T,y:w}])},onPanResponderRelease:()=>{Tt(e=>{if(e&&e.length>0){const T=kt.current,w=e[0],C=e[e.length-1]||w;if((T==="brush"||T==="highlighter")&&e.length>1)ke(M=>[...M,{id:`stroke_${Date.now()}_${Math.random()}`,type:T,points:e,color:dt.current,strokeWidth:ht.current}]);else if(T==="arrow"&&e.length>1)Math.hypot(C.x-w.x,C.y-w.y)>6&&ke(R=>[...R,{id:`stroke_${Date.now()}_${Math.random()}`,type:"arrow",points:[w,C],color:dt.current,strokeWidth:ht.current}]);else if(T==="circle"||T==="spotlight")Math.hypot(C.x-w.x,C.y-w.y)>6&&ke(R=>[...R,{id:`stroke_${Date.now()}_${Math.random()}`,type:T,points:[w,C],color:dt.current,strokeWidth:ht.current}]);else if(T==="step"){const M=Y.filter(R=>R.type==="step").length;ke(R=>[...R,{id:`stroke_${Date.now()}_${Math.random()}`,type:"step",points:[w],color:dt.current,strokeWidth:ht.current,stepNumber:M+1}])}else if(T==="rect"||T==="redact"||T==="pixelate"){const M=Math.min(w.x,C.x),R=Math.min(w.y,C.y),k=Math.abs(C.x-w.x),F=Math.abs(C.y-w.y);k>4&&F>4&&ke(P=>[...P,{id:`stroke_${Date.now()}_${Math.random()}`,type:T,points:[w,C],rect:{x:M,y:R,width:k,height:F},color:dt.current,strokeWidth:ht.current}])}}return null})}})).current,pt=(e,T,w)=>{const C=T&&T>0?T:1e3,M=w&&w>0?w:1e3,R=C/M;if(e==="free")return{x:parseFloat(((1-.84)/2).toFixed(4)),y:parseFloat(((1-.76)/2).toFixed(4)),width:.84,height:.76};let k=1;e==="1:1"?k=1:e==="4:3"?k=4/3:e==="16:9"?k=16/9:e==="9:16"?k=9/16:e==="3:2"&&(k=3/2);const F=k/R;let P=.88,W=.88;if(F>=1){if(P=.88,W=.88/F,W>.88){const Qe=.88/W;P*=Qe,W=.88}}else if(W=.88,P=.88*F,P>.88){const Qe=.88/P;W*=Qe,P=.88}P=Math.max(.1,Math.min(.96,parseFloat(P.toFixed(4)))),W=Math.max(.1,Math.min(.96,parseFloat(W.toFixed(4))));const $e=parseFloat(((1-P)/2).toFixed(4)),nt=parseFloat(((1-W)/2).toFixed(4));return{x:$e,y:nt,width:P,height:W}};react_1.default.useEffect(()=>{v?.uri&&(H(v.uri),ae(v.width),Z(v.height),ne(v.sizeBytes),ge(v.durationMs),Q(!1),ye(1),D("none"),ke([]),Tt(null),Ie([]),it(pt("free",v.width,v.height)),Ue(0),Ye(v.durationMs||1e4),_t("end"),bt(!1),Mt(100),St(1),po(0))},[v?.uri,v?.width,v?.height,v?.sizeBytes,v?.durationMs]),react_1.default.useEffect(()=>{if(v?.type==="video"&&v?.uri){let e=!0;return Gt(!0),editor_1.MediaEditor.generateFilmstrip({uri:v.uri,count:10,targetWidth:120,targetHeight:120}).then(T=>{e&&T?.thumbnails&&Et(T.thumbnails)}).catch(()=>{}).finally(()=>{e&&Gt(!1)}),()=>{e=!1}}else Et([])},[v?.type,v?.uri]),react_1.default.useEffect(()=>{if(L||v?.uri){const e=L||v?.uri;e&&v?.type==="image"&&(!ie||!re)&&react_native_1.Image.getSize(e,(T,w)=>{T>0&&w>0&&(ae(T),Z(w))},()=>{})}},[L,v?.uri,v?.type,ie,re]);const ue=(0,react_1.useMemo)(()=>{const e=qe.width,T=qe.height;if(!e||!T)return{width:e,height:T};const w=ie??v?.width,C=re??v?.height;if(!w||!C||w<=0||C<=0)return{width:e,height:T};const M=w/C,R=e/T;let k=e,F=T;return M>R?(k=e,F=e/M):(F=T,k=T*M),{width:Math.max(20,Math.floor(k)),height:Math.max(20,Math.floor(F))}},[qe.width,qe.height,ie,re,v?.width,v?.height]),E=L||v?.uri,Oe=ie??v?.width,Ve=re??v?.height,Ut=de??v?.sizeBytes,ee=ut??v?.durationMs,z=v?.type==="video",Bo=v?.type==="gif",q=v?.type==="image",Ce=(0,react_1.useRef)(new react_native_1.Animated.ValueXY({x:0,y:0})).current,Ze=(0,react_1.useRef)({x:0,y:0}),vt=(0,react_1.useRef)({x:0,y:0});(0,react_1.useEffect)(()=>{const e=Ce.x.addListener(w=>Ze.current.x=w.value),T=Ce.y.addListener(w=>Ze.current.y=w.value);return()=>{Ce.x.removeListener(e),Ce.y.removeListener(T)}},[Ce]);const Ke=(0,react_1.useRef)(U);Ke.current=U;const at=(0,react_1.useRef)(ue);at.current=ue;const rt=(0,react_1.useRef)(qe);rt.current=qe;const Yt=(0,react_1.useCallback)(()=>{const e=Ke.current;if(e<=1)return{maxX:0,maxY:0};const T=at.current.width,w=at.current.height,C=rt.current.width,M=rt.current.height,R=Math.max(0,(T*e-C)/2/e),k=Math.max(0,(w*e-M)/2/e);return{maxX:R,maxY:k}},[]),qt=(0,react_1.useCallback)((e,T)=>{const{maxX:w,maxY:C}=Yt();return{x:Math.max(-w,Math.min(w,e)),y:Math.max(-C,Math.min(C,T))}},[Yt]),mo=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>Ke.current>1,onMoveShouldSetPanResponder:(e,T)=>Ke.current>1&&(Math.abs(T.dx)>4||Math.abs(T.dy)>4),onMoveShouldSetPanResponderCapture:(e,T)=>Ke.current>1&&(Math.abs(T.dx)>6||Math.abs(T.dy)>6),onPanResponderTerminationRequest:()=>!1,onShouldBlockNativeResponder:()=>!0,onPanResponderGrant:()=>{vt.current={...Ze.current}},onPanResponderMove:(e,T)=>{const w=Ke.current,C=vt.current.x+T.dx/w,M=vt.current.y+T.dy/w,{maxX:R,maxY:k}=(()=>{const W=Ke.current;if(W<=1)return{maxX:0,maxY:0};const $e=at.current.width,nt=at.current.height,Qe=rt.current.width,It=rt.current.height;return{maxX:Math.max(0,($e*W-Qe)/2/W),maxY:Math.max(0,(nt*W-It)/2/W)}})(),F=Math.max(-R,Math.min(R,C)),P=Math.max(-k,Math.min(k,M));Ce.setValue({x:F,y:P})},onPanResponderRelease:()=>{const{maxX:e,maxY:T}=(()=>{const M=Ke.current;if(M<=1)return{maxX:0,maxY:0};const R=at.current.width,k=at.current.height,F=rt.current.width,P=rt.current.height;return{maxX:Math.max(0,(R*M-F)/2/M),maxY:Math.max(0,(k*M-P)/2/M)}})(),w=Ze.current,C={x:Math.max(-e,Math.min(e,w.x)),y:Math.max(-T,Math.min(T,w.y))};(C.x!==w.x||C.y!==w.y)&&react_native_1.Animated.spring(Ce,{toValue:C,friction:7,tension:60,useNativeDriver:!1}).start()},onPanResponderTerminate:()=>{}})).current;(0,react_1.useEffect)(()=>{if(U<=1)Ce.setValue({x:0,y:0}),vt.current={x:0,y:0};else{const e=qt(Ze.current.x,Ze.current.y);(e.x!==Ze.current.x||e.y!==Ze.current.y)&&react_native_1.Animated.spring(Ce,{toValue:e,friction:7,tension:60,useNativeDriver:!1}).start()}},[U,Ce,qt]);const xo=()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),ye(e=>Math.min(4,parseFloat((e+.25).toFixed(2))))},fo=()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),ye(e=>Math.max(1,parseFloat((e-.25).toFixed(2))))},Zt=()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium"),ye(1),Ce.setValue({x:0,y:0}),vt.current={x:0,y:0}},Kt=(0,react_1.useRef)(240),Qt=(0,react_1.useCallback)(e=>{const T=Math.max(50,Kt.current),w=Math.max(0,Math.min(1,e/T));if(Pe.current==="draw"){const C=kt.current;if(C==="brush"||C==="highlighter"||C==="arrow"||C==="rect"||C==="circle"||C==="spotlight"||C==="step"){const M=Math.round(2+w*22);uo(M)}else if(C==="pixelate"){const M=Math.round(4+w*36);lo(M)}}else if(Pe.current==="adjust")if(Ae==="vignette"){const C=Math.round(w*100);ot(M=>({...M,vignette:C}))}else{const C=Math.round(w*100-50);ot(M=>({...M,[Ae]:C}))}else if(Pe.current==="crop"){const C=Math.round(w*360);Se(C)}else if(Pe.current==="trim"){const M=Math.round(w*(ee||1e4));Le==="start"?Ue(Math.min(se-500,M)):Ye(Math.max(J+500,M))}else if(Pe.current==="audio"){const C=Math.round(w*100);Mt(C),bt(C===0)}else if(Pe.current==="speed"){const C=parseFloat((.5+w*1.5).toFixed(2));St(C)}else if(Pe.current==="gif"){const C=Math.round(6+w*18);Dt(C)}else if(Pe.current==="none"){const C=parseFloat((1+w*3).toFixed(2));ye(C)}},[Ae,ee,Le,J,se]),To=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!0,onStartShouldSetPanResponderCapture:()=>!0,onMoveShouldSetPanResponder:()=>!0,onMoveShouldSetPanResponderCapture:()=>!0,onPanResponderGrant:e=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Qt(e.nativeEvent.locationX)},onPanResponderMove:e=>{Qt(e.nativeEvent.locationX)},onPanResponderRelease:()=>{(0,NativeInspector_1.triggerNativeHaptic)("light")}})).current,Jt=(0,react_1.useMemo)(()=>{if(S==="draw"){if(A==="brush"||A==="highlighter"||A==="arrow"||A==="rect"||A==="circle"||A==="spotlight"||A==="step")return Math.min(100,Math.max(0,(ve-2)/22*100));if(A==="pixelate")return Math.min(100,Math.max(0,(Pt-4)/36*100));if(A==="redact")return 100}return S==="adjust"?Ae==="vignette"?Math.min(100,Math.max(0,I.vignette)):Math.min(100,Math.max(0,I[Ae]+50)):S==="crop"?Math.min(100,Math.max(0,$/360*100)):S==="trim"?Math.min(100,Math.max(0,(Le==="start"?J:se)/(ee||1e4)*100)):S==="audio"?he?0:Ee:S==="speed"?Math.min(100,Math.max(0,(Re-.5)/1.5*100)):S==="gif"?Math.min(100,Math.max(0,(mt-6)/18*100)):S==="none"?Math.min(100,Math.max(0,(U-1)/3*100)):50},[S,A,ve,Pt,Ae,I,$,U,ee,Le,J,se,he,Ee,Re,mt]),eo=(0,react_1.useCallback)(()=>{if(be.length===0)return;(0,NativeInspector_1.triggerNativeHaptic)("light");const e=be[be.length-1];tt(T=>[...T,{uri:L||v?.uri||null,inkPaths:[...Y],texts:[...pe],adjustments:{...I},filterPreset:j,showWatermark:me,rotationAngle:$,flipH:xe,flipV:fe,width:ie,height:re,sizeBytes:de}]),et(T=>T.slice(0,T.length-1)),e&&(H(e.uri),ke(e.inkPaths),Ie(e.texts),e.adjustments&&ot(e.adjustments),e.filterPreset&&st(e.filterPreset),e.showWatermark!==void 0&&lt(e.showWatermark),e.showGridlines!==void 0&&ct(e.showGridlines),e.rotationAngle!==void 0&&Se(e.rotationAngle),e.flipH!==void 0&&gt(e.flipH),e.flipV!==void 0&&yt(e.flipV),e.width&&ae(e.width),e.height&&Z(e.height),e.sizeBytes&&ne(e.sizeBytes),(0,toast_1.showToast)(_("mediaGallery.undone","Action Undone")))},[be,L,v?.uri,Y,pe,I,j,me,ce,$,xe,fe,ie,re,de,_]),wo=(0,react_1.useCallback)(()=>{if(Fe.length===0)return;(0,NativeInspector_1.triggerNativeHaptic)("light");const e=Fe[Fe.length-1];et(T=>[...T,{uri:L||v?.uri||null,inkPaths:[...Y],texts:[...pe],adjustments:{...I},filterPreset:j,showWatermark:me,showGridlines:ce,rotationAngle:$,flipH:xe,flipV:fe,width:ie,height:re,sizeBytes:de}]),tt(T=>T.slice(0,T.length-1)),e&&(H(e.uri),ke(e.inkPaths),Ie(e.texts),e.adjustments&&ot(e.adjustments),e.filterPreset&&st(e.filterPreset),e.showWatermark!==void 0&&lt(e.showWatermark),e.showGridlines!==void 0&&ct(e.showGridlines),e.rotationAngle!==void 0&&Se(e.rotationAngle),e.flipH!==void 0&&gt(e.flipH),e.flipV!==void 0&&yt(e.flipV),e.width&&ae(e.width),e.height&&Z(e.height),e.sizeBytes&&ne(e.sizeBytes),(0,toast_1.showToast)(_("mediaGallery.redone","Action Redone")))},[Fe,L,v?.uri,Y,pe,I,j,me,ce,$,xe,fe,ie,re,de,_]),vo=(0,react_1.useCallback)(()=>{v&&((0,NativeInspector_1.triggerNativeHaptic)("medium"),K(),H(v.uri),ke([]),Ie([]),ot({brightness:0,contrast:0,saturation:0,warmth:0,exposure:0,vignette:0}),st("none"),lt(!1),ct(!1),Se(0),gt(!1),yt(!1),ae(v.width),Z(v.height),ne(v.sizeBytes),ge(v.durationMs),ye(1),D("none"),Ue(0),Ye(v.durationMs||1e4),_t("end"),bt(!1),Mt(100),St(1),(0,toast_1.showToast)(_("mediaGallery.resetSuccess",v.type==="video"?"Reset to original video":"Reset to original image")))},[v,K,_]),to=(0,react_1.useCallback)(async()=>{if(!(!v||!E)){if((0,NativeInspector_1.triggerNativeHaptic)("medium"),X(!0),z){try{const e=ee||v.durationMs||1e4,T=await editor_1.MediaEditor.trimVideo({uri:E,startTimeMs:J,endTimeMs:se<e?se:void 0,muteAudio:he||Ee===0,quality:"high"});if(T?.uri){const w={...v,uri:T.uri,durationMs:T.durationMs||v.durationMs,sizeBytes:T.size||v.sizeBytes,width:T.width||v.width,height:T.height||v.height,filename:T.uri.split("/").pop()||v.filename};H(T.uri),T.width&&ae(T.width),T.height&&Z(T.height),T.size&&ne(T.size),T.durationMs&&ge(T.durationMs),ze?.(w),(0,toast_1.showToast)(_("mediaGallery.videoSaved","Video Saved Successfully")),le?.refreshMediaCount?.().catch(()=>{})}else(0,toast_1.showToast)(_("mediaGallery.videoSaved","Video Saved"))}catch{(0,toast_1.showToast)(_("mediaGallery.saveFailed","Failed to save video"))}finally{X(!1)}return}try{const e=Math.max(1,ue.width||380),T=Math.max(1,ue.height||600),w=Y.filter(F=>F.type!=="redact"&&F.type!=="pixelate").map(F=>({id:F.id,type:F.type,points:F.points.map(P=>({x:P.x/e,y:P.y/T})),color:F.color||"#EF4444",strokeWidth:F.strokeWidth||4,stepNumber:F.stepNumber,isNormalized:!0})),C=Y.filter(F=>(F.type==="redact"||F.type==="pixelate")&&F.rect).map(F=>{const P=F.rect;return{x:P.x/e,y:P.y/T,width:P.width/e,height:P.height/T,style:F.type==="pixelate"?"blur":"blackout",isNormalized:!0}}),M=pe.map(F=>({id:F.id,text:F.text,x:F.x,y:F.y,color:F.color||"#FFFFFF",bgColor:F.bgColor||"#EF4444",isNormalized:!0})),R=[...pe.map(F=>({x:F.x,y:F.y,width:.22,height:.06,color:F.bgColor||"#EF4444",label:F.text,isNormalized:!0})),...Y.filter(F=>F.type==="rect"||F.type==="arrow"||F.type==="circle").map(F=>{const P=F.points[0]||{x:0,y:0},W=F.points[F.points.length-1]||P,$e=Math.min(P.x,W.x),nt=Math.min(P.y,W.y),Qe=Math.max(10,Math.abs(W.x-P.x)),It=Math.max(10,Math.abs(W.y-P.y));return{x:$e/e,y:nt/T,width:Qe/e,height:It/T,color:F.color||"#EF4444",isNormalized:!0}})],k=await editor_1.MediaEditor.editPhoto({uri:E,rotation:$!==0?$:void 0,flipHorizontal:xe,flipVertical:fe,adjustments:{brightness:I.brightness/50,contrast:1+I.contrast/50,saturation:1+I.saturation/50,temperature:I.warmth/50,vignette:I.vignette/100},filterPreset:j!=="none"?j:void 0,drawings:w.length>0?w:void 0,texts:M.length>0?M:void 0,redactions:C.length>0?C:void 0,annotations:R.length>0?R:void 0,format:v.format==="png"?"png":"jpeg",quality:.92});if(k?.uri){const F={...v,uri:k.uri,width:k.width,height:k.height,sizeBytes:k.size,filename:k.uri.split("/").pop()||v.filename};H(k.uri),k.width&&ae(k.width),k.height&&Z(k.height),k.size&&ne(k.size),ke([]),Ie([]),ot({brightness:0,contrast:0,saturation:0,warmth:0,exposure:0,vignette:0}),Se(0),gt(!1),yt(!1),st("none"),ze?.(F),(0,toast_1.showToast)(_("mediaGallery.savedSuccess","Image Saved Successfully")),le?.refreshMediaCount?.().catch(()=>{})}else(0,toast_1.showToast)(_("mediaGallery.savedSuccess","Image Saved"))}catch{(0,toast_1.showToast)(_("mediaGallery.saveFailed","Failed to save image"))}finally{X(!1)}}},[v,E,z,ee,J,se,he,Ee,ue,$,xe,fe,I,j,Y,pe,ze,le,_]),oo=(0,react_1.useCallback)(async()=>{if(!(!v||!E||!z||oe)){(0,NativeInspector_1.triggerNativeHaptic)("medium"),X(!0);try{const e=await editor_1.MediaEditor.generateFilmstrip({uri:E,count:1,targetWidth:Oe||1080,targetHeight:Ve||1920});e?.thumbnails&&e.thumbnails.length>0?((0,toast_1.showToast)(_("mediaGallery.snapshotSaved","Frame Snapshot Saved (PNG)")),le?.refreshMediaCount?.().catch(()=>{})):(0,toast_1.showToast)(_("mediaGallery.snapshotFailed","Failed to snapshot frame"))}catch{(0,toast_1.showToast)(_("mediaGallery.snapshotFailed","Failed to snapshot frame"))}finally{X(!1)}}},[v,E,z,oe,Oe,Ve,le,_]),Co=(0,react_1.useMemo)(()=>{if(!z||!v)return!1;const e=v.durationMs||1e4,T=J>0||se<e,w=he||Ee<100,C=Re!==1,M=L!=null&&L!==v.uri;return T||w||C||M},[z,v,J,se,he,Ee,Re,L]),io=(0,react_1.useMemo)(()=>{if(!v)return!1;const e=L!=null&&L!==v.uri,T=Y.length>0,w=pe.length>0,C=be.length>0,M=I.brightness!==0||I.contrast!==0||I.saturation!==0||I.warmth!==0||I.exposure!==0||I.vignette!==0;return e||T||w||C||M||($!==0||xe||fe)||j!=="none"||me||ce},[L,v,Y.length,pe.length,be.length,I,$,xe,fe,j,me,ce]),_o=()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),eo()},Mo=()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium"),K(),ke([])},Ho=e=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),D("crop"),xt(e),it(pt(e,Oe,Ve))},ao=async()=>{if(!(!E||!q)){(0,NativeInspector_1.triggerNativeHaptic)("medium"),K(),X(!0);try{const e=await editor_1.MediaEditor.cropToDefect(E,{x:ft.x,y:ft.y,width:ft.width,height:ft.height,isNormalized:!0});if(e?.uri){const T={...v,uri:e.uri,width:e.width,height:e.height,sizeBytes:e.size,filename:e.uri.split("/").pop()||v.filename};H(e.uri),e.width&&ae(e.width),e.height&&Z(e.height),e.size&&ne(e.size),it(pt("free",e.width,e.height)),xt("free"),ze?.(T),(0,toast_1.showToast)(_("mediaGallery.croppedSuccess","Image Cropped")),D("none")}else(0,toast_1.showToast)(_("mediaGallery.cropFailed","Crop failed"))}catch{(0,toast_1.showToast)(_("mediaGallery.cropFailed","Crop failed"))}finally{X(!1)}}},zt=e=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),e?($t(e),At(e.text)):($t(null),At("")),wt(!0)},So=e=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),K(),Ie(T=>T.filter(w=>w.id!==e))},Fo=()=>{if(!Ft.trim()){wt(!1);return}if(K(),Lt)Ie(e=>e.map(T=>T.id===Lt.id?{...T,text:Ft.trim(),color:Te}:T));else{const e={id:`text_${Date.now()}`,text:Ft.trim(),x:Rt.x,y:Rt.y,color:AppColors_1.AppColors.white,bgColor:Te==="#FFFFFF"?"#0F172A":Te};Ie(T=>[...T,e])}wt(!1),At(""),(0,toast_1.showToast)(_("mediaGallery.textAdded","Text Added"))},Do=async e=>{if(!(!E||!q||oe)){(0,NativeInspector_1.triggerNativeHaptic)("medium"),K(),X(!0);try{const T=await editor_1.MediaEditor.editPhoto({uri:E,quality:.85,crop:{x:0,y:0,width:1,height:1,isNormalized:!0}});if(T?.uri){const w=Math.round((Oe||1080)*e),C=Math.round((Ve||1920)*e),M={...v,uri:T.uri,width:w,height:C,sizeBytes:T.size?Math.round(T.size*e*e):v.sizeBytes,filename:T.uri.split("/").pop()||v.filename};H(T.uri),ae(w),Z(C),T.size&&ne(Math.round(T.size*e*e)),ze?.(M),(0,toast_1.showToast)(_("mediaGallery.resizedSuccess",`Resized to ${Math.round(e*100)}% (${w}\xD7${C})`)),D("none")}}catch{(0,toast_1.showToast)(_("mediaGallery.resizeFailed","Resize failed"))}finally{X(!1)}}},Ao=async()=>{try{(0,NativeInspector_1.triggerNativeHaptic)("light");const e=E.startsWith("file://")||E.startsWith("content://")||E.startsWith("http")?E:`file://${E}`,T=react_native_1.Platform.select({ios:{url:e,title:v.filename},default:{title:v.filename,message:v.filename,url:e}});(await react_native_1.Share.share(T)).action===react_native_1.Share.sharedAction&&(0,toast_1.showToast)(_("mediaGallery.shareSuccess","Shared successfully"))}catch(e){e?.message!=="User did not share"&&(0,toast_1.showToast)(_("mediaGallery.shareUnavailable","Sharing not available on this device"))}},Ro=()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium"),je(!0)},ro=async()=>{if(N){Ne(!0);try{await N(v),(0,toast_1.showToast)(_("mediaGallery.convertedSuccess","Converted to GIF!"))}catch{(0,toast_1.showToast)(_("mediaGallery.convertFailed","Conversion failed"))}finally{Ne(!1)}}},Bt=async()=>{try{Me(!0),await capture_1.ScreenCapture.playVideo(E)}catch{(0,toast_1.showToast)(_("mediaGallery.playError","Unable to play video"))}finally{Me(!1)}},Wo=async()=>{if(!(!E||!z||oe)){X(!0),(0,NativeInspector_1.triggerNativeHaptic)("light");try{const T=Math.min(ee||1e4,5e3),w=await editor_1.MediaEditor.trimReproClip(E,0,T,{quality:"medium"});w?.uri&&(H(w.uri),w.width&&ae(w.width),w.height&&Z(w.height),w.size&&ne(w.size),w.durationMs&&ge(w.durationMs),(0,toast_1.showToast)(_("mediaGallery.trimmedSuccess","Trimmed to 5s Repro Clip")))}catch{(0,toast_1.showToast)(_("mediaGallery.trimFailed","Trim failed"))}finally{X(!1)}}},ko=async()=>{if(!(!E||!z||oe)){X(!0),(0,NativeInspector_1.triggerNativeHaptic)("light");try{const e=await editor_1.MediaEditor.muteVideo(E);e?.uri&&(H(e.uri),e.width&&ae(e.width),e.height&&Z(e.height),e.size&&ne(e.size),e.durationMs&&ge(e.durationMs),(0,toast_1.showToast)(_("mediaGallery.mutedSuccess","Audio Stripped")))}catch{(0,toast_1.showToast)(_("mediaGallery.muteFailed","Mute failed"))}finally{X(!1)}}},Ct=ee?(ee/1e3).toFixed(1):null,no=Ct?`00:${Number(Ct)<10?"0":""}${Ct}`:null,Io=[{key:"none",label:_("mediaGallery.preview","Preview"),themeColor:AppColors_1.AppColors.brandPurple,icon:e=><NetworkIcons_1.EyeIcon size={16}color={e?"#38BDF8":"rgba(255,255,255,0.55)"}/>},{key:"crop",label:"Crop",themeColor:AppColors_1.AppColors.sky600,icon:e=><NetworkIcons_1.CropIcon size={16}color={e?"#38BDF8":"rgba(255,255,255,0.55)"}/>},{key:"adjust",label:"Adjust",themeColor:AppColors_1.AppColors.amber500,icon:e=><NetworkIcons_1.SunAdjustIcon size={16}color={e?"#38BDF8":"rgba(255,255,255,0.55)"}/>},{key:"draw",label:"Markup",themeColor:AppColors_1.AppColors.sky400,icon:e=><NetworkIcons_1.PenIcon size={16}color={e?"#38BDF8":"rgba(255,255,255,0.55)"}/>},{key:"text",label:"Text",themeColor:AppColors_1.AppColors.violet600,icon:e=><NetworkIcons_1.TypeIcon size={16}color={e?"#38BDF8":"rgba(255,255,255,0.55)"}/>}],Po=[{key:"none",label:_("mediaGallery.preview","Player"),themeColor:AppColors_1.AppColors.brandPurple,icon:e=><NetworkIcons_1.EyeIcon size={14}color={e?"#38BDF8":"rgba(255,255,255,0.55)"}/>},{key:"trim",label:_("media.trim","Trim"),themeColor:AppColors_1.AppColors.sky600,icon:e=><NetworkIcons_1.ScissorsIcon size={14}color={e?"#38BDF8":"rgba(255,255,255,0.55)"}/>,hasBadge:J>0||se<(ee||1e4)},{key:"audio",label:_("media.audio","Audio"),themeColor:AppColors_1.AppColors.amber600,icon:e=><NetworkIcons_1.VolumeXIcon size={14}color={e?"#38BDF8":"rgba(255,255,255,0.55)"}/>,hasBadge:he||Ee<100},{key:"speed",label:_("media.speed","Speed"),themeColor:AppColors_1.AppColors.violet600,icon:e=><NetworkIcons_1.ZapIcon size={14}color={e?"#38BDF8":"rgba(255,255,255,0.55)"}/>,hasBadge:Re!==1},{key:"gif",label:_("media.toGif","To GIF"),themeColor:AppColors_1.AppColors.emerald500,icon:e=><NetworkIcons_1.GifIcon size={14}color={e?"#38BDF8":"rgba(255,255,255,0.55)"}/>},{key:"snapshot",label:_("media.snapshot","Snapshot"),themeColor:AppColors_1.AppColors.pink500,icon:e=><NetworkIcons_1.CameraRollIcon size={14}color={e?"#38BDF8":"rgba(255,255,255,0.55)"}/>}];return!v||!V?null:<react_native_1.Modal visible={V}transparent={!0}animationType="fade"statusBarTranslucent={!0}onRequestClose={B}>
       <react_native_1.View style={previewStyles.modalBackdrop}>
-        <react_native_1.Pressable style={previewStyles.modalBackdropPressable}onPress={V}/>
-        <react_native_1.View style={[previewStyles.modalContentCard,{height:`${U}%`,borderTopLeftRadius:U>=100?0:20,borderTopRightRadius:U>=100?0:20}]}>
+        <react_native_1.Pressable style={previewStyles.modalBackdropPressable}onPress={B}/>
+        <react_native_1.View style={[previewStyles.modalContentCard,{height:`${te}%`,borderTopLeftRadius:te>=100?0:20,borderTopRightRadius:te>=100?0:20}]}>
           <react_native_1.StatusBar translucent backgroundColor="transparent"barStyle="light-content"/>
           
-          <react_native_1.View style={[previewStyles.header,{paddingTop:Ge,borderTopLeftRadius:U>=100?0:20,borderTopRightRadius:U>=100?0:20}]}>
-            <react_native_linear_gradient_1.default colors={[AppColors_1.AppColors.indigo600,AppColors_1.AppColors.violet600]}start={{x:0,y:0}}end={{x:1,y:1}}style={[react_native_1.StyleSheet.absoluteFill,{borderTopLeftRadius:U>=100?0:20,borderTopRightRadius:U>=100?0:20}]}pointerEvents="none"/>
+          <react_native_1.View style={[previewStyles.header,{paddingTop:Ge,borderTopLeftRadius:te>=100?0:20,borderTopRightRadius:te>=100?0:20}]}>
+            <react_native_linear_gradient_1.default colors={[AppColors_1.AppColors.indigo600,AppColors_1.AppColors.violet600]}start={{x:0,y:0}}end={{x:1,y:1}}style={[react_native_1.StyleSheet.absoluteFill,{borderTopLeftRadius:te>=100?0:20,borderTopRightRadius:te>=100?0:20}]}pointerEvents="none"/>
             <react_native_1.View style={previewStyles.headerInner}>
               
               <react_native_1.View style={previewStyles.headerLeft}>
-                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={M("common.back","Back")}onPress={V}hitSlop={15}style={previewStyles.headerBackBtn}>
+                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={_("common.back","Back")}onPress={B}hitSlop={15}style={previewStyles.headerBackBtn}>
                   <NetworkIcons_1.WhiteBackNavigation size={17}/>
                 </TouchableScale_1.default>
                 <react_native_1.View style={previewStyles.headerTextCol}>
@@ -85,18 +85,18 @@
                     </react_native_1.Text>
                     <react_native_1.View style={previewStyles.formatBadge}>
                       <react_native_1.Text style={previewStyles.formatBadgeText}>
-                        {(v.filename?.split(".").pop()||(q?"PNG":O?"MP4":"GIF")).toUpperCase()}
+                        {(v.filename?.split(".").pop()||(q?"PNG":z?"MP4":"GIF")).toUpperCase()}
                       </react_native_1.Text>
                     </react_native_1.View>
                   </react_native_1.View>
                   <react_native_1.View style={previewStyles.headerSubtitleRow}>
                     <react_native_1.Text style={previewStyles.subtitleDim}numberOfLines={1}>
-                      {fe&&Te?`${fe} \xD7 ${Te}`:q?"1320 \xD7 2868":"1080 \xD7 1920"}
+                      {Oe&&Ve?`${Oe} \xD7 ${Ve}`:q?"1320 \xD7 2868":"1080 \xD7 1920"}
                     </react_native_1.Text>
-                    {jt?<>
+                    {Ut?<>
                         <react_native_1.Text style={previewStyles.subtitleDot}>•</react_native_1.Text>
                         <react_native_1.Text style={previewStyles.subtitleSize}>
-                          {(0,helpers_1.formatBytes)(jt)}
+                          {(0,helpers_1.formatBytes)(Ut)}
                         </react_native_1.Text>
                       </>:<>
                         <react_native_1.Text style={previewStyles.subtitleDot}>•</react_native_1.Text>
@@ -110,28 +110,28 @@
               <react_native_1.View style={previewStyles.headerRight}>
                 
                 {q&&<react_native_1.View style={previewStyles.undoRedoGroup}>
-                    <react_native_1.TouchableOpacity accessible={!0}accessibilityRole="button"accessibilityLabel={M("common.undo","Undo")}onPress={Qt}disabled={pe.length===0}style={[previewStyles.undoHalfBtn,pe.length===0&&previewStyles.actionDisabled]}hitSlop={{top:8,bottom:8,left:6,right:4}}>
-                      <NetworkIcons_1.UndoIcon size={14}color={pe.length>0?AppColors_1.AppColors.white:"rgba(255, 255, 255, 0.35)"}/>
+                    <react_native_1.TouchableOpacity accessible={!0}accessibilityRole="button"accessibilityLabel={_("common.undo","Undo")}onPress={eo}disabled={be.length===0}style={[previewStyles.undoHalfBtn,be.length===0&&previewStyles.actionDisabled]}hitSlop={{top:8,bottom:8,left:6,right:4}}>
+                      <NetworkIcons_1.UndoIcon size={14}color={be.length>0?AppColors_1.AppColors.white:"rgba(255, 255, 255, 0.35)"}/>
                     </react_native_1.TouchableOpacity>
                     <react_native_1.View style={previewStyles.undoDivider}/>
-                    <react_native_1.TouchableOpacity accessible={!0}accessibilityRole="button"accessibilityLabel="Redo"onPress={To}disabled={Ae.length===0}style={[previewStyles.redoHalfBtn,Ae.length===0&&previewStyles.actionDisabled]}hitSlop={{top:8,bottom:8,left:4,right:6}}>
-                      <NetworkIcons_1.RedoIcon size={14}color={Ae.length>0?AppColors_1.AppColors.white:"rgba(255, 255, 255, 0.35)"}/>
+                    <react_native_1.TouchableOpacity accessible={!0}accessibilityRole="button"accessibilityLabel="Redo"onPress={wo}disabled={Fe.length===0}style={[previewStyles.redoHalfBtn,Fe.length===0&&previewStyles.actionDisabled]}hitSlop={{top:8,bottom:8,left:4,right:6}}>
+                      <NetworkIcons_1.RedoIcon size={14}color={Fe.length>0?AppColors_1.AppColors.white:"rgba(255, 255, 255, 0.35)"}/>
                     </react_native_1.TouchableOpacity>
                   </react_native_1.View>}
 
                 
-                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel="More Options"onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Ye(e=>!e)}}style={previewStyles.headerMoreBtn}hitSlop={{top:8,bottom:8,left:6,right:6}}>
+                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel="More Options"onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Xe(e=>!e)}}style={previewStyles.headerMoreBtn}hitSlop={{top:8,bottom:8,left:6,right:6}}>
                   <NetworkIcons_1.MoreDotsIcon size={16}color={AppColors_1.AppColors.white}/>
                 </TouchableScale_1.default>
 
                 
-                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={M("common.save","Save")}onPress={Jt}disabled={le}style={[previewStyles.headerSaveBtn,le&&{opacity:.6}]}hitSlop={{top:8,bottom:8,left:6,right:6}}>
+                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={_("common.save","Save")}onPress={to}disabled={oe}style={[previewStyles.headerSaveBtn,oe&&{opacity:.6}]}hitSlop={{top:8,bottom:8,left:6,right:6}}>
                   <NetworkIcons_1.SaveIcon size={14}color={AppColors_1.AppColors.white}/>
-                  <react_native_1.Text style={previewStyles.headerSaveText}>{M("common.save","Save")}</react_native_1.Text>
+                  <react_native_1.Text style={previewStyles.headerSaveText}>{_("common.save","Save")}</react_native_1.Text>
                 </TouchableScale_1.default>
 
                 
-                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={M("common.close","Close")}onPress={V}style={previewStyles.headerCloseBtn}hitSlop={{top:8,bottom:8,left:6,right:6}}>
+                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={_("common.close","Close")}onPress={B}style={previewStyles.headerCloseBtn}hitSlop={{top:8,bottom:8,left:6,right:6}}>
                   <NetworkIcons_1.CloseWhite size={15}color={AppColors_1.AppColors.white}/>
                 </TouchableScale_1.default>
               </react_native_1.View>
@@ -139,56 +139,56 @@
           </react_native_1.View>
 
           
-          {no&&<react_native_1.View style={previewStyles.moreMenuDropdown}>
-              {(q&&to||O&&vo)&&<react_native_1.TouchableOpacity onPress={()=>{Ye(!1),wo()}}style={previewStyles.moreMenuItem}>
+          {so&&<react_native_1.View style={previewStyles.moreMenuDropdown}>
+              {(q&&io||z&&Co)&&<react_native_1.TouchableOpacity onPress={()=>{Xe(!1),vo()}}style={previewStyles.moreMenuItem}>
                   <NetworkIcons_1.ResetIcon size={14}color={AppColors_1.AppColors.sky400}/>
                   <react_native_1.Text style={previewStyles.moreMenuItemText}>
-                    {M("common.reset","Reset to Original")}
+                    {_("common.reset","Reset to Original")}
                   </react_native_1.Text>
                 </react_native_1.TouchableOpacity>}
-              {q&&<react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),lt(e=>!e),Ye(!1)}}style={previewStyles.moreMenuItem}>
-                  <NetworkIcons_1.GridlinesIcon size={14}color={se?AppColors_1.AppColors.sky400:AppColors_1.AppColors.white}/>
+              {q&&<react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),ct(e=>!e),Xe(!1)}}style={previewStyles.moreMenuItem}>
+                  <NetworkIcons_1.GridlinesIcon size={14}color={ce?AppColors_1.AppColors.sky400:AppColors_1.AppColors.white}/>
                   <react_native_1.Text style={previewStyles.moreMenuItemText}>
-                    {se?M("mediaGallery.hideGridlines","Hide Instagram Grid (3\xD73)"):M("mediaGallery.showGridlines","Show Instagram Grid (3\xD73)")}
+                    {ce?_("mediaGallery.hideGridlines","Hide Instagram Grid (3\xD73)"):_("mediaGallery.showGridlines","Show Instagram Grid (3\xD73)")}
                   </react_native_1.Text>
                 </react_native_1.TouchableOpacity>}
-              {q&&<react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Z(),st(e=>!e),Ye(!1)}}style={previewStyles.moreMenuItem}>
+              {q&&<react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),K(),lt(e=>!e),Xe(!1)}}style={previewStyles.moreMenuItem}>
                   <react_native_1.Text style={previewStyles.moreMenuItemIconText}>🛡</react_native_1.Text>
                   <react_native_1.Text style={previewStyles.moreMenuItemText}>
-                    {ue?M("mediaGallery.hideWatermark","Hide QA Watermark"):M("mediaGallery.showWatermark","Show QA Watermark")}
+                    {me?_("mediaGallery.hideWatermark","Hide QA Watermark"):_("mediaGallery.showWatermark","Show QA Watermark")}
                   </react_native_1.Text>
                 </react_native_1.TouchableOpacity>}
-              {O&&<react_native_1.TouchableOpacity onPress={()=>{Ye(!1),io()}}style={previewStyles.moreMenuItem}>
+              {z&&<react_native_1.TouchableOpacity onPress={()=>{Xe(!1),ro()}}style={previewStyles.moreMenuItem}>
                   <NetworkIcons_1.GifIcon size={14}color={AppColors_1.AppColors.violet600}/>
                   <react_native_1.Text style={previewStyles.moreMenuItemText}>
-                    {M("mediaGallery.exportGif","Export as Animated GIF")}
+                    {_("mediaGallery.exportGif","Export as Animated GIF")}
                   </react_native_1.Text>
                 </react_native_1.TouchableOpacity>}
-              {O&&<react_native_1.TouchableOpacity onPress={()=>{Ye(!1),eo()}}style={previewStyles.moreMenuItem}>
+              {z&&<react_native_1.TouchableOpacity onPress={()=>{Xe(!1),oo()}}style={previewStyles.moreMenuItem}>
                   <NetworkIcons_1.CameraRollIcon size={14}color={AppColors_1.AppColors.sky400}/>
                   <react_native_1.Text style={previewStyles.moreMenuItemText}>
-                    {M("mediaGallery.snapshotFrame","Snapshot Frame (PNG)")}
+                    {_("mediaGallery.snapshotFrame","Snapshot Frame (PNG)")}
                   </react_native_1.Text>
                 </react_native_1.TouchableOpacity>}
-              <react_native_1.TouchableOpacity onPress={()=>{Ye(!1),Fo()}}style={previewStyles.moreMenuItem}>
+              <react_native_1.TouchableOpacity onPress={()=>{Xe(!1),Ao()}}style={previewStyles.moreMenuItem}>
                 <NetworkIcons_1.ShareIcon size={14}color={AppColors_1.AppColors.white}/>
                 <react_native_1.Text style={previewStyles.moreMenuItemText}>
-                  {M("mediaGallery.share",O?"Share Video":"Share Image")}
+                  {_("mediaGallery.share",z?"Share Video":"Share Image")}
                 </react_native_1.Text>
               </react_native_1.TouchableOpacity>
-              <react_native_1.TouchableOpacity onPress={()=>{Ye(!1),Ao()}}style={[previewStyles.moreMenuItem,previewStyles.moreMenuItemDestructive]}>
+              <react_native_1.TouchableOpacity onPress={()=>{Xe(!1),Ro()}}style={[previewStyles.moreMenuItem,previewStyles.moreMenuItemDestructive]}>
                 <NetworkIcons_1.TrashIcon size={14}color={AppColors_1.AppColors.rose500}/>
                 <react_native_1.Text style={[previewStyles.moreMenuItemText,{color:AppColors_1.AppColors.rose500}]}>
-                  {M("mediaGallery.delete","Delete Media")}
+                  {_("mediaGallery.delete","Delete Media")}
                 </react_native_1.Text>
               </react_native_1.TouchableOpacity>
             </react_native_1.View>}
 
         
         <react_native_1.View style={previewStyles.stageWrapper}>
-          <react_native_1.View onLayout={e=>{const{width:T,height:w}=e.nativeEvent.layout;T>20&&w>20&&$t(C=>({...C,width:T,height:w}))}}style={previewStyles.previewCard}>
-            {O?v.thumbnailUri&&!Be?<>
-                  <react_native_1.Image source={{uri:v.thumbnailUri}}style={previewStyles.image}resizeMode="contain"onError={()=>we(!0)}/>
+          <react_native_1.View onLayout={e=>{const{width:T,height:w}=e.nativeEvent.layout;T>20&&w>20&&Xt(C=>({...C,width:T,height:w}))}}style={previewStyles.previewCard}>
+            {z?v.thumbnailUri&&!He?<>
+                  <react_native_1.Image source={{uri:v.thumbnailUri}}style={previewStyles.image}resizeMode="contain"onError={()=>Q(!0)}/>
                   <react_native_1.View style={previewStyles.videoImageOverlay}/>
                 </>:<react_native_1.View style={previewStyles.videoFallbackBackdrop}>
                   <react_native_1.View style={previewStyles.videoFallbackGlow}/>
@@ -200,45 +200,45 @@
                     {Ct?`${Ct}s duration`:"MP4 Video"} •{" "}
                     {(0,helpers_1.formatBytes)(v.sizeBytes)}
                   </react_native_1.Text>
-                </react_native_1.View>:<react_native_1.Animated.View onLayout={e=>{const{width:T,height:w}=e.nativeEvent.layout;T>20&&w>20&&$t(C=>({...C,width:T,height:w}))}}style={[previewStyles.canvasContainer,{transform:[...Me.getTranslateTransform(),{scale:Q}]}]}{...F==="draw"?yo.panHandlers:F==="none"&&Q>1?bo.panHandlers:{}}>
-                <react_native_1.View style={[previewStyles.imageCanvasWrapper,{width:_e.width,height:_e.height,transform:[{rotate:`${W}deg`},{scaleX:ge?-1:1},{scaleY:ye?-1:1}]}]}>
+                </react_native_1.View>:<react_native_1.Animated.View onLayout={e=>{const{width:T,height:w}=e.nativeEvent.layout;T>20&&w>20&&Xt(C=>({...C,width:T,height:w}))}}style={[previewStyles.canvasContainer,{transform:[...Ce.getTranslateTransform(),{scale:U}]}]}{...S==="draw"?bo.panHandlers:S==="none"&&U>1?mo.panHandlers:{}}>
+                <react_native_1.View style={[previewStyles.imageCanvasWrapper,{width:ue.width,height:ue.height,transform:[{rotate:`${$}deg`},{scaleX:xe?-1:1},{scaleY:fe?-1:1}]}]}>
                   
-                  <react_native_1.Image key={ve?v?.uri:E}source={{uri:ve?v?.uri:E}}style={previewStyles.image}resizeMode="cover"onError={()=>we(!0)}/>
+                  <react_native_1.Image key={we?v?.uri:E}source={{uri:we?v?.uri:E}}style={previewStyles.image}resizeMode="cover"onError={()=>Q(!0)}/>
 
                   
-                  {!ve&&<>
+                  {!we&&<>
                       
-                      {k.brightness+k.exposure!==0&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:k.brightness+k.exposure>0?"#FFFFFF":"#000000",opacity:Math.min(.65,Math.abs(k.brightness+k.exposure)/100*.7)}]}/>}
+                      {I.brightness+I.exposure!==0&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:I.brightness+I.exposure>0?"#FFFFFF":"#000000",opacity:Math.min(.65,Math.abs(I.brightness+I.exposure)/100*.7)}]}/>}
 
                       
-                      {k.warmth!==0&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:k.warmth>0?"#F59E0B":"#0284C7",opacity:Math.min(.4,Math.abs(k.warmth)/50*.35)}]}/>}
+                      {I.warmth!==0&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:I.warmth>0?"#F59E0B":"#0284C7",opacity:Math.min(.4,Math.abs(I.warmth)/50*.35)}]}/>}
 
                       
-                      {k.saturation>0&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:"#A855F7",opacity:Math.min(.2,k.saturation/50*.15)}]}/>}
+                      {I.saturation>0&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:"#A855F7",opacity:Math.min(.2,I.saturation/50*.15)}]}/>}
 
                       
-                      {k.vignette>0&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{borderRadius:6,borderWidth:Math.max(2,k.vignette/100*44),borderColor:`rgba(0, 0, 0, ${.85*(k.vignette/100)})`}]}/>}
+                      {I.vignette>0&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{borderRadius:6,borderWidth:Math.max(2,I.vignette/100*44),borderColor:`rgba(0, 0, 0, ${.85*(I.vignette/100)})`}]}/>}
 
                       
-                      {$==="mono"&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:"rgba(100, 116, 139, 0.45)"}]}/>}
-                      {$==="noir"&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:"rgba(0, 0, 0, 0.48)"}]}/>}
-                      {$==="sepia"&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:"rgba(120, 53, 15, 0.32)"}]}/>}
-                      {$==="vintage"&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:"rgba(217, 119, 6, 0.22)"}]}/>}
-                      {$==="vibrant"&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:"rgba(236, 72, 153, 0.16)"}]}/>}
-                      {$==="cool"&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:"rgba(14, 165, 233, 0.22)"}]}/>}
-                      {$==="warm"&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:"rgba(249, 115, 22, 0.22)"}]}/>}
-                      {$==="fade"&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:"rgba(255, 255, 255, 0.18)"}]}/>}
+                      {j==="mono"&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:"rgba(100, 116, 139, 0.45)"}]}/>}
+                      {j==="noir"&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:"rgba(0, 0, 0, 0.48)"}]}/>}
+                      {j==="sepia"&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:"rgba(120, 53, 15, 0.32)"}]}/>}
+                      {j==="vintage"&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:"rgba(217, 119, 6, 0.22)"}]}/>}
+                      {j==="vibrant"&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:"rgba(236, 72, 153, 0.16)"}]}/>}
+                      {j==="cool"&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:"rgba(14, 165, 233, 0.22)"}]}/>}
+                      {j==="warm"&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:"rgba(249, 115, 22, 0.22)"}]}/>}
+                      {j==="fade"&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:"rgba(255, 255, 255, 0.18)"}]}/>}
                     </>}
 
                   
-                  {!ve&&<react_native_svg_1.default style={react_native_1.StyleSheet.absoluteFill}pointerEvents={F==="draw"?"auto":"none"}>
+                  {!we&&<react_native_svg_1.default style={react_native_1.StyleSheet.absoluteFill}pointerEvents={S==="draw"?"auto":"none"}>
                       <react_native_svg_1.G>
                         
-                        {Y.map(e=>{if(e.type==="brush"){if(e.points.length<2)return null;const T=e.points.reduce((w,C,_)=>_===0?`M ${C.x} ${C.y}`:`${w} L ${C.x} ${C.y}`,"");return<react_native_svg_1.Path key={e.id}d={T}stroke={e.color}strokeWidth={e.strokeWidth}strokeLinecap="round"strokeLinejoin="round"fill="none"/>}if(e.type==="highlighter"){if(e.points.length<2)return null;const T=e.points.reduce((w,C,_)=>_===0?`M ${C.x} ${C.y}`:`${w} L ${C.x} ${C.y}`,"");return<react_native_svg_1.Path key={e.id}d={T}stroke={e.color}strokeWidth={e.strokeWidth*2.5}strokeOpacity={.4}strokeLinecap="round"strokeLinejoin="round"fill="none"/>}if(e.type==="arrow"){if(e.points.length<2)return null;const T=e.points[0],w=e.points[1],C=w.x-T.x,_=w.y-T.y,S=Math.atan2(_,C),R=Math.min(28,Math.max(14,e.strokeWidth*3.5)),z=Math.PI/6,j=w.x-R*Math.cos(S-z),X=w.y-R*Math.sin(S-z),je=w.x-R*Math.cos(S+z),rt=w.y-R*Math.sin(S+z);return<react_native_svg_1.G key={e.id}>
+                        {Y.map(e=>{if(e.type==="brush"){if(e.points.length<2)return null;const T=e.points.reduce((w,C,M)=>M===0?`M ${C.x} ${C.y}`:`${w} L ${C.x} ${C.y}`,"");return<react_native_svg_1.Path key={e.id}d={T}stroke={e.color}strokeWidth={e.strokeWidth}strokeLinecap="round"strokeLinejoin="round"fill="none"/>}if(e.type==="highlighter"){if(e.points.length<2)return null;const T=e.points.reduce((w,C,M)=>M===0?`M ${C.x} ${C.y}`:`${w} L ${C.x} ${C.y}`,"");return<react_native_svg_1.Path key={e.id}d={T}stroke={e.color}strokeWidth={e.strokeWidth*2.5}strokeOpacity={.4}strokeLinecap="round"strokeLinejoin="round"fill="none"/>}if(e.type==="arrow"){if(e.points.length<2)return null;const T=e.points[0],w=e.points[1],C=w.x-T.x,M=w.y-T.y,R=Math.atan2(M,C),k=Math.min(28,Math.max(14,e.strokeWidth*3.5)),F=Math.PI/6,P=w.x-k*Math.cos(R-F),W=w.y-k*Math.sin(R-F),$e=w.x-k*Math.cos(R+F),nt=w.y-k*Math.sin(R+F);return<react_native_svg_1.G key={e.id}>
                                 <react_native_svg_1.Line x1={T.x}y1={T.y}x2={w.x}y2={w.y}stroke={e.color}strokeWidth={e.strokeWidth}strokeLinecap="round"/>
-                                <react_native_svg_1.Polygon points={`${w.x},${w.y} ${j},${X} ${je},${rt}`}fill={e.color}/>
-                              </react_native_svg_1.G>}if(e.type==="rect"){const T=e.rect||{x:Math.min(e.points[0]?.x||0,e.points[1]?.x||0),y:Math.min(e.points[0]?.y||0,e.points[1]?.y||0),width:Math.abs((e.points[1]?.x||0)-(e.points[0]?.x||0)),height:Math.abs((e.points[1]?.y||0)-(e.points[0]?.y||0))};return<react_native_svg_1.Rect key={e.id}x={T.x}y={T.y}width={T.width}height={T.height}stroke={e.color}strokeWidth={e.strokeWidth}rx={6}ry={6}fill="none"/>}if(e.type==="circle"){const T=e.points[0]||{x:0,y:0},w=e.points[1]||T,C=Math.min(T.x,w.x),_=Math.min(T.y,w.y),S=Math.max(10,Math.abs(w.x-T.x)),R=Math.max(10,Math.abs(w.y-T.y));return<react_native_svg_1.Ellipse key={e.id}cx={C+S/2}cy={_+R/2}rx={S/2}ry={R/2}stroke={e.color}strokeWidth={e.strokeWidth}fill="none"/>}if(e.type==="spotlight"){const T=e.points[0]||{x:0,y:0},w=e.points[1]||T,C=Math.min(T.x,w.x),_=Math.min(T.y,w.y),S=Math.max(16,Math.abs(w.x-T.x)),R=Math.max(16,Math.abs(w.y-T.y));return<react_native_svg_1.G key={e.id}>
-                                <react_native_svg_1.Ellipse cx={C+S/2}cy={_+R/2}rx={S/2}ry={R/2}stroke="#FBBF24"strokeWidth={2.5}strokeDasharray="5,3"fill="rgba(255, 255, 255, 0.15)"/>
+                                <react_native_svg_1.Polygon points={`${w.x},${w.y} ${P},${W} ${$e},${nt}`}fill={e.color}/>
+                              </react_native_svg_1.G>}if(e.type==="rect"){const T=e.rect||{x:Math.min(e.points[0]?.x||0,e.points[1]?.x||0),y:Math.min(e.points[0]?.y||0,e.points[1]?.y||0),width:Math.abs((e.points[1]?.x||0)-(e.points[0]?.x||0)),height:Math.abs((e.points[1]?.y||0)-(e.points[0]?.y||0))};return<react_native_svg_1.Rect key={e.id}x={T.x}y={T.y}width={T.width}height={T.height}stroke={e.color}strokeWidth={e.strokeWidth}rx={6}ry={6}fill="none"/>}if(e.type==="circle"){const T=e.points[0]||{x:0,y:0},w=e.points[1]||T,C=Math.min(T.x,w.x),M=Math.min(T.y,w.y),R=Math.max(10,Math.abs(w.x-T.x)),k=Math.max(10,Math.abs(w.y-T.y));return<react_native_svg_1.Ellipse key={e.id}cx={C+R/2}cy={M+k/2}rx={R/2}ry={k/2}stroke={e.color}strokeWidth={e.strokeWidth}fill="none"/>}if(e.type==="spotlight"){const T=e.points[0]||{x:0,y:0},w=e.points[1]||T,C=Math.min(T.x,w.x),M=Math.min(T.y,w.y),R=Math.max(16,Math.abs(w.x-T.x)),k=Math.max(16,Math.abs(w.y-T.y));return<react_native_svg_1.G key={e.id}>
+                                <react_native_svg_1.Ellipse cx={C+R/2}cy={M+k/2}rx={R/2}ry={k/2}stroke="#FBBF24"strokeWidth={2.5}strokeDasharray="5,3"fill="rgba(255, 255, 255, 0.15)"/>
                               </react_native_svg_1.G>}if(e.type==="step"){const T=e.points[0]||{x:0,y:0},w=Math.max(12,Math.min(20,e.strokeWidth*2.2+8));return<react_native_svg_1.G key={e.id}>
                                 <react_native_svg_1.Circle cx={T.x}cy={T.y}r={w}fill={e.color||"#EF4444"}stroke="#FFFFFF"strokeWidth={1.5}/>
                                 <react_native_svg_1.Text x={T.x}y={T.y+w*.35}fill="#FFFFFF"fontSize={Math.round(w*.95)}fontWeight="bold"textAnchor="middle">
@@ -253,42 +253,42 @@
                               </react_native_svg_1.G>}return null})}
 
                         
-                        {P&&P.length>0&&<>
-                            {A==="brush"&&P.length>1&&<react_native_svg_1.Path d={P.reduce((e,T,w)=>w===0?`M ${T.x} ${T.y}`:`${e} L ${T.x} ${T.y}`,"")}stroke={be}strokeWidth={Ce}strokeLinecap="round"strokeLinejoin="round"fill="none"/>}
+                        {O&&O.length>0&&<>
+                            {A==="brush"&&O.length>1&&<react_native_svg_1.Path d={O.reduce((e,T,w)=>w===0?`M ${T.x} ${T.y}`:`${e} L ${T.x} ${T.y}`,"")}stroke={Te}strokeWidth={ve}strokeLinecap="round"strokeLinejoin="round"fill="none"/>}
 
-                            {A==="highlighter"&&P.length>1&&<react_native_svg_1.Path d={P.reduce((e,T,w)=>w===0?`M ${T.x} ${T.y}`:`${e} L ${T.x} ${T.y}`,"")}stroke={be}strokeWidth={Ce*2.5}strokeOpacity={.4}strokeLinecap="round"strokeLinejoin="round"fill="none"/>}
+                            {A==="highlighter"&&O.length>1&&<react_native_svg_1.Path d={O.reduce((e,T,w)=>w===0?`M ${T.x} ${T.y}`:`${e} L ${T.x} ${T.y}`,"")}stroke={Te}strokeWidth={ve*2.5}strokeOpacity={.4}strokeLinecap="round"strokeLinejoin="round"fill="none"/>}
 
-                            {A==="arrow"&&P.length>1&&(()=>{const e=P[0],T=P[P.length-1],w=T.x-e.x,C=T.y-e.y,_=Math.atan2(C,w),S=Math.min(28,Math.max(14,Ce*3.5)),R=Math.PI/6,z=T.x-S*Math.cos(_-R),j=T.y-S*Math.sin(_-R),X=T.x-S*Math.cos(_+R),je=T.y-S*Math.sin(_+R);return<react_native_svg_1.G>
-                                  <react_native_svg_1.Line x1={e.x}y1={e.y}x2={T.x}y2={T.y}stroke={be}strokeWidth={Ce}strokeLinecap="round"/>
-                                  <react_native_svg_1.Polygon points={`${T.x},${T.y} ${z},${j} ${X},${je}`}fill={be}/>
+                            {A==="arrow"&&O.length>1&&(()=>{const e=O[0],T=O[O.length-1],w=T.x-e.x,C=T.y-e.y,M=Math.atan2(C,w),R=Math.min(28,Math.max(14,ve*3.5)),k=Math.PI/6,F=T.x-R*Math.cos(M-k),P=T.y-R*Math.sin(M-k),W=T.x-R*Math.cos(M+k),$e=T.y-R*Math.sin(M+k);return<react_native_svg_1.G>
+                                  <react_native_svg_1.Line x1={e.x}y1={e.y}x2={T.x}y2={T.y}stroke={Te}strokeWidth={ve}strokeLinecap="round"/>
+                                  <react_native_svg_1.Polygon points={`${T.x},${T.y} ${F},${P} ${W},${$e}`}fill={Te}/>
                                 </react_native_svg_1.G>})()}
 
-                            {A==="rect"&&P.length>1&&(()=>{const e=P[0],T=P[P.length-1],w=Math.min(e.x,T.x),C=Math.min(e.y,T.y),_=Math.abs(T.x-e.x),S=Math.abs(T.y-e.y);return<react_native_svg_1.Rect x={w}y={C}width={_}height={S}stroke={be}strokeWidth={Ce}rx={6}ry={6}fill="none"/>})()}
+                            {A==="rect"&&O.length>1&&(()=>{const e=O[0],T=O[O.length-1],w=Math.min(e.x,T.x),C=Math.min(e.y,T.y),M=Math.abs(T.x-e.x),R=Math.abs(T.y-e.y);return<react_native_svg_1.Rect x={w}y={C}width={M}height={R}stroke={Te}strokeWidth={ve}rx={6}ry={6}fill="none"/>})()}
 
-                            {A==="circle"&&P.length>1&&(()=>{const e=P[0],T=P[P.length-1],w=Math.min(e.x,T.x),C=Math.min(e.y,T.y),_=Math.max(10,Math.abs(T.x-e.x)),S=Math.max(10,Math.abs(T.y-e.y));return<react_native_svg_1.Ellipse cx={w+_/2}cy={C+S/2}rx={_/2}ry={S/2}stroke={be}strokeWidth={Ce}fill="none"/>})()}
+                            {A==="circle"&&O.length>1&&(()=>{const e=O[0],T=O[O.length-1],w=Math.min(e.x,T.x),C=Math.min(e.y,T.y),M=Math.max(10,Math.abs(T.x-e.x)),R=Math.max(10,Math.abs(T.y-e.y));return<react_native_svg_1.Ellipse cx={w+M/2}cy={C+R/2}rx={M/2}ry={R/2}stroke={Te}strokeWidth={ve}fill="none"/>})()}
 
-                            {A==="spotlight"&&P.length>1&&(()=>{const e=P[0],T=P[P.length-1],w=Math.min(e.x,T.x),C=Math.min(e.y,T.y),_=Math.max(16,Math.abs(T.x-e.x)),S=Math.max(16,Math.abs(T.y-e.y));return<react_native_svg_1.G>
-                                  <react_native_svg_1.Ellipse cx={w+_/2}cy={C+S/2}rx={_/2}ry={S/2}stroke="#FBBF24"strokeWidth={2.5}strokeDasharray="5,3"fill="rgba(255, 255, 255, 0.15)"/>
+                            {A==="spotlight"&&O.length>1&&(()=>{const e=O[0],T=O[O.length-1],w=Math.min(e.x,T.x),C=Math.min(e.y,T.y),M=Math.max(16,Math.abs(T.x-e.x)),R=Math.max(16,Math.abs(T.y-e.y));return<react_native_svg_1.G>
+                                  <react_native_svg_1.Ellipse cx={w+M/2}cy={C+R/2}rx={M/2}ry={R/2}stroke="#FBBF24"strokeWidth={2.5}strokeDasharray="5,3"fill="rgba(255, 255, 255, 0.15)"/>
                                 </react_native_svg_1.G>})()}
 
-                            {A==="step"&&P.length>0&&(()=>{const e=P[0],T=Y.filter(C=>C.type==="step").length,w=Math.max(12,Math.min(20,Ce*2.2+8));return<react_native_svg_1.G>
-                                  <react_native_svg_1.Circle cx={e.x}cy={e.y}r={w}fill={be||"#EF4444"}stroke="#FFFFFF"strokeWidth={1.5}/>
+                            {A==="step"&&O.length>0&&(()=>{const e=O[0],T=Y.filter(C=>C.type==="step").length,w=Math.max(12,Math.min(20,ve*2.2+8));return<react_native_svg_1.G>
+                                  <react_native_svg_1.Circle cx={e.x}cy={e.y}r={w}fill={Te||"#EF4444"}stroke="#FFFFFF"strokeWidth={1.5}/>
                                   <react_native_svg_1.Text x={e.x}y={e.y+w*.35}fill="#FFFFFF"fontSize={Math.round(w*.95)}fontWeight="bold"textAnchor="middle">
                                     {T+1}
                                   </react_native_svg_1.Text>
                                 </react_native_svg_1.G>})()}
 
-                            {A==="redact"&&P.length>1&&(()=>{const e=P[0],T=P[P.length-1],w=Math.min(e.x,T.x),C=Math.min(e.y,T.y),_=Math.abs(T.x-e.x),S=Math.abs(T.y-e.y);return<react_native_svg_1.Rect x={w}y={C}width={_}height={S}fill="#000000"stroke="rgba(255,255,255,0.4)"strokeWidth={1}strokeDasharray="3,3"rx={4}ry={4}/>})()}
+                            {A==="redact"&&O.length>1&&(()=>{const e=O[0],T=O[O.length-1],w=Math.min(e.x,T.x),C=Math.min(e.y,T.y),M=Math.abs(T.x-e.x),R=Math.abs(T.y-e.y);return<react_native_svg_1.Rect x={w}y={C}width={M}height={R}fill="#000000"stroke="rgba(255,255,255,0.4)"strokeWidth={1}strokeDasharray="3,3"rx={4}ry={4}/>})()}
 
-                            {A==="pixelate"&&P.length>1&&(()=>{const e=P[0],T=P[P.length-1],w=Math.min(e.x,T.x),C=Math.min(e.y,T.y),_=Math.abs(T.x-e.x),S=Math.abs(T.y-e.y);return<react_native_svg_1.Rect x={w}y={C}width={_}height={S}fill="rgba(255,255,255,0.22)"stroke="rgba(255,255,255,0.6)"strokeWidth={1.5}strokeDasharray="4,4"rx={4}ry={4}/>})()}
+                            {A==="pixelate"&&O.length>1&&(()=>{const e=O[0],T=O[O.length-1],w=Math.min(e.x,T.x),C=Math.min(e.y,T.y),M=Math.abs(T.x-e.x),R=Math.abs(T.y-e.y);return<react_native_svg_1.Rect x={w}y={C}width={M}height={R}fill="rgba(255,255,255,0.22)"stroke="rgba(255,255,255,0.6)"strokeWidth={1.5}strokeDasharray="4,4"rx={4}ry={4}/>})()}
                           </>}
                       </react_native_svg_1.G>
                     </react_native_svg_1.default>}
 
                   
-                  {ue&&!ve&&<react_native_1.View pointerEvents="none"style={previewStyles.watermarkOverlay}>
+                  {me&&!we&&<react_native_1.View pointerEvents="none"style={previewStyles.watermarkOverlay}>
                       <react_native_1.Text style={previewStyles.watermarkText}>
-                        {react_native_1.Platform.OS.toUpperCase()} • {fe}×{Te} • QA DIAGNOSTIC
+                        {react_native_1.Platform.OS.toUpperCase()} • {Oe}×{Ve} • QA DIAGNOSTIC
                       </react_native_1.Text>
                       <react_native_1.Text style={previewStyles.watermarkTime}>
                         {new Date().toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}
@@ -296,13 +296,13 @@
                     </react_native_1.View>}
 
                   
-                  {F==="text"&&<react_native_1.Pressable style={react_native_1.StyleSheet.absoluteFill}onPress={e=>{const{locationX:T,locationY:w}=e.nativeEvent,C=Math.max(1,_e.width),_=Math.max(1,_e.height),S=Math.max(.05,Math.min(.85,T/C)),R=Math.max(.05,Math.min(.85,w/_));go({x:S,y:R}),Vt()}}/>}
+                  {S==="text"&&<react_native_1.Pressable style={react_native_1.StyleSheet.absoluteFill}onPress={e=>{const{locationX:T,locationY:w}=e.nativeEvent,C=Math.max(1,ue.width),M=Math.max(1,ue.height),R=Math.max(.05,Math.min(.85,T/C)),k=Math.max(.05,Math.min(.85,w/M));yo({x:R,y:k}),zt()}}/>}
 
                   
-                  {!ve&&me.map(e=><DraggableText key={e.id}textItem={e}canvasWidth={_e.width}canvasHeight={_e.height}scale={Q}onUpdate={(T,w)=>{Z(),Ie(C=>C.map(_=>_.id===T?{..._,...w}:_))}}onDelete={T=>{Mo(T)}}onEdit={T=>Vt(T)}/>)}
+                  {!we&&pe.map(e=><DraggableText key={e.id}textItem={e}canvasWidth={ue.width}canvasHeight={ue.height}scale={U}onUpdate={(T,w)=>{K(),Ie(C=>C.map(M=>M.id===T?{...M,...w}:M))}}onDelete={T=>{So(T)}}onEdit={T=>zt(T)}/>)}
 
                   
-                  {(se||F==="crop")&&!ve&&<react_native_1.View pointerEvents="none"style={previewStyles.instagramGridOverlay}>
+                  {(ce||S==="crop")&&!we&&<react_native_1.View pointerEvents="none"style={previewStyles.instagramGridOverlay}>
                       <react_native_1.View style={[previewStyles.instagramGridHLine,{top:"33.33%"}]}/>
                       <react_native_1.View style={[previewStyles.instagramGridHLine,{top:"66.67%"}]}/>
                       <react_native_1.View style={[previewStyles.instagramGridVLine,{left:"33.33%"}]}/>
@@ -314,87 +314,87 @@
 
 
             
-            {q&&to&&<react_native_1.Pressable onPressIn={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),nt(!0)}}onPressOut={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),nt(!1)}}style={({pressed:e})=>[previewStyles.holdCompareBtn,e&&previewStyles.holdCompareBtnPressed]}>
+            {q&&io&&<react_native_1.Pressable onPressIn={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Ht(!0)}}onPressOut={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Ht(!1)}}style={({pressed:e})=>[previewStyles.holdCompareBtn,e&&previewStyles.holdCompareBtnPressed]}>
                 <NetworkIcons_1.EyeCompareIcon size={14}color={AppColors_1.AppColors.white}/>
                 <react_native_1.Text style={previewStyles.holdCompareText}>
-                  {ve?"Original Image":"Hold to Compare"}
+                  {we?"Original Image":"Hold to Compare"}
                 </react_native_1.Text>
               </react_native_1.Pressable>}
 
             
-            {O&&<react_native_1.TouchableOpacity onPress={Bt}activeOpacity={.85}style={previewStyles.modernCenterPlayBtn}>
-                {ae?<NetworkIcons_1.PauseIcon size={24}color={AppColors_1.AppColors.white}/>:<react_native_1.View style={{marginLeft:3}}>
+            {z&&<react_native_1.TouchableOpacity onPress={Bt}activeOpacity={.85}style={previewStyles.modernCenterPlayBtn}>
+                {De?<NetworkIcons_1.PauseIcon size={24}color={AppColors_1.AppColors.white}/>:<react_native_1.View style={{marginLeft:3}}>
                     <NetworkIcons_1.PlayIcon size={24}color={AppColors_1.AppColors.white}/>
                   </react_native_1.View>}
               </react_native_1.TouchableOpacity>}
 
             
-            {O&&<react_native_1.View style={previewStyles.videoFloatingHud}>
+            {z&&<react_native_1.View style={previewStyles.videoFloatingHud}>
                 <react_native_1.TouchableOpacity onPress={Bt}hitSlop={{top:8,bottom:8,left:8,right:8}}>
-                  {ae?<NetworkIcons_1.PauseIcon size={13}color={AppColors_1.AppColors.white}/>:<NetworkIcons_1.PlayIcon size={13}color={AppColors_1.AppColors.white}/>}
+                  {De?<NetworkIcons_1.PauseIcon size={13}color={AppColors_1.AppColors.white}/>:<NetworkIcons_1.PlayIcon size={13}color={AppColors_1.AppColors.white}/>}
                 </react_native_1.TouchableOpacity>
                 <react_native_1.View style={previewStyles.videoHudProgressBar}>
-                  <react_native_1.View style={[previewStyles.videoHudProgressFill,{left:`${J/(ee||1e4)*100}%`,width:`${Math.max(4,(re-J)/(ee||1e4)*100)}%`}]}/>
+                  <react_native_1.View style={[previewStyles.videoHudProgressFill,{left:`${J/(ee||1e4)*100}%`,width:`${Math.max(4,(se-J)/(ee||1e4)*100)}%`}]}/>
                 </react_native_1.View>
                 <react_native_1.Text style={previewStyles.videoHudTimeText}>
-                  {ao||"00:05"}
+                  {no||"00:05"}
                 </react_native_1.Text>
                 {he&&<react_native_1.View style={previewStyles.videoHudBadge}>
                     <NetworkIcons_1.VolumeXIcon size={10}color="#F87171"/>
                   </react_native_1.View>}
-                {ke!==1&&<react_native_1.View style={previewStyles.videoHudBadge}>
-                    <react_native_1.Text style={previewStyles.videoHudBadgeText}>{ke}x</react_native_1.Text>
+                {Re!==1&&<react_native_1.View style={previewStyles.videoHudBadge}>
+                    <react_native_1.Text style={previewStyles.videoHudBadgeText}>{Re}x</react_native_1.Text>
                   </react_native_1.View>}
               </react_native_1.View>}
 
             
             {q&&<react_native_1.View style={previewStyles.floatingZoomBar}>
-                <TouchableScale_1.default onPress={mo}style={previewStyles.zoomBtn}accessibilityLabel="Zoom In">
+                <TouchableScale_1.default onPress={xo}style={previewStyles.zoomBtn}accessibilityLabel="Zoom In">
                   <NetworkIcons_1.ZoomInIcon size={15}color={AppColors_1.AppColors.white}/>
                 </TouchableScale_1.default>
 
-                <react_native_1.TouchableOpacity onPress={Yt}activeOpacity={.8}style={previewStyles.zoomLevelBadge}>
+                <react_native_1.TouchableOpacity onPress={Zt}activeOpacity={.8}style={previewStyles.zoomLevelBadge}>
                   <react_native_1.Text style={previewStyles.zoomLevelText}>
-                    {Math.round(Q*100)}%
+                    {Math.round(U*100)}%
                   </react_native_1.Text>
                 </react_native_1.TouchableOpacity>
 
-                <TouchableScale_1.default onPress={xo}style={previewStyles.zoomBtn}accessibilityLabel="Zoom Out">
+                <TouchableScale_1.default onPress={fo}style={previewStyles.zoomBtn}accessibilityLabel="Zoom Out">
                   <NetworkIcons_1.ZoomOutIcon size={15}color={AppColors_1.AppColors.white}/>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default onPress={Yt}style={previewStyles.zoomBtn}accessibilityLabel="Fit to Screen">
+                <TouchableScale_1.default onPress={Zt}style={previewStyles.zoomBtn}accessibilityLabel="Fit to Screen">
                   <NetworkIcons_1.MaximizeIcon size={14}color={AppColors_1.AppColors.white}/>
                 </TouchableScale_1.default>
               </react_native_1.View>}
 
             
-            {q&&F==="crop"&&<CropOverlay cropBox={ft}imageWidth={_e.width}imageHeight={_e.height}imageOffsetX={(Ke.width-_e.width)/2}imageOffsetY={(Ke.height-_e.height)/2}scale={Q}onUpdateCropBox={ot}onApplyCrop={oo}onCancelCrop={()=>D("none")}/>}
+            {q&&S==="crop"&&<CropOverlay cropBox={ft}imageWidth={ue.width}imageHeight={ue.height}imageOffsetX={(qe.width-ue.width)/2}imageOffsetY={(qe.height-ue.height)/2}scale={U}onUpdateCropBox={it}onApplyCrop={ao}onCancelCrop={()=>D("none")}/>}
           </react_native_1.View>
         </react_native_1.View>
 
         
         <react_native_1.View style={previewStyles.bottomControlsContainer}>
           
-          {(q||O)&&<react_native_1.View style={previewStyles.contextToolPanel}>
+          {(q||z)&&<react_native_1.View style={previewStyles.contextToolPanel}>
               
               <react_native_1.View style={previewStyles.panelHeaderRow}>
                 <react_native_1.View style={previewStyles.panelHeaderLeft}>
-                  <react_native_1.View style={[previewStyles.panelGlowDot,q&&F==="draw"&&{backgroundColor:"#818CF8"},q&&F==="crop"&&{backgroundColor:"#38BDF8"},q&&F==="adjust"&&{backgroundColor:"#F59E0B"},q&&F==="text"&&{backgroundColor:"#A855F7"},O&&F==="trim"&&{backgroundColor:"#38BDF8"},O&&F==="audio"&&{backgroundColor:"#F59E0B"},O&&F==="speed"&&{backgroundColor:"#8B5CF6"},O&&F==="gif"&&{backgroundColor:"#10B981"},O&&F==="snapshot"&&{backgroundColor:"#EC4899"},O&&F==="none"&&{backgroundColor:"#818CF8"}]}/>
+                  <react_native_1.View style={[previewStyles.panelGlowDot,q&&S==="draw"&&{backgroundColor:"#818CF8"},q&&S==="crop"&&{backgroundColor:"#38BDF8"},q&&S==="adjust"&&{backgroundColor:"#F59E0B"},q&&S==="text"&&{backgroundColor:"#A855F7"},z&&S==="trim"&&{backgroundColor:"#38BDF8"},z&&S==="audio"&&{backgroundColor:"#F59E0B"},z&&S==="speed"&&{backgroundColor:"#8B5CF6"},z&&S==="gif"&&{backgroundColor:"#10B981"},z&&S==="snapshot"&&{backgroundColor:"#EC4899"},z&&S==="none"&&{backgroundColor:"#818CF8"}]}/>
                   <react_native_1.Text style={previewStyles.panelHeaderTitle}>
-                    {q?F==="draw"?A==="redact"?"BLACKOUT REDACTION":A==="pixelate"?"PIXELATE BLUR":A==="highlighter"?"HIGHLIGHTER":A==="arrow"?"ARROW CALLOUT":A==="rect"?"RECTANGLE BOX":A==="circle"?"CIRCLE / ELLIPSE":A==="spotlight"?"SPOTLIGHT FOCUS":A==="step"?"STEP NUMBER BADGE":"PEN BRUSH":F==="crop"?"CROP & ROTATE":F==="adjust"?`ADJUST: ${Re.toUpperCase()}`:F==="text"?"TEXT & BUG BADGES":"CANVAS PREVIEW":F==="trim"?"VIDEO TRIMMER":F==="audio"?"AUDIO CONTROLS":F==="speed"?"SPEED MULTIPLIER":F==="gif"?"GIF EXPORT STUDIO":F==="snapshot"?"FRAME SNAPSHOT":"VIDEO STUDIO & PLAYER"}
+                    {q?S==="draw"?A==="redact"?"BLACKOUT REDACTION":A==="pixelate"?"PIXELATE BLUR":A==="highlighter"?"HIGHLIGHTER":A==="arrow"?"ARROW CALLOUT":A==="rect"?"RECTANGLE BOX":A==="circle"?"CIRCLE / ELLIPSE":A==="spotlight"?"SPOTLIGHT FOCUS":A==="step"?"STEP NUMBER BADGE":"PEN BRUSH":S==="crop"?"CROP & ROTATE":S==="adjust"?`ADJUST: ${Ae.toUpperCase()}`:S==="text"?"TEXT & BUG BADGES":"CANVAS PREVIEW":S==="trim"?"VIDEO TRIMMER":S==="audio"?"AUDIO CONTROLS":S==="speed"?"SPEED MULTIPLIER":S==="gif"?"GIF EXPORT STUDIO":S==="snapshot"?"FRAME SNAPSHOT":"VIDEO STUDIO & PLAYER"}
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.View style={previewStyles.panelValueBadge}>
                   <react_native_1.Text style={previewStyles.panelValueText}>
-                    {q?F==="draw"?A==="redact"?"100% Solid":A==="pixelate"?`+${Pt} px`:A==="step"?`Badge #${Y.filter(e=>e.type==="step").length+1}`:`+${Ce} px`:F==="crop"?`${Ot.toUpperCase()} \u2022 ${W}\xB0`:F==="adjust"?Re==="vignette"?`+${k.vignette}%`:`${k[Re]>=0?"+":""}${k[Re]}%`:F==="text"?`${me.length} Notes`:`${Math.round(Q*100)}%`:F==="trim"?`${(J/1e3).toFixed(1)}s - ${(re/1e3).toFixed(1)}s (${((re-J)/1e3).toFixed(1)}s)`:F==="audio"?he?"Muted (0%)":`${We}% Vol`:F==="speed"?`${ke}x Speed`:F==="gif"?`${mt} FPS \u2022 ${It}px`:F==="snapshot"?`${fe||1080}\xD7${Te||1920}`:ao||"00:05"}
+                    {q?S==="draw"?A==="redact"?"100% Solid":A==="pixelate"?`+${Pt} px`:A==="step"?`Badge #${Y.filter(e=>e.type==="step").length+1}`:`+${ve} px`:S==="crop"?`${Vt.toUpperCase()} \u2022 ${$}\xB0`:S==="adjust"?Ae==="vignette"?`+${I.vignette}%`:`${I[Ae]>=0?"+":""}${I[Ae]}%`:S==="text"?`${pe.length} Notes`:`${Math.round(U*100)}%`:S==="trim"?`${(J/1e3).toFixed(1)}s - ${(se/1e3).toFixed(1)}s (${((se-J)/1e3).toFixed(1)}s)`:S==="audio"?he?"Muted (0%)":`${Ee}% Vol`:S==="speed"?`${Re}x Speed`:S==="gif"?`${mt} FPS \u2022 ${Ot}px`:S==="snapshot"?`${Oe||1080}\xD7${Ve||1920}`:no||"00:05"}
                   </react_native_1.Text>
                 </react_native_1.View>
               </react_native_1.View>
 
               
-              {O&&F==="trim"&&Ht.length>0&&<react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={previewStyles.filmstripScroll}>
-                  {Ht.map(e=>{const T=e.timeMs>=J&&e.timeMs<=re;return<react_native_1.TouchableOpacity key={`thumb_${e.index}_${e.timeMs}`}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),$e==="start"?qe(Math.min(re-500,e.timeMs)):Ze(Math.max(J+500,e.timeMs))}}style={[previewStyles.filmstripThumbItem,T&&previewStyles.filmstripThumbActive]}>
+              {z&&S==="trim"&&Wt.length>0&&<react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={previewStyles.filmstripScroll}>
+                  {Wt.map(e=>{const T=e.timeMs>=J&&e.timeMs<=se;return<react_native_1.TouchableOpacity key={`thumb_${e.index}_${e.timeMs}`}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Le==="start"?Ue(Math.min(se-500,e.timeMs)):Ye(Math.max(J+500,e.timeMs))}}style={[previewStyles.filmstripThumbItem,T&&previewStyles.filmstripThumbActive]}>
                         <react_native_1.Image source={{uri:e.uri}}style={previewStyles.filmstripThumbImg}resizeMode="cover"/>
                         <react_native_1.Text style={previewStyles.filmstripThumbTime}>
                           {(e.timeMs/1e3).toFixed(1)}s
@@ -405,62 +405,62 @@
               
               <react_native_1.View style={previewStyles.sliderRowContainer}>
                 <react_native_1.Text style={previewStyles.sliderMinIndicator}>
-                  {O&&F==="speed"?"0.5x":O&&F==="gif"?"6fps":"\u25CB"}
+                  {z&&S==="speed"?"0.5x":z&&S==="gif"?"6fps":"\u25CB"}
                 </react_native_1.Text>
-                <react_native_1.View onLayout={e=>{const T=e.nativeEvent.layout.width;T>20&&(qt.current=T)}}style={previewStyles.sliderTrackTouchable}{...fo.panHandlers}>
+                <react_native_1.View onLayout={e=>{const T=e.nativeEvent.layout.width;T>20&&(Kt.current=T)}}style={previewStyles.sliderTrackTouchable}{...To.panHandlers}>
                   <react_native_1.View style={previewStyles.sliderTrackBg}>
-                    <react_native_1.View style={[previewStyles.sliderFillTrack,{width:`${Kt}%`},O&&F==="trim"&&{left:`${J/(ee||1e4)*100}%`,width:`${Math.max(4,(re-J)/(ee||1e4)*100)}%`,backgroundColor:"#38BDF8"}]}/>
-                    <react_native_1.View pointerEvents="none"style={[previewStyles.sliderThumbHandle,{left:`${Kt}%`}]}>
+                    <react_native_1.View style={[previewStyles.sliderFillTrack,{width:`${Jt}%`},z&&S==="trim"&&{left:`${J/(ee||1e4)*100}%`,width:`${Math.max(4,(se-J)/(ee||1e4)*100)}%`,backgroundColor:"#38BDF8"}]}/>
+                    <react_native_1.View pointerEvents="none"style={[previewStyles.sliderThumbHandle,{left:`${Jt}%`}]}>
                       <react_native_1.View style={previewStyles.sliderThumbInnerGlow}/>
                     </react_native_1.View>
                   </react_native_1.View>
                 </react_native_1.View>
                 <react_native_1.Text style={previewStyles.sliderMaxIndicator}>
-                  {O&&F==="speed"?"2.0x":O&&F==="gif"?"24fps":"\u25CF"}
+                  {z&&S==="speed"?"2.0x":z&&S==="gif"?"24fps":"\u25CF"}
                 </react_native_1.Text>
               </react_native_1.View>
 
               
               <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={previewStyles.modeChipsScroll}>
-                {O?F==="trim"?<>
+                {z?S==="trim"?<>
                       
-                      <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),_t("start")}}style={[previewStyles.modeChip,$e==="start"&&previewStyles.modeChipActive]}>
-                        <react_native_1.Text style={[previewStyles.modeChipText,$e==="start"&&previewStyles.modeChipTextActive]}>
+                      <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),_t("start")}}style={[previewStyles.modeChip,Le==="start"&&previewStyles.modeChipActive]}>
+                        <react_native_1.Text style={[previewStyles.modeChipText,Le==="start"&&previewStyles.modeChipTextActive]}>
                           Start: {(J/1e3).toFixed(1)}s
                         </react_native_1.Text>
                       </react_native_1.TouchableOpacity>
 
-                      <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),_t("end")}}style={[previewStyles.modeChip,$e==="end"&&previewStyles.modeChipActive]}>
-                        <react_native_1.Text style={[previewStyles.modeChipText,$e==="end"&&previewStyles.modeChipTextActive]}>
-                          End: {(re/1e3).toFixed(1)}s
+                      <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),_t("end")}}style={[previewStyles.modeChip,Le==="end"&&previewStyles.modeChipActive]}>
+                        <react_native_1.Text style={[previewStyles.modeChipText,Le==="end"&&previewStyles.modeChipTextActive]}>
+                          End: {(se/1e3).toFixed(1)}s
                         </react_native_1.Text>
                       </react_native_1.TouchableOpacity>
 
                       <react_native_1.View style={previewStyles.subDivider}/>
 
                       
-                      <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light");const e=ee||1e4;qe(0),Ze(Math.min(e,3e3))}}style={previewStyles.modeChip}>
-                        <react_native_1.Text style={previewStyles.modeChipText}>First 3s</react_native_1.Text>
+                      <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light");const e=ee||1e4;Ue(0),Ye(Math.min(e,3e3))}}style={previewStyles.modeChip}>
+                        <react_native_1.Text style={previewStyles.modeChipText}>{_("media.first3s","First 3s")}</react_native_1.Text>
                       </react_native_1.TouchableOpacity>
 
-                      <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light");const e=ee||1e4;qe(0),Ze(Math.min(e,5e3))}}style={previewStyles.modeChip}>
-                        <react_native_1.Text style={previewStyles.modeChipText}>First 5s</react_native_1.Text>
+                      <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light");const e=ee||1e4;Ue(0),Ye(Math.min(e,5e3))}}style={previewStyles.modeChip}>
+                        <react_native_1.Text style={previewStyles.modeChipText}>{_("media.first5s","First 5s")}</react_native_1.Text>
                       </react_native_1.TouchableOpacity>
 
-                      <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light");const e=ee||1e4;qe(0),Ze(Math.min(e,1e4))}}style={previewStyles.modeChip}>
-                        <react_native_1.Text style={previewStyles.modeChipText}>First 10s</react_native_1.Text>
+                      <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light");const e=ee||1e4;Ue(0),Ye(Math.min(e,1e4))}}style={previewStyles.modeChip}>
+                        <react_native_1.Text style={previewStyles.modeChipText}>{_("media.first10s","First 10s")}</react_native_1.Text>
                       </react_native_1.TouchableOpacity>
 
                       <react_native_1.View style={previewStyles.subDivider}/>
 
-                      <react_native_1.TouchableOpacity onPress={Jt}style={previewStyles.applyActionBtn}>
-                        <react_native_1.Text style={previewStyles.applyActionText}>Apply Trim</react_native_1.Text>
+                      <react_native_1.TouchableOpacity onPress={to}style={previewStyles.applyActionBtn}>
+                        <react_native_1.Text style={previewStyles.applyActionText}>{_("media.applyTrim","Apply Trim")}</react_native_1.Text>
                       </react_native_1.TouchableOpacity>
 
-                      <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),qe(0),Ze(ee||1e4)}}style={previewStyles.cancelActionBtn}>
+                      <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Ue(0),Ye(ee||1e4)}}style={previewStyles.cancelActionBtn}>
                         <react_native_1.Text style={previewStyles.cancelActionText}>Reset</react_native_1.Text>
                       </react_native_1.TouchableOpacity>
-                    </>:F==="audio"?<>
+                    </>:S==="audio"?<>
                       <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),bt(e=>!e)}}style={[previewStyles.modeChip,he&&previewStyles.modeChipActive]}>
                         <NetworkIcons_1.VolumeXIcon size={14}color={he?AppColors_1.AppColors.white:"rgba(255,255,255,0.7)"}/>
                         <react_native_1.Text style={[previewStyles.modeChipText,he&&previewStyles.modeChipTextActive]}>
@@ -470,27 +470,27 @@
 
                       <react_native_1.View style={previewStyles.subDivider}/>
 
-                      {[100,75,50,25,0].map(e=><react_native_1.TouchableOpacity key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Mt(e),bt(e===0)}}style={[previewStyles.modeChip,!he&&We===e&&previewStyles.modeChipActive]}>
-                          <react_native_1.Text style={[previewStyles.modeChipText,!he&&We===e&&previewStyles.modeChipTextActive]}>
+                      {[100,75,50,25,0].map(e=><react_native_1.TouchableOpacity key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Mt(e),bt(e===0)}}style={[previewStyles.modeChip,!he&&Ee===e&&previewStyles.modeChipActive]}>
+                          <react_native_1.Text style={[previewStyles.modeChipText,!he&&Ee===e&&previewStyles.modeChipTextActive]}>
                             {e}%
                           </react_native_1.Text>
                         </react_native_1.TouchableOpacity>)}
 
                       <react_native_1.View style={previewStyles.subDivider}/>
 
-                      <react_native_1.TouchableOpacity onPress={Ro}style={previewStyles.applyActionBtn}>
-                        <react_native_1.Text style={previewStyles.applyActionText}>Strip Audio</react_native_1.Text>
+                      <react_native_1.TouchableOpacity onPress={ko}style={previewStyles.applyActionBtn}>
+                        <react_native_1.Text style={previewStyles.applyActionText}>{_("media.stripAudio","Strip Audio")}</react_native_1.Text>
                       </react_native_1.TouchableOpacity>
-                    </>:F==="speed"?<>
-                      {[.5,.75,1,1.25,1.5,2].map(e=><react_native_1.TouchableOpacity key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),St(e)}}style={[previewStyles.modeChip,ke===e&&previewStyles.modeChipActive]}>
-                          <NetworkIcons_1.ZapIcon size={13}color={ke===e?AppColors_1.AppColors.white:"rgba(255,255,255,0.7)"}/>
-                          <react_native_1.Text style={[previewStyles.modeChipText,ke===e&&previewStyles.modeChipTextActive]}>
+                    </>:S==="speed"?<>
+                      {[.5,.75,1,1.25,1.5,2].map(e=><react_native_1.TouchableOpacity key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),St(e)}}style={[previewStyles.modeChip,Re===e&&previewStyles.modeChipActive]}>
+                          <NetworkIcons_1.ZapIcon size={13}color={Re===e?AppColors_1.AppColors.white:"rgba(255,255,255,0.7)"}/>
+                          <react_native_1.Text style={[previewStyles.modeChipText,Re===e&&previewStyles.modeChipTextActive]}>
                             {e===1?"1.0x (Normal)":`${e}x`}
                           </react_native_1.Text>
                         </react_native_1.TouchableOpacity>)}
-                    </>:F==="gif"?<>
+                    </>:S==="gif"?<>
                       
-                      {[{fps:8,label:"8 FPS (Small)"},{fps:12,label:"12 FPS (Smooth)"},{fps:20,label:"20 FPS (HD)"}].map(e=><react_native_1.TouchableOpacity key={e.fps}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),zt(e.fps)}}style={[previewStyles.modeChip,mt===e.fps&&previewStyles.modeChipActive]}>
+                      {[{fps:8,label:"8 FPS (Small)"},{fps:12,label:"12 FPS (Smooth)"},{fps:20,label:"20 FPS (HD)"}].map(e=><react_native_1.TouchableOpacity key={e.fps}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Dt(e.fps)}}style={[previewStyles.modeChip,mt===e.fps&&previewStyles.modeChipActive]}>
                           <react_native_1.Text style={[previewStyles.modeChipText,mt===e.fps&&previewStyles.modeChipTextActive]}>
                             {e.label}
                           </react_native_1.Text>
@@ -499,21 +499,21 @@
                       <react_native_1.View style={previewStyles.subDivider}/>
 
                       
-                      {[{w:320,label:"320px"},{w:480,label:"480px"},{w:640,label:"640px"}].map(e=><react_native_1.TouchableOpacity key={e.w}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),co(e.w)}}style={[previewStyles.modeChip,It===e.w&&previewStyles.modeChipActive]}>
-                          <react_native_1.Text style={[previewStyles.modeChipText,It===e.w&&previewStyles.modeChipTextActive]}>
+                      {[{w:320,label:"320px"},{w:480,label:"480px"},{w:640,label:"640px"}].map(e=><react_native_1.TouchableOpacity key={e.w}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),ho(e.w)}}style={[previewStyles.modeChip,Ot===e.w&&previewStyles.modeChipActive]}>
+                          <react_native_1.Text style={[previewStyles.modeChipText,Ot===e.w&&previewStyles.modeChipTextActive]}>
                             {e.label}
                           </react_native_1.Text>
                         </react_native_1.TouchableOpacity>)}
 
                       <react_native_1.View style={previewStyles.subDivider}/>
 
-                      <react_native_1.TouchableOpacity onPress={io}disabled={Fe}style={[previewStyles.applyActionBtn,Fe&&{opacity:.6}]}>
+                      <react_native_1.TouchableOpacity onPress={ro}disabled={_e}style={[previewStyles.applyActionBtn,_e&&{opacity:.6}]}>
                         <react_native_1.Text style={previewStyles.applyActionText}>
-                          {Fe?"Exporting...":"Export GIF"}
+                          {_e?"Exporting...":"Export GIF"}
                         </react_native_1.Text>
                       </react_native_1.TouchableOpacity>
-                    </>:F==="snapshot"?<>
-                      <react_native_1.TouchableOpacity onPress={eo}disabled={le}style={previewStyles.applyActionBtn}>
+                    </>:S==="snapshot"?<>
+                      <react_native_1.TouchableOpacity onPress={oo}disabled={oe}style={previewStyles.applyActionBtn}>
                         <NetworkIcons_1.CameraRollIcon size={14}color={AppColors_1.AppColors.white}/>
                         <react_native_1.Text style={previewStyles.applyActionText}>
                           Snapshot Current Frame (PNG)
@@ -522,11 +522,11 @@
                     </>:<>
                       <react_native_1.TouchableOpacity onPress={Bt}style={previewStyles.modeChipActive}>
                         <NetworkIcons_1.PlayIcon size={14}color={AppColors_1.AppColors.white}/>
-                        <react_native_1.Text style={previewStyles.modeChipTextActive}>Play Video</react_native_1.Text>
+                        <react_native_1.Text style={previewStyles.modeChipTextActive}>{_("media.playVideo","Play Video")}</react_native_1.Text>
                       </react_native_1.TouchableOpacity>
                       <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),D("trim")}}style={previewStyles.modeChip}>
                         <NetworkIcons_1.ScissorsIcon size={14}color="rgba(255,255,255,0.7)"/>
-                        <react_native_1.Text style={previewStyles.modeChipText}>Trim Clip</react_native_1.Text>
+                        <react_native_1.Text style={previewStyles.modeChipText}>{_("media.trimClip","Trim Clip")}</react_native_1.Text>
                       </react_native_1.TouchableOpacity>
                       <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),D("audio")}}style={previewStyles.modeChip}>
                         <NetworkIcons_1.VolumeXIcon size={14}color="rgba(255,255,255,0.7)"/>
@@ -534,19 +534,19 @@
                       </react_native_1.TouchableOpacity>
                       <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),D("speed")}}style={previewStyles.modeChip}>
                         <NetworkIcons_1.ZapIcon size={14}color="rgba(255,255,255,0.7)"/>
-                        <react_native_1.Text style={previewStyles.modeChipText}>Speed</react_native_1.Text>
+                        <react_native_1.Text style={previewStyles.modeChipText}>{_("media.speed","Speed")}</react_native_1.Text>
                       </react_native_1.TouchableOpacity>
                       <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),D("gif")}}style={previewStyles.modeChip}>
                         <NetworkIcons_1.GifIcon size={14}color="rgba(255,255,255,0.7)"/>
-                        <react_native_1.Text style={previewStyles.modeChipText}>Export GIF</react_native_1.Text>
+                        <react_native_1.Text style={previewStyles.modeChipText}>{_("media.exportGif","Export GIF")}</react_native_1.Text>
                       </react_native_1.TouchableOpacity>
                       <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),D("snapshot")}}style={previewStyles.modeChip}>
                         <NetworkIcons_1.CameraRollIcon size={14}color="rgba(255,255,255,0.7)"/>
-                        <react_native_1.Text style={previewStyles.modeChipText}>Snapshot</react_native_1.Text>
+                        <react_native_1.Text style={previewStyles.modeChipText}>{_("media.snapshot","Snapshot")}</react_native_1.Text>
                       </react_native_1.TouchableOpacity>
-                    </>:F==="draw"?<>
+                    </>:S==="draw"?<>
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),De("brush")}}style={[previewStyles.modeChip,A==="brush"&&previewStyles.modeChipActive]}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),We("brush")}}style={[previewStyles.modeChip,A==="brush"&&previewStyles.modeChipActive]}>
                       <NetworkIcons_1.PenIcon size={14}color={A==="brush"?AppColors_1.AppColors.white:"rgba(255,255,255,0.6)"}/>
                       <react_native_1.Text style={[previewStyles.modeChipText,A==="brush"&&previewStyles.modeChipTextActive]}>
                         Brush
@@ -554,7 +554,7 @@
                     </react_native_1.TouchableOpacity>
 
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),De("highlighter")}}style={[previewStyles.modeChip,A==="highlighter"&&previewStyles.modeChipActive]}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),We("highlighter")}}style={[previewStyles.modeChip,A==="highlighter"&&previewStyles.modeChipActive]}>
                       <NetworkIcons_1.HighlighterIcon size={14}color={A==="highlighter"?AppColors_1.AppColors.white:"rgba(255,255,255,0.6)"}/>
                       <react_native_1.Text style={[previewStyles.modeChipText,A==="highlighter"&&previewStyles.modeChipTextActive]}>
                         Highlighter
@@ -562,7 +562,7 @@
                     </react_native_1.TouchableOpacity>
 
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),De("arrow")}}style={[previewStyles.modeChip,A==="arrow"&&previewStyles.modeChipActive]}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),We("arrow")}}style={[previewStyles.modeChip,A==="arrow"&&previewStyles.modeChipActive]}>
                       <NetworkIcons_1.ArrowRightIcon size={14}color={A==="arrow"?AppColors_1.AppColors.white:"rgba(255,255,255,0.6)"}/>
                       <react_native_1.Text style={[previewStyles.modeChipText,A==="arrow"&&previewStyles.modeChipTextActive]}>
                         Arrow
@@ -570,7 +570,7 @@
                     </react_native_1.TouchableOpacity>
 
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),De("rect")}}style={[previewStyles.modeChip,A==="rect"&&previewStyles.modeChipActive]}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),We("rect")}}style={[previewStyles.modeChip,A==="rect"&&previewStyles.modeChipActive]}>
                       <react_native_1.Text style={[previewStyles.modeChipIconText,A==="rect"&&{color:AppColors_1.AppColors.white}]}>
                         □
                       </react_native_1.Text>
@@ -580,7 +580,7 @@
                     </react_native_1.TouchableOpacity>
 
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),De("circle")}}style={[previewStyles.modeChip,A==="circle"&&previewStyles.modeChipActive]}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),We("circle")}}style={[previewStyles.modeChip,A==="circle"&&previewStyles.modeChipActive]}>
                       <react_native_1.Text style={[previewStyles.modeChipIconText,A==="circle"&&{color:AppColors_1.AppColors.white}]}>
                         ○
                       </react_native_1.Text>
@@ -590,7 +590,7 @@
                     </react_native_1.TouchableOpacity>
 
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),De("spotlight")}}style={[previewStyles.modeChip,A==="spotlight"&&previewStyles.modeChipActive]}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),We("spotlight")}}style={[previewStyles.modeChip,A==="spotlight"&&previewStyles.modeChipActive]}>
                       <react_native_1.Text style={[previewStyles.modeChipIconText,A==="spotlight"&&{color:AppColors_1.AppColors.white}]}>
                         🔦
                       </react_native_1.Text>
@@ -600,7 +600,7 @@
                     </react_native_1.TouchableOpacity>
 
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),De("step"),(0,toast_1.showToast)(M("mediaGallery.tapToPlaceStep","Tap or drag on image to place numbered steps \u2460 \u2461 \u2462"))}}style={[previewStyles.modeChip,A==="step"&&previewStyles.modeChipActive]}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),We("step"),(0,toast_1.showToast)(_("mediaGallery.tapToPlaceStep","Tap or drag on image to place numbered steps \u2460 \u2461 \u2462"))}}style={[previewStyles.modeChip,A==="step"&&previewStyles.modeChipActive]}>
                       <react_native_1.Text style={[previewStyles.modeChipIconText,A==="step"&&{color:AppColors_1.AppColors.white}]}>
                         ①
                       </react_native_1.Text>
@@ -610,7 +610,7 @@
                     </react_native_1.TouchableOpacity>
 
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),De("redact")}}style={[previewStyles.modeChip,A==="redact"&&previewStyles.modeChipActive]}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),We("redact")}}style={[previewStyles.modeChip,A==="redact"&&previewStyles.modeChipActive]}>
                       <NetworkIcons_1.RedactIcon size={14}color={A==="redact"?AppColors_1.AppColors.white:"rgba(255,255,255,0.6)"}/>
                       <react_native_1.Text style={[previewStyles.modeChipText,A==="redact"&&previewStyles.modeChipTextActive]}>
                         Redact
@@ -618,7 +618,7 @@
                     </react_native_1.TouchableOpacity>
 
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),De("pixelate")}}style={[previewStyles.modeChip,A==="pixelate"&&previewStyles.modeChipActive]}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),We("pixelate")}}style={[previewStyles.modeChip,A==="pixelate"&&previewStyles.modeChipActive]}>
                       <NetworkIcons_1.PixelateIcon size={14}color={A==="pixelate"?AppColors_1.AppColors.white:"rgba(255,255,255,0.6)"}/>
                       <react_native_1.Text style={[previewStyles.modeChipText,A==="pixelate"&&previewStyles.modeChipTextActive]}>
                         Pixelate
@@ -627,27 +627,27 @@
 
                     <react_native_1.View style={previewStyles.subDivider}/>
 
-                    {COLOR_PALETTE.map(e=><react_native_1.TouchableOpacity key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Et(e)}}style={[previewStyles.colorDot,{backgroundColor:e},be===e&&previewStyles.colorDotActive]}/>)}
+                    {COLOR_PALETTE.map(e=><react_native_1.TouchableOpacity key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Nt(e)}}style={[previewStyles.colorDot,{backgroundColor:e},Te===e&&previewStyles.colorDotActive]}/>)}
 
                     <react_native_1.View style={previewStyles.subDivider}/>
 
-                    <react_native_1.TouchableOpacity onPress={Co}disabled={Y.length===0}style={[previewStyles.actionPillBtn,Y.length===0&&{opacity:.4}]}>
+                    <react_native_1.TouchableOpacity onPress={_o}disabled={Y.length===0}style={[previewStyles.actionPillBtn,Y.length===0&&{opacity:.4}]}>
                       <NetworkIcons_1.UndoIcon size={13}color={AppColors_1.AppColors.white}/>
                       <react_native_1.Text style={previewStyles.actionPillText}>Undo</react_native_1.Text>
                     </react_native_1.TouchableOpacity>
 
-                    {Y.length>0&&<react_native_1.TouchableOpacity onPress={_o}style={[previewStyles.actionPillBtn,{backgroundColor:"rgba(239, 68, 68, 0.2)"}]}>
+                    {Y.length>0&&<react_native_1.TouchableOpacity onPress={Mo}style={[previewStyles.actionPillBtn,{backgroundColor:"rgba(239, 68, 68, 0.2)"}]}>
                         <react_native_1.Text style={[previewStyles.actionPillText,{color:AppColors_1.AppColors.rose400}]}>
                           Clear ({Y.length})
                         </react_native_1.Text>
                       </react_native_1.TouchableOpacity>}
-                  </>:F==="adjust"?<>
+                  </>:S==="adjust"?<>
                     
-                    {[{key:"none",label:"Original",icon:"\u2726"},{key:"vibrant",label:"Vibrant",icon:"\u{1F308}"},{key:"mono",label:"Mono",icon:"\u25D0"},{key:"sepia",label:"Sepia",icon:"\u2615"},{key:"vintage",label:"Vintage",icon:"\u{1F39E}"},{key:"noir",label:"Noir",icon:"\u{1F311}"},{key:"cool",label:"Cool",icon:"\u2744"},{key:"warm",label:"Warm",icon:"\u2600"},{key:"fade",label:"Fade",icon:"\u{1F32B}"}].map(e=><react_native_1.TouchableOpacity key={e.key}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Z(),ut(e.key)}}style={[previewStyles.modeChip,$===e.key&&previewStyles.modeChipActive]}>
-                        <react_native_1.Text style={[previewStyles.modeChipIconText,$===e.key&&{color:AppColors_1.AppColors.white}]}>
+                    {[{key:"none",label:"Original",icon:"\u2726"},{key:"vibrant",label:"Vibrant",icon:"\u{1F308}"},{key:"mono",label:"Mono",icon:"\u25D0"},{key:"sepia",label:"Sepia",icon:"\u2615"},{key:"vintage",label:"Vintage",icon:"\u{1F39E}"},{key:"noir",label:"Noir",icon:"\u{1F311}"},{key:"cool",label:"Cool",icon:"\u2744"},{key:"warm",label:"Warm",icon:"\u2600"},{key:"fade",label:"Fade",icon:"\u{1F32B}"}].map(e=><react_native_1.TouchableOpacity key={e.key}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),K(),st(e.key)}}style={[previewStyles.modeChip,j===e.key&&previewStyles.modeChipActive]}>
+                        <react_native_1.Text style={[previewStyles.modeChipIconText,j===e.key&&{color:AppColors_1.AppColors.white}]}>
                           {e.icon}
                         </react_native_1.Text>
-                        <react_native_1.Text style={[previewStyles.modeChipText,$===e.key&&previewStyles.modeChipTextActive]}>
+                        <react_native_1.Text style={[previewStyles.modeChipText,j===e.key&&previewStyles.modeChipTextActive]}>
                           {e.label}
                         </react_native_1.Text>
                       </react_native_1.TouchableOpacity>)}
@@ -655,19 +655,19 @@
                     <react_native_1.View style={previewStyles.subDivider}/>
 
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Z(),st(e=>!e)}}style={[previewStyles.modeChip,ue&&previewStyles.modeChipActive]}>
-                      <react_native_1.Text style={[previewStyles.modeChipIconText,ue&&{color:AppColors_1.AppColors.white}]}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),K(),lt(e=>!e)}}style={[previewStyles.modeChip,me&&previewStyles.modeChipActive]}>
+                      <react_native_1.Text style={[previewStyles.modeChipIconText,me&&{color:AppColors_1.AppColors.white}]}>
                         🛡
                       </react_native_1.Text>
-                      <react_native_1.Text style={[previewStyles.modeChipText,ue&&previewStyles.modeChipTextActive]}>
-                        QA Bar {ue?"ON":"OFF"}
+                      <react_native_1.Text style={[previewStyles.modeChipText,me&&previewStyles.modeChipTextActive]}>
+                        QA Bar {me?"ON":"OFF"}
                       </react_native_1.Text>
                     </react_native_1.TouchableOpacity>
 
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),lt(e=>!e)}}style={[previewStyles.modeChip,se&&previewStyles.modeChipActive]}>
-                      <NetworkIcons_1.GridlinesIcon size={13}color={se?AppColors_1.AppColors.white:"rgba(255,255,255,0.8)"}/>
-                      <react_native_1.Text style={[previewStyles.modeChipText,se&&previewStyles.modeChipTextActive]}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),ct(e=>!e)}}style={[previewStyles.modeChip,ce&&previewStyles.modeChipActive]}>
+                      <NetworkIcons_1.GridlinesIcon size={13}color={ce?AppColors_1.AppColors.white:"rgba(255,255,255,0.8)"}/>
+                      <react_native_1.Text style={[previewStyles.modeChipText,ce&&previewStyles.modeChipTextActive]}>
                         Grid 3×3
                       </react_native_1.Text>
                     </react_native_1.TouchableOpacity>
@@ -675,70 +675,70 @@
                     <react_native_1.View style={previewStyles.subDivider}/>
 
                     
-                    {[{key:"brightness",label:M("media.brightness","Brightness"),IconComponent:NetworkIcons_1.BrightnessIcon},{key:"contrast",label:M("media.contrast","Contrast"),IconComponent:NetworkIcons_1.ContrastIcon},{key:"saturation",label:M("media.saturation","Saturation"),IconComponent:NetworkIcons_1.SaturationIcon},{key:"warmth",label:M("media.warmth","Warmth"),IconComponent:NetworkIcons_1.WarmthIcon},{key:"exposure",label:M("media.exposure","Exposure"),IconComponent:NetworkIcons_1.ExposureIcon},{key:"vignette",label:M("media.vignette","Vignette"),IconComponent:NetworkIcons_1.VignetteIcon}].map(e=>{const T=e.IconComponent,w=Re===e.key;return<react_native_1.TouchableOpacity key={e.key}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),lo(e.key)}}style={[previewStyles.modeChip,w&&previewStyles.modeChipActive]}>
+                    {[{key:"brightness",label:_("media.brightness","Brightness"),IconComponent:NetworkIcons_1.BrightnessIcon},{key:"contrast",label:_("media.contrast","Contrast"),IconComponent:NetworkIcons_1.ContrastIcon},{key:"saturation",label:_("media.saturation","Saturation"),IconComponent:NetworkIcons_1.SaturationIcon},{key:"warmth",label:_("media.warmth","Warmth"),IconComponent:NetworkIcons_1.WarmthIcon},{key:"exposure",label:_("media.exposure","Exposure"),IconComponent:NetworkIcons_1.ExposureIcon},{key:"vignette",label:_("media.vignette","Vignette"),IconComponent:NetworkIcons_1.VignetteIcon}].map(e=>{const T=e.IconComponent,w=Ae===e.key;return<react_native_1.TouchableOpacity key={e.key}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),co(e.key)}}style={[previewStyles.modeChip,w&&previewStyles.modeChipActive]}>
                           <T size={14}color={w?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextWeak}/>
                           <react_native_1.Text style={[previewStyles.modeChipText,w&&previewStyles.modeChipTextActive]}>
                             {e.label}
                           </react_native_1.Text>
                         </react_native_1.TouchableOpacity>})}
                     <react_native_1.View style={previewStyles.subDivider}/>
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium"),Z(),ut("none"),st(!1),tt({brightness:0,contrast:0,saturation:0,warmth:0,exposure:0,vignette:0}),(0,toast_1.showToast)(M("mediaGallery.resetAdjustments","Adjustments Reset"))}}style={previewStyles.modeChip}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium"),K(),st("none"),lt(!1),ot({brightness:0,contrast:0,saturation:0,warmth:0,exposure:0,vignette:0}),(0,toast_1.showToast)(_("mediaGallery.resetAdjustments","Adjustments Reset"))}}style={previewStyles.modeChip}>
                       <NetworkIcons_1.ResetIcon size={12}color="rgba(255,255,255,0.7)"/>
                       <react_native_1.Text style={previewStyles.modeChipText}>Reset</react_native_1.Text>
                     </react_native_1.TouchableOpacity>
-                  </>:F==="crop"?<>
-                    {["free","1:1","4:3","16:9","9:16","3:2"].map(e=><react_native_1.TouchableOpacity key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),xt(e);const T=ht(e,fe,Te);ot(T)}}style={[previewStyles.modeChip,Ot===e&&previewStyles.modeChipActive]}>
-                        <react_native_1.Text style={[previewStyles.modeChipText,Ot===e&&previewStyles.modeChipTextActive]}>
+                  </>:S==="crop"?<>
+                    {["free","1:1","4:3","16:9","9:16","3:2"].map(e=><react_native_1.TouchableOpacity key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),xt(e);const T=pt(e,Oe,Ve);it(T)}}style={[previewStyles.modeChip,Vt===e&&previewStyles.modeChipActive]}>
+                        <react_native_1.Text style={[previewStyles.modeChipText,Vt===e&&previewStyles.modeChipTextActive]}>
                           {e==="free"?"Free":e}
                         </react_native_1.Text>
                       </react_native_1.TouchableOpacity>)}
                     <react_native_1.View style={previewStyles.subDivider}/>
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Z(),xe(e=>(e+90)%360)}}style={previewStyles.modeChip}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),K(),Se(e=>(e+90)%360)}}style={previewStyles.modeChip}>
                       <NetworkIcons_1.RotateIcon size={13}color="rgba(255,255,255,0.8)"/>
-                      <react_native_1.Text style={previewStyles.modeChipText}>Rotate 90°</react_native_1.Text>
+                      <react_native_1.Text style={previewStyles.modeChipText}>{_("media.rotate90","Rotate 90\xB0")}</react_native_1.Text>
                     </react_native_1.TouchableOpacity>
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Z(),gt(e=>!e)}}style={[previewStyles.modeChip,ge&&previewStyles.modeChipActive]}>
-                      <react_native_1.Text style={[previewStyles.modeChipIconText,ge&&{color:AppColors_1.AppColors.white}]}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),K(),gt(e=>!e)}}style={[previewStyles.modeChip,xe&&previewStyles.modeChipActive]}>
+                      <react_native_1.Text style={[previewStyles.modeChipIconText,xe&&{color:AppColors_1.AppColors.white}]}>
                         ⇄
                       </react_native_1.Text>
-                      <react_native_1.Text style={[previewStyles.modeChipText,ge&&previewStyles.modeChipTextActive]}>
+                      <react_native_1.Text style={[previewStyles.modeChipText,xe&&previewStyles.modeChipTextActive]}>
                         Flip H
                       </react_native_1.Text>
                     </react_native_1.TouchableOpacity>
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Z(),yt(e=>!e)}}style={[previewStyles.modeChip,ye&&previewStyles.modeChipActive]}>
-                      <react_native_1.Text style={[previewStyles.modeChipIconText,ye&&{color:AppColors_1.AppColors.white}]}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),K(),yt(e=>!e)}}style={[previewStyles.modeChip,fe&&previewStyles.modeChipActive]}>
+                      <react_native_1.Text style={[previewStyles.modeChipIconText,fe&&{color:AppColors_1.AppColors.white}]}>
                         ⇅
                       </react_native_1.Text>
-                      <react_native_1.Text style={[previewStyles.modeChipText,ye&&previewStyles.modeChipTextActive]}>
+                      <react_native_1.Text style={[previewStyles.modeChipText,fe&&previewStyles.modeChipTextActive]}>
                         Flip V
                       </react_native_1.Text>
                     </react_native_1.TouchableOpacity>
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),lt(e=>!e)}}style={[previewStyles.modeChip,se&&previewStyles.modeChipActive]}>
-                      <NetworkIcons_1.GridlinesIcon size={13}color={se?AppColors_1.AppColors.white:"rgba(255,255,255,0.8)"}/>
-                      <react_native_1.Text style={[previewStyles.modeChipText,se&&previewStyles.modeChipTextActive]}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),ct(e=>!e)}}style={[previewStyles.modeChip,ce&&previewStyles.modeChipActive]}>
+                      <NetworkIcons_1.GridlinesIcon size={13}color={ce?AppColors_1.AppColors.white:"rgba(255,255,255,0.8)"}/>
+                      <react_native_1.Text style={[previewStyles.modeChipText,ce&&previewStyles.modeChipTextActive]}>
                         Grid 3×3
                       </react_native_1.Text>
                     </react_native_1.TouchableOpacity>
                     <react_native_1.View style={previewStyles.subDivider}/>
-                    <react_native_1.TouchableOpacity onPress={oo}style={previewStyles.applyActionBtn}>
+                    <react_native_1.TouchableOpacity onPress={ao}style={previewStyles.applyActionBtn}>
                       <react_native_1.Text style={previewStyles.applyActionText}>Apply</react_native_1.Text>
                     </react_native_1.TouchableOpacity>
                     <react_native_1.TouchableOpacity onPress={()=>D("none")}style={previewStyles.cancelActionBtn}>
                       <react_native_1.Text style={previewStyles.cancelActionText}>Cancel</react_native_1.Text>
                     </react_native_1.TouchableOpacity>
-                  </>:F==="text"?<>
-                    <react_native_1.TouchableOpacity onPress={()=>Vt()}style={previewStyles.modeChipActive}>
-                      <react_native_1.Text style={previewStyles.modeChipTextActive}>+ Custom Note</react_native_1.Text>
+                  </>:S==="text"?<>
+                    <react_native_1.TouchableOpacity onPress={()=>zt()}style={previewStyles.modeChipActive}>
+                      <react_native_1.Text style={previewStyles.modeChipTextActive}>{_("media.customNote","+ Custom Note")}</react_native_1.Text>
                     </react_native_1.TouchableOpacity>
 
                     <react_native_1.View style={previewStyles.subDivider}/>
 
                     
-                    {[{label:"\u{1F41E} BUG",color:"#EF4444"},{label:"\u26A0\uFE0F OVERFLOW",color:"#F59E0B"},{label:"\u26A1 SLOW >3s",color:"#8B5CF6"},{label:"\u{1F6AB} API 500",color:"#DC2626"},{label:"\u{1F4A5} CRASH",color:"#991B1B"}].map(e=><react_native_1.TouchableOpacity key={e.label}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Z(),Ie(T=>[...T,{id:`text_${Date.now()}_${Math.random()}`,text:e.label,x:Rt?.x??.35,y:Rt?.y??.35,color:"#FFFFFF",bgColor:e.color,fontSize:13}]),(0,toast_1.showToast)(M("mediaGallery.tagPlaced",`Placed tag: ${e.label}`))}}style={[previewStyles.modeChip,{borderColor:e.color,backgroundColor:`${e.color}26`}]}>
+                    {[{label:"\u{1F41E} BUG",color:"#EF4444"},{label:"\u26A0\uFE0F OVERFLOW",color:"#F59E0B"},{label:"\u26A1 SLOW >3s",color:"#8B5CF6"},{label:"\u{1F6AB} API 500",color:"#DC2626"},{label:"\u{1F4A5} CRASH",color:"#991B1B"}].map(e=><react_native_1.TouchableOpacity key={e.label}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),K(),Ie(T=>[...T,{id:`text_${Date.now()}_${Math.random()}`,text:e.label,x:Rt?.x??.35,y:Rt?.y??.35,color:"#FFFFFF",bgColor:e.color,fontSize:13}]),(0,toast_1.showToast)(_("mediaGallery.tagPlaced",`Placed tag: ${e.label}`))}}style={[previewStyles.modeChip,{borderColor:e.color,backgroundColor:`${e.color}26`}]}>
                         <react_native_1.Text style={[previewStyles.modeChipText,{color:e.color,fontWeight:"700"}]}>
                           {e.label}
                         </react_native_1.Text>
@@ -746,31 +746,31 @@
 
                     <react_native_1.View style={previewStyles.subDivider}/>
 
-                    {COLOR_PALETTE.map(e=><react_native_1.TouchableOpacity key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Et(e)}}style={[previewStyles.colorDot,{backgroundColor:e},be===e&&previewStyles.colorDotActive]}/>)}
-                    {me.length>0&&<>
+                    {COLOR_PALETTE.map(e=><react_native_1.TouchableOpacity key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Nt(e)}}style={[previewStyles.colorDot,{backgroundColor:e},Te===e&&previewStyles.colorDotActive]}/>)}
+                    {pe.length>0&&<>
                         <react_native_1.View style={previewStyles.subDivider}/>
-                        <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium"),Z(),Ie([])}}style={[previewStyles.modeChip,{backgroundColor:"rgba(239, 68, 68, 0.2)"}]}>
+                        <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium"),K(),Ie([])}}style={[previewStyles.modeChip,{backgroundColor:"rgba(239, 68, 68, 0.2)"}]}>
                           <react_native_1.Text style={[previewStyles.modeChipText,{color:AppColors_1.AppColors.rose500}]}>
-                            Clear All ({me.length})
+                            Clear All ({pe.length})
                           </react_native_1.Text>
                         </react_native_1.TouchableOpacity>
                       </>}
                   </>:<>
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),D("draw"),De("brush")}}style={previewStyles.modeChip}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),D("draw"),We("brush")}}style={previewStyles.modeChip}>
                       <NetworkIcons_1.PenIcon size={14}color="rgba(255,255,255,0.7)"/>
-                      <react_native_1.Text style={previewStyles.modeChipText}>Markup</react_native_1.Text>
+                      <react_native_1.Text style={previewStyles.modeChipText}>{_("media.markup","Markup")}</react_native_1.Text>
                     </react_native_1.TouchableOpacity>
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light");const e=ht("free",fe,Te);ot(e),xt("free"),D("crop")}}style={previewStyles.modeChip}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light");const e=pt("free",Oe,Ve);it(e),xt("free"),D("crop")}}style={previewStyles.modeChip}>
                       <NetworkIcons_1.CropIcon size={14}color="rgba(255,255,255,0.7)"/>
-                      <react_native_1.Text style={previewStyles.modeChipText}>Crop</react_native_1.Text>
+                      <react_native_1.Text style={previewStyles.modeChipText}>{_("media.crop","Crop")}</react_native_1.Text>
                     </react_native_1.TouchableOpacity>
                     <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),D("adjust")}}style={previewStyles.modeChip}>
                       <NetworkIcons_1.SunAdjustIcon size={14}color="rgba(255,255,255,0.7)"/>
-                      <react_native_1.Text style={previewStyles.modeChipText}>Adjust</react_native_1.Text>
+                      <react_native_1.Text style={previewStyles.modeChipText}>{_("media.adjust","Adjust")}</react_native_1.Text>
                     </react_native_1.TouchableOpacity>
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),D("text"),(0,toast_1.showToast)(M("mediaGallery.tapToAddText","Tap anywhere on the image to add text"))}}style={previewStyles.modeChip}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),D("text"),(0,toast_1.showToast)(_("mediaGallery.tapToAddText","Tap anywhere on the image to add text"))}}style={previewStyles.modeChip}>
                       <NetworkIcons_1.TypeIcon size={14}color="rgba(255,255,255,0.7)"/>
-                      <react_native_1.Text style={previewStyles.modeChipText}>Add Text</react_native_1.Text>
+                      <react_native_1.Text style={previewStyles.modeChipText}>{_("media.addText","Add Text")}</react_native_1.Text>
                     </react_native_1.TouchableOpacity>
                   </>}
               </react_native_1.ScrollView>
@@ -778,7 +778,7 @@
 
           
           <react_native_1.View style={previewStyles.studioToolbar}>
-            {(q?ko:Po).map(e=>{const T=F===e.key;return<TouchableScale_1.default key={e.key}onPress={()=>{if((0,NativeInspector_1.triggerNativeHaptic)("light"),e.key==="crop"){const w=ht("free",fe,Te);ot(w),xt("free"),D("crop")}else e.key==="text"?(D("text"),(0,toast_1.showToast)(M("mediaGallery.tapToAddText","Tap anywhere on the image to add text"))):D(e.key)}}style={[previewStyles.studioToolItem,T&&previewStyles.studioToolItemActive]}>
+            {(q?Io:Po).map(e=>{const T=S===e.key;return<TouchableScale_1.default key={e.key}onPress={()=>{if((0,NativeInspector_1.triggerNativeHaptic)("light"),e.key==="crop"){const w=pt("free",Oe,Ve);it(w),xt("free"),D("crop")}else e.key==="text"?(D("text"),(0,toast_1.showToast)(_("mediaGallery.tapToAddText","Tap anywhere on the image to add text"))):D(e.key)}}style={[previewStyles.studioToolItem,T&&previewStyles.studioToolItemActive]}>
                   {e.icon(T)}
                   <react_native_1.Text style={[previewStyles.studioToolLabel,T&&previewStyles.studioToolLabelActive]}>
                     {e.label}
@@ -791,19 +791,19 @@
     </react_native_1.View>
 
       
-      <react_native_1.Modal visible={uo}transparent={!0}animationType="fade"onRequestClose={()=>wt(!1)}>
+      <react_native_1.Modal visible={go}transparent={!0}animationType="fade"onRequestClose={()=>wt(!1)}>
         <react_native_1.View style={previewStyles.textModalBackdrop}>
           <react_native_1.View style={previewStyles.textModalCard}>
             <react_native_1.Text style={previewStyles.textModalTitle}>
               Add Text Note / Callout
             </react_native_1.Text>
-            <react_native_1.TextInput style={previewStyles.textModalInput}placeholder="e.g. Defect: Button overlap"placeholderTextColor="rgba(255,255,255,0.4)"value={Ft}onChangeText={At}autoFocus={!0}multiline={!0}/>
+            <react_native_1.TextInput style={previewStyles.textModalInput}placeholder={_("media.textPlaceholder","e.g. Defect: Button overlap")}placeholderTextColor="rgba(255,255,255,0.4)"value={Ft}onChangeText={At}autoFocus={!0}multiline={!0}/>
             <react_native_1.View style={previewStyles.textModalActions}>
               <react_native_1.TouchableOpacity onPress={()=>wt(!1)}style={previewStyles.modalCancelBtn}>
                 <react_native_1.Text style={previewStyles.modalCancelText}>Cancel</react_native_1.Text>
               </react_native_1.TouchableOpacity>
-              <react_native_1.TouchableOpacity onPress={So}style={previewStyles.modalConfirmBtn}>
-                <react_native_1.Text style={previewStyles.modalConfirmText}>Place Text</react_native_1.Text>
+              <react_native_1.TouchableOpacity onPress={Fo}style={previewStyles.modalConfirmBtn}>
+                <react_native_1.Text style={previewStyles.modalConfirmText}>{_("media.placeText","Place Text")}</react_native_1.Text>
               </react_native_1.TouchableOpacity>
             </react_native_1.View>
           </react_native_1.View>
@@ -811,5 +811,5 @@
       </react_native_1.Modal>
 
       
-      <ConfirmationModal_1.ConfirmationModal visible={He}title={M("mediaGallery.deleteTitle","Delete Media?")}message={M("mediaGallery.deleteMessage",{filename:v.filename})}confirmText={M("mediaGallery.delete","Delete")}cancelText={M("common.cancel","Cancel")}isDestructive={!0}icon="trash"onConfirm={()=>{Le(!1),G(v),V()}}onCancel={()=>Le(!1)}/>
+      <ConfirmationModal_1.ConfirmationModal visible={Je}title={_("mediaGallery.deleteTitle","Delete Media?")}message={_("mediaGallery.deleteMessage",{filename:v.filename})}confirmText={_("mediaGallery.delete","Delete")}cancelText={_("common.cancel","Cancel")}isDestructive={!0}icon="trash"onConfirm={()=>{je(!1),G(v),B()}}onCancel={()=>je(!1)}/>
     </react_native_1.Modal>};exports.MediaPreviewModal=MediaPreviewModal;const previewStyles=react_native_1.StyleSheet.create({modalBackdrop:{flex:1,backgroundColor:"rgba(0, 0, 0, 0.70)",justifyContent:"flex-end",zIndex:999999,elevation:999999},modalBackdropPressable:{...react_native_1.StyleSheet.absoluteFillObject},modalContentCard:{backgroundColor:"#070A14",borderTopLeftRadius:20,borderTopRightRadius:20,overflow:"hidden",shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:-4},shadowOpacity:.25,shadowRadius:10,elevation:16},header:{width:"100%",zIndex:10,borderBottomWidth:react_native_1.StyleSheet.hairlineWidth,borderBottomColor:"rgba(255, 255, 255, 0.12)"},headerInner:{width:"100%",flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingTop:6,paddingBottom:8,minHeight:48},headerLeft:{flexDirection:"row",alignItems:"center",gap:8,flex:1,minWidth:0,marginRight:6},headerTextCol:{flex:1,minWidth:0,justifyContent:"center"},headerTitleRow:{flexDirection:"row",alignItems:"center",gap:6},title:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,color:AppColors_1.AppColors.white,letterSpacing:-.1,flexShrink:1},formatBadge:{backgroundColor:"rgba(255, 255, 255, 0.18)",paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,borderWidth:react_native_1.StyleSheet.hairlineWidth,borderColor:"rgba(255, 255, 255, 0.25)"},formatBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.white,letterSpacing:.4},headerSubtitleRow:{flexDirection:"row",alignItems:"center",gap:4,marginTop:1},subtitleDim:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:"rgba(255, 255, 255, 0.85)"},subtitleDot:{fontSize:10,color:"rgba(255, 255, 255, 0.45)"},subtitleSize:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:"#38BDF8"},headerBackBtn:{width:32,height:32,borderRadius:16,alignItems:"center",justifyContent:"center",backgroundColor:"rgba(255, 255, 255, 0.12)",borderWidth:1,borderColor:"rgba(255, 255, 255, 0.18)"},headerRight:{flexDirection:"row",alignItems:"center",gap:6,flexShrink:0},undoRedoGroup:{flexDirection:"row",alignItems:"center",backgroundColor:"rgba(255, 255, 255, 0.12)",borderRadius:8,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.18)",height:30,overflow:"hidden"},undoHalfBtn:{paddingHorizontal:8,height:"100%",alignItems:"center",justifyContent:"center"},redoHalfBtn:{paddingHorizontal:8,height:"100%",alignItems:"center",justifyContent:"center"},undoDivider:{width:1,height:14,backgroundColor:"rgba(255, 255, 255, 0.2)"},actionDisabled:{opacity:.35},headerMoreBtn:{width:30,height:30,borderRadius:8,backgroundColor:"rgba(255, 255, 255, 0.12)",borderWidth:1,borderColor:"rgba(255, 255, 255, 0.18)",alignItems:"center",justifyContent:"center"},headerCloseBtn:{width:30,height:30,borderRadius:8,backgroundColor:"rgba(255, 255, 255, 0.16)",borderWidth:1,borderColor:"rgba(255, 255, 255, 0.25)",alignItems:"center",justifyContent:"center"},headerSaveBtn:{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:"#059669",borderRadius:8,borderWidth:1,borderColor:"rgba(52, 211, 153, 0.45)",paddingHorizontal:11,height:30},headerSaveText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.white},headerExportBtn:{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:"#0284C7",borderRadius:8,borderWidth:1,borderColor:"rgba(56, 189, 248, 0.5)",paddingHorizontal:10,height:30},headerExportText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.white},headerActionBtn:{width:30,height:30,borderRadius:8,backgroundColor:"rgba(255, 255, 255, 0.08)",borderWidth:1,borderColor:"rgba(255, 255, 255, 0.12)",alignItems:"center",justifyContent:"center"},moreMenuDropdown:{position:"absolute",top:52,right:12,backgroundColor:"#0F172A",borderRadius:12,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.18)",padding:6,zIndex:100,elevation:12,shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:4},shadowOpacity:.5,shadowRadius:8,minWidth:160},moreMenuItem:{flexDirection:"row",alignItems:"center",gap:8,paddingVertical:8,paddingHorizontal:10,borderRadius:8},moreMenuItemDestructive:{borderTopWidth:react_native_1.StyleSheet.hairlineWidth,borderTopColor:"rgba(255, 255, 255, 0.1)",marginTop:4,paddingTop:8},moreMenuItemText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.white},stageWrapper:{flex:1,width:"100%",backgroundColor:"#03050A",paddingHorizontal:8,paddingTop:8,paddingBottom:4,minHeight:0},previewCard:{flex:1,width:"100%",borderRadius:12,overflow:"hidden",backgroundColor:"#03050A",alignItems:"center",justifyContent:"center",position:"relative"},canvasContainer:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",position:"relative"},imageCanvasWrapper:{position:"relative",alignItems:"center",justifyContent:"center"},instagramGridOverlay:{...react_native_1.StyleSheet.absoluteFillObject,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.45)",zIndex:15},instagramGridHLine:{position:"absolute",left:0,right:0,height:1,backgroundColor:"rgba(255, 255, 255, 0.45)",shadowColor:"#000000",shadowOpacity:.6,shadowRadius:1,shadowOffset:{width:0,height:.5}},instagramGridVLine:{position:"absolute",top:0,bottom:0,width:1,backgroundColor:"rgba(255, 255, 255, 0.45)",shadowColor:"#000000",shadowOpacity:.6,shadowRadius:1,shadowOffset:{width:.5,height:0}},image:{width:"100%",height:"100%"},stageTopLeftBadge:{position:"absolute",top:12,left:12,flexDirection:"row",alignItems:"center",gap:6,backgroundColor:"rgba(10, 15, 29, 0.88)",paddingHorizontal:10,paddingVertical:5,borderRadius:12,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.12)",zIndex:20},badgeGlowDot:{width:7,height:7,borderRadius:3.5,backgroundColor:"#38BDF8",shadowColor:"#38BDF8",shadowOffset:{width:0,height:0},shadowOpacity:.9,shadowRadius:4},badgeGlowText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:"rgba(255, 255, 255, 0.92)"},holdCompareBtn:{position:"absolute",bottom:12,left:12,flexDirection:"row",alignItems:"center",gap:6,backgroundColor:"rgba(10, 15, 29, 0.90)",paddingHorizontal:12,paddingVertical:7,borderRadius:14,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.15)",shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:2},shadowOpacity:.4,shadowRadius:4,elevation:4,zIndex:20},holdCompareBtnPressed:{backgroundColor:AppColors_1.AppColors.indigo600,borderColor:AppColors_1.AppColors.indigo400},holdCompareText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:11,color:AppColors_1.AppColors.white},floatingZoomBar:{position:"absolute",right:12,bottom:12,backgroundColor:"rgba(10, 15, 29, 0.92)",borderRadius:22,borderWidth:1.2,borderColor:"rgba(255, 255, 255, 0.16)",paddingVertical:5,paddingHorizontal:5,alignItems:"center",gap:4,shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:4},shadowOpacity:.5,shadowRadius:10,elevation:12,zIndex:35},zoomBtn:{width:28,height:28,borderRadius:14,backgroundColor:"rgba(255, 255, 255, 0.10)",alignItems:"center",justifyContent:"center"},zoomLevelBadge:{paddingHorizontal:4,paddingVertical:3},zoomLevelText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:"#38BDF8",letterSpacing:.2},videoImageOverlay:{...react_native_1.StyleSheet.absoluteFillObject,backgroundColor:"rgba(10, 13, 20, 0.28)"},videoFallbackBackdrop:{flex:1,width:"100%",backgroundColor:AppColors_1.AppColors.slate900,alignItems:"center",justifyContent:"center",padding:24},videoFallbackGlow:{position:"absolute",width:150,height:150,borderRadius:75,backgroundColor:"rgba(56, 189, 248, 0.08)"},videoFallbackTitle:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:15,color:AppColors_1.AppColors.white,marginTop:12},videoFallbackSubtitle:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12,color:"rgba(255, 255, 255, 0.6)",marginTop:4},modernCenterPlayBtn:{position:"absolute",width:60,height:60,borderRadius:30,backgroundColor:"rgba(15, 23, 42, 0.78)",borderWidth:1.5,borderColor:"rgba(255, 255, 255, 0.45)",alignItems:"center",justifyContent:"center",shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:4},shadowOpacity:.6,shadowRadius:10,elevation:12,zIndex:25},videoFloatingHud:{position:"absolute",bottom:12,left:12,right:12,backgroundColor:"rgba(10, 15, 29, 0.88)",borderRadius:14,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.16)",flexDirection:"row",alignItems:"center",paddingHorizontal:12,paddingVertical:8,gap:10,shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:2},shadowOpacity:.4,shadowRadius:6,elevation:6,zIndex:20},videoHudProgressBar:{flex:1,height:4,backgroundColor:"rgba(255, 255, 255, 0.15)",borderRadius:2,position:"relative",overflow:"hidden"},videoHudProgressFill:{position:"absolute",top:0,bottom:0,backgroundColor:"#38BDF8",borderRadius:2},videoHudTimeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.white,letterSpacing:.2},videoHudBadge:{backgroundColor:"rgba(255, 255, 255, 0.12)",paddingHorizontal:5,paddingVertical:2,borderRadius:6},videoHudBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:"#C084FC"},filmstripScroll:{flexDirection:"row",alignItems:"center",gap:6,paddingVertical:2},filmstripThumbItem:{width:48,height:48,borderRadius:8,borderWidth:1.5,borderColor:"rgba(255, 255, 255, 0.2)",overflow:"hidden",position:"relative",backgroundColor:"#0F172A"},filmstripThumbActive:{borderColor:"#38BDF8",borderWidth:2,transform:[{scale:1.05}]},filmstripThumbImg:{width:"100%",height:"100%"},filmstripThumbTime:{position:"absolute",bottom:2,right:2,backgroundColor:"rgba(0, 0, 0, 0.75)",paddingHorizontal:3,paddingVertical:1,borderRadius:3,fontFamily:AppFonts_1.AppFonts.interBold,fontSize:7.5,color:AppColors_1.AppColors.white},bottomControlsContainer:{width:"100%",backgroundColor:"#070A14",paddingHorizontal:8,paddingTop:6,paddingBottom:react_native_1.Platform.OS==="ios"?24:12,borderTopWidth:react_native_1.StyleSheet.hairlineWidth,borderTopColor:"rgba(255, 255, 255, 0.08)",gap:6},contextToolPanel:{width:"100%",backgroundColor:"rgba(10, 15, 29, 0.96)",borderRadius:16,paddingVertical:9,paddingHorizontal:12,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.12)",gap:8},panelHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",width:"100%"},panelHeaderLeft:{flexDirection:"row",alignItems:"center",gap:7},panelGlowDot:{width:7,height:7,borderRadius:3.5,backgroundColor:"#818CF8",shadowColor:"#818CF8",shadowOffset:{width:0,height:0},shadowOpacity:.9,shadowRadius:4},panelHeaderTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.white,letterSpacing:.6},panelValueBadge:{backgroundColor:"rgba(2, 132, 199, 0.22)",paddingHorizontal:8,paddingVertical:3,borderRadius:8,borderWidth:1,borderColor:"rgba(56, 189, 248, 0.45)"},panelValueText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:"#38BDF8"},sliderRowContainer:{flexDirection:"row",alignItems:"center",width:"100%",gap:8,paddingHorizontal:2},sliderMinIndicator:{fontSize:10,color:"rgba(255, 255, 255, 0.5)"},sliderMaxIndicator:{fontSize:12,color:"rgba(255, 255, 255, 0.85)"},sliderTrackTouchable:{flex:1,height:36,justifyContent:"center"},sliderTrackBg:{width:"100%",height:4,backgroundColor:"rgba(255, 255, 255, 0.14)",borderRadius:2,position:"relative",justifyContent:"center"},sliderFillTrack:{height:4,backgroundColor:"#0284C7",borderRadius:2},sliderThumbHandle:{position:"absolute",width:20,height:20,borderRadius:10,backgroundColor:"#38BDF8",marginLeft:-10,alignItems:"center",justifyContent:"center",shadowColor:"#38BDF8",shadowOffset:{width:0,height:0},shadowOpacity:.9,shadowRadius:6,elevation:6},sliderThumbInnerGlow:{width:8,height:8,borderRadius:4,backgroundColor:AppColors_1.AppColors.white},modeChipsScroll:{flexDirection:"row",alignItems:"center",gap:8,paddingTop:2},modeChip:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:12,paddingVertical:6,borderRadius:10,backgroundColor:"rgba(255, 255, 255, 0.08)",borderWidth:1,borderColor:"rgba(255, 255, 255, 0.12)"},modeChipActive:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:12,paddingVertical:6,borderRadius:10,backgroundColor:"rgba(2, 132, 199, 0.28)",borderColor:"#38BDF8",borderWidth:1.2},modeChipText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:11,color:"rgba(255, 255, 255, 0.75)"},modeChipTextActive:{color:AppColors_1.AppColors.white,fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11},modeChipIconText:{fontSize:13,color:"rgba(255, 255, 255, 0.7)",marginRight:1},subDivider:{width:1,height:18,backgroundColor:"rgba(255, 255, 255, 0.16)",marginHorizontal:4},colorDot:{width:22,height:22,borderRadius:11,borderWidth:2,borderColor:"rgba(255, 255, 255, 0.3)"},colorDotActive:{borderColor:AppColors_1.AppColors.white,transform:[{scale:1.25}]},actionPillBtn:{flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:10,paddingVertical:6,borderRadius:10,backgroundColor:"rgba(255, 255, 255, 0.10)"},actionPillText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:AppColors_1.AppColors.white},applyActionBtn:{backgroundColor:AppColors_1.AppColors.emerald600,paddingHorizontal:14,paddingVertical:6,borderRadius:10},applyActionText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,color:AppColors_1.AppColors.white},cancelActionBtn:{backgroundColor:"rgba(255, 255, 255, 0.14)",paddingHorizontal:12,paddingVertical:6,borderRadius:10},cancelActionText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:11.5,color:"rgba(255, 255, 255, 0.85)"},studioToolbar:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:"rgba(15, 20, 36, 0.95)",borderRadius:16,paddingVertical:4,paddingHorizontal:5,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.08)",gap:4},studioToolItem:{flex:1,flexDirection:"column",alignItems:"center",justifyContent:"center",gap:3,paddingVertical:7,paddingHorizontal:4,borderRadius:12,borderWidth:1,borderColor:"transparent",position:"relative"},studioToolItemActive:{backgroundColor:"rgba(2, 132, 199, 0.22)",borderColor:"#38BDF8",borderWidth:1.2},studioToolLabel:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10,color:"rgba(255, 255, 255, 0.60)",letterSpacing:.1},studioToolLabelActive:{color:"#38BDF8",fontFamily:AppFonts_1.AppFonts.interBold},studioTabBadgeDot:{position:"absolute",top:6,right:12,width:5,height:5,borderRadius:2.5,backgroundColor:"#C084FC"},textAnnotationPill:{position:"absolute",flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:8,paddingVertical:4,borderRadius:8,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.35)",shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:2},shadowOpacity:.4,shadowRadius:4,elevation:4},textAnnotationText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11},textDeleteBtn:{width:14,height:14,borderRadius:7,backgroundColor:"rgba(0, 0, 0, 0.45)",alignItems:"center",justifyContent:"center"},cropOverlayMask:{...react_native_1.StyleSheet.absoluteFillObject,zIndex:100,elevation:100},cropDimMask:{position:"absolute",backgroundColor:"rgba(0, 0, 0, 0.58)"},cropBoxFrame:{position:"absolute",borderWidth:2,borderStyle:"solid",borderColor:"#FFFFFF",backgroundColor:"rgba(56, 189, 248, 0.08)",shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:0},shadowOpacity:.9,shadowRadius:5,elevation:10},cropGridH:{position:"absolute",left:0,right:0,height:1,backgroundColor:"rgba(255, 255, 255, 0.45)"},cropGridV:{position:"absolute",top:0,bottom:0,width:1,backgroundColor:"rgba(255, 255, 255, 0.45)"},cropCornerBracket:{position:"absolute",width:20,height:20,borderColor:"#FFFFFF",shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:1},shadowOpacity:.8,shadowRadius:3,elevation:6},bracketTL:{top:-3,left:-3,borderTopWidth:4,borderLeftWidth:4},bracketTR:{top:-3,right:-3,borderTopWidth:4,borderRightWidth:4},bracketBL:{bottom:-3,left:-3,borderBottomWidth:4,borderLeftWidth:4},bracketBR:{bottom:-3,right:-3,borderBottomWidth:4,borderRightWidth:4},cropEdgeBarTop:{position:"absolute",top:-3,left:"50%",marginLeft:-18,width:36,height:5,backgroundColor:"#FFFFFF",borderRadius:2.5},cropEdgeBarBottom:{position:"absolute",bottom:-3,left:"50%",marginLeft:-18,width:36,height:5,backgroundColor:"#FFFFFF",borderRadius:2.5},cropEdgeBarLeft:{position:"absolute",left:-3,top:"50%",marginTop:-18,width:5,height:36,backgroundColor:"#FFFFFF",borderRadius:2.5},cropEdgeBarRight:{position:"absolute",right:-3,top:"50%",marginTop:-18,width:5,height:36,backgroundColor:"#FFFFFF",borderRadius:2.5},cropHandleTouchArea:{position:"absolute",width:44,height:44,alignItems:"center",justifyContent:"center",zIndex:30},handleAreaTL:{top:-22,left:-22},handleAreaTR:{top:-22,right:-22},handleAreaBL:{bottom:-22,left:-22},handleAreaBR:{bottom:-22,right:-22},cropEdgeTouchAreaTop:{position:"absolute",top:-20,left:"25%",right:"25%",height:40,alignItems:"center",justifyContent:"center",zIndex:25},cropEdgeTouchAreaBottom:{position:"absolute",bottom:-20,left:"25%",right:"25%",height:40,alignItems:"center",justifyContent:"center",zIndex:25},cropEdgeTouchAreaLeft:{position:"absolute",left:-20,top:"25%",bottom:"25%",width:40,alignItems:"center",justifyContent:"center",zIndex:25},cropEdgeTouchAreaRight:{position:"absolute",right:-20,top:"25%",bottom:"25%",width:40,alignItems:"center",justifyContent:"center",zIndex:25},cropCancelBtn:{position:"absolute",top:14,left:14,width:38,height:38,borderRadius:19,backgroundColor:"#DC2626",borderWidth:2,borderColor:AppColors_1.AppColors.white,alignItems:"center",justifyContent:"center",shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:4},shadowOpacity:.6,shadowRadius:8,elevation:16,zIndex:200},cropConfirmBtn:{position:"absolute",top:14,right:14,width:38,height:38,borderRadius:19,backgroundColor:"#10B981",borderWidth:2,borderColor:AppColors_1.AppColors.white,alignItems:"center",justifyContent:"center",shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:4},shadowOpacity:.6,shadowRadius:8,elevation:16,zIndex:200},textModalBackdrop:{flex:1,backgroundColor:"rgba(0, 0, 0, 0.70)",alignItems:"center",justifyContent:"center",padding:20},textModalCard:{width:"100%",maxWidth:360,backgroundColor:"#0F172A",borderRadius:16,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.18)",padding:16,gap:12},textModalTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,color:AppColors_1.AppColors.white},textModalInput:{minHeight:80,backgroundColor:"rgba(255, 255, 255, 0.08)",borderRadius:10,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.15)",padding:12,fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:13,color:AppColors_1.AppColors.white,textAlignVertical:"top"},textModalActions:{flexDirection:"row",alignItems:"center",justifyContent:"flex-end",gap:10},modalCancelBtn:{paddingHorizontal:14,paddingVertical:8,borderRadius:8,backgroundColor:"rgba(255, 255, 255, 0.1)"},modalCancelText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:12,color:"rgba(255, 255, 255, 0.7)"},modalConfirmBtn:{paddingHorizontal:16,paddingVertical:8,borderRadius:8,backgroundColor:AppColors_1.AppColors.indigo600},modalConfirmText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.white},watermarkOverlay:{position:"absolute",bottom:0,left:0,right:0,backgroundColor:"rgba(3, 7, 18, 0.85)",paddingHorizontal:10,paddingVertical:5,flexDirection:"row",alignItems:"center",justifyContent:"space-between",borderTopWidth:react_native_1.StyleSheet.hairlineWidth,borderTopColor:"rgba(255, 255, 255, 0.2)"},watermarkText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:"#38BDF8",letterSpacing:.2},watermarkTime:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:9.5,color:"#94A3B8"},moreMenuItemIconText:{fontSize:14}});