react-native-inapp-inspector 2.5.0 → 2.5.2

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

@@ -1,365 +1,805 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,h,w,m){m===void 0&&(m=w);var y=Object.getOwnPropertyDescriptor(h,w);(!y||("get"in y?!h.__esModule:y.writable||y.configurable))&&(y={enumerable:!0,get:function(){return h[w]}}),Object.defineProperty(o,m,y)}):(function(o,h,w,m){m===void 0&&(m=w),o[m]=h[w]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,h){Object.defineProperty(o,"default",{enumerable:!0,value:h})}):function(o,h){o.default=h}),__importStar=this&&this.__importStar||(function(){var o=function(h){return o=Object.getOwnPropertyNames||function(w){var m=[];for(var y in w)Object.prototype.hasOwnProperty.call(w,y)&&(m[m.length]=y);return m},o(h)};return function(h){if(h&&h.__esModule)return h;var w={};if(h!=null)for(var m=o(h),y=0;y<m.length;y++)m[y]!=="default"&&__createBinding(w,h,m[y]);return __setModuleDefault(w,h),w}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};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")),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"],MediaPreviewModal=({item:o,visible:h,onClose:w,onDelete:m,onConvertToGif:y})=>{const{t:n}=(0,i18n_1.useTranslation)(),[de,he]=(0,react_1.useState)(!1),[P,v]=(0,react_1.useState)(!1),[Be,F]=(0,react_1.useState)(null),[Me,O]=(0,react_1.useState)(o?.width),[Re,I]=(0,react_1.useState)(o?.height),[ze,D]=(0,react_1.useState)(o?.sizeBytes),[Ve,J]=(0,react_1.useState)(o?.durationMs),[Pe,Q]=(0,react_1.useState)(!1),[Fe,pe]=(0,react_1.useState)(!1),[Oe,ee]=(0,react_1.useState)(!1),[l,S]=(0,react_1.useState)("none"),[ue,N]=(0,react_1.useState)(1),[$,ge]=(0,react_1.useState)(0),[te,Ie]=(0,react_1.useState)("free"),[i,T]=(0,react_1.useState)({x:.1,y:.15,width:.8,height:.7}),[A,ye]=(0,react_1.useState)("#EF4444"),[j,De]=(0,react_1.useState)(4),[E,q]=(0,react_1.useState)([]),[oe,U]=(0,react_1.useState)(null),[ht,$e]=(0,react_1.useState)("rect"),[He,ie]=(0,react_1.useState)([]),[We,X]=(0,react_1.useState)([]),[Le,G]=(0,react_1.useState)(!1),[be,fe]=(0,react_1.useState)(null),[Y,Z]=(0,react_1.useState)(""),[Ee,ae]=(0,react_1.useState)([]),pt=(0,react_1.useRef)(null),[we,me]=(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}),z=(0,react_1.useRef)(l);z.current=l;const Te=(0,react_1.useRef)(A);Te.current=A;const Ce=(0,react_1.useRef)(j);Ce.current=j;const xe=(0,react_1.useRef)(i);xe.current=i;const re=(0,react_1.useRef)(we);re.current=we;const Ge=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>z.current==="draw",onMoveShouldSetPanResponder:()=>z.current==="draw",onPanResponderGrant:e=>{const{locationX:t,locationY:a}=e.nativeEvent;U([{x:t,y:a}])},onPanResponderMove:e=>{const{locationX:t,locationY:a}=e.nativeEvent;U(g=>g?[...g,{x:t,y:a}]:[{x:t,y:a}])},onPanResponderRelease:()=>{U(e=>(e&&e.length>1&&q(t=>[...t,{id:`stroke_${Date.now()}_${Math.random()}`,points:e,color:Te.current,strokeWidth:Ce.current}]),null))}})).current,K=(0,react_1.useRef)({mode:"none",startX:0,startY:0,origBox:{x:.08,y:.1,width:.84,height:.75}}),Ne=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>z.current==="crop",onStartShouldSetPanResponderCapture:()=>z.current==="crop",onMoveShouldSetPanResponder:()=>z.current==="crop",onMoveShouldSetPanResponderCapture:()=>z.current==="crop",onPanResponderTerminationRequest:()=>!1,onShouldBlockNativeResponder:()=>!0,onPanResponderGrant:e=>{const t=re.current,a=t.width>50?t.width:react_native_1.Dimensions.get("window").width-16,g=t.height>50?t.height:react_native_1.Dimensions.get("window").height*.72,{locationX:L,locationY:k}=e.nativeEvent,p=Math.max(0,Math.min(1,L/a)),d=Math.max(0,Math.min(1,k/g)),_=xe.current,B=_.x,R=_.y,s=_.x+_.width,c=_.y+_.height,b=Math.max(.08,40/a),f=Math.max(.08,40/g);let r="none";Math.abs(p-B)<=b&&Math.abs(d-R)<=f?r="tl":Math.abs(p-s)<=b&&Math.abs(d-R)<=f?r="tr":Math.abs(p-B)<=b&&Math.abs(d-c)<=f?r="bl":Math.abs(p-s)<=b&&Math.abs(d-c)<=f?r="br":Math.abs(d-R)<=f&&p>=B&&p<=s?r="top":Math.abs(d-c)<=f&&p>=B&&p<=s?r="bottom":Math.abs(p-B)<=b&&d>=R&&d<=c?r="left":Math.abs(p-s)<=b&&d>=R&&d<=c?r="right":p>=B&&p<=s&&d>=R&&d<=c?r="center":r="new",K.current={mode:r,startX:p,startY:d,origBox:{..._}}},onPanResponderMove:(e,t)=>{const a=re.current,g=a.width>0?a.width:react_native_1.Dimensions.get("window").width-16,L=a.height>0?a.height:react_native_1.Dimensions.get("window").height*.7;if(!g||!L)return;const k=t.dx/g,p=t.dy/L,{mode:d,startX:_,startY:B,origBox:R}=K.current,{x:s,y:c,width:b,height:f}=R;if(d==="center"){const r=Math.max(0,Math.min(1-b,s+k)),C=Math.max(0,Math.min(1-f,c+p));T(ce=>({...ce,x:r,y:C}))}else if(d==="new"){const r=Math.max(0,Math.min(1,_+k)),C=Math.max(0,Math.min(1,B+p)),ce=Math.min(_,r),st=Math.min(B,C),ct=Math.max(.04,Math.abs(r-_)),dt=Math.max(.04,Math.abs(C-B));T({x:ce,y:st,width:ct,height:dt})}else if(d==="tl"){const r=Math.max(0,Math.min(s+b-.04,s+k)),C=Math.max(0,Math.min(c+f-.04,c+p));T({x:r,y:C,width:b-(r-s),height:f-(C-c)})}else if(d==="tr"){const r=Math.max(0,Math.min(c+f-.04,c+p)),C=Math.max(.04,Math.min(1-s,b+k));T({x:s,y:r,width:C,height:f-(r-c)})}else if(d==="bl"){const r=Math.max(0,Math.min(s+b-.04,s+k)),C=Math.max(.04,Math.min(1-c,f+p));T({x:r,y:c,width:b-(r-s),height:C})}else if(d==="br"){const r=Math.max(.04,Math.min(1-s,b+k)),C=Math.max(.04,Math.min(1-c,f+p));T({x:s,y:c,width:r,height:C})}else if(d==="top"){const r=Math.max(0,Math.min(c+f-.04,c+p));T({x:s,y:r,width:b,height:f-(r-c)})}else if(d==="bottom"){const r=Math.max(.04,Math.min(1-c,f+p));T({x:s,y:c,width:b,height:r})}else if(d==="left"){const r=Math.max(0,Math.min(s+b-.04,s+k));T({x:r,y:c,width:b-(r-s),height:f})}else if(d==="right"){const r=Math.max(.04,Math.min(1-s,b+k));T({x:s,y:c,width:r,height:f})}},onPanResponderRelease:()=>{K.current.mode="none"},onPanResponderTerminate:()=>{K.current.mode="none"}})).current;if(react_1.default.useEffect(()=>{o?.uri&&(F(o.uri),O(o.width),I(o.height),D(o.sizeBytes),J(o.durationMs),Q(!1),ge(0),N(1),S("none"),q([]),U(null),ie([]),X([]),ae([]),T({x:.08,y:.1,width:.84,height:.75}))},[o?.uri,o?.width,o?.height,o?.sizeBytes,o?.durationMs]),!o||!h)return null;const u=Be||o.uri,H=Me??o.width,W=Re??o.height,_e=ze??o.sizeBytes,ne=Ve??o.durationMs,M=o.type==="video",ve=o.type==="gif",x=o.type==="image",je=$===90||$===270?H&&W?Math.min(W/H,H/W,.75):.72:1,qe=()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),N(e=>Math.min(4,parseFloat((e+.25).toFixed(2))))},Ue=()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),N(e=>Math.max(1,parseFloat((e-.25).toFixed(2))))},Xe=()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium"),N(1)},Ye=async()=>{if(!u||!x)return;(0,NativeInspector_1.triggerNativeHaptic)("light");const e=($+90)%360;if(ge(e),(0,toast_1.showToast)(n("mediaGallery.rotatedSuccess",`Rotated ${e}\xB0`)),!P){v(!0);try{const t=await editor_1.MediaEditor.editPhoto({uri:u,rotation:90});t?.uri&&(F(t.uri),t.width&&O(t.width),t.height&&I(t.height),t.size&&D(t.size))}catch{}finally{v(!1)}}},Ze=()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),q(e=>e.slice(0,-1))},Ke=()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium"),q([])},Je=e=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),S("crop"),Ie(e),T(e==="1:1"?{x:.15,y:.2,width:.7,height:.7}:e==="4:3"?{x:.1,y:.2,width:.8,height:.6}:e==="16:9"?{x:.05,y:.25,width:.9,height:.506}:e==="9:16"?{x:.25,y:.1,width:.5,height:.888}:e==="3:2"?{x:.1,y:.2,width:.8,height:.533}:{x:.08,y:.1,width:.84,height:.75})},Qe=async()=>{if(!(!u||!x)){(0,NativeInspector_1.triggerNativeHaptic)("medium"),v(!0);try{const e=await editor_1.MediaEditor.cropToDefect(u,{x:i.x,y:i.y,width:i.width,height:i.height,isNormalized:!0});e?.uri&&(F(e.uri),e.width&&O(e.width),e.height&&I(e.height),e.size&&D(e.size),(0,toast_1.showToast)(n("mediaGallery.croppedSuccess","Image Cropped")),S("none"))}catch{(0,toast_1.showToast)(n("mediaGallery.cropFailed","Crop failed"))}finally{v(!1)}}},le=e=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),$e(e);const t={id:`shape_${Date.now()}`,type:e,x:.25,y:.35,width:e==="circle"?.4:.5,height:e==="circle"?.4:.25,color:A};ie(a=>[...a,t]),(0,toast_1.showToast)(n("mediaGallery.shapeAdded",`${e.toUpperCase()} Added`))},et=()=>{(0,NativeInspector_1.triggerNativeHaptic)("light");const e={id:`blur_${Date.now()}`,x:.12,y:.35,width:.76,height:.12};ae(t=>[...t,e]),(0,toast_1.showToast)(n("mediaGallery.blurAdded","Blur Mask Added"))},Se=e=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),e?(fe(e),Z(e.text)):(fe(null),Z("")),G(!0)},tt=()=>{if(!Y.trim()){G(!1);return}if(be)X(e=>e.map(t=>t.id===be.id?{...t,text:Y.trim(),color:A}:t));else{const e={id:`text_${Date.now()}`,text:Y.trim(),x:.2,y:.4,color:AppColors_1.AppColors.white,bgColor:A==="#FFFFFF"?"#0F172A":A};X(t=>[...t,e])}G(!1),Z(""),(0,toast_1.showToast)(n("mediaGallery.textAdded","Text Added"))},ot=async e=>{if(!(!u||!x||P)){(0,NativeInspector_1.triggerNativeHaptic)("medium"),v(!0);try{const t=await editor_1.MediaEditor.editPhoto({uri:u,quality:.85,crop:{x:0,y:0,width:1,height:1,isNormalized:!0}});if(t?.uri){F(t.uri);const a=Math.round((H||1080)*e),g=Math.round((W||1920)*e);O(a),I(g),t.size&&D(Math.round(t.size*e*e)),(0,toast_1.showToast)(n("mediaGallery.resizedSuccess",`Resized to ${Math.round(e*100)}% (${a}\xD7${g})`)),S("none")}}catch{(0,toast_1.showToast)(n("mediaGallery.resizeFailed","Resize failed"))}finally{v(!1)}}},se=()=>{u&&((0,NativeInspector_1.triggerNativeHaptic)("light"),(0,helpers_1.copyImageOrMediaToClipboard)(u,x?"Image":"Media"))},it=async()=>{try{(0,NativeInspector_1.triggerNativeHaptic)("light");const e=u.startsWith("file://")||u.startsWith("content://")||u.startsWith("http")?u:`file://${u}`,t=react_native_1.Platform.select({ios:{url:e,title:o.filename},default:{title:o.filename,message:o.filename,url:e}});(await react_native_1.Share.share(t)).action===react_native_1.Share.sharedAction&&(0,toast_1.showToast)(n("mediaGallery.shareSuccess","Shared successfully"))}catch(e){e?.message!=="User did not share"&&(0,toast_1.showToast)(n("mediaGallery.shareUnavailable","Sharing not available on this device"))}},at=()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium"),ee(!0)},Ae=async()=>{if(y){he(!0);try{await y(o),(0,toast_1.showToast)(n("mediaGallery.convertedSuccess","Converted to GIF!"))}catch{(0,toast_1.showToast)(n("mediaGallery.convertFailed","Conversion failed"))}finally{he(!1)}}},ke=async()=>{try{pe(!0),await capture_1.ScreenCapture.playVideo(u)}catch{(0,toast_1.showToast)(n("mediaGallery.playError","Unable to play video"))}finally{pe(!1)}},rt=async()=>{if(!(!u||!M||P)){v(!0),(0,NativeInspector_1.triggerNativeHaptic)("light");try{const t=Math.min(ne||1e4,5e3),a=await editor_1.MediaEditor.trimReproClip(u,0,t,{quality:"medium"});a?.uri&&(F(a.uri),a.width&&O(a.width),a.height&&I(a.height),a.size&&D(a.size),a.durationMs&&J(a.durationMs),(0,toast_1.showToast)(n("mediaGallery.trimmedSuccess","Trimmed to 5s Repro Clip")))}catch{(0,toast_1.showToast)(n("mediaGallery.trimFailed","Trim failed"))}finally{v(!1)}}},nt=async()=>{if(!(!u||!M||P)){v(!0),(0,NativeInspector_1.triggerNativeHaptic)("light");try{const e=await editor_1.MediaEditor.muteVideo(u);e?.uri&&(F(e.uri),e.width&&O(e.width),e.height&&I(e.height),e.size&&D(e.size),e.durationMs&&J(e.durationMs),(0,toast_1.showToast)(n("mediaGallery.mutedSuccess","Audio Stripped")))}catch{(0,toast_1.showToast)(n("mediaGallery.muteFailed","Mute failed"))}finally{v(!1)}}},V=ne?(ne/1e3).toFixed(1):null,lt=V?`00:${Number(V)<10?"0":""}${V}`:null;return<react_native_1.Modal visible={h}transparent={!0}animationType="fade"statusBarTranslucent={!0}onRequestClose={w}>
-      <react_native_1.StatusBar translucent backgroundColor="transparent"barStyle="light-content"/>
-      <react_native_1.View style={previewStyles.overlay}>
+"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}
+      </react_native_1.Text>
+      <react_native_1.TouchableOpacity style={previewStyles.textDeleteBtn}onPress={()=>s(i.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.View style={react_native_1.StyleSheet.absoluteFill}pointerEvents="none">
         
-        <react_native_1.View style={previewStyles.header}>
-          <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}pointerEvents="none"/>
-          <react_native_1.View style={previewStyles.headerInner}>
-            <react_native_1.TouchableOpacity activeOpacity={.8}onPress={se}style={previewStyles.headerLeft}>
-              <react_native_1.View style={previewStyles.badge}>
-                {M?<NetworkIcons_1.FilmIcon size={11}color={AppColors_1.AppColors.white}/>:ve?<NetworkIcons_1.GifIcon size={11}color={AppColors_1.AppColors.white}/>:<NetworkIcons_1.ImageIcon size={11}color={AppColors_1.AppColors.white}/>}
-                <react_native_1.Text style={previewStyles.badgeText}>
-                  {(o.format||(M?"mp4":ve?"gif":"png")).toUpperCase()}
-                </react_native_1.Text>
-              </react_native_1.View>
-              <react_native_1.View style={previewStyles.headerTextCol}>
-                <react_native_1.Text style={previewStyles.title}numberOfLines={1}>
-                  {o.filename||(o.uri?o.uri.split("/").pop():"")||"Capture"}
-                </react_native_1.Text>
-                <react_native_1.Text style={previewStyles.subtitle}numberOfLines={1}>
-                  {(0,helpers_1.formatBytes)(_e||0)}
-                  {o.timestamp?` \u2022 ${new Date(o.timestamp).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",second:"2-digit"})}`:""}
-                </react_native_1.Text>
-              </react_native_1.View>
-            </react_native_1.TouchableOpacity>
+        <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:x+b,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:x,left:_+G,right:0,height:b,backgroundColor:"rgba(0,0,0,0.6)"}}/>
+      </react_native_1.View>
 
-            
-            <react_native_1.View style={previewStyles.headerRight}>
-              {M&&y&&<TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={n("mediaGallery.convertToGif","Convert to GIF")}onPress={Ae}disabled={de}style={[previewStyles.headerActionBtn,{backgroundColor:`${AppColors_1.AppColors.warningAmber}33`,borderColor:`${AppColors_1.AppColors.warningAmber}66`}]}hitSlop={{top:8,bottom:8,left:8,right:8}}>
-                  <NetworkIcons_1.GifIcon size={13}color={AppColors_1.AppColors.warningAmber}/>
-                </TouchableScale_1.default>}
+      
+      <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">
 
-              <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={n("mediaGallery.copyUri","Copy URI")}onPress={se}style={previewStyles.headerActionBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
-                <NetworkIcons_1.CopyIcon size={13}color={AppColors_1.AppColors.white}/>
-              </TouchableScale_1.default>
+        
+        <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)"}}/>
+        <react_native_1.View pointerEvents="none"style={{position:"absolute",left:0,right:0,top:"66.66%",height:1,backgroundColor:"rgba(0,229,255,0.35)"}}/>
+        <react_native_1.View pointerEvents="none"style={{position:"absolute",top:0,bottom:0,left:"33.33%",width:1,backgroundColor:"rgba(0,229,255,0.35)"}}/>
+        <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)"}}/>
 
-              <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={n("mediaGallery.share","Share")}onPress={it}style={previewStyles.headerActionBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
-                <NetworkIcons_1.ShareIcon size={13}color={AppColors_1.AppColors.white}/>
-              </TouchableScale_1.default>
+        
+        <react_native_1.View style={react_native_1.StyleSheet.absoluteFill}{...Ce.panHandlers}/>
 
-              <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={n("mediaGallery.delete","Delete")}onPress={at}style={previewStyles.headerDeleteBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
-                <NetworkIcons_1.TrashIcon size={13}color={AppColors_1.AppColors.white}/>
-              </TouchableScale_1.default>
+        
+        <react_native_1.View pointerEvents="none"style={{position:"absolute",top:-2,left:-2,width:22,height:22,borderTopWidth:4,borderLeftWidth:4,borderColor:"#00E5FF"}}/>
+        <react_native_1.View pointerEvents="none"style={{position:"absolute",top:-2,right:-2,width:22,height:22,borderTopWidth:4,borderRightWidth:4,borderColor:"#00E5FF"}}/>
+        <react_native_1.View pointerEvents="none"style={{position:"absolute",bottom:-2,left:-2,width:22,height:22,borderBottomWidth:4,borderLeftWidth:4,borderColor:"#00E5FF"}}/>
+        <react_native_1.View pointerEvents="none"style={{position:"absolute",bottom:-2,right:-2,width:22,height:22,borderBottomWidth:4,borderRightWidth:4,borderColor:"#00E5FF"}}/>
 
-              <react_native_1.TouchableOpacity accessible={!0}accessibilityRole="button"accessibilityLabel={n("common.close","Close")}onPress={w}style={previewStyles.headerCloseBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
-                <NetworkIcons_1.CloseWhite size={12}/>
-              </react_native_1.TouchableOpacity>
-            </react_native_1.View>
-          </react_native_1.View>
-        </react_native_1.View>
+        
+        <react_native_1.View pointerEvents="none"style={{position:"absolute",top:-3,left:"50%",marginLeft:-16,width:32,height:5,backgroundColor:"#00E5FF",borderRadius:3}}/>
+        <react_native_1.View pointerEvents="none"style={{position:"absolute",bottom:-3,left:"50%",marginLeft:-16,width:32,height:5,backgroundColor:"#00E5FF",borderRadius:3}}/>
+        <react_native_1.View pointerEvents="none"style={{position:"absolute",left:-3,top:"50%",marginTop:-16,width:5,height:32,backgroundColor:"#00E5FF",borderRadius:3}}/>
+        <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.SafeAreaView style={previewStyles.stageSafe}>
-          <react_native_1.View style={previewStyles.stage}>
-            <react_native_1.View onLayout={e=>{const{width:t,height:a}=e.nativeEvent.layout;t>20&&a>20&&me(g=>({...g,width:t,height:a}))}}style={previewStyles.previewCard}>
-              {M?o.thumbnailUri&&!Pe?<>
-                    <react_native_1.Image source={{uri:o.thumbnailUri}}style={previewStyles.image}resizeMode="contain"onError={()=>Q(!0)}/>
-                    <react_native_1.View style={previewStyles.videoImageOverlay}/>
-                  </>:<react_native_1.View style={previewStyles.videoFallbackBackdrop}>
-                    <react_native_1.View style={previewStyles.videoFallbackGlow}/>
-                    <NetworkIcons_1.FilmIcon size={52}color={AppColors_1.AppColors.sky400}/>
-                    <react_native_1.Text style={previewStyles.videoFallbackTitle}>
-                      {o.width&&o.height?`${o.width} \xD7 ${o.height}`:"HD Video Recording"}
+        <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:-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>
+
+      
+      {we&&<react_native_1.TouchableOpacity activeOpacity={.8}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),we()}}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">
+          <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 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.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.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}>
+                  <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")}
                     </react_native_1.Text>
-                    <react_native_1.Text style={previewStyles.videoFallbackSubtitle}>
-                      {V?`${V}s duration`:"MP4 Video"} • {(0,helpers_1.formatBytes)(o.sizeBytes)}
+                    <react_native_1.View style={previewStyles.formatBadge}>
+                      <react_native_1.Text style={previewStyles.formatBadgeText}>
+                        {(i.filename?.split(".").pop()||(k?"PNG":g?"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"}
                     </react_native_1.Text>
-                  </react_native_1.View>:<react_native_1.View onLayout={e=>{const{width:t,height:a}=e.nativeEvent.layout;t>20&&a>20&&me(g=>({...g,width:t,height:a}))}}style={[previewStyles.canvasContainer,{transform:[{scale:ue*je},{rotate:`${$}deg`}]}]}{...l==="draw"?Ge.panHandlers:{}}>
-                  <react_native_1.Image key={u}source={{uri:u}}style={previewStyles.image}resizeMode="contain"onError={()=>Q(!0)}/>
+                    {St?<>
+                        <react_native_1.Text style={previewStyles.subtitleDot}>•</react_native_1.Text>
+                        <react_native_1.Text style={previewStyles.subtitleSize}>
+                          {(0,helpers_1.formatBytes)(St)}
+                        </react_native_1.Text>
+                      </>:<>
+                        <react_native_1.Text style={previewStyles.subtitleDot}>•</react_native_1.Text>
+                        <react_native_1.Text style={previewStyles.subtitleSize}>774 KB</react_native_1.Text>
+                      </>}
+                  </react_native_1.View>
+                </react_native_1.View>
+              </react_native_1.View>
 
-                  
-                  <react_native_svg_1.default style={react_native_1.StyleSheet.absoluteFill}pointerEvents={l==="draw"?"auto":"none"}>
-                    <react_native_svg_1.G>
-                      {E.map(e=>{if(e.points.length<2)return null;const t=e.points.reduce((a,g,L)=>L===0?`M ${g.x} ${g.y}`:`${a} L ${g.x} ${g.y}`,"");return<react_native_svg_1.Path key={e.id}d={t}stroke={e.color}strokeWidth={e.strokeWidth}strokeLinecap="round"strokeLinejoin="round"fill="none"/>})}
-                      {oe&&oe.length>1&&<react_native_svg_1.Path d={oe.reduce((e,t,a)=>a===0?`M ${t.x} ${t.y}`:`${e} L ${t.x} ${t.y}`,"")}stroke={A}strokeWidth={j}strokeLinecap="round"strokeLinejoin="round"fill="none"/>}
-                    </react_native_svg_1.G>
-                  </react_native_svg_1.default>
+              
+              <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)"}/>
+                    </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>
+                  </react_native_1.View>}
 
-                  
-                  {He.map(e=><react_native_1.View key={e.id}style={[previewStyles.shapeItem,{left:`${e.x*100}%`,top:`${e.y*100}%`,width:`${e.width*100}%`,height:`${e.height*100}%`,borderColor:e.color,borderRadius:e.type==="circle"?999:e.type==="ellipse"?36:8}]}>
-                      <react_native_1.TouchableOpacity style={previewStyles.shapeDeleteBadge}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),ie(t=>t.filter(a=>a.id!==e.id))}}>
-                        <NetworkIcons_1.CloseWhite size={8}/>
-                      </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}}>
+                  <NetworkIcons_1.MoreDotsIcon size={16}color={AppColors_1.AppColors.white}/>
+                </TouchableScale_1.default>
 
-                  
-                  {Ee.map(e=><react_native_1.View key={e.id}style={[previewStyles.blurItem,{left:`${e.x*100}%`,top:`${e.y*100}%`,width:`${e.width*100}%`,height:`${e.height*100}%`}]}>
-                      <react_native_1.Text style={previewStyles.blurItemText}>PRIVACY MASK</react_native_1.Text>
-                      <react_native_1.TouchableOpacity style={previewStyles.shapeDeleteBadge}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),ae(t=>t.filter(a=>a.id!==e.id))}}>
-                        <NetworkIcons_1.CloseWhite size={8}/>
-                      </react_native_1.TouchableOpacity>
-                    </react_native_1.View>)}
+                
+                <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}}>
+                  <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>
+                </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}>
+                  <NetworkIcons_1.ResetIcon size={14}color={AppColors_1.AppColors.sky400}/>
+                  <react_native_1.Text style={previewStyles.moreMenuItemText}>
+                    {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}/>
+                  <react_native_1.Text style={previewStyles.moreMenuItemText}>
+                    {N?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}>
+                  <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")}
+                  </react_native_1.Text>
+                </react_native_1.TouchableOpacity>}
+              {g&&<react_native_1.TouchableOpacity onPress={()=>{Re(!1),Dt()}}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")}
+                  </react_native_1.Text>
+                </react_native_1.TouchableOpacity>}
+              {g&&<react_native_1.TouchableOpacity onPress={()=>{Re(!1),zt()}}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)")}
+                  </react_native_1.Text>
+                </react_native_1.TouchableOpacity>}
+              <react_native_1.TouchableOpacity onPress={()=>{Re(!1),so()}}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")}
+                </react_native_1.Text>
+              </react_native_1.TouchableOpacity>
+              <react_native_1.TouchableOpacity onPress={()=>{Re(!1),lo()}}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")}
+                </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 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"}
+                  </react_native_1.Text>
+                  <react_native_1.Text style={previewStyles.videoFallbackSubtitle}>
+                    {at?`${at}s duration`:"MP4 Video"} •{" "}
+                    {(0,helpers_1.formatBytes)(i.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}]}]}>
                   
-                  {We.map(e=><react_native_1.TouchableOpacity key={e.id}activeOpacity={.85}onPress={()=>Se(e)}style={[previewStyles.textAnnotationPill,{left:`${e.x*100}%`,top:`${e.y*100}%`,backgroundColor:e.bgColor}]}>
-                      <react_native_1.Text style={[previewStyles.textAnnotationText,{color:e.color}]}>
-                        {e.text}
-                      </react_native_1.Text>
-                      <react_native_1.TouchableOpacity style={previewStyles.textDeleteBtn}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),X(t=>t.filter(a=>a.id!==e.id))}}>
-                        <NetworkIcons_1.CloseWhite size={8}/>
-                      </react_native_1.TouchableOpacity>
-                    </react_native_1.TouchableOpacity>)}
+                  <react_native_1.Image key={ae?i?.uri:w}source={{uri:ae?i?.uri:w}}style={previewStyles.image}resizeMode="cover"onError={()=>ie(!0)}/>
 
                   
-                  {l==="crop"&&<react_native_1.View style={previewStyles.cropOverlayMask}{...Ne.panHandlers}>
-                      
-                      <react_native_1.View pointerEvents="none"style={[previewStyles.cropDimMask,{top:0,left:0,right:0,height:`${i.y*100}%`}]}/>
+                  {!ae&&<>
                       
-                      <react_native_1.View pointerEvents="none"style={[previewStyles.cropDimMask,{top:`${(i.y+i.height)*100}%`,left:0,right:0,bottom:0}]}/>
+                      {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)}]}/>}
+
                       
-                      <react_native_1.View pointerEvents="none"style={[previewStyles.cropDimMask,{top:`${i.y*100}%`,left:0,width:`${i.x*100}%`,height:`${i.height*100}%`}]}/>
+                      {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)}]}/>}
+
                       
-                      <react_native_1.View pointerEvents="none"style={[previewStyles.cropDimMask,{top:`${i.y*100}%`,left:`${(i.x+i.width)*100}%`,right:0,height:`${i.height*100}%`}]}/>
+                      {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)}]}/>}
 
                       
-                      <react_native_svg_1.default style={react_native_1.StyleSheet.absoluteFill}pointerEvents="none">
-                        <react_native_svg_1.Rect x={`${i.x*100}%`}y={`${i.y*100}%`}width={`${i.width*100}%`}height={`${i.height*100}%`}stroke="#FFFFFF"strokeWidth="2.5"strokeDasharray="8, 5"fill="rgba(56, 189, 248, 0.10)"/>
-                        <react_native_svg_1.Line x1={`${i.x*100}%`}y1={`${(i.y+i.height*.333)*100}%`}x2={`${(i.x+i.width)*100}%`}y2={`${(i.y+i.height*.333)*100}%`}stroke="rgba(255, 255, 255, 0.55)"strokeWidth="1.2"strokeDasharray="4, 4"/>
-                        <react_native_svg_1.Line x1={`${i.x*100}%`}y1={`${(i.y+i.height*.666)*100}%`}x2={`${(i.x+i.width)*100}%`}y2={`${(i.y+i.height*.666)*100}%`}stroke="rgba(255, 255, 255, 0.55)"strokeWidth="1.2"strokeDasharray="4, 4"/>
-                        <react_native_svg_1.Line x1={`${(i.x+i.width*.333)*100}%`}y1={`${i.y*100}%`}x2={`${(i.x+i.width*.333)*100}%`}y2={`${(i.y+i.height)*100}%`}stroke="rgba(255, 255, 255, 0.55)"strokeWidth="1.2"strokeDasharray="4, 4"/>
-                        <react_native_svg_1.Line x1={`${(i.x+i.width*.666)*100}%`}y1={`${i.y*100}%`}x2={`${(i.x+i.width*.666)*100}%`}y2={`${(i.y+i.height)*100}%`}stroke="rgba(255, 255, 255, 0.55)"strokeWidth="1.2"strokeDasharray="4, 4"/>
-                      </react_native_svg_1.default>
+                      {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)})`}]}/>}
 
                       
-                      <react_native_1.View pointerEvents="none"style={[previewStyles.cropBoxFrame,{left:`${i.x*100}%`,top:`${i.y*100}%`,width:`${i.width*100}%`,height:`${i.height*100}%`}]}>
-                        
-                        <react_native_1.View style={[previewStyles.cropCornerBracket,previewStyles.bracketTL]}/>
-                        <react_native_1.View style={[previewStyles.cropCornerBracket,previewStyles.bracketTR]}/>
-                        <react_native_1.View style={[previewStyles.cropCornerBracket,previewStyles.bracketBL]}/>
-                        <react_native_1.View style={[previewStyles.cropCornerBracket,previewStyles.bracketBR]}/>
+                      {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)"}]}/>}
+                    </>}
 
+                  
+                  {!ae&&<react_native_svg_1.default style={react_native_1.StyleSheet.absoluteFill}pointerEvents={l==="draw"?"auto":"none"}>
+                      <react_native_svg_1.G>
                         
-                        <react_native_1.View style={previewStyles.cropEdgeBarTop}/>
-                        <react_native_1.View style={previewStyles.cropEdgeBarBottom}/>
-                        <react_native_1.View style={previewStyles.cropEdgeBarLeft}/>
-                        <react_native_1.View style={previewStyles.cropEdgeBarRight}/>
+                        {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">
+                                  {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>}return null})}
 
                         
-                        <react_native_1.View style={previewStyles.cropCenterPill}>
-                          <react_native_1.Text style={previewStyles.cropCenterPillText}>
-                            {te.toUpperCase()} • {Math.round(i.width*100)}% × {Math.round(i.height*100)}%
-                          </react_native_1.Text>
-                        </react_native_1.View>
-                      </react_native_1.View>
+                        {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"/>}
+
+                            {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"/>}
+
+                            {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}/>
+                                </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"/>})()}
+
+                            {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"/>})()}
+
+                            {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)"/>
+                                </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}
+                                  </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}/>})()}
+
+                            {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}/>})()}
+                          </>}
+                      </react_native_svg_1.G>
+                    </react_native_svg_1.default>}
+
+                  
+                  {Y&&!ae&&<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.Text>
+                      <react_native_1.Text style={previewStyles.watermarkTime}>
+                        {new Date().toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}
+                      </react_native_1.Text>
                     </react_native_1.View>}
-                </react_native_1.View>}
 
-              
-              {M&&<react_native_1.TouchableOpacity activeOpacity={.9}onPress={ke}style={previewStyles.centerPlayContainer}>
-                  <react_native_1.View style={previewStyles.centerPlayGlow}/>
-                  <react_native_1.View style={previewStyles.centerPlayCircle}>
-                    <NetworkIcons_1.PlayIcon size={28}color={AppColors_1.AppColors.white}/>
-                  </react_native_1.View>
-                  <react_native_1.View style={previewStyles.centerPlayPill}>
-                    <react_native_1.Text style={previewStyles.centerPlayText}>
-                      {Fe?n("mediaGallery.playing","Playing Video..."):n("mediaGallery.playVideo","Play Video")}
-                    </react_native_1.Text>
-                  </react_native_1.View>
-                </react_native_1.TouchableOpacity>}
+                  
+                  {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()}}/>}
+
+                  
+                  {!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)}/>)}
 
+                  
+                  {(N||l==="crop")&&!ae&&<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%"}]}/>
+                      <react_native_1.View style={[previewStyles.instagramGridVLine,{left:"66.67%"}]}/>
+                    </react_native_1.View>}
+                </react_native_1.View>
+              </react_native_1.Animated.View>}
+
+
+
+            
+            {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]}>
+                <NetworkIcons_1.EyeCompareIcon size={14}color={AppColors_1.AppColors.white}/>
+                <react_native_1.Text style={previewStyles.holdCompareText}>
+                  {ae?"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}}>
+                    <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}/>}
+                </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>
+                <react_native_1.Text style={previewStyles.videoHudTimeText}>
+                  {Wt||"00:05"}
+                </react_native_1.Text>
+                {X&&<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>
+                  </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">
+                  <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.Text style={previewStyles.zoomLevelText}>
+                    {Math.round(I*100)}%
+                  </react_native_1.Text>
+                </react_native_1.TouchableOpacity>
+
+                <TouchableScale_1.default onPress={Qt}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">
+                  <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")}/>}
+          </react_native_1.View>
+        </react_native_1.View>
+
+        
+        <react_native_1.View style={previewStyles.bottomControlsContainer}>
+          
+          {(k||g)&&<react_native_1.View style={previewStyles.contextToolPanel}>
               
-              {M&&<react_native_1.View style={previewStyles.topLeftBadgeOverlay}pointerEvents="none">
-                  <react_native_1.View style={previewStyles.metaPill}>
-                    <NetworkIcons_1.FilmIcon size={11}color={AppColors_1.AppColors.sky400}/>
-                    <react_native_1.Text style={previewStyles.metaPillText}>
-                      {lt||(V?`${V}s`:"VIDEO")}
-                    </react_native_1.Text>
-                  </react_native_1.View>
-                </react_native_1.View>}
+              <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.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"}
+                  </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"}
+                  </react_native_1.Text>
+                </react_native_1.View>
+              </react_native_1.View>
 
               
-              {x&&$>0&&<react_native_1.View style={previewStyles.topLeftBadgeOverlay}pointerEvents="none">
-                  <react_native_1.View style={[previewStyles.metaPill,{backgroundColor:"rgba(99, 102, 241, 0.90)"}]}>
-                    <NetworkIcons_1.RotateIcon size={11}color={AppColors_1.AppColors.white}/>
-                    <react_native_1.Text style={previewStyles.metaPillText}>{$}°</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]}>
+                        <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
+                        </react_native_1.Text>
+                      </react_native_1.TouchableOpacity>})}
+                </react_native_1.ScrollView>}
 
               
-              <react_native_1.TouchableOpacity activeOpacity={.8}onPress={se}style={previewStyles.bottomRightBadgeOverlay}>
-                <react_native_1.View style={previewStyles.metaPill}>
-                  <NetworkIcons_1.CopyIcon size={10}color={AppColors_1.AppColors.sky400}/>
-                  <react_native_1.Text style={previewStyles.metaPillText}>
-                    {H&&W?`${H} \xD7 ${W} \u2022 `:""}
-                    {(0,helpers_1.formatBytes)(_e)}
-                  </react_native_1.Text>
+              <react_native_1.View style={previewStyles.sliderRowContainer}>
+                <react_native_1.Text style={previewStyles.sliderMinIndicator}>
+                  {g&&l==="speed"?"0.5x":g&&l==="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 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.sliderThumbInnerGlow}/>
+                    </react_native_1.View>
+                  </react_native_1.View>
                 </react_native_1.View>
-              </react_native_1.TouchableOpacity>
+                <react_native_1.Text style={previewStyles.sliderMaxIndicator}>
+                  {g&&l==="speed"?"2.0x":g&&l==="gif"?"24fps":"\u25CF"}
+                </react_native_1.Text>
+              </react_native_1.View>
 
               
-              {x&&<react_native_1.View style={previewStyles.floatingZoomBar}>
-                  <TouchableScale_1.default onPress={qe}style={previewStyles.zoomBtn}accessibilityLabel="Zoom In">
-                    <NetworkIcons_1.ZoomInIcon size={15}color={AppColors_1.AppColors.white}/>
-                  </TouchableScale_1.default>
-
-                  <react_native_1.TouchableOpacity onPress={Xe}activeOpacity={.8}style={previewStyles.zoomLevelBadge}>
-                    <react_native_1.Text style={previewStyles.zoomLevelText}>
-                      {Math.round(ue*100)}%
-                    </react_native_1.Text>
-                  </react_native_1.TouchableOpacity>
+              <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={previewStyles.modeChipsScroll}>
+                {g?l==="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.Text>
+                      </react_native_1.TouchableOpacity>
 
-                  <TouchableScale_1.default onPress={Ue}style={previewStyles.zoomBtn}accessibilityLabel="Zoom Out">
-                    <NetworkIcons_1.ZoomOutIcon size={15}color={AppColors_1.AppColors.white}/>
-                  </TouchableScale_1.default>
-                </react_native_1.View>}
-            </react_native_1.View>
+                      <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.Text>
+                      </react_native_1.TouchableOpacity>
 
-            
-            {x&&l==="crop"&&<react_native_1.View style={previewStyles.cropSubToolBar}>
-                
-                <react_native_1.View style={previewStyles.cropActionHeaderRow}>
-                  <react_native_1.Text style={previewStyles.cropHeaderTitle}>Drag box or corners to crop</react_native_1.Text>
-                  <react_native_1.View style={previewStyles.cropActionButtons}>
-                    <react_native_1.TouchableOpacity onPress={()=>S("none")}style={previewStyles.cancelActionBtn}>
-                      <react_native_1.Text style={previewStyles.cancelActionText}>Cancel</react_native_1.Text>
+                      <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.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.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.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.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.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"}
+                        </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]}>
+                            {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.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]}>
+                            {e===1?"1.0x (Normal)":`${e}x`}
+                          </react_native_1.Text>
+                        </react_native_1.TouchableOpacity>)}
+                    </>:l==="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]}>
+                            {e.label}
+                          </react_native_1.Text>
+                        </react_native_1.TouchableOpacity>)}
+
+                      <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]}>
+                            {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.Text style={previewStyles.applyActionText}>
+                          {ce?"Exporting...":"Export GIF"}
+                        </react_native_1.Text>
+                      </react_native_1.TouchableOpacity>
+                    </>:l==="snapshot"?<>
+                      <react_native_1.TouchableOpacity onPress={zt}disabled={L}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}>
+                        <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}>
+                        <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}>
+                        <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}>
+                        <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}>
+                        <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}>
+                        <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"?<>
+                    
+                    <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]}>
+                        Brush
+                      </react_native_1.Text>
                     </react_native_1.TouchableOpacity>
-                    <react_native_1.TouchableOpacity onPress={Qe}style={previewStyles.applyActionBtn}>
-                      <react_native_1.Text style={previewStyles.applyActionText}>Apply Crop</react_native_1.Text>
+
+                    
+                    <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]}>
+                        Highlighter
+                      </react_native_1.Text>
                     </react_native_1.TouchableOpacity>
-                  </react_native_1.View>
-                </react_native_1.View>
 
-                
-                <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={previewStyles.subToolScroll}>
-                  {["free","1:1","4:3","16:9","9:16","3:2"].map(e=><react_native_1.TouchableOpacity key={e}onPress={()=>Je(e)}style={[previewStyles.ratioChip,te===e&&previewStyles.ratioChipActive]}>
-                      <react_native_1.Text style={[previewStyles.ratioChipText,te===e&&previewStyles.ratioChipTextActive]}>
-                        {e.toUpperCase()}
+                    
+                    <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]}>
+                        Arrow
                       </react_native_1.Text>
-                    </react_native_1.TouchableOpacity>)}
-                </react_native_1.ScrollView>
-              </react_native_1.View>}
+                    </react_native_1.TouchableOpacity>
 
-            {x&&l==="resize"&&<react_native_1.View style={previewStyles.subToolBar}>
-                <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={previewStyles.subToolScroll}>
-                  {[{label:"75% HD",scale:.75},{label:"50% Half",scale:.5},{label:"25% Mini",scale:.25}].map(e=><react_native_1.TouchableOpacity key={e.label}onPress={()=>ot(e.scale)}style={previewStyles.ratioChip}>
-                      <react_native_1.Text style={previewStyles.ratioChipText}>{e.label}</react_native_1.Text>
-                    </react_native_1.TouchableOpacity>)}
-                  <react_native_1.TouchableOpacity onPress={()=>S("none")}style={previewStyles.cancelActionBtn}>
-                    <react_native_1.Text style={previewStyles.cancelActionText}>Done</react_native_1.Text>
-                  </react_native_1.TouchableOpacity>
-                </react_native_1.ScrollView>
-              </react_native_1.View>}
+                    
+                    <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.Text>
+                      <react_native_1.Text style={[previewStyles.modeChipText,c==="rect"&&previewStyles.modeChipTextActive]}>
+                        Rectangle
+                      </react_native_1.Text>
+                    </react_native_1.TouchableOpacity>
 
-            {x&&l==="draw"&&<react_native_1.View style={previewStyles.subToolBar}>
-                <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={previewStyles.subToolScroll}>
-                  {COLOR_PALETTE.map(e=><react_native_1.TouchableOpacity key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),ye(e)}}style={[previewStyles.colorDot,{backgroundColor:e},A===e&&previewStyles.colorDotActive]}/>)}
-                  <react_native_1.View style={previewStyles.subDivider}/>
-                  {[2,4,8].map(e=><react_native_1.TouchableOpacity key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),De(e)}}style={[previewStyles.strokeWidthBtn,j===e&&previewStyles.strokeWidthBtnActive]}>
-                      <react_native_1.View style={[previewStyles.strokeDot,{width:e+2,height:e+2,backgroundColor:A}]}/>
-                    </react_native_1.TouchableOpacity>)}
-                  <react_native_1.TouchableOpacity onPress={Ze}disabled={E.length===0}style={[previewStyles.actionPillBtn,E.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>
-                  <react_native_1.TouchableOpacity onPress={Ke}disabled={E.length===0}style={[previewStyles.actionPillBtn,E.length===0&&{opacity:.4}]}>
-                    <react_native_1.Text style={previewStyles.actionPillText}>Clear</react_native_1.Text>
-                  </react_native_1.TouchableOpacity>
-                </react_native_1.ScrollView>
-              </react_native_1.View>}
+                    
+                    <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.Text>
+                      <react_native_1.Text style={[previewStyles.modeChipText,c==="circle"&&previewStyles.modeChipTextActive]}>
+                        Circle
+                      </react_native_1.Text>
+                    </react_native_1.TouchableOpacity>
 
-            {x&&l==="shapes"&&<react_native_1.View style={previewStyles.subToolBar}>
-                <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={previewStyles.subToolScroll}>
-                  <react_native_1.TouchableOpacity onPress={()=>le("rect")}style={previewStyles.shapeOptionBtn}>
-                    <NetworkIcons_1.RectangleIcon size={14}color={AppColors_1.AppColors.sky400}/>
-                    <react_native_1.Text style={previewStyles.shapeOptionText}>Rectangle</react_native_1.Text>
-                  </react_native_1.TouchableOpacity>
-                  <react_native_1.TouchableOpacity onPress={()=>le("circle")}style={previewStyles.shapeOptionBtn}>
-                    <NetworkIcons_1.CircleIconOutline size={14}color={AppColors_1.AppColors.amber400}/>
-                    <react_native_1.Text style={previewStyles.shapeOptionText}>Circle</react_native_1.Text>
-                  </react_native_1.TouchableOpacity>
-                  <react_native_1.TouchableOpacity onPress={()=>le("ellipse")}style={previewStyles.shapeOptionBtn}>
-                    <NetworkIcons_1.EllipseIconOutline size={14}color={AppColors_1.AppColors.violet600}/>
-                    <react_native_1.Text style={previewStyles.shapeOptionText}>Ellipse</react_native_1.Text>
-                  </react_native_1.TouchableOpacity>
-                  <react_native_1.View style={previewStyles.subDivider}/>
-                  {COLOR_PALETTE.slice(0,4).map(e=><react_native_1.TouchableOpacity key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),ye(e)}}style={[previewStyles.colorDot,{backgroundColor:e},A===e&&previewStyles.colorDotActive]}/>)}
-                </react_native_1.ScrollView>
-              </react_native_1.View>}
+                    
+                    <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.Text>
+                      <react_native_1.Text style={[previewStyles.modeChipText,c==="spotlight"&&previewStyles.modeChipTextActive]}>
+                        Spotlight
+                      </react_native_1.Text>
+                    </react_native_1.TouchableOpacity>
 
-            
-            <react_native_1.View style={previewStyles.bottomTesterDock}>
-              {x&&<>
-                  <TouchableScale_1.default onPress={()=>S(l==="crop"?"none":"crop")}style={[previewStyles.dockToolBtn,l==="crop"&&previewStyles.dockToolBtnActive]}>
-                    <NetworkIcons_1.CropIcon size={16}color={l==="crop"?AppColors_1.AppColors.white:AppColors_1.AppColors.sky400}/>
-                    <react_native_1.Text style={[previewStyles.dockToolLabel,l==="crop"&&{color:AppColors_1.AppColors.white}]}>
-                      Crop
-                    </react_native_1.Text>
-                  </TouchableScale_1.default>
+                    
+                    <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.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>
+                    </react_native_1.TouchableOpacity>
 
-                  <TouchableScale_1.default onPress={()=>S(l==="resize"?"none":"resize")}style={[previewStyles.dockToolBtn,l==="resize"&&previewStyles.dockToolBtnActive]}>
-                    <NetworkIcons_1.ResizeIcon size={16}color={l==="resize"?AppColors_1.AppColors.white:AppColors_1.AppColors.emerald400}/>
-                    <react_native_1.Text style={[previewStyles.dockToolLabel,l==="resize"&&{color:AppColors_1.AppColors.white}]}>
-                      Resize
-                    </react_native_1.Text>
-                  </TouchableScale_1.default>
+                    
+                    <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]}>
+                        Redact
+                      </react_native_1.Text>
+                    </react_native_1.TouchableOpacity>
 
-                  <TouchableScale_1.default onPress={()=>S(l==="draw"?"none":"draw")}style={[previewStyles.dockToolBtn,l==="draw"&&previewStyles.dockToolBtnActive]}>
-                    <NetworkIcons_1.PenIcon size={16}color={l==="draw"?AppColors_1.AppColors.white:AppColors_1.AppColors.rose400}/>
-                    <react_native_1.Text style={[previewStyles.dockToolLabel,l==="draw"&&{color:AppColors_1.AppColors.white}]}>
-                      Draw
-                    </react_native_1.Text>
-                  </TouchableScale_1.default>
+                    
+                    <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]}>
+                        Pixelate
+                      </react_native_1.Text>
+                    </react_native_1.TouchableOpacity>
 
-                  <TouchableScale_1.default onPress={()=>S(l==="shapes"?"none":"shapes")}style={[previewStyles.dockToolBtn,l==="shapes"&&previewStyles.dockToolBtnActive]}>
-                    <NetworkIcons_1.ShapesIcon size={16}color={l==="shapes"?AppColors_1.AppColors.white:AppColors_1.AppColors.amber400}/>
-                    <react_native_1.Text style={[previewStyles.dockToolLabel,l==="shapes"&&{color:AppColors_1.AppColors.white}]}>
-                      Shapes
-                    </react_native_1.Text>
-                  </TouchableScale_1.default>
-
-                  <TouchableScale_1.default onPress={()=>Se()}style={previewStyles.dockToolBtn}>
-                    <NetworkIcons_1.TypeIcon size={16}color={AppColors_1.AppColors.indigo400}/>
-                    <react_native_1.Text style={previewStyles.dockToolLabel}>Text</react_native_1.Text>
-                  </TouchableScale_1.default>
-
-                  <TouchableScale_1.default onPress={et}style={previewStyles.dockToolBtn}>
-                    <NetworkIcons_1.BlurIcon size={16}color={AppColors_1.AppColors.sky300}/>
-                    <react_native_1.Text style={previewStyles.dockToolLabel}>Blur</react_native_1.Text>
-                  </TouchableScale_1.default>
-
-                  <TouchableScale_1.default onPress={Ye}style={previewStyles.dockToolBtn}>
-                    <NetworkIcons_1.RotateIcon size={16}color={AppColors_1.AppColors.violet600}/>
-                    <react_native_1.Text style={previewStyles.dockToolLabel}>Rotate</react_native_1.Text>
-                  </TouchableScale_1.default>
-                </>}
-
-              {M&&<>
-                  <TouchableScale_1.default onPress={rt}disabled={P}style={previewStyles.dockToolBtn}>
-                    <NetworkIcons_1.ScissorsIcon size={16}color={AppColors_1.AppColors.sky400}/>
-                    <react_native_1.Text style={previewStyles.dockToolLabel}>{n("media.trim5s","Trim 5s")}</react_native_1.Text>
-                  </TouchableScale_1.default>
-
-                  <TouchableScale_1.default onPress={nt}disabled={P}style={previewStyles.dockToolBtn}>
-                    <NetworkIcons_1.VolumeXIcon size={16}color={AppColors_1.AppColors.amber400}/>
-                    <react_native_1.Text style={previewStyles.dockToolLabel}>{n("media.muteAudio","Mute Audio")}</react_native_1.Text>
-                  </TouchableScale_1.default>
-
-                  {y&&<TouchableScale_1.default onPress={Ae}disabled={de}style={previewStyles.dockToolBtn}>
-                      <NetworkIcons_1.GifIcon size={16}color={AppColors_1.AppColors.violet600}/>
-                      <react_native_1.Text style={previewStyles.dockToolLabel}>{n("media.toGif","To GIF")}</react_native_1.Text>
-                    </TouchableScale_1.default>}
-
-                  <TouchableScale_1.default onPress={ke}style={[previewStyles.dockToolBtn,previewStyles.dockPrimaryBtn]}>
-                    <NetworkIcons_1.PlayIcon size={16}color={AppColors_1.AppColors.white}/>
-                    <react_native_1.Text style={[previewStyles.dockToolLabel,{color:AppColors_1.AppColors.white}]}>{n("media.play","Play")}</react_native_1.Text>
-                  </TouchableScale_1.default>
-                </>}
-            </react_native_1.View>
+                    <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]}/>)}
+
+                    <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}]}>
+                      <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)"}]}>
+                        <react_native_1.Text style={[previewStyles.actionPillText,{color:AppColors_1.AppColors.rose400}]}>
+                          Clear ({R.length})
+                        </react_native_1.Text>
+                      </react_native_1.TouchableOpacity>}
+                  </>:l==="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}]}>
+                          {e.icon}
+                        </react_native_1.Text>
+                        <react_native_1.Text style={[previewStyles.modeChipText,M===e.key&&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)("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.Text>
+                      <react_native_1.Text style={[previewStyles.modeChipText,Y&&previewStyles.modeChipTextActive]}>
+                        QA Bar {Y?"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]}>
+                        Grid 3×3
+                      </react_native_1.Text>
+                    </react_native_1.TouchableOpacity>
+
+                    <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>)}
+                    <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}>
+                      <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]}>
+                          {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}>
+                      <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.Text>
+                      <react_native_1.Text style={[previewStyles.modeChipText,q&&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.Text>
+                      <react_native_1.Text style={[previewStyles.modeChipText,Z&&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]}>
+                        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.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.Text style={previewStyles.cancelActionText}>Cancel</react_native_1.Text>
+                    </react_native_1.TouchableOpacity>
+                  </>:l==="text"?<>
+                    <react_native_1.TouchableOpacity onPress={()=>yt()}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`}]}>
+                        <react_native_1.Text style={[previewStyles.modeChipText,{color:e.color,fontWeight:"700"}]}>
+                          {e.label}
+                        </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]}/>)}
+                    {Q.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.Text style={[previewStyles.modeChipText,{color:AppColors_1.AppColors.rose500}]}>
+                            Clear All ({Q.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}>
+                      <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}>
+                      <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}>
+                      <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}>
+                      <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>
+                  </>}
+              </react_native_1.ScrollView>
+            </react_native_1.View>}
+
+          
+          <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]}>
+                    {e.label}
+                  </react_native_1.Text>
+                  {"hasBadge"in e&&e.hasBadge&&<react_native_1.View style={previewStyles.studioTabBadgeDot}/>}
+                </TouchableScale_1.default>})}
           </react_native_1.View>
-        </react_native_1.SafeAreaView>
+        </react_native_1.View>
       </react_native_1.View>
+    </react_native_1.View>
 
       
-      <react_native_1.Modal visible={Le}transparent={!0}animationType="fade"onRequestClose={()=>G(!1)}>
-        <react_native_1.View style={previewStyles.modalBackdrop}>
+      <react_native_1.Modal visible={Ut}transparent={!0}animationType="fade"onRequestClose={()=>ot(!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={Y}onChangeText={Z}autoFocus={!0}multiline={!0}/>
+            <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.View style={previewStyles.textModalActions}>
-              <react_native_1.TouchableOpacity onPress={()=>G(!1)}style={previewStyles.modalCancelBtn}>
+              <react_native_1.TouchableOpacity onPress={()=>ot(!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={tt}style={previewStyles.modalConfirmBtn}>
+              <react_native_1.TouchableOpacity onPress={no}style={previewStyles.modalConfirmBtn}>
                 <react_native_1.Text style={previewStyles.modalConfirmText}>Place Text</react_native_1.Text>
               </react_native_1.TouchableOpacity>
             </react_native_1.View>
@@ -368,5 +808,5 @@
       </react_native_1.Modal>
 
       
-      <ConfirmationModal_1.ConfirmationModal visible={Oe}title={n("mediaGallery.deleteTitle","Delete Media?")}message={n("mediaGallery.deleteMessage",{filename:o.filename})}confirmText={n("mediaGallery.delete","Delete")}cancelText={n("common.cancel","Cancel")}isDestructive={!0}icon="trash"onConfirm={()=>{ee(!1),m(o),w()}}onCancel={()=>ee(!1)}/>
-    </react_native_1.Modal>};exports.MediaPreviewModal=MediaPreviewModal;const previewStyles=react_native_1.StyleSheet.create({overlay:{flex:1,backgroundColor:AppColors_1.AppColors.slate900},header:{width:"100%",zIndex:10,borderBottomWidth:react_native_1.StyleSheet.hairlineWidth,borderBottomColor:"rgba(255, 255, 255, 0.25)"},headerInner:{width:"100%",flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:14,paddingTop:react_native_1.Platform.OS==="ios"?52:react_native_1.StatusBar.currentHeight?react_native_1.StatusBar.currentHeight+8:18,paddingBottom:12,minHeight:react_native_1.Platform.OS==="ios"?94:64},headerLeft:{flexDirection:"row",alignItems:"center",gap:8,flex:1,minWidth:0,marginRight:6},headerTextCol:{flex:1,minWidth:0},headerRight:{flexDirection:"row",alignItems:"center",gap:6,flexShrink:0},badge:{flexDirection:"row",alignItems:"center",gap:3.5,paddingHorizontal:6,paddingVertical:3,borderRadius:5,backgroundColor:"rgba(255, 255, 255, 0.22)",borderWidth:1,borderColor:"rgba(255, 255, 255, 0.38)"},badgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,letterSpacing:.4,color:AppColors_1.AppColors.white},title:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:12.5,color:AppColors_1.AppColors.white,letterSpacing:-.1},subtitle:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10.5,color:"rgba(255, 255, 255, 0.7)",marginTop:1},headerActionBtn:{width:30,height:30,borderRadius:7,backgroundColor:"rgba(255, 255, 255, 0.22)",borderWidth:1,borderColor:"rgba(255, 255, 255, 0.38)",alignItems:"center",justifyContent:"center"},headerDeleteBtn:{width:30,height:30,borderRadius:7,backgroundColor:"rgba(239, 68, 68, 0.35)",borderWidth:1,borderColor:"rgba(252, 165, 165, 0.55)",alignItems:"center",justifyContent:"center"},headerCloseBtn:{width:30,height:30,borderRadius:7,backgroundColor:"rgba(244, 63, 94, 0.28)",borderWidth:1,borderColor:"rgba(251, 113, 133, 0.48)",alignItems:"center",justifyContent:"center"},stageSafe:{flex:1,width:"100%"},stage:{flex:1,width:"100%",alignItems:"center",justifyContent:"center",padding:8},previewCard:{flex:1,width:"100%",borderRadius:14,overflow:"hidden",backgroundColor:"#090D1A",alignItems:"center",justifyContent:"center",position:"relative"},canvasContainer:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",position:"relative"},image:{width:"100%",height:"100%"},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},centerPlayContainer:{position:"absolute",alignItems:"center",justifyContent:"center",gap:8},centerPlayGlow:{position:"absolute",width:80,height:80,borderRadius:40,backgroundColor:"rgba(56, 189, 248, 0.22)"},centerPlayCircle:{width:62,height:62,borderRadius:31,backgroundColor:AppColors_1.AppColors.sky500,alignItems:"center",justifyContent:"center",paddingLeft:3,shadowColor:AppColors_1.AppColors.sky500,shadowOffset:{width:0,height:4},shadowOpacity:.5,shadowRadius:10,elevation:8},centerPlayPill:{backgroundColor:"rgba(15, 23, 42, 0.90)",paddingHorizontal:12,paddingVertical:4,borderRadius:12,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.15)"},centerPlayText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,color:AppColors_1.AppColors.white,letterSpacing:.3},topLeftBadgeOverlay:{position:"absolute",top:12,left:12},bottomRightBadgeOverlay:{position:"absolute",bottom:12,right:12},metaPill:{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:"rgba(15, 23, 42, 0.90)",paddingHorizontal:10,paddingVertical:5,borderRadius:12,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.15)"},metaPillText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:11,color:AppColors_1.AppColors.white,letterSpacing:.2},floatingZoomBar:{position:"absolute",right:12,top:"35%",backgroundColor:"rgba(15, 23, 42, 0.92)",borderRadius:20,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.18)",paddingVertical:6,paddingHorizontal:4,alignItems:"center",gap:6,shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:4},shadowOpacity:.45,shadowRadius:8,elevation:10},zoomBtn:{width:28,height:28,borderRadius:14,backgroundColor:"rgba(255, 255, 255, 0.12)",alignItems:"center",justifyContent:"center"},zoomLevelBadge:{paddingHorizontal:4,paddingVertical:2},zoomLevelText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.sky400,letterSpacing:.2},subToolBar:{width:"100%",backgroundColor:"rgba(15, 23, 42, 0.96)",borderRadius:12,paddingVertical:6,paddingHorizontal:8,marginTop:6,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.12)"},subToolScroll:{flexDirection:"row",alignItems:"center",gap:8},ratioChip:{paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:"rgba(255, 255, 255, 0.08)",borderWidth:1,borderColor:"rgba(255, 255, 255, 0.14)"},ratioChipActive:{backgroundColor:AppColors_1.AppColors.indigo600,borderColor:AppColors_1.AppColors.indigo400},ratioChipText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:"rgba(255, 255, 255, 0.8)"},ratioChipTextActive:{color:AppColors_1.AppColors.white,fontFamily:AppFonts_1.AppFonts.interBold},applyActionBtn:{backgroundColor:AppColors_1.AppColors.emerald600,paddingHorizontal:12,paddingVertical:5,borderRadius:8},applyActionText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.white},cancelActionBtn:{backgroundColor:"rgba(255, 255, 255, 0.12)",paddingHorizontal:10,paddingVertical:5,borderRadius:8},cancelActionText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:11,color:"rgba(255, 255, 255, 0.8)"},colorDot:{width:22,height:22,borderRadius:11,borderWidth:1.5,borderColor:"rgba(255, 255, 255, 0.3)"},colorDotActive:{borderColor:AppColors_1.AppColors.white,transform:[{scale:1.25}]},subDivider:{width:1,height:18,backgroundColor:"rgba(255, 255, 255, 0.15)",marginHorizontal:4},strokeWidthBtn:{width:24,height:24,borderRadius:12,backgroundColor:"rgba(255, 255, 255, 0.08)",alignItems:"center",justifyContent:"center"},strokeWidthBtnActive:{backgroundColor:"rgba(255, 255, 255, 0.25)"},strokeDot:{borderRadius:99},actionPillBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:5,borderRadius:8,backgroundColor:"rgba(255, 255, 255, 0.10)"},actionPillText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10,color:AppColors_1.AppColors.white},shapeOptionBtn:{flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:9,paddingVertical:5,borderRadius:8,backgroundColor:"rgba(255, 255, 255, 0.08)",borderWidth:1,borderColor:"rgba(255, 255, 255, 0.12)"},shapeOptionText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:AppColors_1.AppColors.white},shapeItem:{position:"absolute",borderWidth:2.5,borderStyle:"solid"},shapeDeleteBadge:{position:"absolute",top:-8,right:-8,width:16,height:16,borderRadius:8,backgroundColor:AppColors_1.AppColors.rose500,alignItems:"center",justifyContent:"center"},blurItem:{position:"absolute",backgroundColor:"rgba(15, 23, 42, 0.95)",borderWidth:1.5,borderColor:"rgba(56, 189, 248, 0.7)",borderRadius:6,alignItems:"center",justifyContent:"center"},blurItemText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.sky300,letterSpacing:.6},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"},cropSubToolBar:{width:"100%",backgroundColor:"rgba(15, 23, 42, 0.96)",borderRadius:12,paddingVertical:8,paddingHorizontal:10,marginTop:6,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.12)",gap:8},cropActionHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",width:"100%",paddingBottom:4,borderBottomWidth:react_native_1.StyleSheet.hairlineWidth,borderBottomColor:"rgba(255, 255, 255, 0.12)"},cropHeaderTitle:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:"rgba(255, 255, 255, 0.65)"},cropActionButtons:{flexDirection:"row",alignItems:"center",gap:8},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:"dashed",borderColor:AppColors_1.AppColors.white,backgroundColor:"rgba(56, 189, 248, 0.08)",shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:0},shadowOpacity:.8,shadowRadius:4},cropGridH:{position:"absolute",left:0,right:0,height:1,borderTopWidth:1,borderStyle:"dashed",borderColor:"rgba(255, 255, 255, 0.45)"},cropGridV:{position:"absolute",top:0,bottom:0,width:1,borderLeftWidth:1,borderStyle:"dashed",borderColor:"rgba(255, 255, 255, 0.45)"},cropHandleTouchArea:{position:"absolute",width:38,height:38,alignItems:"center",justifyContent:"center",zIndex:10},handleAreaTL:{top:-19,left:-19},handleAreaTR:{top:-19,right:-19},handleAreaBL:{bottom:-19,left:-19},handleAreaBR:{bottom:-19,right:-19},cropCornerBracket:{position:"absolute",width:14,height:14,borderColor:AppColors_1.AppColors.white,backgroundColor:AppColors_1.AppColors.sky500,borderRadius:2,borderWidth:2,shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:2},shadowOpacity:.6,shadowRadius:3,elevation:4},bracketTL:{top:-7,left:-7},bracketTR:{top:-7,right:-7},bracketBL:{bottom:-7,left:-7},bracketBR:{bottom:-7,right:-7},cropEdgeBarTop:{position:"absolute",top:-3,left:"35%",right:"35%",height:6,backgroundColor:AppColors_1.AppColors.white,borderRadius:3},cropEdgeBarBottom:{position:"absolute",bottom:-3,left:"35%",right:"35%",height:6,backgroundColor:AppColors_1.AppColors.white,borderRadius:3},cropEdgeBarLeft:{position:"absolute",left:-3,top:"35%",bottom:"35%",width:6,backgroundColor:AppColors_1.AppColors.white,borderRadius:3},cropEdgeBarRight:{position:"absolute",right:-3,top:"35%",bottom:"35%",width:6,backgroundColor:AppColors_1.AppColors.white,borderRadius:3},cropCenterPill:{position:"absolute",top:6,alignSelf:"center",backgroundColor:"rgba(14, 165, 233, 0.92)",paddingHorizontal:8,paddingVertical:2.5,borderRadius:6,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.25)"},cropCenterPillText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.white,letterSpacing:.4},bottomTesterDock:{flexDirection:"row",alignItems:"center",justifyContent:"space-around",width:"100%",paddingVertical:10,paddingHorizontal:6,marginTop:6,backgroundColor:"rgba(15, 23, 42, 0.94)",borderRadius:14,borderWidth:1,borderColor:"rgba(255, 255, 255, 0.14)",gap:4},dockToolBtn:{flex:1,alignItems:"center",justifyContent:"center",paddingVertical:6,paddingHorizontal:2,borderRadius:10,backgroundColor:"rgba(255, 255, 255, 0.06)",gap:3},dockToolBtnActive:{backgroundColor:AppColors_1.AppColors.indigo600,borderColor:AppColors_1.AppColors.indigo400,borderWidth:1},dockPrimaryBtn:{backgroundColor:AppColors_1.AppColors.indigo600},dockToolLabel:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:9.5,color:"rgba(255, 255, 255, 0.85)",letterSpacing:.1},modalBackdrop:{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}});
+      <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)}/>
+    </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}});