react-native-inapp-inspector 2.5.2 → 2.5.4

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

@@ -1,25 +1,25 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,u,y,v){v===void 0&&(v=y);var C=Object.getOwnPropertyDescriptor(u,y);(!C||("get"in C?!u.__esModule:C.writable||C.configurable))&&(C={enumerable:!0,get:function(){return u[y]}}),Object.defineProperty(i,v,C)}):(function(i,u,y,v){v===void 0&&(v=y),i[v]=u[y]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(i,u){Object.defineProperty(i,"default",{enumerable:!0,value:u})}):function(i,u){i.default=u}),__importStar=this&&this.__importStar||(function(){var i=function(u){return i=Object.getOwnPropertyNames||function(y){var v=[];for(var C in y)Object.prototype.hasOwnProperty.call(y,C)&&(v[v.length]=C);return v},i(u)};return function(u){if(u&&u.__esModule)return u;var y={};if(u!=null)for(var v=i(u),C=0;C<v.length;C++)v[C]!=="default"&&__createBinding(y,u,v[C]);return __setModuleDefault(y,u),y}})(),__importDefault=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};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:i,canvasWidth:u,canvasHeight:y,scale:v,onUpdate:C,onDelete:s,onEdit:le})=>{const A=(0,react_1.useRef)(new react_native_1.Animated.ValueXY({x:0,y:0})).current,we=(0,react_1.useRef)(i);we.current=i;const ve=(0,react_1.useRef)(u);ve.current=u;const ce=(0,react_1.useRef)(y);ce.current=y;const ye=(0,react_1.useRef)(v);ye.current=v;const L=(0,react_1.useRef)(C);L.current=C;const _=(0,react_1.useRef)(!1),x=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!0,onStartShouldSetPanResponderCapture:()=>!1,onMoveShouldSetPanResponder:(G,b)=>Math.abs(b.dx)>3||Math.abs(b.dy)>3,onMoveShouldSetPanResponderCapture:()=>!1,onPanResponderTerminationRequest:()=>!1,onShouldBlockNativeResponder:()=>!0,onPanResponderGrant:()=>{_.current=!1,A.setValue({x:0,y:0})},onPanResponderMove:(G,b)=>{(Math.abs(b.dx)>3||Math.abs(b.dy)>3)&&(_.current=!0),A.setValue({x:b.dx,y:b.dy})},onPanResponderRelease:(G,b)=>{if(!_.current){le(we.current),A.setValue({x:0,y:0});return}const B=(ve.current||300)*(ye.current||1),H=(ce.current||500)*(ye.current||1),D=b.dx/B,$=b.dy/H,O=we.current,Fe=Math.max(0,Math.min(.85,O.x+D)),Ce=Math.max(0,Math.min(.92,O.y+$));A.setValue({x:0,y:0}),L.current(O.id,{x:Fe,y:Ce})},onPanResponderTerminate:()=>{A.setValue({x:0,y:0}),_.current=!1}})).current;return<react_native_1.Animated.View{...x.panHandlers}style={[previewStyles.textAnnotationPill,{left:`${i.x*100}%`,top:`${i.y*100}%`,backgroundColor:i.bgColor,transform:A.getTranslateTransform()}]}>
-      <react_native_1.Text style={[previewStyles.textAnnotationText,{color:i.color}]}pointerEvents="none">
-        {i.text}
+"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:S,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,z)=>Math.abs(z.dx)>3||Math.abs(z.dy)>3,onMoveShouldSetPanResponderCapture:()=>!1,onPanResponderTerminationRequest:()=>!1,onShouldBlockNativeResponder:()=>!0,onPanResponderGrant:()=>{L.current=!1,U.setValue({x:0,y:0})},onPanResponderMove:(ne,z)=>{(Math.abs(z.dx)>3||Math.abs(z.dy)>3)&&(L.current=!0),U.setValue({x:z.dx,y:z.dy})},onPanResponderRelease:(ne,z)=>{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=z.dx/te,ce=z.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()}]}>
+      <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={()=>s(i.id)}hitSlop={{top:10,bottom:10,left:10,right:10}}>
+      <react_native_1.TouchableOpacity style={previewStyles.textDeleteBtn}onPress={()=>S(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:i,imageWidth:u,imageHeight:y,imageOffsetX:v,imageOffsetY:C,scale:s,onUpdateCropBox:le,onApplyCrop:A,onCancelCrop:we})=>{const ve=Math.max(0,Math.min(.9,isFinite(i?.x)?i.x:.08)),ce=Math.max(0,Math.min(.9,isFinite(i?.y)?i.y:.12)),ye=Math.max(.1,Math.min(1-ve,isFinite(i?.width)?i.width:.84)),L=Math.max(.1,Math.min(1-ce,isFinite(i?.height)?i.height:.76)),_=v+ve*u,x=C+ce*y,G=ye*u,b=L*y,B=(0,react_1.useRef)({x:ve,y:ce,width:ye,height:L});B.current={x:ve,y:ce,width:ye,height:L};const H=(0,react_1.useRef)(u);H.current=u;const D=(0,react_1.useRef)(y);D.current=y;const $=(0,react_1.useRef)(s);$.current=s;const O=(0,react_1.useRef)(le);O.current=le;const Fe=(0,react_1.useRef)({origBox:{x:.08,y:.12,width:.84,height:.76}}),Ce=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!0,onMoveShouldSetPanResponder:(W,me)=>Math.abs(me.dx)>3||Math.abs(me.dy)>3,onPanResponderTerminationRequest:()=>!1,onShouldBlockNativeResponder:()=>!0,onPanResponderGrant:()=>{Fe.current.origBox={...B.current}},onPanResponderMove:(W,me)=>{const xe=H.current*($.current||1),_e=D.current*($.current||1);if(!xe||!_e)return;const{x:l,y:f,width:I,height:j}=Fe.current.origBox,T=Math.max(0,Math.min(1-I,l+me.dx/xe)),J=Math.max(0,Math.min(1-j,f+me.dy/_e));O.current({x:T,y:J,width:I,height:j})},onPanResponderRelease:()=>{}})).current,be=W=>react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!0,onMoveShouldSetPanResponder:(me,xe)=>Math.abs(xe.dx)>2||Math.abs(xe.dy)>2,onPanResponderTerminationRequest:()=>!1,onShouldBlockNativeResponder:()=>!0,onPanResponderGrant:()=>{Fe.current.origBox={...B.current}},onPanResponderMove:(me,xe)=>{const _e=H.current*($.current||1),l=D.current*($.current||1);if(!_e||!l)return;const f=xe.dx/_e,I=xe.dy/l,{x:j,y:T,width:J,height:U}=Fe.current.origBox,Ae=.1;let de=j,ze=T,ae=J,Ge=U;(W==="tl"||W==="left"||W==="bl")&&(de=Math.max(0,Math.min(j+J-Ae,j+f)),ae=J-(de-j)),(W==="tr"||W==="right"||W==="br")&&(ae=Math.max(Ae,Math.min(1-j,J+f))),(W==="tl"||W==="top"||W==="tr")&&(ze=Math.max(0,Math.min(T+U-Ae,T+I)),Ge=U-(ze-T)),(W==="bl"||W==="bottom"||W==="br")&&(Ge=Math.max(Ae,Math.min(1-T,U+I))),O.current({x:de,y:ze,width:ae,height:Ge})},onPanResponderRelease:()=>{}}),ie=(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 u<20||y<20?null:<react_native_1.View style={react_native_1.StyleSheet.absoluteFill}pointerEvents="box-none">
+    </react_native_1.Animated.View>},CropOverlay=({cropBox:v,imageWidth:I,imageHeight:V,imageOffsetX:G,imageOffsetY:N,scale:S,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,z=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)(S);ce.current=S;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,Be)=>Math.abs(Be.dx)>3||Math.abs(Be.dy)>3,onPanResponderTerminationRequest:()=>!1,onShouldBlockNativeResponder:()=>!0,onPanResponderGrant:()=>{Xe.current.origBox={...te.current}},onPanResponderMove:(ae,Be)=>{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+Be.dx/He)),xe=Math.max(0,Math.min(1-de,D+Be.dy/Le));K.current({x:W,y:xe,width:Q,height:de})},onPanResponderRelease:()=>{}})).current,ze=ae=>react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!0,onMoveShouldSetPanResponder:(Be,He)=>Math.abs(He.dx)>2||Math.abs(He.dy)>2,onPanResponderTerminationRequest:()=>!1,onShouldBlockNativeResponder:()=>!0,onPanResponderGrant:()=>{Xe.current.origBox={...te.current}},onPanResponderMove:(Be,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:ze("tl"),tr:ze("tr"),bl:ze("bl"),br:ze("br"),top:ze("top"),bottom:ze("bottom"),left:ze("left"),right:ze("right")}).current;return I<20||V<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:x,backgroundColor:"rgba(0,0,0,0.6)"}}/>
+        <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:x+b,left:0,right:0,bottom:0,backgroundColor:"rgba(0,0,0,0.6)"}}/>
+        <react_native_1.View style={{position:"absolute",top:H+z,left:0,right:0,bottom:0,backgroundColor:"rgba(0,0,0,0.6)"}}/>
         
-        <react_native_1.View style={{position:"absolute",top:x,left:0,width:_,height:b,backgroundColor:"rgba(0,0,0,0.6)"}}/>
+        <react_native_1.View style={{position:"absolute",top:H,left:0,width:L,height:z,backgroundColor:"rgba(0,0,0,0.6)"}}/>
         
-        <react_native_1.View style={{position:"absolute",top:x,left:_+G,right:0,height:b,backgroundColor:"rgba(0,0,0,0.6)"}}/>
+        <react_native_1.View style={{position:"absolute",top:H,left:L+ne,right:0,height:z,backgroundColor:"rgba(0,0,0,0.6)"}}/>
       </react_native_1.View>
 
       
-      <react_native_1.View style={{position:"absolute",left:_,top:x,width:G,height:b,borderWidth:2,borderColor:"#00E5FF",backgroundColor:"transparent",zIndex:200}}pointerEvents="box-none">
+      <react_native_1.View style={{position:"absolute",left:L,top:H,width:ne,height:z,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}{...Ce.panHandlers}/>
+        <react_native_1.View style={react_native_1.StyleSheet.absoluteFill}{...Ne.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,60 +43,60 @@
         <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}}{...ie.tl.panHandlers}/>
-        <react_native_1.View style={{position:"absolute",top:-22,right:-22,width:44,height:44,zIndex:30}}{...ie.tr.panHandlers}/>
-        <react_native_1.View style={{position:"absolute",bottom:-22,left:-22,width:44,height:44,zIndex:30}}{...ie.bl.panHandlers}/>
-        <react_native_1.View style={{position:"absolute",bottom:-22,right:-22,width:44,height:44,zIndex:30}}{...ie.br.panHandlers}/>
+        <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:-20,left:"25%",right:"25%",height:40,zIndex:25}}{...ie.top.panHandlers}/>
-        <react_native_1.View style={{position:"absolute",bottom:-20,left:"25%",right:"25%",height:40,zIndex:25}}{...ie.bottom.panHandlers}/>
-        <react_native_1.View style={{position:"absolute",left:-20,top:"25%",bottom:"25%",width:40,zIndex:25}}{...ie.left.panHandlers}/>
-        <react_native_1.View style={{position:"absolute",right:-20,top:"25%",bottom:"25%",width:40,zIndex:25}}{...ie.right.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>
 
       
-      {we&&<react_native_1.TouchableOpacity activeOpacity={.8}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),we()}}style={previewStyles.cropCancelBtn}accessibilityLabel="Cancel Crop">
+      {Ee&&<react_native_1.TouchableOpacity activeOpacity={.8}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Ee()}}style={previewStyles.cropCancelBtn}accessibilityLabel="Cancel Crop">
           <NetworkIcons_1.CloseWhite size={14}color={AppColors_1.AppColors.white}/>
         </react_native_1.TouchableOpacity>}
 
       
-      {A&&<react_native_1.TouchableOpacity activeOpacity={.8}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium"),A()}}style={previewStyles.cropConfirmBtn}accessibilityLabel="Apply Crop Selection">
+      {U&&<react_native_1.TouchableOpacity activeOpacity={.8}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium"),U()}}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:i,visible:u,onClose:y,onDelete:v,onConvertToGif:C})=>{const{t:s}=(0,i18n_1.useTranslation)(),le=(0,react_1.useContext)(InspectorContext_1.InspectorContext),A=le?.modalHeightPercent??90,{width:we}=(0,react_native_1.useWindowDimensions)(),ve=(0,react_1.useMemo)(()=>react_native_1.Platform.OS==="ios"?A>=98?we>=390?50:44:0:react_native_1.Platform.OS==="android"&&A>=98?react_native_1.StatusBar.currentHeight||24:0,[A,we]),[ce,ye]=(0,react_1.useState)(!1),[L,_]=(0,react_1.useState)(!1),[x,G]=(0,react_1.useState)(null),[b,B]=(0,react_1.useState)(i?.width),[H,D]=(0,react_1.useState)(i?.height),[$,O]=(0,react_1.useState)(i?.sizeBytes),[Fe,Ce]=(0,react_1.useState)(i?.durationMs),[be,ie]=(0,react_1.useState)(!1),[W,me]=(0,react_1.useState)(!1),[xe,_e]=(0,react_1.useState)(!1),[l,f]=(0,react_1.useState)("none"),[I,j]=(0,react_1.useState)(1),[T,J]=(0,react_1.useState)(0),[U,Ae]=(0,react_1.useState)([]),[de,ze]=(0,react_1.useState)([]),[ae,Ge]=(0,react_1.useState)(!1),[Gt,Re]=(0,react_1.useState)(!1),[c,fe]=(0,react_1.useState)("brush"),[pt,Nt]=(0,react_1.useState)(24),[ee,Lt]=(0,react_1.useState)("brightness"),[M,Ye]=(0,react_1.useState)("none"),[Y,Ne]=(0,react_1.useState)(!1),[N,Le]=(0,react_1.useState)(!1),[h,Be]=(0,react_1.useState)({brightness:0,contrast:0,saturation:0,warmth:0,exposure:0,vignette:0}),[q,qe]=(0,react_1.useState)(!1),[Z,Ze]=(0,react_1.useState)(!1),[V,ke]=(0,react_1.useState)(0),[E,Pe]=(0,react_1.useState)(i?.durationMs||1e4),[Me,rt]=(0,react_1.useState)("end"),[X,Ke]=(0,react_1.useState)(!1),[Te,nt]=(0,react_1.useState)(100),[he,st]=(0,react_1.useState)(1),[Qe,mt]=(0,react_1.useState)(12),[ut,$t]=(0,react_1.useState)(480),[xt,ft]=(0,react_1.useState)([]),[uo,Tt]=(0,react_1.useState)(!1),[go,jt]=(0,react_1.useState)(0),[gt,Je]=(0,react_1.useState)("free"),[et,He]=(0,react_1.useState)({x:.08,y:.12,width:.84,height:.76}),[K,wt]=(0,react_1.useState)("#EF4444"),[re,Xt]=(0,react_1.useState)(4),[R,pe]=(0,react_1.useState)([]),[p,tt]=(0,react_1.useState)(null),[Q,ue]=(0,react_1.useState)([]),[Ut,ot]=(0,react_1.useState)(!1),[vt,Ct]=(0,react_1.useState)(null),[lt,ct]=(0,react_1.useState)(""),[dt,Yt]=(0,react_1.useState)({x:.3,y:.4}),P=(0,react_1.useCallback)(()=>{ze([]),Ae(e=>[...e,{uri:x||i?.uri||null,inkPaths:[...R],texts:[...Q],adjustments:{...h},filterPreset:M,showWatermark:Y,showGridlines:N,rotationAngle:T,flipH:q,flipV:Z,width:b,height:H,sizeBytes:$}])},[x,i?.uri,R,Q,h,M,Y,N,T,q,Z,b,H,$]),_t=(0,react_1.useRef)(P);_t.current=P;const yo=(0,react_1.useRef)(null),[Oe,Mt]=(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}),ge=(0,react_1.useRef)(l);ge.current=l;const ht=(0,react_1.useRef)(c);ht.current=c;const $e=(0,react_1.useRef)(K);$e.current=K;const je=(0,react_1.useRef)(re);je.current=re;const qt=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>ge.current==="draw",onMoveShouldSetPanResponder:()=>ge.current==="draw",onPanResponderGrant:e=>{_t.current();const{locationX:t,locationY:o}=e.nativeEvent;tt([{x:t,y:o}])},onPanResponderMove:e=>{const{locationX:t,locationY:o}=e.nativeEvent,a=ht.current;tt(a==="brush"||a==="highlighter"?r=>r?[...r,{x:t,y:o}]:[{x:t,y:o}]:r=>[r&&r.length>0?r[0]:{x:t,y:o},{x:t,y:o}])},onPanResponderRelease:()=>{tt(e=>{if(e&&e.length>0){const t=ht.current,o=e[0],a=e[e.length-1]||o;if((t==="brush"||t==="highlighter")&&e.length>1)pe(r=>[...r,{id:`stroke_${Date.now()}_${Math.random()}`,type:t,points:e,color:$e.current,strokeWidth:je.current}]);else if(t==="arrow"&&e.length>1)Math.hypot(a.x-o.x,a.y-o.y)>6&&pe(n=>[...n,{id:`stroke_${Date.now()}_${Math.random()}`,type:"arrow",points:[o,a],color:$e.current,strokeWidth:je.current}]);else if(t==="circle"||t==="spotlight")Math.hypot(a.x-o.x,a.y-o.y)>6&&pe(n=>[...n,{id:`stroke_${Date.now()}_${Math.random()}`,type:t,points:[o,a],color:$e.current,strokeWidth:je.current}]);else if(t==="step"){const r=R.filter(n=>n.type==="step").length;pe(n=>[...n,{id:`stroke_${Date.now()}_${Math.random()}`,type:"step",points:[o],color:$e.current,strokeWidth:je.current,stepNumber:r+1}])}else if(t==="rect"||t==="redact"||t==="pixelate"){const r=Math.min(o.x,a.x),n=Math.min(o.y,a.y),d=Math.abs(a.x-o.x),m=Math.abs(a.y-o.y);d>4&&m>4&&pe(S=>[...S,{id:`stroke_${Date.now()}_${Math.random()}`,type:t,points:[o,a],rect:{x:r,y:n,width:d,height:m},color:$e.current,strokeWidth:je.current}])}}return null})}})).current,Xe=(e,t,o)=>{const a=t&&t>0?t:1e3,r=o&&o>0?o:1e3,n=a/r;if(e==="free")return{x:parseFloat(((1-.84)/2).toFixed(4)),y:parseFloat(((1-.76)/2).toFixed(4)),width:.84,height:.76};let d=1;e==="1:1"?d=1:e==="4:3"?d=4/3:e==="16:9"?d=16/9:e==="9:16"?d=9/16:e==="3:2"&&(d=3/2);const m=d/n;let S=.88,F=.88;if(m>=1){if(S=.88,F=.88/m,F>.88){const Ue=.88/F;S*=Ue,F=.88}}else if(F=.88,S=.88*m,S>.88){const Ue=.88/S;F*=Ue,S=.88}S=Math.max(.1,Math.min(.96,parseFloat(S.toFixed(4)))),F=Math.max(.1,Math.min(.96,parseFloat(F.toFixed(4))));const Se=parseFloat(((1-S)/2).toFixed(4)),Ee=parseFloat(((1-F)/2).toFixed(4));return{x:Se,y:Ee,width:S,height:F}};react_1.default.useEffect(()=>{i?.uri&&(G(i.uri),B(i.width),D(i.height),O(i.sizeBytes),Ce(i.durationMs),ie(!1),j(1),f("none"),pe([]),tt(null),ue([]),He(Xe("free",i.width,i.height)),ke(0),Pe(i.durationMs||1e4),rt("end"),Ke(!1),nt(100),st(1),jt(0))},[i?.uri,i?.width,i?.height,i?.sizeBytes,i?.durationMs]),react_1.default.useEffect(()=>{if(i?.type==="video"&&i?.uri){let e=!0;return Tt(!0),editor_1.MediaEditor.generateFilmstrip({uri:i.uri,count:10,targetWidth:120,targetHeight:120}).then(t=>{e&&t?.thumbnails&&ft(t.thumbnails)}).catch(()=>{}).finally(()=>{e&&Tt(!1)}),()=>{e=!1}}else ft([])},[i?.type,i?.uri]),react_1.default.useEffect(()=>{if(x||i?.uri){const e=x||i?.uri;e&&i?.type==="image"&&(!b||!H)&&react_native_1.Image.getSize(e,(t,o)=>{t>0&&o>0&&(B(t),D(o))},()=>{})}},[x,i?.uri,i?.type,b,H]);const ne=(0,react_1.useMemo)(()=>{const e=Oe.width,t=Oe.height;if(!e||!t)return{width:e,height:t};const o=b??i?.width,a=H??i?.height;if(!o||!a||o<=0||a<=0)return{width:e,height:t};const r=o/a,n=e/t;let d=e,m=t;return r>n?(d=e,m=e/r):(m=t,d=t*r),{width:Math.max(20,Math.floor(d)),height:Math.max(20,Math.floor(m))}},[Oe.width,Oe.height,b,H,i?.width,i?.height]),w=x||i?.uri,te=b??i?.width,oe=H??i?.height,St=$??i?.sizeBytes,z=Fe??i?.durationMs,g=i?.type==="video",bo=i?.type==="gif",k=i?.type==="image",se=(0,react_1.useRef)(new react_native_1.Animated.ValueXY({x:0,y:0})).current,Ie=(0,react_1.useRef)({x:0,y:0}),it=(0,react_1.useRef)({x:0,y:0});(0,react_1.useEffect)(()=>{const e=se.x.addListener(o=>Ie.current.x=o.value),t=se.y.addListener(o=>Ie.current.y=o.value);return()=>{se.x.removeListener(e),se.y.removeListener(t)}},[se]);const Ve=(0,react_1.useRef)(I);Ve.current=I;const De=(0,react_1.useRef)(ne);De.current=ne;const We=(0,react_1.useRef)(Oe);We.current=Oe;const Ft=(0,react_1.useCallback)(()=>{const e=Ve.current;if(e<=1)return{maxX:0,maxY:0};const t=De.current.width,o=De.current.height,a=We.current.width,r=We.current.height,n=Math.max(0,(t*e-a)/2/e),d=Math.max(0,(o*e-r)/2/e);return{maxX:n,maxY:d}},[]),At=(0,react_1.useCallback)((e,t)=>{const{maxX:o,maxY:a}=Ft();return{x:Math.max(-o,Math.min(o,e)),y:Math.max(-a,Math.min(a,t))}},[Ft]),Zt=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>Ve.current>1,onMoveShouldSetPanResponder:(e,t)=>Ve.current>1&&(Math.abs(t.dx)>4||Math.abs(t.dy)>4),onMoveShouldSetPanResponderCapture:(e,t)=>Ve.current>1&&(Math.abs(t.dx)>6||Math.abs(t.dy)>6),onPanResponderTerminationRequest:()=>!1,onShouldBlockNativeResponder:()=>!0,onPanResponderGrant:()=>{it.current={...Ie.current}},onPanResponderMove:(e,t)=>{const o=Ve.current,a=it.current.x+t.dx/o,r=it.current.y+t.dy/o,{maxX:n,maxY:d}=(()=>{const F=Ve.current;if(F<=1)return{maxX:0,maxY:0};const Se=De.current.width,Ee=De.current.height,Ue=We.current.width,Et=We.current.height;return{maxX:Math.max(0,(Se*F-Ue)/2/F),maxY:Math.max(0,(Ee*F-Et)/2/F)}})(),m=Math.max(-n,Math.min(n,a)),S=Math.max(-d,Math.min(d,r));se.setValue({x:m,y:S})},onPanResponderRelease:()=>{const{maxX:e,maxY:t}=(()=>{const r=Ve.current;if(r<=1)return{maxX:0,maxY:0};const n=De.current.width,d=De.current.height,m=We.current.width,S=We.current.height;return{maxX:Math.max(0,(n*r-m)/2/r),maxY:Math.max(0,(d*r-S)/2/r)}})(),o=Ie.current,a={x:Math.max(-e,Math.min(e,o.x)),y:Math.max(-t,Math.min(t,o.y))};(a.x!==o.x||a.y!==o.y)&&react_native_1.Animated.spring(se,{toValue:a,friction:7,tension:60,useNativeDriver:!1}).start()},onPanResponderTerminate:()=>{}})).current;(0,react_1.useEffect)(()=>{if(I<=1)se.setValue({x:0,y:0}),it.current={x:0,y:0};else{const e=At(Ie.current.x,Ie.current.y);(e.x!==Ie.current.x||e.y!==Ie.current.y)&&react_native_1.Animated.spring(se,{toValue:e,friction:7,tension:60,useNativeDriver:!1}).start()}},[I,se,At]);const Kt=()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),j(e=>Math.min(4,parseFloat((e+.25).toFixed(2))))},Qt=()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),j(e=>Math.max(1,parseFloat((e-.25).toFixed(2))))},Rt=()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium"),j(1),se.setValue({x:0,y:0}),it.current={x:0,y:0}},kt=(0,react_1.useRef)(240),Pt=(0,react_1.useCallback)(e=>{const t=Math.max(50,kt.current),o=Math.max(0,Math.min(1,e/t));if(ge.current==="draw"){const a=ht.current;if(a==="brush"||a==="highlighter"||a==="arrow"||a==="rect"||a==="circle"||a==="spotlight"||a==="step"){const r=Math.round(2+o*22);Xt(r)}else if(a==="pixelate"){const r=Math.round(4+o*36);Nt(r)}}else if(ge.current==="adjust")if(ee==="vignette"){const a=Math.round(o*100);Be(r=>({...r,vignette:a}))}else{const a=Math.round(o*100-50);Be(r=>({...r,[ee]:a}))}else if(ge.current==="crop"){const a=Math.round(o*360);J(a)}else if(ge.current==="trim"){const r=Math.round(o*(z||1e4));Me==="start"?ke(Math.min(E-500,r)):Pe(Math.max(V+500,r))}else if(ge.current==="audio"){const a=Math.round(o*100);nt(a),Ke(a===0)}else if(ge.current==="speed"){const a=parseFloat((.5+o*1.5).toFixed(2));st(a)}else if(ge.current==="gif"){const a=Math.round(6+o*18);mt(a)}else if(ge.current==="none"){const a=parseFloat((1+o*3).toFixed(2));j(a)}},[ee,z,Me,V,E]),Jt=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!0,onStartShouldSetPanResponderCapture:()=>!0,onMoveShouldSetPanResponder:()=>!0,onMoveShouldSetPanResponderCapture:()=>!0,onPanResponderGrant:e=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Pt(e.nativeEvent.locationX)},onPanResponderMove:e=>{Pt(e.nativeEvent.locationX)},onPanResponderRelease:()=>{(0,NativeInspector_1.triggerNativeHaptic)("light")}})).current,Ot=(0,react_1.useMemo)(()=>{if(l==="draw"){if(c==="brush"||c==="highlighter"||c==="arrow"||c==="rect"||c==="circle"||c==="spotlight"||c==="step")return Math.min(100,Math.max(0,(re-2)/22*100));if(c==="pixelate")return Math.min(100,Math.max(0,(pt-4)/36*100));if(c==="redact")return 100}return l==="adjust"?ee==="vignette"?Math.min(100,Math.max(0,h.vignette)):Math.min(100,Math.max(0,h[ee]+50)):l==="crop"?Math.min(100,Math.max(0,T/360*100)):l==="trim"?Math.min(100,Math.max(0,(Me==="start"?V:E)/(z||1e4)*100)):l==="audio"?X?0:Te:l==="speed"?Math.min(100,Math.max(0,(he-.5)/1.5*100)):l==="gif"?Math.min(100,Math.max(0,(Qe-6)/18*100)):l==="none"?Math.min(100,Math.max(0,(I-1)/3*100)):50},[l,c,re,pt,ee,h,T,I,z,Me,V,E,X,Te,he,Qe]),It=(0,react_1.useCallback)(()=>{if(U.length===0)return;(0,NativeInspector_1.triggerNativeHaptic)("light");const e=U[U.length-1];ze(t=>[...t,{uri:x||i?.uri||null,inkPaths:[...R],texts:[...Q],adjustments:{...h},filterPreset:M,showWatermark:Y,rotationAngle:T,flipH:q,flipV:Z,width:b,height:H,sizeBytes:$}]),Ae(t=>t.slice(0,t.length-1)),e&&(G(e.uri),pe(e.inkPaths),ue(e.texts),e.adjustments&&Be(e.adjustments),e.filterPreset&&Ye(e.filterPreset),e.showWatermark!==void 0&&Ne(e.showWatermark),e.showGridlines!==void 0&&Le(e.showGridlines),e.rotationAngle!==void 0&&J(e.rotationAngle),e.flipH!==void 0&&qe(e.flipH),e.flipV!==void 0&&Ze(e.flipV),e.width&&B(e.width),e.height&&D(e.height),e.sizeBytes&&O(e.sizeBytes),(0,toast_1.showToast)(s("mediaGallery.undone","Action Undone")))},[U,x,i?.uri,R,Q,h,M,Y,N,T,q,Z,b,H,$,s]),eo=(0,react_1.useCallback)(()=>{if(de.length===0)return;(0,NativeInspector_1.triggerNativeHaptic)("light");const e=de[de.length-1];Ae(t=>[...t,{uri:x||i?.uri||null,inkPaths:[...R],texts:[...Q],adjustments:{...h},filterPreset:M,showWatermark:Y,showGridlines:N,rotationAngle:T,flipH:q,flipV:Z,width:b,height:H,sizeBytes:$}]),ze(t=>t.slice(0,t.length-1)),e&&(G(e.uri),pe(e.inkPaths),ue(e.texts),e.adjustments&&Be(e.adjustments),e.filterPreset&&Ye(e.filterPreset),e.showWatermark!==void 0&&Ne(e.showWatermark),e.showGridlines!==void 0&&Le(e.showGridlines),e.rotationAngle!==void 0&&J(e.rotationAngle),e.flipH!==void 0&&qe(e.flipH),e.flipV!==void 0&&Ze(e.flipV),e.width&&B(e.width),e.height&&D(e.height),e.sizeBytes&&O(e.sizeBytes),(0,toast_1.showToast)(s("mediaGallery.redone","Action Redone")))},[de,x,i?.uri,R,Q,h,M,Y,N,T,q,Z,b,H,$,s]),to=(0,react_1.useCallback)(()=>{i&&((0,NativeInspector_1.triggerNativeHaptic)("medium"),P(),G(i.uri),pe([]),ue([]),Be({brightness:0,contrast:0,saturation:0,warmth:0,exposure:0,vignette:0}),Ye("none"),Ne(!1),Le(!1),J(0),qe(!1),Ze(!1),B(i.width),D(i.height),O(i.sizeBytes),Ce(i.durationMs),j(1),f("none"),ke(0),Pe(i.durationMs||1e4),rt("end"),Ke(!1),nt(100),st(1),(0,toast_1.showToast)(s("mediaGallery.resetSuccess",i.type==="video"?"Reset to original video":"Reset to original image")))},[i,P,s]),Vt=(0,react_1.useCallback)(async()=>{if(!(!i||!w)){if((0,NativeInspector_1.triggerNativeHaptic)("medium"),_(!0),g){try{const e=z||i.durationMs||1e4,t=await editor_1.MediaEditor.trimVideo({uri:w,startTimeMs:V,endTimeMs:E<e?E:void 0,muteAudio:X||Te===0,quality:"high"});t?.uri?(G(t.uri),t.width&&B(t.width),t.height&&D(t.height),t.size&&O(t.size),t.durationMs&&Ce(t.durationMs),(0,toast_1.showToast)(s("mediaGallery.videoSaved","Video Saved Successfully")),le?.refreshMediaCount?.().catch(()=>{})):(0,toast_1.showToast)(s("mediaGallery.videoSaved","Video Saved"))}catch{(0,toast_1.showToast)(s("mediaGallery.saveFailed","Failed to save video"))}finally{_(!1)}return}try{const e=Math.max(1,te||1e3),t=Math.max(1,oe||1e3),o=R.filter(n=>(n.type==="redact"||n.type==="pixelate")&&n.rect).map(n=>{const d=n.rect;return{x:d.x/e,y:d.y/t,width:d.width/e,height:d.height/t,style:n.type==="pixelate"?"blur":"blackout",isNormalized:!0}}),a=[...Q.map(n=>({x:n.x,y:n.y,width:.22,height:.06,color:n.bgColor||"#EF4444",label:n.text,isNormalized:!0})),...R.filter(n=>n.type==="rect"||n.type==="arrow"||n.type==="circle").map(n=>{const d=n.points[0]||{x:0,y:0},m=n.points[n.points.length-1]||d,S=Math.min(d.x,m.x),F=Math.min(d.y,m.y),Se=Math.max(10,Math.abs(m.x-d.x)),Ee=Math.max(10,Math.abs(m.y-d.y));return{x:S/e,y:F/t,width:Se/e,height:Ee/t,color:n.color||"#EF4444",isNormalized:!0}})],r=await editor_1.MediaEditor.editPhoto({uri:w,rotation:T!==0?T:void 0,flipHorizontal:q,flipVertical:Z,adjustments:{brightness:h.brightness/50,contrast:1+h.contrast/50,saturation:1+h.saturation/50,temperature:h.warmth/50,vignette:h.vignette/100},filterPreset:M!=="none"?M:void 0,redactions:o.length>0?o:void 0,annotations:a.length>0?a:void 0,format:i.format==="png"?"png":"jpeg",quality:.92});r?.uri?(G(r.uri),r.width&&B(r.width),r.height&&D(r.height),r.size&&O(r.size),pe([]),ue([]),Be({brightness:0,contrast:0,saturation:0,warmth:0,exposure:0,vignette:0}),J(0),qe(!1),Ze(!1),(0,toast_1.showToast)(s("mediaGallery.savedSuccess","Image Saved Successfully")),le?.refreshMediaCount?.().catch(()=>{})):(0,toast_1.showToast)(s("mediaGallery.savedSuccess","Image Saved"))}catch{(0,toast_1.showToast)(s("mediaGallery.saveFailed","Failed to save image"))}finally{_(!1)}}},[i,w,g,z,V,E,X,Te,te,oe,T,q,Z,h,M,R,Q,le,s]),zt=(0,react_1.useCallback)(async()=>{if(!(!i||!w||!g||L)){(0,NativeInspector_1.triggerNativeHaptic)("medium"),_(!0);try{const e=await editor_1.MediaEditor.generateFilmstrip({uri:w,count:1,targetWidth:te||1080,targetHeight:oe||1920});e?.thumbnails&&e.thumbnails.length>0?((0,toast_1.showToast)(s("mediaGallery.snapshotSaved","Frame Snapshot Saved (PNG)")),le?.refreshMediaCount?.().catch(()=>{})):(0,toast_1.showToast)(s("mediaGallery.snapshotFailed","Failed to snapshot frame"))}catch{(0,toast_1.showToast)(s("mediaGallery.snapshotFailed","Failed to snapshot frame"))}finally{_(!1)}}},[i,w,g,L,te,oe,le,s]),oo=(0,react_1.useMemo)(()=>{if(!g||!i)return!1;const e=i.durationMs||1e4,t=V>0||E<e,o=X||Te<100,a=he!==1,r=x!=null&&x!==i.uri;return t||o||a||r},[g,i,V,E,X,Te,he,x]),Bt=(0,react_1.useMemo)(()=>{if(!i)return!1;const e=x!=null&&x!==i.uri,t=R.length>0,o=Q.length>0,a=U.length>0,r=h.brightness!==0||h.contrast!==0||h.saturation!==0||h.warmth!==0||h.exposure!==0||h.vignette!==0;return e||t||o||a||r||(T!==0||q||Z)||M!=="none"||Y||N},[x,i,R.length,Q.length,U.length,h,T,q,Z,M,Y,N]),io=()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),It()},ao=()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium"),P(),pe([])},mo=e=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),f("crop"),Je(e),He(Xe(e,te,oe))},Ht=async()=>{if(!(!w||!k)){(0,NativeInspector_1.triggerNativeHaptic)("medium"),P(),_(!0);try{const e=await editor_1.MediaEditor.cropToDefect(w,{x:et.x,y:et.y,width:et.width,height:et.height,isNormalized:!0});e?.uri?(G(e.uri),e.width&&B(e.width),e.height&&D(e.height),e.size&&O(e.size),He(Xe("free",e.width,e.height)),Je("free"),(0,toast_1.showToast)(s("mediaGallery.croppedSuccess","Image Cropped")),f("none")):(0,toast_1.showToast)(s("mediaGallery.cropFailed","Crop failed"))}catch{(0,toast_1.showToast)(s("mediaGallery.cropFailed","Crop failed"))}finally{_(!1)}}},yt=e=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),e?(Ct(e),ct(e.text)):(Ct(null),ct("")),ot(!0)},ro=e=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),P(),ue(t=>t.filter(o=>o.id!==e))},no=()=>{if(!lt.trim()){ot(!1);return}if(P(),vt)ue(e=>e.map(t=>t.id===vt.id?{...t,text:lt.trim(),color:K}:t));else{const e={id:`text_${Date.now()}`,text:lt.trim(),x:dt.x,y:dt.y,color:AppColors_1.AppColors.white,bgColor:K==="#FFFFFF"?"#0F172A":K};ue(t=>[...t,e])}ot(!1),ct(""),(0,toast_1.showToast)(s("mediaGallery.textAdded","Text Added"))},xo=async e=>{if(!(!w||!k||L)){(0,NativeInspector_1.triggerNativeHaptic)("medium"),P(),_(!0);try{const t=await editor_1.MediaEditor.editPhoto({uri:w,quality:.85,crop:{x:0,y:0,width:1,height:1,isNormalized:!0}});if(t?.uri){G(t.uri);const o=Math.round((te||1080)*e),a=Math.round((oe||1920)*e);B(o),D(a),t.size&&O(Math.round(t.size*e*e)),(0,toast_1.showToast)(s("mediaGallery.resizedSuccess",`Resized to ${Math.round(e*100)}% (${o}\xD7${a})`)),f("none")}}catch{(0,toast_1.showToast)(s("mediaGallery.resizeFailed","Resize failed"))}finally{_(!1)}}},so=async()=>{try{(0,NativeInspector_1.triggerNativeHaptic)("light");const e=w.startsWith("file://")||w.startsWith("content://")||w.startsWith("http")?w:`file://${w}`,t=react_native_1.Platform.select({ios:{url:e,title:i.filename},default:{title:i.filename,message:i.filename,url:e}});(await react_native_1.Share.share(t)).action===react_native_1.Share.sharedAction&&(0,toast_1.showToast)(s("mediaGallery.shareSuccess","Shared successfully"))}catch(e){e?.message!=="User did not share"&&(0,toast_1.showToast)(s("mediaGallery.shareUnavailable","Sharing not available on this device"))}},lo=()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium"),_e(!0)},Dt=async()=>{if(C){ye(!0);try{await C(i),(0,toast_1.showToast)(s("mediaGallery.convertedSuccess","Converted to GIF!"))}catch{(0,toast_1.showToast)(s("mediaGallery.convertFailed","Conversion failed"))}finally{ye(!1)}}},bt=async()=>{try{me(!0),await capture_1.ScreenCapture.playVideo(w)}catch{(0,toast_1.showToast)(s("mediaGallery.playError","Unable to play video"))}finally{me(!1)}},fo=async()=>{if(!(!w||!g||L)){_(!0),(0,NativeInspector_1.triggerNativeHaptic)("light");try{const t=Math.min(z||1e4,5e3),o=await editor_1.MediaEditor.trimReproClip(w,0,t,{quality:"medium"});o?.uri&&(G(o.uri),o.width&&B(o.width),o.height&&D(o.height),o.size&&O(o.size),o.durationMs&&Ce(o.durationMs),(0,toast_1.showToast)(s("mediaGallery.trimmedSuccess","Trimmed to 5s Repro Clip")))}catch{(0,toast_1.showToast)(s("mediaGallery.trimFailed","Trim failed"))}finally{_(!1)}}},co=async()=>{if(!(!w||!g||L)){_(!0),(0,NativeInspector_1.triggerNativeHaptic)("light");try{const e=await editor_1.MediaEditor.muteVideo(w);e?.uri&&(G(e.uri),e.width&&B(e.width),e.height&&D(e.height),e.size&&O(e.size),e.durationMs&&Ce(e.durationMs),(0,toast_1.showToast)(s("mediaGallery.mutedSuccess","Audio Stripped")))}catch{(0,toast_1.showToast)(s("mediaGallery.muteFailed","Mute failed"))}finally{_(!1)}}},at=z?(z/1e3).toFixed(1):null,Wt=at?`00:${Number(at)<10?"0":""}${at}`:null,ho=[{key:"none",label:s("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:s("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:s("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:V>0||E<(z||1e4)},{key:"audio",label:s("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:X||Te<100},{key:"speed",label:s("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:he!==1},{key:"gif",label:s("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:s("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!i||!u?null:<react_native_1.Modal visible={u}transparent={!0}animationType="fade"statusBarTranslucent={!0}onRequestClose={y}>
+    </react_native_1.View>},MediaPreviewModal=({item:v,visible:I,onClose:V,onDelete:G,onConvertToGif:N})=>{const{t:S}=(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),[z,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),[ze,we]=(0,react_1.useState)(!1),[ae,Be]=(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,Bt]=(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:z,height:oe,sizeBytes:ce}])},[H,v?.uri,Y,me,k,$,ue,se,W,ge,ye,z,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(M=>[...M,{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(M=>[...M,{id:`stroke_${Date.now()}_${Math.random()}`,type:T,points:[w,C],color:ct.current,strokeWidth:dt.current}]);else if(T==="step"){const _=Y.filter(M=>M.type==="step").length;Pe(M=>[...M,{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),M=Math.min(w.y,C.y),R=Math.abs(C.x-w.x),B=Math.abs(C.y-w.y);R>4&&B>4&&Pe(j=>[...j,{id:`stroke_${Date.now()}_${Math.random()}`,type:T,points:[w,C],rect:{x:_,y:M,width:R,height:B},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,M=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 B=R/M;let j=.88,X=.88;if(B>=1){if(j=.88,X=.88/B,X>.88){const pt=.88/X;j*=pt,X=.88}}else if(X=.88,j=.88*B,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"&&(!z||!oe)&&react_native_1.Image.getSize(e,(T,w)=>{T>0&&w>0&&(te(T),ie(w))},()=>{})}},[H,v?.uri,v?.type,z,oe]);const _e=(0,react_1.useMemo)(()=>{const e=Ke.width,T=Ke.height;if(!e||!T)return{width:e,height:T};const w=z??v?.width,C=oe??v?.height;if(!w||!C||w<=0||C<=0)return{width:e,height:T};const _=w/C,M=e/T;let R=e,B=T;return _>M?(R=e,B=e/_):(B=T,R=T*_),{width:Math.max(20,Math.floor(R)),height:Math.max(20,Math.floor(B))}},[Ke.width,Ke.height,z,oe,v?.width,v?.height]),E=H||v?.uri,fe=z??v?.width,Te=oe??v?.height,jt=ce??v?.sizeBytes,ee=Xe??v?.durationMs,O=v?.type==="video",zo=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,M=Math.max(0,(T*e-C)/2/e),R=Math.max(0,(w*e-_)/2/e);return{maxX:M,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:M,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)}})(),B=Math.max(-M,Math.min(M,C)),j=Math.max(-R,Math.min(R,_));Me.setValue({x:B,y:j})},onPanResponderRelease:()=>{const{maxX:e,maxY:T}=(()=>{const _=Je.current;if(_<=1)return{maxX:0,maxY:0};const M=it.current.width,R=it.current.height,B=at.current.width,j=at.current.height;return{maxX:Math.max(0,(M*_-B)/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);Bt(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:z,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)(S("mediaGallery.undone","Action Undone")))},[pe,H,v?.uri,Y,me,k,$,ue,se,W,ge,ye,z,oe,ce,S]),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:z,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)(S("mediaGallery.redone","Action Redone")))},[Ae,H,v?.uri,Y,me,k,$,ue,se,W,ge,ye,z,oe,ce,S]),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)(S("mediaGallery.resetSuccess",v.type==="video"?"Reset to original video":"Reset to original image")))},[v,Z,S]),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)(S("mediaGallery.videoSaved","Video Saved Successfully")),Se?.refreshMediaCount?.().catch(()=>{})):(0,toast_1.showToast)(S("mediaGallery.videoSaved","Video Saved"))}catch{(0,toast_1.showToast)(S("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(M=>(M.type==="redact"||M.type==="pixelate")&&M.rect).map(M=>{const R=M.rect;return{x:R.x/e,y:R.y/T,width:R.width/e,height:R.height/T,style:M.type==="pixelate"?"blur":"blackout",isNormalized:!0}}),C=[...me.map(M=>({x:M.x,y:M.y,width:.22,height:.06,color:M.bgColor||"#EF4444",label:M.text,isNormalized:!0})),...Y.filter(M=>M.type==="rect"||M.type==="arrow"||M.type==="circle").map(M=>{const R=M.points[0]||{x:0,y:0},B=M.points[M.points.length-1]||R,j=Math.min(R.x,B.x),X=Math.min(R.y,B.y),je=Math.max(10,Math.abs(B.x-R.x)),rt=Math.max(10,Math.abs(B.y-R.y));return{x:j/e,y:X/T,width:je/e,height:rt/T,color:M.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)(S("mediaGallery.savedSuccess","Image Saved Successfully")),Se?.refreshMediaCount?.().catch(()=>{})):(0,toast_1.showToast)(S("mediaGallery.savedSuccess","Image Saved"))}catch{(0,toast_1.showToast)(S("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,S]),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)(S("mediaGallery.snapshotSaved","Frame Snapshot Saved (PNG)")),Se?.refreshMediaCount?.().catch(()=>{})):(0,toast_1.showToast)(S("mediaGallery.snapshotFailed","Failed to snapshot frame"))}catch{(0,toast_1.showToast)(S("mediaGallery.snapshotFailed","Failed to snapshot frame"))}finally{L(!1)}}},[v,E,O,le,fe,Te,Se,S]),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([])},Bo=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)(S("mediaGallery.croppedSuccess","Image Cropped")),D("none")):(0,toast_1.showToast)(S("mediaGallery.cropFailed","Crop failed"))}catch{(0,toast_1.showToast)(S("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)(S("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)(S("mediaGallery.resizedSuccess",`Resized to ${Math.round(e*100)}% (${w}\xD7${C})`)),D("none")}}catch{(0,toast_1.showToast)(S("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)(S("mediaGallery.shareSuccess","Shared successfully"))}catch(e){e?.message!=="User did not share"&&(0,toast_1.showToast)(S("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)(S("mediaGallery.convertedSuccess","Converted to GIF!"))}catch{(0,toast_1.showToast)(S("mediaGallery.convertFailed","Conversion failed"))}finally{Ve(!1)}}},zt=async()=>{try{Be(!0),await capture_1.ScreenCapture.playVideo(E)}catch{(0,toast_1.showToast)(S("mediaGallery.playError","Unable to play video"))}finally{Be(!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)(S("mediaGallery.trimmedSuccess","Trimmed to 5s Repro Clip")))}catch{(0,toast_1.showToast)(S("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)(S("mediaGallery.mutedSuccess","Audio Stripped")))}catch{(0,toast_1.showToast)(S("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:S("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:S("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:S("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:S("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:S("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:S("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:S("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 style={previewStyles.modalBackdrop}>
-        <react_native_1.Pressable style={previewStyles.modalBackdropPressable}onPress={y}/>
-        <react_native_1.View style={[previewStyles.modalContentCard,{height:`${A}%`,borderTopLeftRadius:A>=100?0:20,borderTopRightRadius:A>=100?0:20}]}>
+        <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.StatusBar translucent backgroundColor="transparent"barStyle="light-content"/>
           
-          <react_native_1.View style={[previewStyles.header,{paddingTop:ve,borderTopLeftRadius:A>=100?0:20,borderTopRightRadius:A>=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:A>=100?0:20,borderTopRightRadius:A>=100?0:20}]}pointerEvents="none"/>
+          <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.headerInner}>
               
               <react_native_1.View style={previewStyles.headerLeft}>
-                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={s("common.back","Back")}onPress={y}hitSlop={15}style={previewStyles.headerBackBtn}>
+                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={S("common.back","Back")}onPress={V}hitSlop={15}style={previewStyles.headerBackBtn}>
                   <NetworkIcons_1.WhiteBackNavigation size={17}/>
                 </TouchableScale_1.default>
                 <react_native_1.View style={previewStyles.headerTextCol}>
                   <react_native_1.View style={previewStyles.headerTitleRow}>
                     <react_native_1.Text style={previewStyles.title}numberOfLines={1}>
-                      {i.filename||(k?"debug_session.png":"recording.mp4")}
+                      {v.filename||(q?"debug_session.png":"recording.mp4")}
                     </react_native_1.Text>
                     <react_native_1.View style={previewStyles.formatBadge}>
                       <react_native_1.Text style={previewStyles.formatBadgeText}>
-                        {(i.filename?.split(".").pop()||(k?"PNG":g?"MP4":"GIF")).toUpperCase()}
+                        {(v.filename?.split(".").pop()||(q?"PNG":O?"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}>
-                      {te&&oe?`${te} \xD7 ${oe}`:k?"1320 \xD7 2868":"1080 \xD7 1920"}
+                      {fe&&Te?`${fe} \xD7 ${Te}`:q?"1320 \xD7 2868":"1080 \xD7 1920"}
                     </react_native_1.Text>
-                    {St?<>
+                    {jt?<>
                         <react_native_1.Text style={previewStyles.subtitleDot}>•</react_native_1.Text>
                         <react_native_1.Text style={previewStyles.subtitleSize}>
-                          {(0,helpers_1.formatBytes)(St)}
+                          {(0,helpers_1.formatBytes)(jt)}
                         </react_native_1.Text>
                       </>:<>
                         <react_native_1.Text style={previewStyles.subtitleDot}>•</react_native_1.Text>
@@ -109,181 +109,181 @@
               
               <react_native_1.View style={previewStyles.headerRight}>
                 
-                {k&&<react_native_1.View style={previewStyles.undoRedoGroup}>
-                    <react_native_1.TouchableOpacity accessible={!0}accessibilityRole="button"accessibilityLabel={s("common.undo","Undo")}onPress={It}disabled={U.length===0}style={[previewStyles.undoHalfBtn,U.length===0&&previewStyles.actionDisabled]}hitSlop={{top:8,bottom:8,left:6,right:4}}>
-                      <NetworkIcons_1.UndoIcon size={14}color={U.length>0?AppColors_1.AppColors.white:"rgba(255, 255, 255, 0.35)"}/>
+                {q&&<react_native_1.View style={previewStyles.undoRedoGroup}>
+                    <react_native_1.TouchableOpacity accessible={!0}accessibilityRole="button"accessibilityLabel={S("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>
                     <react_native_1.View style={previewStyles.undoDivider}/>
-                    <react_native_1.TouchableOpacity accessible={!0}accessibilityRole="button"accessibilityLabel="Redo"onPress={eo}disabled={de.length===0}style={[previewStyles.redoHalfBtn,de.length===0&&previewStyles.actionDisabled]}hitSlop={{top:8,bottom:8,left:4,right:6}}>
-                      <NetworkIcons_1.RedoIcon size={14}color={de.length>0?AppColors_1.AppColors.white:"rgba(255, 255, 255, 0.35)"}/>
+                    <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>
                   </react_native_1.View>}
 
                 
-                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel="More Options"onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Re(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"),Ye(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={s("common.save","Save")}onPress={Vt}disabled={L}style={[previewStyles.headerSaveBtn,L&&{opacity:.6}]}hitSlop={{top:8,bottom:8,left:6,right:6}}>
+                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={S("common.save","Save")}onPress={Jt}disabled={le}style={[previewStyles.headerSaveBtn,le&&{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}>{s("common.save","Save")}</react_native_1.Text>
+                  <react_native_1.Text style={previewStyles.headerSaveText}>{S("common.save","Save")}</react_native_1.Text>
                 </TouchableScale_1.default>
               </react_native_1.View>
             </react_native_1.View>
           </react_native_1.View>
 
           
-          {Gt&&<react_native_1.View style={previewStyles.moreMenuDropdown}>
-              {(k&&Bt||g&&oo)&&<react_native_1.TouchableOpacity onPress={()=>{Re(!1),to()}}style={previewStyles.moreMenuItem}>
+          {no&&<react_native_1.View style={previewStyles.moreMenuDropdown}>
+              {(q&&to||O&&vo)&&<react_native_1.TouchableOpacity onPress={()=>{Ye(!1),wo()}}style={previewStyles.moreMenuItem}>
                   <NetworkIcons_1.ResetIcon size={14}color={AppColors_1.AppColors.sky400}/>
                   <react_native_1.Text style={previewStyles.moreMenuItemText}>
-                    {s("common.reset","Reset to Original")}
+                    {S("common.reset","Reset to Original")}
                   </react_native_1.Text>
                 </react_native_1.TouchableOpacity>}
-              {k&&<react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Le(e=>!e),Re(!1)}}style={previewStyles.moreMenuItem}>
-                  <NetworkIcons_1.GridlinesIcon size={14}color={N?AppColors_1.AppColors.sky400:AppColors_1.AppColors.white}/>
+              {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}/>
                   <react_native_1.Text style={previewStyles.moreMenuItemText}>
-                    {N?s("mediaGallery.hideGridlines","Hide Instagram Grid (3\xD73)"):s("mediaGallery.showGridlines","Show Instagram Grid (3\xD73)")}
+                    {se?S("mediaGallery.hideGridlines","Hide Instagram Grid (3\xD73)"):S("mediaGallery.showGridlines","Show Instagram Grid (3\xD73)")}
                   </react_native_1.Text>
                 </react_native_1.TouchableOpacity>}
-              {k&&<react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),P(),Ne(e=>!e),Re(!1)}}style={previewStyles.moreMenuItem}>
+              {q&&<react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Z(),st(e=>!e),Ye(!1)}}style={previewStyles.moreMenuItem}>
                   <react_native_1.Text style={previewStyles.moreMenuItemIconText}>🛡</react_native_1.Text>
                   <react_native_1.Text style={previewStyles.moreMenuItemText}>
-                    {Y?s("mediaGallery.hideWatermark","Hide QA Watermark"):s("mediaGallery.showWatermark","Show QA Watermark")}
+                    {ue?S("mediaGallery.hideWatermark","Hide QA Watermark"):S("mediaGallery.showWatermark","Show QA Watermark")}
                   </react_native_1.Text>
                 </react_native_1.TouchableOpacity>}
-              {g&&<react_native_1.TouchableOpacity onPress={()=>{Re(!1),Dt()}}style={previewStyles.moreMenuItem}>
+              {O&&<react_native_1.TouchableOpacity onPress={()=>{Ye(!1),io()}}style={previewStyles.moreMenuItem}>
                   <NetworkIcons_1.GifIcon size={14}color={AppColors_1.AppColors.violet600}/>
                   <react_native_1.Text style={previewStyles.moreMenuItemText}>
-                    {s("mediaGallery.exportGif","Export as Animated GIF")}
+                    {S("mediaGallery.exportGif","Export as Animated GIF")}
                   </react_native_1.Text>
                 </react_native_1.TouchableOpacity>}
-              {g&&<react_native_1.TouchableOpacity onPress={()=>{Re(!1),zt()}}style={previewStyles.moreMenuItem}>
+              {O&&<react_native_1.TouchableOpacity onPress={()=>{Ye(!1),eo()}}style={previewStyles.moreMenuItem}>
                   <NetworkIcons_1.CameraRollIcon size={14}color={AppColors_1.AppColors.sky400}/>
                   <react_native_1.Text style={previewStyles.moreMenuItemText}>
-                    {s("mediaGallery.snapshotFrame","Snapshot Frame (PNG)")}
+                    {S("mediaGallery.snapshotFrame","Snapshot Frame (PNG)")}
                   </react_native_1.Text>
                 </react_native_1.TouchableOpacity>}
-              <react_native_1.TouchableOpacity onPress={()=>{Re(!1),so()}}style={previewStyles.moreMenuItem}>
+              <react_native_1.TouchableOpacity onPress={()=>{Ye(!1),Fo()}}style={previewStyles.moreMenuItem}>
                 <NetworkIcons_1.ShareIcon size={14}color={AppColors_1.AppColors.white}/>
                 <react_native_1.Text style={previewStyles.moreMenuItemText}>
-                  {s("mediaGallery.share",g?"Share Video":"Share Image")}
+                  {S("mediaGallery.share",O?"Share Video":"Share Image")}
                 </react_native_1.Text>
               </react_native_1.TouchableOpacity>
-              <react_native_1.TouchableOpacity onPress={()=>{Re(!1),lo()}}style={[previewStyles.moreMenuItem,previewStyles.moreMenuItemDestructive]}>
+              <react_native_1.TouchableOpacity onPress={()=>{Ye(!1),Ao()}}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}]}>
-                  {s("mediaGallery.delete","Delete Media")}
+                  {S("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:o}=e.nativeEvent.layout;t>20&&o>20&&Mt(a=>({...a,width:t,height:o}))}}style={previewStyles.previewCard}>
-            {g?i.thumbnailUri&&!be?<>
-                  <react_native_1.Image source={{uri:i.thumbnailUri}}style={previewStyles.image}resizeMode="contain"onError={()=>ie(!0)}/>
+          <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&&!ze?<>
+                  <react_native_1.Image source={{uri:v.thumbnailUri}}style={previewStyles.image}resizeMode="contain"onError={()=>we(!0)}/>
                   <react_native_1.View style={previewStyles.videoImageOverlay}/>
                 </>:<react_native_1.View style={previewStyles.videoFallbackBackdrop}>
                   <react_native_1.View style={previewStyles.videoFallbackGlow}/>
                   <NetworkIcons_1.FilmIcon size={52}color={AppColors_1.AppColors.sky400}/>
                   <react_native_1.Text style={previewStyles.videoFallbackTitle}>
-                    {i.width&&i.height?`${i.width} \xD7 ${i.height}`:"HD Video Recording"}
+                    {v.width&&v.height?`${v.width} \xD7 ${v.height}`:"HD Video Recording"}
                   </react_native_1.Text>
                   <react_native_1.Text style={previewStyles.videoFallbackSubtitle}>
-                    {at?`${at}s duration`:"MP4 Video"} •{" "}
-                    {(0,helpers_1.formatBytes)(i.sizeBytes)}
+                    {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:o}=e.nativeEvent.layout;t>20&&o>20&&Mt(a=>({...a,width:t,height:o}))}}style={[previewStyles.canvasContainer,{transform:[...se.getTranslateTransform(),{scale:I}]}]}{...l==="draw"?qt.panHandlers:l==="none"&&I>1?Zt.panHandlers:{}}>
-                <react_native_1.View style={[previewStyles.imageCanvasWrapper,{width:ne.width,height:ne.height,transform:[{rotate:`${T}deg`},{scaleX:q?-1:1},{scaleY:Z?-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&&$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.Image key={ae?i?.uri:w}source={{uri:ae?i?.uri:w}}style={previewStyles.image}resizeMode="cover"onError={()=>ie(!0)}/>
+                  <react_native_1.Image key={ve?v?.uri:E}source={{uri:ve?v?.uri:E}}style={previewStyles.image}resizeMode="cover"onError={()=>we(!0)}/>
 
                   
-                  {!ae&&<>
+                  {!ve&&<>
                       
-                      {h.brightness+h.exposure!==0&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:h.brightness+h.exposure>0?"#FFFFFF":"#000000",opacity:Math.min(.65,Math.abs(h.brightness+h.exposure)/100*.7)}]}/>}
+                      {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)}]}/>}
 
                       
-                      {h.warmth!==0&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:h.warmth>0?"#F59E0B":"#0284C7",opacity:Math.min(.4,Math.abs(h.warmth)/50*.35)}]}/>}
+                      {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)}]}/>}
 
                       
-                      {h.saturation>0&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:"#A855F7",opacity:Math.min(.2,h.saturation/50*.15)}]}/>}
+                      {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)}]}/>}
 
                       
-                      {h.vignette>0&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{borderRadius:6,borderWidth:Math.max(2,h.vignette/100*44),borderColor:`rgba(0, 0, 0, ${.85*(h.vignette/100)})`}]}/>}
+                      {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)})`}]}/>}
 
                       
-                      {M==="mono"&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:"rgba(100, 116, 139, 0.45)"}]}/>}
-                      {M==="noir"&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:"rgba(0, 0, 0, 0.48)"}]}/>}
-                      {M==="sepia"&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:"rgba(120, 53, 15, 0.32)"}]}/>}
-                      {M==="vintage"&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:"rgba(217, 119, 6, 0.22)"}]}/>}
-                      {M==="vibrant"&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:"rgba(236, 72, 153, 0.16)"}]}/>}
-                      {M==="cool"&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:"rgba(14, 165, 233, 0.22)"}]}/>}
-                      {M==="warm"&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:"rgba(249, 115, 22, 0.22)"}]}/>}
-                      {M==="fade"&&<react_native_1.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:"rgba(255, 255, 255, 0.18)"}]}/>}
+                      {$==="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)"}]}/>}
                     </>}
 
                   
-                  {!ae&&<react_native_svg_1.default style={react_native_1.StyleSheet.absoluteFill}pointerEvents={l==="draw"?"auto":"none"}>
+                  {!ve&&<react_native_svg_1.default style={react_native_1.StyleSheet.absoluteFill}pointerEvents={F==="draw"?"auto":"none"}>
                       <react_native_svg_1.G>
                         
-                        {R.map(e=>{if(e.type==="brush"){if(e.points.length<2)return null;const t=e.points.reduce((o,a,r)=>r===0?`M ${a.x} ${a.y}`:`${o} L ${a.x} ${a.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((o,a,r)=>r===0?`M ${a.x} ${a.y}`:`${o} L ${a.x} ${a.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],o=e.points[1],a=o.x-t.x,r=o.y-t.y,n=Math.atan2(r,a),d=Math.min(28,Math.max(14,e.strokeWidth*3.5)),m=Math.PI/6,S=o.x-d*Math.cos(n-m),F=o.y-d*Math.sin(n-m),Se=o.x-d*Math.cos(n+m),Ee=o.y-d*Math.sin(n+m);return<react_native_svg_1.G key={e.id}>
-                                <react_native_svg_1.Line x1={t.x}y1={t.y}x2={o.x}y2={o.y}stroke={e.color}strokeWidth={e.strokeWidth}strokeLinecap="round"/>
-                                <react_native_svg_1.Polygon points={`${o.x},${o.y} ${S},${F} ${Se},${Ee}`}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},o=e.points[1]||t,a=Math.min(t.x,o.x),r=Math.min(t.y,o.y),n=Math.max(10,Math.abs(o.x-t.x)),d=Math.max(10,Math.abs(o.y-t.y));return<react_native_svg_1.Ellipse key={e.id}cx={a+n/2}cy={r+d/2}rx={n/2}ry={d/2}stroke={e.color}strokeWidth={e.strokeWidth}fill="none"/>}if(e.type==="spotlight"){const t=e.points[0]||{x:0,y:0},o=e.points[1]||t,a=Math.min(t.x,o.x),r=Math.min(t.y,o.y),n=Math.max(16,Math.abs(o.x-t.x)),d=Math.max(16,Math.abs(o.y-t.y));return<react_native_svg_1.G key={e.id}>
-                                <react_native_svg_1.Ellipse cx={a+n/2}cy={r+d/2}rx={n/2}ry={d/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},o=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={o}fill={e.color||"#EF4444"}stroke="#FFFFFF"strokeWidth={1.5}/>
-                                <react_native_svg_1.Text x={t.x}y={t.y+o*.35}fill="#FFFFFF"fontSize={Math.round(o*.95)}fontWeight="bold"textAnchor="middle">
+                        {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,M=Math.atan2(_,C),R=Math.min(28,Math.max(14,e.strokeWidth*3.5)),B=Math.PI/6,j=w.x-R*Math.cos(M-B),X=w.y-R*Math.sin(M-B),je=w.x-R*Math.cos(M+B),rt=w.y-R*Math.sin(M+B);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),M=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+M/2}cy={_+R/2}rx={M/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),M=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+M/2}cy={_+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>}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">
                                   {e.stepNumber||1}
                                 </react_native_svg_1.Text>
-                              </react_native_svg_1.G>}if(e.type==="redact"){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}fill="#000000"rx={4}ry={4}/>}if(e.type==="pixelate"){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.G key={e.id}>
-                                <react_native_svg_1.Rect x={t.x}y={t.y}width={t.width}height={t.height}fill="rgba(255,255,255,0.22)"stroke="rgba(255,255,255,0.5)"strokeWidth={1.5}strokeDasharray="4,4"rx={4}ry={4}/>
-                                <react_native_svg_1.Line x1={t.x}y1={t.y+t.height*.33}x2={t.x+t.width}y2={t.y+t.height*.33}stroke="rgba(255,255,255,0.35)"strokeWidth={1}/>
-                                <react_native_svg_1.Line x1={t.x}y1={t.y+t.height*.66}x2={t.x+t.width}y2={t.y+t.height*.66}stroke="rgba(255,255,255,0.35)"strokeWidth={1}/>
-                                <react_native_svg_1.Line x1={t.x+t.width*.33}y1={t.y}x2={t.x+t.width*.33}y2={t.y+t.height}stroke="rgba(255,255,255,0.35)"strokeWidth={1}/>
-                                <react_native_svg_1.Line x1={t.x+t.width*.66}y1={t.y}x2={t.x+t.width*.66}y2={t.y+t.height}stroke="rgba(255,255,255,0.35)"strokeWidth={1}/>
+                              </react_native_svg_1.G>}if(e.type==="redact"){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}fill="#000000"rx={4}ry={4}/>}if(e.type==="pixelate"){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.G key={e.id}>
+                                <react_native_svg_1.Rect x={T.x}y={T.y}width={T.width}height={T.height}fill="rgba(255,255,255,0.22)"stroke="rgba(255,255,255,0.5)"strokeWidth={1.5}strokeDasharray="4,4"rx={4}ry={4}/>
+                                <react_native_svg_1.Line x1={T.x}y1={T.y+T.height*.33}x2={T.x+T.width}y2={T.y+T.height*.33}stroke="rgba(255,255,255,0.35)"strokeWidth={1}/>
+                                <react_native_svg_1.Line x1={T.x}y1={T.y+T.height*.66}x2={T.x+T.width}y2={T.y+T.height*.66}stroke="rgba(255,255,255,0.35)"strokeWidth={1}/>
+                                <react_native_svg_1.Line x1={T.x+T.width*.33}y1={T.y}x2={T.x+T.width*.33}y2={T.y+T.height}stroke="rgba(255,255,255,0.35)"strokeWidth={1}/>
+                                <react_native_svg_1.Line x1={T.x+T.width*.66}y1={T.y}x2={T.x+T.width*.66}y2={T.y+T.height}stroke="rgba(255,255,255,0.35)"strokeWidth={1}/>
                               </react_native_svg_1.G>}return null})}
 
                         
-                        {p&&p.length>0&&<>
-                            {c==="brush"&&p.length>1&&<react_native_svg_1.Path d={p.reduce((e,t,o)=>o===0?`M ${t.x} ${t.y}`:`${e} L ${t.x} ${t.y}`,"")}stroke={K}strokeWidth={re}strokeLinecap="round"strokeLinejoin="round"fill="none"/>}
+                        {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"/>}
 
-                            {c==="highlighter"&&p.length>1&&<react_native_svg_1.Path d={p.reduce((e,t,o)=>o===0?`M ${t.x} ${t.y}`:`${e} L ${t.x} ${t.y}`,"")}stroke={K}strokeWidth={re*2.5}strokeOpacity={.4}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"/>}
 
-                            {c==="arrow"&&p.length>1&&(()=>{const e=p[0],t=p[p.length-1],o=t.x-e.x,a=t.y-e.y,r=Math.atan2(a,o),n=Math.min(28,Math.max(14,re*3.5)),d=Math.PI/6,m=t.x-n*Math.cos(r-d),S=t.y-n*Math.sin(r-d),F=t.x-n*Math.cos(r+d),Se=t.y-n*Math.sin(r+d);return<react_native_svg_1.G>
-                                  <react_native_svg_1.Line x1={e.x}y1={e.y}x2={t.x}y2={t.y}stroke={K}strokeWidth={re}strokeLinecap="round"/>
-                                  <react_native_svg_1.Polygon points={`${t.x},${t.y} ${m},${S} ${F},${Se}`}fill={K}/>
+                            {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),M=Math.min(28,Math.max(14,Ce*3.5)),R=Math.PI/6,B=T.x-M*Math.cos(_-R),j=T.y-M*Math.sin(_-R),X=T.x-M*Math.cos(_+R),je=T.y-M*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} ${B},${j} ${X},${je}`}fill={be}/>
                                 </react_native_svg_1.G>})()}
 
-                            {c==="rect"&&p.length>1&&(()=>{const e=p[0],t=p[p.length-1],o=Math.min(e.x,t.x),a=Math.min(e.y,t.y),r=Math.abs(t.x-e.x),n=Math.abs(t.y-e.y);return<react_native_svg_1.Rect x={o}y={a}width={r}height={n}stroke={K}strokeWidth={re}rx={6}ry={6}fill="none"/>})()}
+                            {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),M=Math.abs(T.y-e.y);return<react_native_svg_1.Rect x={w}y={C}width={_}height={M}stroke={be}strokeWidth={Ce}rx={6}ry={6}fill="none"/>})()}
 
-                            {c==="circle"&&p.length>1&&(()=>{const e=p[0],t=p[p.length-1],o=Math.min(e.x,t.x),a=Math.min(e.y,t.y),r=Math.max(10,Math.abs(t.x-e.x)),n=Math.max(10,Math.abs(t.y-e.y));return<react_native_svg_1.Ellipse cx={o+r/2}cy={a+n/2}rx={r/2}ry={n/2}stroke={K}strokeWidth={re}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)),M=Math.max(10,Math.abs(T.y-e.y));return<react_native_svg_1.Ellipse cx={w+_/2}cy={C+M/2}rx={_/2}ry={M/2}stroke={be}strokeWidth={Ce}fill="none"/>})()}
 
-                            {c==="spotlight"&&p.length>1&&(()=>{const e=p[0],t=p[p.length-1],o=Math.min(e.x,t.x),a=Math.min(e.y,t.y),r=Math.max(16,Math.abs(t.x-e.x)),n=Math.max(16,Math.abs(t.y-e.y));return<react_native_svg_1.G>
-                                  <react_native_svg_1.Ellipse cx={o+r/2}cy={a+n/2}rx={r/2}ry={n/2}stroke="#FBBF24"strokeWidth={2.5}strokeDasharray="5,3"fill="rgba(255, 255, 255, 0.15)"/>
+                            {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)),M=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+M/2}rx={_/2}ry={M/2}stroke="#FBBF24"strokeWidth={2.5}strokeDasharray="5,3"fill="rgba(255, 255, 255, 0.15)"/>
                                 </react_native_svg_1.G>})()}
 
-                            {c==="step"&&p.length>0&&(()=>{const e=p[0],t=R.filter(a=>a.type==="step").length,o=Math.max(12,Math.min(20,re*2.2+8));return<react_native_svg_1.G>
-                                  <react_native_svg_1.Circle cx={e.x}cy={e.y}r={o}fill={K||"#EF4444"}stroke="#FFFFFF"strokeWidth={1.5}/>
-                                  <react_native_svg_1.Text x={e.x}y={e.y+o*.35}fill="#FFFFFF"fontSize={Math.round(o*.95)}fontWeight="bold"textAnchor="middle">
-                                    {t+1}
+                            {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}/>
+                                  <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>})()}
 
-                            {c==="redact"&&p.length>1&&(()=>{const e=p[0],t=p[p.length-1],o=Math.min(e.x,t.x),a=Math.min(e.y,t.y),r=Math.abs(t.x-e.x),n=Math.abs(t.y-e.y);return<react_native_svg_1.Rect x={o}y={a}width={r}height={n}fill="#000000"stroke="rgba(255,255,255,0.4)"strokeWidth={1}strokeDasharray="3,3"rx={4}ry={4}/>})()}
+                            {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),M=Math.abs(T.y-e.y);return<react_native_svg_1.Rect x={w}y={C}width={_}height={M}fill="#000000"stroke="rgba(255,255,255,0.4)"strokeWidth={1}strokeDasharray="3,3"rx={4}ry={4}/>})()}
 
-                            {c==="pixelate"&&p.length>1&&(()=>{const e=p[0],t=p[p.length-1],o=Math.min(e.x,t.x),a=Math.min(e.y,t.y),r=Math.abs(t.x-e.x),n=Math.abs(t.y-e.y);return<react_native_svg_1.Rect x={o}y={a}width={r}height={n}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"&&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),M=Math.abs(T.y-e.y);return<react_native_svg_1.Rect x={w}y={C}width={_}height={M}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>}
 
                   
-                  {Y&&!ae&&<react_native_1.View pointerEvents="none"style={previewStyles.watermarkOverlay}>
+                  {ue&&!ve&&<react_native_1.View pointerEvents="none"style={previewStyles.watermarkOverlay}>
                       <react_native_1.Text style={previewStyles.watermarkText}>
-                        {react_native_1.Platform.OS.toUpperCase()} • {te}×{oe} • QA DIAGNOSTIC
+                        {react_native_1.Platform.OS.toUpperCase()} • {fe}×{Te} • QA DIAGNOSTIC
                       </react_native_1.Text>
                       <react_native_1.Text style={previewStyles.watermarkTime}>
                         {new Date().toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}
@@ -291,13 +291,13 @@
                     </react_native_1.View>}
 
                   
-                  {l==="text"&&<react_native_1.Pressable style={react_native_1.StyleSheet.absoluteFill}onPress={e=>{const{locationX:t,locationY:o}=e.nativeEvent,a=Math.max(1,ne.width),r=Math.max(1,ne.height),n=Math.max(.05,Math.min(.85,t/a)),d=Math.max(.05,Math.min(.85,o/r));Yt({x:n,y:d}),yt()}}/>}
+                  {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),M=Math.max(.05,Math.min(.85,T/C)),R=Math.max(.05,Math.min(.85,w/_));go({x:M,y:R}),Vt()}}/>}
 
                   
-                  {!ae&&Q.map(e=><DraggableText key={e.id}textItem={e}canvasWidth={ne.width}canvasHeight={ne.height}scale={I}onUpdate={(t,o)=>{P(),ue(a=>a.map(r=>r.id===t?{...r,...o}:r))}}onDelete={t=>{ro(t)}}onEdit={t=>yt(t)}/>)}
+                  {!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)}/>)}
 
                   
-                  {(N||l==="crop")&&!ae&&<react_native_1.View pointerEvents="none"style={previewStyles.instagramGridOverlay}>
+                  {(se||F==="crop")&&!ve&&<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%"}]}/>
@@ -309,87 +309,87 @@
 
 
             
-            {k&&Bt&&<react_native_1.Pressable onPressIn={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Ge(!0)}}onPressOut={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Ge(!1)}}style={({pressed:e})=>[previewStyles.holdCompareBtn,e&&previewStyles.holdCompareBtnPressed]}>
+            {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]}>
                 <NetworkIcons_1.EyeCompareIcon size={14}color={AppColors_1.AppColors.white}/>
                 <react_native_1.Text style={previewStyles.holdCompareText}>
-                  {ae?"Original Image":"Hold to Compare"}
+                  {ve?"Original Image":"Hold to Compare"}
                 </react_native_1.Text>
               </react_native_1.Pressable>}
 
             
-            {g&&<react_native_1.TouchableOpacity onPress={bt}activeOpacity={.85}style={previewStyles.modernCenterPlayBtn}>
-                {W?<NetworkIcons_1.PauseIcon size={24}color={AppColors_1.AppColors.white}/>:<react_native_1.View style={{marginLeft:3}}>
+            {O&&<react_native_1.TouchableOpacity onPress={zt}activeOpacity={.85}style={previewStyles.modernCenterPlayBtn}>
+                {ae?<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>}
 
             
-            {g&&<react_native_1.View style={previewStyles.videoFloatingHud}>
-                <react_native_1.TouchableOpacity onPress={bt}hitSlop={{top:8,bottom:8,left:8,right:8}}>
-                  {W?<NetworkIcons_1.PauseIcon size={13}color={AppColors_1.AppColors.white}/>:<NetworkIcons_1.PlayIcon size={13}color={AppColors_1.AppColors.white}/>}
+            {O&&<react_native_1.View style={previewStyles.videoFloatingHud}>
+                <react_native_1.TouchableOpacity onPress={zt}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}/>}
                 </react_native_1.TouchableOpacity>
                 <react_native_1.View style={previewStyles.videoHudProgressBar}>
-                  <react_native_1.View style={[previewStyles.videoHudProgressFill,{left:`${V/(z||1e4)*100}%`,width:`${Math.max(4,(E-V)/(z||1e4)*100)}%`}]}/>
+                  <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>
                 <react_native_1.Text style={previewStyles.videoHudTimeText}>
-                  {Wt||"00:05"}
+                  {ao||"00:05"}
                 </react_native_1.Text>
-                {X&&<react_native_1.View style={previewStyles.videoHudBadge}>
+                {he&&<react_native_1.View style={previewStyles.videoHudBadge}>
                     <NetworkIcons_1.VolumeXIcon size={10}color="#F87171"/>
                   </react_native_1.View>}
-                {he!==1&&<react_native_1.View style={previewStyles.videoHudBadge}>
-                    <react_native_1.Text style={previewStyles.videoHudBadgeText}>{he}x</react_native_1.Text>
+                {ke!==1&&<react_native_1.View style={previewStyles.videoHudBadge}>
+                    <react_native_1.Text style={previewStyles.videoHudBadgeText}>{ke}x</react_native_1.Text>
                   </react_native_1.View>}
               </react_native_1.View>}
 
             
-            {k&&<react_native_1.View style={previewStyles.floatingZoomBar}>
-                <TouchableScale_1.default onPress={Kt}style={previewStyles.zoomBtn}accessibilityLabel="Zoom In">
+            {q&&<react_native_1.View style={previewStyles.floatingZoomBar}>
+                <TouchableScale_1.default onPress={mo}style={previewStyles.zoomBtn}accessibilityLabel="Zoom In">
                   <NetworkIcons_1.ZoomInIcon size={15}color={AppColors_1.AppColors.white}/>
                 </TouchableScale_1.default>
 
-                <react_native_1.TouchableOpacity onPress={Rt}activeOpacity={.8}style={previewStyles.zoomLevelBadge}>
+                <react_native_1.TouchableOpacity onPress={Yt}activeOpacity={.8}style={previewStyles.zoomLevelBadge}>
                   <react_native_1.Text style={previewStyles.zoomLevelText}>
-                    {Math.round(I*100)}%
+                    {Math.round(Q*100)}%
                   </react_native_1.Text>
                 </react_native_1.TouchableOpacity>
 
-                <TouchableScale_1.default onPress={Qt}style={previewStyles.zoomBtn}accessibilityLabel="Zoom Out">
+                <TouchableScale_1.default onPress={xo}style={previewStyles.zoomBtn}accessibilityLabel="Zoom Out">
                   <NetworkIcons_1.ZoomOutIcon size={15}color={AppColors_1.AppColors.white}/>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default onPress={Rt}style={previewStyles.zoomBtn}accessibilityLabel="Fit to Screen">
+                <TouchableScale_1.default onPress={Yt}style={previewStyles.zoomBtn}accessibilityLabel="Fit to Screen">
                   <NetworkIcons_1.MaximizeIcon size={14}color={AppColors_1.AppColors.white}/>
                 </TouchableScale_1.default>
               </react_native_1.View>}
 
             
-            {k&&l==="crop"&&<CropOverlay cropBox={et}imageWidth={ne.width}imageHeight={ne.height}imageOffsetX={(Oe.width-ne.width)/2}imageOffsetY={(Oe.height-ne.height)/2}scale={I}onUpdateCropBox={He}onApplyCrop={Ht}onCancelCrop={()=>f("none")}/>}
+            {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")}/>}
           </react_native_1.View>
         </react_native_1.View>
 
         
         <react_native_1.View style={previewStyles.bottomControlsContainer}>
           
-          {(k||g)&&<react_native_1.View style={previewStyles.contextToolPanel}>
+          {(q||O)&&<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,k&&l==="draw"&&{backgroundColor:"#818CF8"},k&&l==="crop"&&{backgroundColor:"#38BDF8"},k&&l==="adjust"&&{backgroundColor:"#F59E0B"},k&&l==="text"&&{backgroundColor:"#A855F7"},g&&l==="trim"&&{backgroundColor:"#38BDF8"},g&&l==="audio"&&{backgroundColor:"#F59E0B"},g&&l==="speed"&&{backgroundColor:"#8B5CF6"},g&&l==="gif"&&{backgroundColor:"#10B981"},g&&l==="snapshot"&&{backgroundColor:"#EC4899"},g&&l==="none"&&{backgroundColor:"#818CF8"}]}/>
+                  <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.Text style={previewStyles.panelHeaderTitle}>
-                    {k?l==="draw"?c==="redact"?"BLACKOUT REDACTION":c==="pixelate"?"PIXELATE BLUR":c==="highlighter"?"HIGHLIGHTER":c==="arrow"?"ARROW CALLOUT":c==="rect"?"RECTANGLE BOX":c==="circle"?"CIRCLE / ELLIPSE":c==="spotlight"?"SPOTLIGHT FOCUS":c==="step"?"STEP NUMBER BADGE":"PEN BRUSH":l==="crop"?"CROP & ROTATE":l==="adjust"?`ADJUST: ${ee.toUpperCase()}`:l==="text"?"TEXT & BUG BADGES":"CANVAS PREVIEW":l==="trim"?"VIDEO TRIMMER":l==="audio"?"AUDIO CONTROLS":l==="speed"?"SPEED MULTIPLIER":l==="gif"?"GIF EXPORT STUDIO":l==="snapshot"?"FRAME SNAPSHOT":"VIDEO STUDIO & PLAYER"}
+                    {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"}
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.View style={previewStyles.panelValueBadge}>
                   <react_native_1.Text style={previewStyles.panelValueText}>
-                    {k?l==="draw"?c==="redact"?"100% Solid":c==="pixelate"?`+${pt} px`:c==="step"?`Badge #${R.filter(e=>e.type==="step").length+1}`:`+${re} px`:l==="crop"?`${gt.toUpperCase()} \u2022 ${T}\xB0`:l==="adjust"?ee==="vignette"?`+${h.vignette}%`:`${h[ee]>=0?"+":""}${h[ee]}%`:l==="text"?`${Q.length} Notes`:`${Math.round(I*100)}%`:l==="trim"?`${(V/1e3).toFixed(1)}s - ${(E/1e3).toFixed(1)}s (${((E-V)/1e3).toFixed(1)}s)`:l==="audio"?X?"Muted (0%)":`${Te}% Vol`:l==="speed"?`${he}x Speed`:l==="gif"?`${Qe} FPS \u2022 ${ut}px`:l==="snapshot"?`${te||1080}\xD7${oe||1920}`:Wt||"00:05"}
+                    {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"}
                   </react_native_1.Text>
                 </react_native_1.View>
               </react_native_1.View>
 
               
-              {g&&l==="trim"&&xt.length>0&&<react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={previewStyles.filmstripScroll}>
-                  {xt.map(e=>{const t=e.timeMs>=V&&e.timeMs<=E;return<react_native_1.TouchableOpacity key={`thumb_${e.index}_${e.timeMs}`}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Me==="start"?ke(Math.min(E-500,e.timeMs)):Pe(Math.max(V+500,e.timeMs))}}style={[previewStyles.filmstripThumbItem,t&&previewStyles.filmstripThumbActive]}>
+              {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]}>
                         <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
@@ -400,93 +400,93 @@
               
               <react_native_1.View style={previewStyles.sliderRowContainer}>
                 <react_native_1.Text style={previewStyles.sliderMinIndicator}>
-                  {g&&l==="speed"?"0.5x":g&&l==="gif"?"6fps":"\u25CB"}
+                  {O&&F==="speed"?"0.5x":O&&F==="gif"?"6fps":"\u25CB"}
                 </react_native_1.Text>
-                <react_native_1.View onLayout={e=>{const t=e.nativeEvent.layout.width;t>20&&(kt.current=t)}}style={previewStyles.sliderTrackTouchable}{...Jt.panHandlers}>
+                <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 style={previewStyles.sliderTrackBg}>
-                    <react_native_1.View style={[previewStyles.sliderFillTrack,{width:`${Ot}%`},g&&l==="trim"&&{left:`${V/(z||1e4)*100}%`,width:`${Math.max(4,(E-V)/(z||1e4)*100)}%`,backgroundColor:"#38BDF8"}]}/>
-                    <react_native_1.View pointerEvents="none"style={[previewStyles.sliderThumbHandle,{left:`${Ot}%`}]}>
+                    <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.sliderThumbInnerGlow}/>
                     </react_native_1.View>
                   </react_native_1.View>
                 </react_native_1.View>
                 <react_native_1.Text style={previewStyles.sliderMaxIndicator}>
-                  {g&&l==="speed"?"2.0x":g&&l==="gif"?"24fps":"\u25CF"}
+                  {O&&F==="speed"?"2.0x":O&&F==="gif"?"24fps":"\u25CF"}
                 </react_native_1.Text>
               </react_native_1.View>
 
               
               <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={previewStyles.modeChipsScroll}>
-                {g?l==="trim"?<>
+                {O?F==="trim"?<>
                       
-                      <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),rt("start")}}style={[previewStyles.modeChip,Me==="start"&&previewStyles.modeChipActive]}>
-                        <react_native_1.Text style={[previewStyles.modeChipText,Me==="start"&&previewStyles.modeChipTextActive]}>
-                          Start: {(V/1e3).toFixed(1)}s
+                      <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]}>
+                          Start: {(J/1e3).toFixed(1)}s
                         </react_native_1.Text>
                       </react_native_1.TouchableOpacity>
 
-                      <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),rt("end")}}style={[previewStyles.modeChip,Me==="end"&&previewStyles.modeChipActive]}>
-                        <react_native_1.Text style={[previewStyles.modeChipText,Me==="end"&&previewStyles.modeChipTextActive]}>
-                          End: {(E/1e3).toFixed(1)}s
+                      <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.Text>
                       </react_native_1.TouchableOpacity>
 
                       <react_native_1.View style={previewStyles.subDivider}/>
 
                       
-                      <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light");const e=z||1e4;ke(0),Pe(Math.min(e,3e3))}}style={previewStyles.modeChip}>
+                      <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>
 
-                      <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light");const e=z||1e4;ke(0),Pe(Math.min(e,5e3))}}style={previewStyles.modeChip}>
+                      <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>
 
-                      <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light");const e=z||1e4;ke(0),Pe(Math.min(e,1e4))}}style={previewStyles.modeChip}>
+                      <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>
 
                       <react_native_1.View style={previewStyles.subDivider}/>
 
-                      <react_native_1.TouchableOpacity onPress={Vt}style={previewStyles.applyActionBtn}>
+                      <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>
 
-                      <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),ke(0),Pe(z||1e4)}}style={previewStyles.cancelActionBtn}>
+                      <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),qe(0),Ze(ee||1e4)}}style={previewStyles.cancelActionBtn}>
                         <react_native_1.Text style={previewStyles.cancelActionText}>Reset</react_native_1.Text>
                       </react_native_1.TouchableOpacity>
-                    </>:l==="audio"?<>
-                      <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Ke(e=>!e)}}style={[previewStyles.modeChip,X&&previewStyles.modeChipActive]}>
-                        <NetworkIcons_1.VolumeXIcon size={14}color={X?AppColors_1.AppColors.white:"rgba(255,255,255,0.7)"}/>
-                        <react_native_1.Text style={[previewStyles.modeChipText,X&&previewStyles.modeChipTextActive]}>
-                          {X?"Muted":"Unmuted"}
+                    </>:F==="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]}>
+                          {he?"Muted":"Unmuted"}
                         </react_native_1.Text>
                       </react_native_1.TouchableOpacity>
 
                       <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"),nt(e),Ke(e===0)}}style={[previewStyles.modeChip,!X&&Te===e&&previewStyles.modeChipActive]}>
-                          <react_native_1.Text style={[previewStyles.modeChipText,!X&&Te===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&&We===e&&previewStyles.modeChipActive]}>
+                          <react_native_1.Text style={[previewStyles.modeChipText,!he&&We===e&&previewStyles.modeChipTextActive]}>
                             {e}%
                           </react_native_1.Text>
                         </react_native_1.TouchableOpacity>)}
 
                       <react_native_1.View style={previewStyles.subDivider}/>
 
-                      <react_native_1.TouchableOpacity onPress={co}style={previewStyles.applyActionBtn}>
+                      <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>
-                    </>:l==="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,he===e&&previewStyles.modeChipActive]}>
-                          <NetworkIcons_1.ZapIcon size={13}color={he===e?AppColors_1.AppColors.white:"rgba(255,255,255,0.7)"}/>
-                          <react_native_1.Text style={[previewStyles.modeChipText,he===e&&previewStyles.modeChipTextActive]}>
+                    </>: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]}>
                             {e===1?"1.0x (Normal)":`${e}x`}
                           </react_native_1.Text>
                         </react_native_1.TouchableOpacity>)}
-                    </>:l==="gif"?<>
+                    </>:F==="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"),mt(e.fps)}}style={[previewStyles.modeChip,Qe===e.fps&&previewStyles.modeChipActive]}>
-                          <react_native_1.Text style={[previewStyles.modeChipText,Qe===e.fps&&previewStyles.modeChipTextActive]}>
+                      {[{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"),Bt(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>
                         </react_native_1.TouchableOpacity>)}
@@ -494,155 +494,155 @@
                       <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"),$t(e.w)}}style={[previewStyles.modeChip,ut===e.w&&previewStyles.modeChipActive]}>
-                          <react_native_1.Text style={[previewStyles.modeChipText,ut===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"),co(e.w)}}style={[previewStyles.modeChip,It===e.w&&previewStyles.modeChipActive]}>
+                          <react_native_1.Text style={[previewStyles.modeChipText,It===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={Dt}disabled={ce}style={[previewStyles.applyActionBtn,ce&&{opacity:.6}]}>
+                      <react_native_1.TouchableOpacity onPress={io}disabled={Fe}style={[previewStyles.applyActionBtn,Fe&&{opacity:.6}]}>
                         <react_native_1.Text style={previewStyles.applyActionText}>
-                          {ce?"Exporting...":"Export GIF"}
+                          {Fe?"Exporting...":"Export GIF"}
                         </react_native_1.Text>
                       </react_native_1.TouchableOpacity>
-                    </>:l==="snapshot"?<>
-                      <react_native_1.TouchableOpacity onPress={zt}disabled={L}style={previewStyles.applyActionBtn}>
+                    </>:F==="snapshot"?<>
+                      <react_native_1.TouchableOpacity onPress={eo}disabled={le}style={previewStyles.applyActionBtn}>
                         <NetworkIcons_1.CameraRollIcon size={14}color={AppColors_1.AppColors.white}/>
                         <react_native_1.Text style={previewStyles.applyActionText}>
                           Snapshot Current Frame (PNG)
                         </react_native_1.Text>
                       </react_native_1.TouchableOpacity>
                     </>:<>
-                      <react_native_1.TouchableOpacity onPress={bt}style={previewStyles.modeChipActive}>
+                      <react_native_1.TouchableOpacity onPress={zt}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.TouchableOpacity>
-                      <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),f("trim")}}style={previewStyles.modeChip}>
+                      <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.TouchableOpacity>
-                      <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),f("audio")}}style={previewStyles.modeChip}>
+                      <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)"/>
                         <react_native_1.Text style={previewStyles.modeChipText}>Audio</react_native_1.Text>
                       </react_native_1.TouchableOpacity>
-                      <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),f("speed")}}style={previewStyles.modeChip}>
+                      <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.TouchableOpacity>
-                      <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),f("gif")}}style={previewStyles.modeChip}>
+                      <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.TouchableOpacity>
-                      <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),f("snapshot")}}style={previewStyles.modeChip}>
+                      <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.TouchableOpacity>
-                    </>:l==="draw"?<>
+                    </>:F==="draw"?<>
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),fe("brush")}}style={[previewStyles.modeChip,c==="brush"&&previewStyles.modeChipActive]}>
-                      <NetworkIcons_1.PenIcon size={14}color={c==="brush"?AppColors_1.AppColors.white:"rgba(255,255,255,0.6)"}/>
-                      <react_native_1.Text style={[previewStyles.modeChipText,c==="brush"&&previewStyles.modeChipTextActive]}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),De("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
                       </react_native_1.Text>
                     </react_native_1.TouchableOpacity>
 
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),fe("highlighter")}}style={[previewStyles.modeChip,c==="highlighter"&&previewStyles.modeChipActive]}>
-                      <NetworkIcons_1.HighlighterIcon size={14}color={c==="highlighter"?AppColors_1.AppColors.white:"rgba(255,255,255,0.6)"}/>
-                      <react_native_1.Text style={[previewStyles.modeChipText,c==="highlighter"&&previewStyles.modeChipTextActive]}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),De("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
                       </react_native_1.Text>
                     </react_native_1.TouchableOpacity>
 
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),fe("arrow")}}style={[previewStyles.modeChip,c==="arrow"&&previewStyles.modeChipActive]}>
-                      <NetworkIcons_1.ArrowRightIcon size={14}color={c==="arrow"?AppColors_1.AppColors.white:"rgba(255,255,255,0.6)"}/>
-                      <react_native_1.Text style={[previewStyles.modeChipText,c==="arrow"&&previewStyles.modeChipTextActive]}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),De("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
                       </react_native_1.Text>
                     </react_native_1.TouchableOpacity>
 
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),fe("rect")}}style={[previewStyles.modeChip,c==="rect"&&previewStyles.modeChipActive]}>
-                      <react_native_1.Text style={[previewStyles.modeChipIconText,c==="rect"&&{color:AppColors_1.AppColors.white}]}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),De("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>
-                      <react_native_1.Text style={[previewStyles.modeChipText,c==="rect"&&previewStyles.modeChipTextActive]}>
+                      <react_native_1.Text style={[previewStyles.modeChipText,A==="rect"&&previewStyles.modeChipTextActive]}>
                         Rectangle
                       </react_native_1.Text>
                     </react_native_1.TouchableOpacity>
 
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),fe("circle")}}style={[previewStyles.modeChip,c==="circle"&&previewStyles.modeChipActive]}>
-                      <react_native_1.Text style={[previewStyles.modeChipIconText,c==="circle"&&{color:AppColors_1.AppColors.white}]}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),De("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>
-                      <react_native_1.Text style={[previewStyles.modeChipText,c==="circle"&&previewStyles.modeChipTextActive]}>
+                      <react_native_1.Text style={[previewStyles.modeChipText,A==="circle"&&previewStyles.modeChipTextActive]}>
                         Circle
                       </react_native_1.Text>
                     </react_native_1.TouchableOpacity>
 
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),fe("spotlight")}}style={[previewStyles.modeChip,c==="spotlight"&&previewStyles.modeChipActive]}>
-                      <react_native_1.Text style={[previewStyles.modeChipIconText,c==="spotlight"&&{color:AppColors_1.AppColors.white}]}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),De("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>
-                      <react_native_1.Text style={[previewStyles.modeChipText,c==="spotlight"&&previewStyles.modeChipTextActive]}>
+                      <react_native_1.Text style={[previewStyles.modeChipText,A==="spotlight"&&previewStyles.modeChipTextActive]}>
                         Spotlight
                       </react_native_1.Text>
                     </react_native_1.TouchableOpacity>
 
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),fe("step"),(0,toast_1.showToast)(s("mediaGallery.tapToPlaceStep","Tap or drag on image to place numbered steps \u2460 \u2461 \u2462"))}}style={[previewStyles.modeChip,c==="step"&&previewStyles.modeChipActive]}>
-                      <react_native_1.Text style={[previewStyles.modeChipIconText,c==="step"&&{color:AppColors_1.AppColors.white}]}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),De("step"),(0,toast_1.showToast)(S("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>
-                      <react_native_1.Text style={[previewStyles.modeChipText,c==="step"&&previewStyles.modeChipTextActive]}>
-                        Step #{R.filter(e=>e.type==="step").length+1}
+                      <react_native_1.Text style={[previewStyles.modeChipText,A==="step"&&previewStyles.modeChipTextActive]}>
+                        Step #{Y.filter(e=>e.type==="step").length+1}
                       </react_native_1.Text>
                     </react_native_1.TouchableOpacity>
 
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),fe("redact")}}style={[previewStyles.modeChip,c==="redact"&&previewStyles.modeChipActive]}>
-                      <NetworkIcons_1.RedactIcon size={14}color={c==="redact"?AppColors_1.AppColors.white:"rgba(255,255,255,0.6)"}/>
-                      <react_native_1.Text style={[previewStyles.modeChipText,c==="redact"&&previewStyles.modeChipTextActive]}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),De("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
                       </react_native_1.Text>
                     </react_native_1.TouchableOpacity>
 
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),fe("pixelate")}}style={[previewStyles.modeChip,c==="pixelate"&&previewStyles.modeChipActive]}>
-                      <NetworkIcons_1.PixelateIcon size={14}color={c==="pixelate"?AppColors_1.AppColors.white:"rgba(255,255,255,0.6)"}/>
-                      <react_native_1.Text style={[previewStyles.modeChipText,c==="pixelate"&&previewStyles.modeChipTextActive]}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),De("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
                       </react_native_1.Text>
                     </react_native_1.TouchableOpacity>
 
                     <react_native_1.View style={previewStyles.subDivider}/>
 
-                    {COLOR_PALETTE.map(e=><react_native_1.TouchableOpacity key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),wt(e)}}style={[previewStyles.colorDot,{backgroundColor:e},K===e&&previewStyles.colorDotActive]}/>)}
+                    {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]}/>)}
 
                     <react_native_1.View style={previewStyles.subDivider}/>
 
-                    <react_native_1.TouchableOpacity onPress={io}disabled={R.length===0}style={[previewStyles.actionPillBtn,R.length===0&&{opacity:.4}]}>
+                    <react_native_1.TouchableOpacity onPress={Co}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>
 
-                    {R.length>0&&<react_native_1.TouchableOpacity onPress={ao}style={[previewStyles.actionPillBtn,{backgroundColor:"rgba(239, 68, 68, 0.2)"}]}>
+                    {Y.length>0&&<react_native_1.TouchableOpacity onPress={_o}style={[previewStyles.actionPillBtn,{backgroundColor:"rgba(239, 68, 68, 0.2)"}]}>
                         <react_native_1.Text style={[previewStyles.actionPillText,{color:AppColors_1.AppColors.rose400}]}>
-                          Clear ({R.length})
+                          Clear ({Y.length})
                         </react_native_1.Text>
                       </react_native_1.TouchableOpacity>}
-                  </>:l==="adjust"?<>
+                  </>:F==="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"),P(),Ye(e.key)}}style={[previewStyles.modeChip,M===e.key&&previewStyles.modeChipActive]}>
-                        <react_native_1.Text style={[previewStyles.modeChipIconText,M===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"),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}]}>
                           {e.icon}
                         </react_native_1.Text>
-                        <react_native_1.Text style={[previewStyles.modeChipText,M===e.key&&previewStyles.modeChipTextActive]}>
+                        <react_native_1.Text style={[previewStyles.modeChipText,$===e.key&&previewStyles.modeChipTextActive]}>
                           {e.label}
                         </react_native_1.Text>
                       </react_native_1.TouchableOpacity>)}
@@ -650,19 +650,19 @@
                     <react_native_1.View style={previewStyles.subDivider}/>
 
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),P(),Ne(e=>!e)}}style={[previewStyles.modeChip,Y&&previewStyles.modeChipActive]}>
-                      <react_native_1.Text style={[previewStyles.modeChipIconText,Y&&{color:AppColors_1.AppColors.white}]}>
+                    <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.Text>
-                      <react_native_1.Text style={[previewStyles.modeChipText,Y&&previewStyles.modeChipTextActive]}>
-                        QA Bar {Y?"ON":"OFF"}
+                      <react_native_1.Text style={[previewStyles.modeChipText,ue&&previewStyles.modeChipTextActive]}>
+                        QA Bar {ue?"ON":"OFF"}
                       </react_native_1.Text>
                     </react_native_1.TouchableOpacity>
 
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Le(e=>!e)}}style={[previewStyles.modeChip,N&&previewStyles.modeChipActive]}>
-                      <NetworkIcons_1.GridlinesIcon size={13}color={N?AppColors_1.AppColors.white:"rgba(255,255,255,0.8)"}/>
-                      <react_native_1.Text style={[previewStyles.modeChipText,N&&previewStyles.modeChipTextActive]}>
+                    <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]}>
                         Grid 3×3
                       </react_native_1.Text>
                     </react_native_1.TouchableOpacity>
@@ -670,72 +670,70 @@
                     <react_native_1.View style={previewStyles.subDivider}/>
 
                     
-                    {[{key:"brightness",label:"Brightness",icon:"\u2600"},{key:"contrast",label:"Contrast",icon:"\u25D0"},{key:"saturation",label:"Saturation",icon:"\u{1F3A8}"},{key:"warmth",label:"Warmth",icon:"\u{1F525}"},{key:"exposure",label:"Exposure",icon:"\u26A1"},{key:"vignette",label:"Vignette",icon:"\u25CE"}].map(e=><react_native_1.TouchableOpacity key={e.key}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Lt(e.key)}}style={[previewStyles.modeChip,ee===e.key&&previewStyles.modeChipActive]}>
-                        <react_native_1.Text style={[previewStyles.modeChipIconText,ee===e.key&&{color:AppColors_1.AppColors.white}]}>
-                          {e.icon}
-                        </react_native_1.Text>
-                        <react_native_1.Text style={[previewStyles.modeChipText,ee===e.key&&previewStyles.modeChipTextActive]}>
-                          {e.label}
-                        </react_native_1.Text>
-                      </react_native_1.TouchableOpacity>)}
+                    {[{key:"brightness",label:S("media.brightness","Brightness"),IconComponent:NetworkIcons_1.BrightnessIcon},{key:"contrast",label:S("media.contrast","Contrast"),IconComponent:NetworkIcons_1.ContrastIcon},{key:"saturation",label:S("media.saturation","Saturation"),IconComponent:NetworkIcons_1.SaturationIcon},{key:"warmth",label:S("media.warmth","Warmth"),IconComponent:NetworkIcons_1.WarmthIcon},{key:"exposure",label:S("media.exposure","Exposure"),IconComponent:NetworkIcons_1.ExposureIcon},{key:"vignette",label:S("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]}>
+                          <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"),P(),Ye("none"),Ne(!1),Be({brightness:0,contrast:0,saturation:0,warmth:0,exposure:0,vignette:0}),(0,toast_1.showToast)(s("mediaGallery.resetAdjustments","Adjustments Reset"))}}style={previewStyles.modeChip}>
+                    <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)(S("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>
-                  </>:l==="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"),Je(e);const t=Xe(e,te,oe);He(t)}}style={[previewStyles.modeChip,gt===e&&previewStyles.modeChipActive]}>
-                        <react_native_1.Text style={[previewStyles.modeChipText,gt===e&&previewStyles.modeChipTextActive]}>
+                  </>: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]}>
                           {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"),P(),J(e=>(e+90)%360)}}style={previewStyles.modeChip}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Z(),xe(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.TouchableOpacity>
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),P(),qe(e=>!e)}}style={[previewStyles.modeChip,q&&previewStyles.modeChipActive]}>
-                      <react_native_1.Text style={[previewStyles.modeChipIconText,q&&{color:AppColors_1.AppColors.white}]}>
+                    <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.Text>
-                      <react_native_1.Text style={[previewStyles.modeChipText,q&&previewStyles.modeChipTextActive]}>
+                      <react_native_1.Text style={[previewStyles.modeChipText,ge&&previewStyles.modeChipTextActive]}>
                         Flip H
                       </react_native_1.Text>
                     </react_native_1.TouchableOpacity>
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),P(),Ze(e=>!e)}}style={[previewStyles.modeChip,Z&&previewStyles.modeChipActive]}>
-                      <react_native_1.Text style={[previewStyles.modeChipIconText,Z&&{color:AppColors_1.AppColors.white}]}>
+                    <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.Text>
-                      <react_native_1.Text style={[previewStyles.modeChipText,Z&&previewStyles.modeChipTextActive]}>
+                      <react_native_1.Text style={[previewStyles.modeChipText,ye&&previewStyles.modeChipTextActive]}>
                         Flip V
                       </react_native_1.Text>
                     </react_native_1.TouchableOpacity>
                     
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Le(e=>!e)}}style={[previewStyles.modeChip,N&&previewStyles.modeChipActive]}>
-                      <NetworkIcons_1.GridlinesIcon size={13}color={N?AppColors_1.AppColors.white:"rgba(255,255,255,0.8)"}/>
-                      <react_native_1.Text style={[previewStyles.modeChipText,N&&previewStyles.modeChipTextActive]}>
+                    <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]}>
                         Grid 3×3
                       </react_native_1.Text>
                     </react_native_1.TouchableOpacity>
                     <react_native_1.View style={previewStyles.subDivider}/>
-                    <react_native_1.TouchableOpacity onPress={Ht}style={previewStyles.applyActionBtn}>
+                    <react_native_1.TouchableOpacity onPress={oo}style={previewStyles.applyActionBtn}>
                       <react_native_1.Text style={previewStyles.applyActionText}>Apply</react_native_1.Text>
                     </react_native_1.TouchableOpacity>
-                    <react_native_1.TouchableOpacity onPress={()=>f("none")}style={previewStyles.cancelActionBtn}>
+                    <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>
-                  </>:l==="text"?<>
-                    <react_native_1.TouchableOpacity onPress={()=>yt()}style={previewStyles.modeChipActive}>
+                  </>:F==="text"?<>
+                    <react_native_1.TouchableOpacity onPress={()=>Vt()}style={previewStyles.modeChipActive}>
                       <react_native_1.Text style={previewStyles.modeChipTextActive}>+ 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"),P(),ue(t=>[...t,{id:`text_${Date.now()}_${Math.random()}`,text:e.label,x:dt?.x??.35,y:dt?.y??.35,color:"#FFFFFF",bgColor:e.color,fontSize:13}]),(0,toast_1.showToast)(s("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"),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)(S("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>
@@ -743,29 +741,29 @@
 
                     <react_native_1.View style={previewStyles.subDivider}/>
 
-                    {COLOR_PALETTE.map(e=><react_native_1.TouchableOpacity key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),wt(e)}}style={[previewStyles.colorDot,{backgroundColor:e},K===e&&previewStyles.colorDotActive]}/>)}
-                    {Q.length>0&&<>
+                    {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&&<>
                         <react_native_1.View style={previewStyles.subDivider}/>
-                        <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium"),P(),ue([])}}style={[previewStyles.modeChip,{backgroundColor:"rgba(239, 68, 68, 0.2)"}]}>
+                        <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.Text style={[previewStyles.modeChipText,{color:AppColors_1.AppColors.rose500}]}>
-                            Clear All ({Q.length})
+                            Clear All ({me.length})
                           </react_native_1.Text>
                         </react_native_1.TouchableOpacity>
                       </>}
                   </>:<>
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),f("draw"),fe("brush")}}style={previewStyles.modeChip}>
+                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),D("draw"),De("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.TouchableOpacity>
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light");const e=Xe("free",te,oe);He(e),Je("free"),f("crop")}}style={previewStyles.modeChip}>
+                    <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}>
                       <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.TouchableOpacity>
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),f("adjust")}}style={previewStyles.modeChip}>
+                    <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.TouchableOpacity>
-                    <react_native_1.TouchableOpacity onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),f("text"),(0,toast_1.showToast)(s("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)(S("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.TouchableOpacity>
@@ -775,9 +773,9 @@
 
           
           <react_native_1.View style={previewStyles.studioToolbar}>
-            {(k?ho:po).map(e=>{const t=l===e.key;return<TouchableScale_1.default key={e.key}onPress={()=>{if((0,NativeInspector_1.triggerNativeHaptic)("light"),e.key==="crop"){const o=Xe("free",te,oe);He(o),Je("free"),f("crop")}else e.key==="text"?(f("text"),(0,toast_1.showToast)(s("mediaGallery.tapToAddText","Tap anywhere on the image to add text"))):f(e.key)}}style={[previewStyles.studioToolItem,t&&previewStyles.studioToolItemActive]}>
-                  {e.icon(t)}
-                  <react_native_1.Text style={[previewStyles.studioToolLabel,t&&previewStyles.studioToolLabelActive]}>
+            {(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)(S("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}
                   </react_native_1.Text>
                   {"hasBadge"in e&&e.hasBadge&&<react_native_1.View style={previewStyles.studioTabBadgeDot}/>}
@@ -788,18 +786,18 @@
     </react_native_1.View>
 
       
-      <react_native_1.Modal visible={Ut}transparent={!0}animationType="fade"onRequestClose={()=>ot(!1)}>
+      <react_native_1.Modal visible={uo}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={lt}onChangeText={ct}autoFocus={!0}multiline={!0}/>
+            <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.View style={previewStyles.textModalActions}>
-              <react_native_1.TouchableOpacity onPress={()=>ot(!1)}style={previewStyles.modalCancelBtn}>
+              <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={no}style={previewStyles.modalConfirmBtn}>
+              <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>
             </react_native_1.View>
@@ -808,5 +806,5 @@
       </react_native_1.Modal>
 
       
-      <ConfirmationModal_1.ConfirmationModal visible={xe}title={s("mediaGallery.deleteTitle","Delete Media?")}message={s("mediaGallery.deleteMessage",{filename:i.filename})}confirmText={s("mediaGallery.delete","Delete")}cancelText={s("common.cancel","Cancel")}isDestructive={!0}icon="trash"onConfirm={()=>{_e(!1),v(i),y()}}onCancel={()=>_e(!1)}/>
+      <ConfirmationModal_1.ConfirmationModal visible={He}title={S("mediaGallery.deleteTitle","Delete Media?")}message={S("mediaGallery.deleteMessage",{filename:v.filename})}confirmText={S("mediaGallery.delete","Delete")}cancelText={S("common.cancel","Cancel")}isDestructive={!0}icon="trash"onConfirm={()=>{Le(!1),G(v),V()}}onCancel={()=>Le(!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"},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}});