react-native-inapp-inspector 2.5.1 → 2.5.3

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

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