[{"data":1,"prerenderedAt":4},["ShallowReactive",2],{"example-src-snapchat":3},"\u003Cgui version=\"0.2\" name=\"SnapchatCamera\">\n  \u003Ctokens>\n    \u003Ccolor name=\"brand-yellow\" value=\"#FFFC00\" \u002F>\n    \u003Ccolor name=\"bg-dark\" value=\"#0C0A09\" \u002F>\n    \u003Ccolor name=\"hud-glass\" value=\"#0000005C\" \u002F>\n    \u003Ccolor name=\"hud-glass-border\" value=\"#FFFFFF26\" \u002F>\n    \u003Ccolor name=\"text-primary\" value=\"#FFFFFF\" \u002F>\n    \u003Ccolor name=\"text-secondary\" value=\"#A1A1AA\" \u002F>\n    \u003Ccolor name=\"chat-badge\" value=\"#00A8FF\" \u002F>\n    \u003Ccolor name=\"stories-badge\" value=\"#9D4EDD\" \u002F>\n  \u003C\u002Ftokens>\n  \n  \u003Cstyles>\n    \u003Ctext-style name=\"HUD\u002FLabel\" font-family=\"SF Pro\" font-size=\"14\" font-weight=\"600\" line-height=\"18\" \u002F>\n    \u003Ctext-style name=\"HUD\u002FSub\" font-family=\"SF Pro\" font-size=\"11\" font-weight=\"500\" line-height=\"14\" \u002F>\n    \u003Ctext-style name=\"Bar\u002FClock\" font-family=\"SF Pro\" font-size=\"15\" font-weight=\"600\" line-height=\"20\" \u002F>\n  \u003C\u002Fstyles>\n\n  \u003Cfonts>\n    \u003Cfont family=\"SF Pro\" source=\"system\" weights=\"400 500 600 700\" styles=\"normal\" \u002F>\n    \u003Cfont family=\"Inter\" source=\"google\" weights=\"400 500 600 700\" styles=\"normal\" \u002F>\n  \u003C\u002Ffonts>\n\n  \u003Cframe w=\"390\" h=\"844\" fill=\"$bg-dark\" clip>\n    \u003C!-- 1. Fullscreen Camera Feed Background -->\n    \u003Cimg src=\"assets\u002Fcamera_bg.png\" w=\"390\" h=\"844\" x=\"0\" y=\"0\" fit=\"cover\" name=\"Camera Feed Background\" \u002F>\n    \n    \u003C!-- 2. Dark Gradient Vignettes for Legibility \u002F Contrast -->\n    \u003C!-- Top Vignette (Ensures top status bar and search bar are legible) -->\n    \u003Crect w=\"390\" h=\"140\" x=\"0\" y=\"0\" fill=\"linear-gradient(180deg, #00000080 0%, #00000000 100%)\" name=\"Top Vignette Overlay\" \u002F>\n    \u003C!-- Bottom Vignette (Ensures capture elements and navigation are legible) -->\n    \u003Crect w=\"390\" h=\"240\" x=\"0\" y=\"604\" fill=\"linear-gradient(0deg, #00000099 0%, #00000000 100%)\" name=\"Bottom Vignette Overlay\" \u002F>\n\n    \u003C!-- 3. Neon Overlay Filters (Visual lens effects) -->\n    \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fglasses.svg?color=%23fffc00\" w=\"100\" h=\"40\" x=\"145\" y=\"380\" opacity=\"0.85\" name=\"Active Lens Sunglasses Overlay\" \u002F>\n    \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fsparkle.svg?color=%23ff3b30\" w=\"16\" h=\"16\" x=\"235\" y=\"365\" opacity=\"0.9\" name=\"Red Lens Sparkle\" \u002F>\n    \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fsparkle.svg?color=%2300a8ff\" w=\"20\" h=\"20\" x=\"135\" y=\"420\" opacity=\"0.9\" name=\"Blue Lens Sparkle\" \u002F>\n\n    \u003C!-- 4. iOS Status Bar -->\n    \u003Crow x=\"0\" y=\"12\" w=\"fill\" p=\"0 20\" gap=\"auto\" align=\"middle-center\" name=\"iOS Status Bar\">\n      \u003Ctext value=\"9:41\" font-family=\"SF Pro\" font-size=\"15\" font-weight=\"600\" color=\"#FFFFFF\" \u002F>\n      \u003Crow gap=\"6\" align=\"middle-right\">\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fsignal.svg?color=%23ffffff\" w=\"17\" h=\"17\" \u002F>\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fwifi.svg?color=%23ffffff\" w=\"17\" h=\"17\" \u002F>\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fbattery.svg?color=%23ffffff\" w=\"22\" h=\"13\" \u002F>\n      \u003C\u002Frow>\n    \u003C\u002Frow>\n\n    \u003C!-- 5. Top Header & Search HUD -->\n    \u003C!-- Bitmoji Profile Button (Yellow Ring implies Unread Story) -->\n    \u003Cframe role=\"avatar\" x=\"16\" y=\"52\" w=\"40\" h=\"40\" clip name=\"Profile Avatar shortcut\">\n      \u003Cellipse fill=\"$brand-yellow\" w=\"40\" h=\"40\" border=\"2 $brand-yellow\" \u002F>\n      \u003Cimg src=\"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1534528741775-53994a69daeb?w=80&h=80&fit=crop\" w=\"36\" h=\"36\" x=\"2\" y=\"2\" radius=\"18\" \u002F>\n    \u003C\u002Fframe>\n\n    \u003C!-- Snapchat Styled Search Bar -->\n    \u003Crow role=\"search-bar\" x=\"68\" y=\"52\" w=\"200\" h=\"40\" radius=\"20\" fill=\"$hud-glass\" border=\"1 $hud-glass-border\" align=\"middle-left\" p=\"0 14\" gap=\"8\" name=\"Search HUD Input\">\n      \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fsearch.svg?color=%23ffffff\" w=\"18\" h=\"18\" opacity=\"0.8\" \u002F>\n      \u003Ctext value=\"Search\" font-family=\"SF Pro\" font-size=\"14\" font-weight=\"500\" color=\"#FFFFFFB3\" \u002F>\n    \u003C\u002Frow>\n\n    \u003C!-- Add Friend Button -->\n    \u003Crow role=\"button\" x=\"280\" y=\"52\" w=\"40\" h=\"40\" radius=\"20\" fill=\"$hud-glass\" border=\"1 $hud-glass-border\" align=\"middle-center\" name=\"Add Friend Button\">\n      \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fuser-plus.svg?color=%23ffffff\" w=\"20\" h=\"20\" \u002F>\n    \u003C\u002Frow>\n\n    \u003C!-- Flip Camera Button -->\n    \u003Crow role=\"button\" x=\"334\" y=\"52\" w=\"40\" h=\"40\" radius=\"20\" fill=\"$hud-glass\" border=\"1 $hud-glass-border\" align=\"middle-center\" name=\"Flip Camera Button\">\n      \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Frotate-cw.svg?color=%23ffffff\" w=\"20\" h=\"20\" \u002F>\n    \u003C\u002Frow>\n\n    \u003C!-- 6. Right Action HUD Column Menu -->\n    \u003Ccol x=\"334\" y=\"104\" w=\"40\" gap=\"12\" align=\"middle-center\" name=\"Camera Quick Settings Menu\">\n      \u003Crow w=\"40\" h=\"40\" radius=\"20\" fill=\"$hud-glass\" border=\"1 $hud-glass-border\" align=\"middle-center\" name=\"Flash Control\">\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fzap.svg?color=%23ffffff\" w=\"20\" h=\"20\" \u002F>\n      \u003C\u002Frow>\n      \u003Crow w=\"40\" h=\"40\" radius=\"20\" fill=\"$hud-glass\" border=\"1 $hud-glass-border\" align=\"middle-center\" name=\"Sound Control\">\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fmusic.svg?color=%23ffffff\" w=\"20\" h=\"20\" \u002F>\n      \u003C\u002Frow>\n      \u003Crow w=\"40\" h=\"40\" radius=\"20\" fill=\"$hud-glass\" border=\"1 $hud-glass-border\" align=\"middle-center\" name=\"Lenses Control\">\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fsparkles.svg?color=%23ffffff\" w=\"20\" h=\"20\" \u002F>\n      \u003C\u002Frow>\n      \u003Crow w=\"40\" h=\"40\" radius=\"20\" fill=\"$hud-glass\" border=\"1 $hud-glass-border\" align=\"middle-center\" name=\"Timer Control\">\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Ftimer.svg?color=%23ffffff\" w=\"20\" h=\"20\" \u002F>\n      \u003C\u002Frow>\n      \u003Crow w=\"40\" h=\"40\" radius=\"20\" fill=\"$hud-glass\" border=\"1 $hud-glass-border\" align=\"middle-center\" name=\"Grid Layout Control\">\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fgrid.svg?color=%23ffffff\" w=\"20\" h=\"20\" \u002F>\n      \u003C\u002Frow>\n      \u003Crow w=\"40\" h=\"40\" radius=\"20\" fill=\"$hud-glass\" border=\"1 $hud-glass-border\" align=\"middle-center\" name=\"More Controls Menu\">\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fchevron-down.svg?color=%23ffffff\" w=\"20\" h=\"20\" \u002F>\n      \u003C\u002Frow>\n    \u003C\u002Fcol>\n\n    \u003C!-- 7. Active Filter Label -->\n    \u003Crow x=\"120\" y=\"605\" w=\"150\" h=\"28\" radius=\"14\" fill=\"$hud-glass\" border=\"1 $hud-glass-border\" align=\"middle-center\" gap=\"6\" name=\"Active Lens Tag\">\n      \u003Cellipse fill=\"$brand-yellow\" w=\"6\" h=\"6\" \u002F>\n      \u003Ctext value=\"Neon Glasses\" font-family=\"SF Pro\" font-size=\"12\" font-weight=\"600\" color=\"#FFFFFF\" \u002F>\n    \u003C\u002Frow>\n\n    \u003C!-- 8. Shutter Button & Lens Carousel Area -->\n    \u003C!-- Memories \u002F Gallery Button (Left) -->\n    \u003Cframe role=\"button\" x=\"35\" y=\"670\" w=\"40\" h=\"40\" clip name=\"Memories Shortcut Button\">\n      \u003Crect fill=\"$hud-glass\" border=\"2 #FFFFFF\" w=\"40\" h=\"40\" radius=\"10\" \u002F>\n      \u003Cimg src=\"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1517841905240-472988babdf9?w=80&h=80&fit=crop\" w=\"36\" h=\"36\" x=\"2\" y=\"2\" radius=\"8\" \u002F>\n    \u003C\u002Fframe>\n\n    \u003C!-- Lens Inactive Left -->\n    \u003Cframe x=\"95\" y=\"668\" w=\"44\" h=\"44\" clip name=\"Lenses Carousel Left Option\">\n      \u003Cellipse fill=\"$hud-glass\" border=\"1 $hud-glass-border\" w=\"44\" h=\"44\" \u002F>\n      \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fpalette.svg?color=%23ffffff\" w=\"22\" h=\"22\" x=\"11\" y=\"11\" \u002F>\n    \u003C\u002Fframe>\n\n    \u003C!-- Shutter Button \u002F Active Lens (Center) -->\n    \u003Cframe role=\"button\" x=\"155\" y=\"650\" w=\"80\" h=\"80\" name=\"Shutter Button\">\n      \u003Cellipse fill=\"none\" border=\"6 #FFFFFF\" w=\"80\" h=\"80\" \u002F>\n      \u003Cellipse fill=\"#FFFFFF8C\" w=\"62\" h=\"62\" x=\"9\" y=\"9\" \u002F>\n      \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fsparkles.svg?color=%23fffc00\" w=\"32\" h=\"32\" x=\"24\" y=\"24\" \u002F>\n    \u003C\u002Fframe>\n\n    \u003C!-- Lens Inactive Right -->\n    \u003Cframe x=\"251\" y=\"668\" w=\"44\" h=\"44\" clip name=\"Lenses Carousel Right Option\">\n      \u003Cellipse fill=\"$hud-glass\" border=\"1 $hud-glass-border\" w=\"44\" h=\"44\" \u002F>\n      \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fsmile.svg?color=%23ffffff\" w=\"22\" h=\"22\" x=\"11\" y=\"11\" \u002F>\n    \u003C\u002Fframe>\n\n    \u003C!-- Lens Explorer Button (Right) -->\n    \u003Cframe role=\"button\" x=\"315\" y=\"670\" w=\"40\" h=\"40\" clip name=\"Lens Explorer Button\">\n      \u003Cellipse fill=\"$hud-glass\" border=\"2 #FFFFFF\" w=\"40\" h=\"40\" \u002F>\n      \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fcompass.svg?color=%23ffffff\" w=\"22\" h=\"22\" x=\"9\" y=\"9\" \u002F>\n    \u003C\u002Fframe>\n\n    \u003C!-- 9. Glassmorphic Bottom Navigation Bar -->\n    \u003Cframe x=\"0\" y=\"744\" w=\"390\" h=\"100\" clip name=\"Bottom Navigation Tab Bar\">\n      \u003Cappearance>\n        \u003Cfill type=\"color\" value=\"#0000005C\" \u002F>\n        \u003Ceffect type=\"background-blur\" radius=\"20\" \u002F>\n      \u003C\u002Fappearance>\n      \n      \u003C!-- Nav Tabs Row -->\n      \u003Crow role=\"tab-bar\" x=\"0\" y=\"10\" w=\"fill\" h=\"56\" gap=\"auto\" align=\"middle-center\" p=\"0 24\" name=\"Tab Navigation Buttons\">\n        \u003C!-- Map Tab -->\n        \u003Ccol gap=\"2\" align=\"middle-center\" name=\"Map Navigation Item\">\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fmap-pin.svg?color=%23ffffff\" w=\"24\" h=\"24\" opacity=\"0.6\" \u002F>\n        \u003C\u002Fcol>\n\n        \u003C!-- Chat Tab with Unread Badge -->\n        \u003Cframe w=\"40\" h=\"40\" name=\"Chat Navigation Item\">\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fmessage-square.svg?color=%23ffffff\" w=\"24\" h=\"24\" x=\"8\" y=\"8\" opacity=\"0.6\" \u002F>\n          \u003Cframe role=\"badge\" x=\"24\" y=\"2\" w=\"18\" h=\"18\" name=\"Unread Chat Indicator Badge\">\n            \u003Cellipse fill=\"$chat-badge\" w=\"18\" h=\"18\" border=\"2 #0000004D\" \u002F>\n            \u003Ctext value=\"3\" font-family=\"SF Pro\" font-size=\"10\" font-weight=\"700\" color=\"#FFFFFF\" x=\"6\" y=\"2\" \u002F>\n          \u003C\u002Fframe>\n        \u003C\u002Fframe>\n\n        \u003C!-- Camera Tab (Active) -->\n        \u003Ccol gap=\"2\" align=\"middle-center\" name=\"Camera Navigation Item (Active)\">\n          \u003Crow w=\"36\" h=\"36\" radius=\"18\" fill=\"$brand-yellow\" align=\"middle-center\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fcamera.svg?color=%23000000\" w=\"20\" h=\"20\" \u002F>\n          \u003C\u002Frow>\n        \u003C\u002Fcol>\n\n        \u003C!-- Stories Tab with Purple Active Indicator Dot -->\n        \u003Cframe w=\"40\" h=\"40\" name=\"Stories Navigation Item\">\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fusers.svg?color=%23ffffff\" w=\"24\" h=\"24\" x=\"8\" y=\"8\" opacity=\"0.6\" \u002F>\n          \u003Cellipse fill=\"$stories-badge\" w=\"8\" h=\"8\" x=\"26\" y=\"6\" border=\"1 #0000004D\" name=\"Unread Story Dot Indicator\" \u002F>\n        \u003C\u002Fframe>\n\n        \u003C!-- Spotlight Tab -->\n        \u003Ccol gap=\"2\" align=\"middle-center\" name=\"Spotlight Navigation Item\">\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fplay.svg?color=%23ffffff\" w=\"24\" h=\"24\" opacity=\"0.6\" \u002F>\n        \u003C\u002Fcol>\n      \u003C\u002Frow>\n\n      \u003C!-- iOS Home Indicator -->\n      \u003Crect fill=\"#FFFFFF5C\" w=\"140\" h=\"5\" radius=\"3\" x=\"125\" y=\"86\" name=\"iOS Home Indicator Bar\" \u002F>\n    \u003C\u002Fframe>\n  \u003C\u002Fframe>\n\u003C\u002Fgui>\n",1784753172943]