[{"data":1,"prerenderedAt":4},["ShallowReactive",2],{"example-src-figma-clone":3},"\u003Cgui version=\"0.2\" name=\"FigmaClone\">\n  \u003Ctokens>\n    \u003C!-- Figma Color Palette -->\n    \u003Ccolor name=\"bg-canvas\" value=\"#1E1E1E\" \u002F>\n    \u003Ccolor name=\"bg-panel\" value=\"#2C2C2C\" \u002F>\n    \u003Ccolor name=\"bg-panel-elevated\" value=\"#333333\" \u002F>\n    \u003Ccolor name=\"border\" value=\"#3E3E3E\" \u002F>\n    \u003Ccolor name=\"brand-blue\" value=\"#0C8CE9\" \u002F>\n    \u003Ccolor name=\"brand-blue-bg\" value=\"#0C8CE91F\" \u002F>\n    \u003Ccolor name=\"text-primary\" value=\"#FFFFFF\" \u002F>\n    \u003Ccolor name=\"text-secondary\" value=\"#B3B3B3\" \u002F>\n    \u003Ccolor name=\"text-tertiary\" value=\"#808080\" \u002F>\n    \u003Ccolor name=\"accent-green\" value=\"#0ACF83\" \u002F>\n    \u003Ccolor name=\"accent-purple\" value=\"#A259FF\" \u002F>\n    \u003Ccolor name=\"white\" value=\"#FFFFFF\" \u002F>\n    \n    \u003C!-- Nested PostHog Canvas Tokens -->\n    \u003Ccolor name=\"ph-bg\" value=\"#eeefe9\" \u002F>\n    \u003Ccolor name=\"ph-surface\" value=\"#ffffff\" \u002F>\n    \u003Ccolor name=\"ph-surface-soft\" value=\"#e5e7e0\" \u002F>\n    \u003Ccolor name=\"ph-border\" value=\"#bfc1b7\" \u002F>\n    \u003Ccolor name=\"ph-primary\" value=\"#f7a501\" \u002F>\n    \u003Ccolor name=\"ph-on-primary\" value=\"#23251d\" \u002F>\n    \u003Ccolor name=\"ph-ink\" value=\"#23251d\" \u002F>\n    \u003Ccolor name=\"ph-body\" value=\"#4d4f46\" \u002F>\n    \u003Ccolor name=\"ph-text-secondary\" value=\"#6c6e63\" \u002F>\n    \u003Ccolor name=\"ph-accent-blue\" value=\"#2c84e0\" \u002F>\n    \u003Ccolor name=\"ph-accent-blue-soft\" value=\"#dceaf6\" \u002F>\n    \u003Ccolor name=\"ph-success\" value=\"#2c8c66\" \u002F>\n  \u003C\u002Ftokens>\n\n  \u003Cstyles>\n    \u003C!-- Figma UI Typography -->\n    \u003Ctext-style name=\"PanelHeader\" font-family=\"Inter\" font-size=\"11\" font-weight=\"700\" line-height=\"16\" letter-spacing=\"0.5\" \u002F>\n    \u003Ctext-style name=\"LayerText\" font-family=\"Inter\" font-size=\"12\" font-weight=\"500\" line-height=\"18\" \u002F>\n    \u003Ctext-style name=\"LayerTextActive\" font-family=\"Inter\" font-size=\"12\" font-weight=\"600\" line-height=\"18\" \u002F>\n    \u003Ctext-style name=\"ToolbarText\" font-family=\"Inter\" font-size=\"13\" font-weight=\"600\" line-height=\"18\" \u002F>\n    \u003Ctext-style name=\"InspectorLabel\" font-family=\"Inter\" font-size=\"11\" font-weight=\"600\" line-height=\"16\" \u002F>\n    \u003Ctext-style name=\"InspectorValue\" font-family=\"Inter\" font-size=\"11\" font-weight=\"500\" line-height=\"16\" \u002F>\n    \u003Ctext-style name=\"InspectorTitle\" font-family=\"Inter\" font-size=\"11\" font-weight=\"700\" line-height=\"16\" letter-spacing=\"0.5\" \u002F>\n  \u003C\u002Fstyles>\n\n  \u003Cfonts>\n    \u003Cfont family=\"Inter\" source=\"google\" weights=\"400 500 600 700\" styles=\"normal\" \u002F>\n  \u003C\u002Ffonts>\n\n  \u003C!-- Web Desktop Main Layout Container (Width strictly 1440px, height strictly 900px) -->\n  \u003Ccol w=\"1440\" h=\"900\" fill=\"$bg-canvas\">\n\n    \u003C!-- 1. Top Nav Toolbar (Height 48px, spans 1440px) -->\n    \u003Crow role=\"toolbar\" w=\"1440\" h=\"48\" fill=\"$bg-panel\" border=\"0 0 1 0 $border\" align=\"middle-left\" p=\"0 16\" gap=\"16\">\n      \n      \u003C!-- Figma Logo & Main Menu -->\n      \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flogos\u002Ffigma.svg\" w=\"16\" h=\"24\" \u002F>\n      \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fchevron-down.svg?color=%23B3B3B3\" w=\"14\" h=\"14\" \u002F>\n\n      \u003C!-- Left tools cluster -->\n      \u003Crow gap=\"12\" align=\"middle-left\">\n        \u003C!-- Pointer tool (active) -->\n        \u003Crow w=\"28\" h=\"28\" radius=\"6\" fill=\"$brand-blue-bg\" align=\"middle-center\">\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fmouse-pointer-2.svg?color=%230C8CE9&fill=%230C8CE9\" w=\"16\" h=\"16\" \u002F>\n        \u003C\u002Frow>\n        \u003C!-- Region\u002FFrame tool -->\n        \u003Crow w=\"28\" h=\"28\" radius=\"6\" align=\"middle-center\">\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fframe.svg?color=%23B3B3B3\" w=\"16\" h=\"16\" \u002F>\n        \u003C\u002Frow>\n        \u003C!-- Shape tools -->\n        \u003Crow w=\"28\" h=\"28\" radius=\"6\" align=\"middle-center\" gap=\"2\">\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fsquare.svg?color=%23B3B3B3\" w=\"16\" h=\"16\" \u002F>\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fchevron-down.svg?color=%23808080\" w=\"10\" h=\"10\" \u002F>\n        \u003C\u002Frow>\n        \u003C!-- Pen tool -->\n        \u003Crow w=\"28\" h=\"28\" radius=\"6\" align=\"middle-center\">\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fpen-tool.svg?color=%23B3B3B3\" w=\"16\" h=\"16\" \u002F>\n        \u003C\u002Frow>\n        \u003C!-- Text tool -->\n        \u003Crow w=\"28\" h=\"28\" radius=\"6\" align=\"middle-center\">\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Ftype.svg?color=%23B3B3B3\" w=\"16\" h=\"16\" \u002F>\n        \u003C\u002Frow>\n        \u003C!-- Hand\u002FPan tool -->\n        \u003Crow w=\"28\" h=\"28\" radius=\"6\" align=\"middle-center\">\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fhand.svg?color=%23B3B3B3\" w=\"16\" h=\"16\" \u002F>\n        \u003C\u002Frow>\n        \u003C!-- Comments tool -->\n        \u003Crow w=\"28\" h=\"28\" radius=\"6\" align=\"middle-center\">\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fmessage-square.svg?color=%23B3B3B3\" w=\"16\" h=\"16\" \u002F>\n        \u003C\u002Frow>\n      \u003C\u002Frow>\n\n      \u003Ccol w=\"fill\" \u002F>\n\n      \u003C!-- Center Project Title -->\n      \u003Crow gap=\"6\" align=\"middle-center\">\n        \u003Ctext font-family=\"Inter\" font-size=\"12\" font-weight=\"600\" value=\"PostHog Web Analytics Redesign\" color=\"$text-primary\" \u002F>\n        \u003Ctext font-family=\"Inter\" font-size=\"12\" font-weight=\"500\" value=\"\u002F\" color=\"$text-tertiary\" \u002F>\n        \u003Ctext font-family=\"Inter\" font-size=\"12\" font-weight=\"500\" value=\"Dashboard V1\" color=\"$text-secondary\" \u002F>\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fchevron-down.svg?color=%23B3B3B3\" w=\"12\" h=\"12\" \u002F>\n      \u003C\u002Frow>\n\n      \u003Ccol w=\"fill\" \u002F>\n\n      \u003C!-- Right collaborators & controls -->\n      \u003Crow gap=\"12\" align=\"middle-left\">\n        \u003C!-- Avatars -->\n        \u003Crow gap=\"-6\" align=\"middle-left\">\n          \u003Crow role=\"avatar\" w=\"24\" h=\"24\" radius=\"12\" fill=\"#A259FF\" border=\"2 $bg-panel\" align=\"middle-center\">\n            \u003Ctext font-family=\"Inter\" font-size=\"11\" font-weight=\"700\" value=\"J\" color=\"$white\" \u002F>\n          \u003C\u002Frow>\n          \u003Crow role=\"avatar\" w=\"24\" h=\"24\" radius=\"12\" fill=\"#0ACF83\" border=\"2 $bg-panel\" align=\"middle-center\">\n            \u003Ctext font-family=\"Inter\" font-size=\"11\" font-weight=\"700\" value=\"D\" color=\"$white\" \u002F>\n          \u003C\u002Frow>\n        \u003C\u002Frow>\n\n        \u003C!-- Share Button (Blue Pill) -->\n        \u003Crow role=\"button\" fill=\"$brand-blue\" p=\"6 14\" radius=\"6\" align=\"middle-center\">\n          \u003Ctext font-family=\"Inter\" font-size=\"12\" font-weight=\"600\" value=\"Share\" color=\"$white\" \u002F>\n        \u003C\u002Frow>\n\n        \u003C!-- Dev Mode Switcher -->\n        \u003Crow w=\"28\" h=\"28\" radius=\"6\" align=\"middle-center\">\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fcode.svg?color=%23B3B3B3\" w=\"16\" h=\"16\" \u002F>\n        \u003C\u002Frow>\n\n        \u003C!-- Zoom factor -->\n        \u003Crow gap=\"4\" align=\"middle-center\" p=\"0 4\">\n          \u003Ctext font-family=\"Inter\" font-size=\"12\" font-weight=\"500\" value=\"100%\" color=\"$text-secondary\" \u002F>\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fchevron-down.svg?color=%23B3B3B3\" w=\"12\" h=\"12\" \u002F>\n        \u003C\u002Frow>\n      \u003C\u002Frow>\n\n    \u003C\u002Frow>\n\n    \u003C!-- 2. Main Workspace Row (Left Panel + Central Canvas + Right Panel, Height 852px) -->\n    \u003Crow w=\"1440\" h=\"852\" gap=\"0\">\n      \n      \u003C!-- LEFT SIDEBAR: Layers & Pages (240px wide, border-right) -->\n      \u003Ccol role=\"sidebar\" w=\"240\" h=\"852\" fill=\"$bg-panel\" border=\"0 1 0 0 $border\">\n        \n        \u003C!-- Pages Section -->\n        \u003Crow w=\"240\" p=\"12 16\" align=\"middle-left\" border=\"0 0 1 0 $border\" gap=\"6\">\n          \u003Ctext text-style=\"PanelHeader\" value=\"PAGES\" color=\"$text-secondary\" \u002F>\n          \u003Ccol w=\"fill\" \u002F>\n          \u003Ctext font-family=\"Inter\" font-size=\"11\" font-weight=\"500\" value=\"Page 1\" color=\"$text-primary\" \u002F>\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fchevron-down.svg?color=%23B3B3B3\" w=\"12\" h=\"12\" \u002F>\n        \u003C\u002Frow>\n\n        \u003C!-- Layers Header -->\n        \u003Crow w=\"240\" p=\"12 16 6 16\" align=\"middle-left\">\n          \u003Ctext text-style=\"PanelHeader\" value=\"LAYERS\" color=\"$text-secondary\" \u002F>\n          \u003Ccol w=\"fill\" \u002F>\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fplus.svg?color=%23B3B3B3\" w=\"14\" h=\"14\" \u002F>\n        \u003C\u002Frow>\n\n        \u003C!-- Layers Tree List -->\n        \u003Ccol role=\"tree\" w=\"240\" gap=\"2\" p=\"0 0\">\n          \n          \u003C!-- Layer 1: Frame \"Mobile Frame\" (Selected Active Layer) -->\n          \u003Crow w=\"240\" h=\"32\" fill=\"$brand-blue-bg\" p=\"0 16\" align=\"middle-left\" gap=\"8\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fframe.svg?color=%230C8CE9\" w=\"14\" h=\"14\" \u002F>\n            \u003Ctext text-style=\"LayerTextActive\" value=\"Mobile Frame\" color=\"$brand-blue\" \u002F>\n            \u003Ccol w=\"fill\" \u002F>\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Feye.svg?color=%230C8CE9\" w=\"14\" h=\"14\" \u002F>\n          \u003C\u002Frow>\n\n          \u003C!-- Layer 2: Group \"iPhone Status Bar\" (Indented child) -->\n          \u003Crow w=\"240\" h=\"32\" p=\"0 16 0 32\" align=\"middle-left\" gap=\"8\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Ffolder.svg?color=%23B3B3B3\" w=\"14\" h=\"14\" \u002F>\n            \u003Ctext text-style=\"LayerText\" value=\"iPhone Status Bar\" color=\"$text-primary\" \u002F>\n          \u003C\u002Frow>\n\n          \u003C!-- Layer 3: Group \"Header Bar (posthog)\" -->\n          \u003Crow w=\"240\" h=\"32\" p=\"0 16 0 32\" align=\"middle-left\" gap=\"8\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Ffolder.svg?color=%23B3B3B3\" w=\"14\" h=\"14\" \u002F>\n            \u003Ctext text-style=\"LayerText\" value=\"Header Bar (posthog)\" color=\"$text-primary\" \u002F>\n          \u003C\u002Frow>\n\n          \u003C!-- Layer 4: Group \"Dashboard Feed\" -->\n          \u003Crow w=\"240\" h=\"32\" p=\"0 16 0 32\" align=\"middle-left\" gap=\"8\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Ffolder.svg?color=%23B3B3B3\" w=\"14\" h=\"14\" \u002F>\n            \u003Ctext text-style=\"LayerText\" value=\"Dashboard Feed\" color=\"$text-primary\" \u002F>\n          \u003C\u002Frow>\n\n          \u003C!-- Layer 5: Card \"Live Activity\" (Nested inside Feed) -->\n          \u003Crow w=\"240\" h=\"32\" p=\"0 16 0 48\" align=\"middle-left\" gap=\"8\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Ffolder.svg?color=%23B3B3B3\" w=\"14\" h=\"14\" \u002F>\n            \u003Ctext text-style=\"LayerText\" value=\"Live Activity Card\" color=\"$text-secondary\" \u002F>\n          \u003C\u002Frow>\n\n          \u003C!-- Layer 6: Card \"Product Analytics\" (Nested inside Feed) -->\n          \u003Crow w=\"240\" h=\"32\" p=\"0 16 0 48\" align=\"middle-left\" gap=\"8\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Ffolder.svg?color=%23B3B3B3\" w=\"14\" h=\"14\" \u002F>\n            \u003Ctext text-style=\"LayerText\" value=\"Product Analytics Card\" color=\"$text-secondary\" \u002F>\n          \u003C\u002Frow>\n\n          \u003C!-- Layer 7: Row \"Dynamic Bar Chart\" (Nested inside Product Card) -->\n          \u003Crow w=\"240\" h=\"32\" p=\"0 16 0 64\" align=\"middle-left\" gap=\"8\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fbar-chart-2.svg?color=%23B3B3B3\" w=\"14\" h=\"14\" \u002F>\n            \u003Ctext text-style=\"LayerText\" value=\"Dynamic Bar Chart\" color=\"$text-tertiary\" \u002F>\n          \u003C\u002Frow>\n\n          \u003C!-- Layer 8: Card \"Conversion Funnel\" (Nested inside Feed) -->\n          \u003Crow w=\"240\" h=\"32\" p=\"0 16 0 48\" align=\"middle-left\" gap=\"8\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Ffolder.svg?color=%23B3B3B3\" w=\"14\" h=\"14\" \u002F>\n            \u003Ctext text-style=\"LayerText\" value=\"Conversion Funnel Card\" color=\"$text-secondary\" \u002F>\n          \u003C\u002Frow>\n\n          \u003C!-- Layer 9: Card \"Top Referrers\" (Nested inside Feed) -->\n          \u003Crow w=\"240\" h=\"32\" p=\"0 16 0 48\" align=\"middle-left\" gap=\"8\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Ffolder.svg?color=%23B3B3B3\" w=\"14\" h=\"14\" \u002F>\n            \u003Ctext text-style=\"LayerText\" value=\"Top Referrers Card\" color=\"$text-secondary\" \u002F>\n          \u003C\u002Frow>\n\n          \u003C!-- Layer 10: Row \"Docs Tip Banner\" (Nested inside Feed) -->\n          \u003Crow w=\"240\" h=\"32\" p=\"0 16 0 48\" align=\"middle-left\" gap=\"8\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fsun.svg?color=%23B3B3B3\" w=\"14\" h=\"14\" \u002F>\n            \u003Ctext text-style=\"LayerText\" value=\"Docs Tip Banner\" color=\"$text-secondary\" \u002F>\n          \u003C\u002Frow>\n\n          \u003C!-- Layer 11: Row \"Hedgehog Mascot Card\" (Nested inside Feed) -->\n          \u003Crow w=\"240\" h=\"32\" p=\"0 16 0 48\" align=\"middle-left\" gap=\"8\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fsmile.svg?color=%23B3B3B3\" w=\"14\" h=\"14\" \u002F>\n            \u003Ctext text-style=\"LayerText\" value=\"Hedgehog Mascot Card\" color=\"$text-secondary\" \u002F>\n          \u003C\u002Frow>\n\n          \u003C!-- Layer 12: Group \"Bottom Navigation Tab Bar\" -->\n          \u003Crow w=\"240\" h=\"32\" p=\"0 16 0 32\" align=\"middle-left\" gap=\"8\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Ffolder.svg?color=%23B3B3B3\" w=\"14\" h=\"14\" \u002F>\n            \u003Ctext text-style=\"LayerText\" value=\"Bottom Nav Tab Bar\" color=\"$text-primary\" \u002F>\n          \u003C\u002Frow>\n\n        \u003C\u002Fcol>\n\n      \u003C\u002Fcol>\n\n      \u003C!-- CENTER VIEWPORT CANVAS: Figma Editing Grid space (960px wide, absolute frame) -->\n      \u003Cframe w=\"960\" h=\"852\" clip=\"true\">\n        \n        \u003C!-- Active Frame: \"Mobile Frame\" (iOS design canvas) -->\n        \u003C!-- Placed at x=\"285\" y=\"80\" (offset centered in the 960x852 frame) -->\n        \u003C!-- PostHog Mobile Analytics Screen (Height strictly 640px inside the clipped frame, scrollable layout represented) -->\n        \u003Cframe w=\"390\" h=\"640\" x=\"285\" y=\"80\" fill=\"$ph-bg\" radius=\"16\" shadow=\"0 10 30 #00000040\" clip=\"true\">\n          \n          \u003C!-- 1. iPhone 14\u002F15 Status Bar inside the editor -->\n          \u003Crow w=\"390\" h=\"36\" p=\"0 24\" align=\"middle-left\" gap=\"auto\" fill=\"$ph-bg\">\n            \u003Ctext value=\"9:41\" font-family=\"Inter\" font-size=\"12\" font-weight=\"600\" color=\"$ph-ink\" \u002F>\n            \u003Crow gap=\"6\" align=\"middle-right\">\n              \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fsignal.svg?color=%2323251d\" w=\"14\" h=\"10\" \u002F>\n              \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fwifi.svg?color=%2323251d\" w=\"14\" h=\"10\" \u002F>\n              \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fbattery.svg?color=%2323251d\" w=\"16\" h=\"10\" \u002F>\n            \u003C\u002Frow>\n          \u003C\u002Frow>\n\n          \u003C!-- 2. PostHog Navigation Header inside the editor -->\n          \u003Crow w=\"390\" h=\"48\" p=\"0 16\" align=\"middle-left\" gap=\"auto\" fill=\"$ph-bg\" border=\"0 0 1 0 $ph-border\">\n            \u003Crow gap=\"6\" align=\"middle-left\">\n              \u003Ctext value=\"🦔\" font-family=\"Inter\" font-size=\"14\" line-height=\"16\" \u002F>\n              \u003Ctext value=\"posthog\" font-family=\"Inter\" font-size=\"14\" font-weight=\"700\" color=\"$ph-ink\" \u002F>\n            \u003C\u002Frow>\n            \u003Crow p=\"4 10\" fill=\"$ph-surface-soft\" radius=\"999\" align=\"middle-center\" border=\"1 $ph-border\" gap=\"2\">\n              \u003Ctext value=\"Last 7 days\" font-family=\"Inter\" font-size=\"11\" font-weight=\"600\" color=\"$ph-ink\" line-height=\"14\" \u002F>\n              \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fchevron-down.svg?color=%2323251d\" w=\"10\" h=\"10\" \u002F>\n            \u003C\u002Frow>\n          \u003C\u002Frow>\n\n          \u003C!-- 3. DASHBOARDS CONTENT FEED (Clamped h=\"472px\" with vertical scrolling content visible) -->\n          \u003Ccol w=\"390\" h=\"472\" p=\"12\" gap=\"12\" x=\"0\" y=\"84\" abs=\"true\" clip=\"true\">\n\n            \u003C!-- === CARD 1: Live active visitor activity === -->\n            \u003Ccol w=\"366\" p=\"12\" fill=\"$ph-surface\" radius=\"6\" border=\"1 $ph-border\" gap=\"8\">\n              \u003Ctext value=\"LIVE ACTIVITY\" font-family=\"Inter\" font-size=\"11\" font-weight=\"700\" color=\"$ph-body\" letter-spacing=\"0.5\" \u002F>\n              \u003Crow gap=\"8\" align=\"middle-left\" w=\"342\">\n                \u003Cellipse fill=\"$ph-success\" w=\"8\" h=\"8\" \u002F>\n                \u003Crow gap=\"4\" align=\"baseline\">\n                  \u003Ctext value=\"142\" font-family=\"Inter\" font-size=\"20\" font-weight=\"800\" color=\"$ph-ink\" \u002F>\n                  \u003Ctext value=\"visitors active on site\" font-family=\"Inter\" font-size=\"12\" font-weight=\"500\" color=\"$ph-body\" \u002F>\n                \u003C\u002Frow>\n              \u003C\u002Frow>\n            \u003C\u002Fcol>\n\n            \u003C!-- === CARD 2: Product Web Analytics Pageviews === -->\n            \u003Ccol w=\"366\" p=\"12\" fill=\"$ph-surface\" radius=\"6\" border=\"1 $ph-border\" gap=\"10\">\n              \u003Crow w=\"342\" gap=\"auto\" align=\"middle-left\">\n                \u003Ctext value=\"Product Analytics\" font-family=\"Inter\" font-size=\"14\" font-weight=\"700\" color=\"$ph-ink\" \u002F>\n                \u003C!-- Tab switcher -->\n                \u003Crow gap=\"4\" align=\"middle-right\">\n                  \u003Crow p=\"3 8\" fill=\"$ph-primary\" radius=\"999\" align=\"middle-center\">\n                    \u003Ctext value=\"Pageviews\" font-family=\"Inter\" font-size=\"11\" font-weight=\"700\" color=\"$ph-on-primary\" line-height=\"12\" \u002F>\n                  \u003C\u002Frow>\n                \u003C\u002Frow>\n              \u003C\u002Frow>\n              \n              \u003C!-- Big Number details -->\n              \u003Crow gap=\"6\" align=\"baseline\" w=\"342\">\n                \u003Ctext value=\"12,842\" font-family=\"Inter\" font-size=\"20\" font-weight=\"800\" color=\"$ph-ink\" \u002F>\n                \u003Crow p=\"1 5\" fill=\"#e5f5eb\" radius=\"999\" align=\"middle-center\" border=\"1 $ph-success\">\n                  \u003Ctext value=\"+14.2%\" font-family=\"Inter\" font-size=\"11\" font-weight=\"700\" color=\"$ph-success\" line-height=\"11\" \u002F>\n                \u003C\u002Frow>\n              \u003C\u002Frow>\n\n              \u003C!-- Dynamic High-Fidelity Bar Chart -->\n              \u003Crow w=\"342\" h=\"54\" gap=\"8\" align=\"bottom-left\" p=\"4 0\">\n                \u003Crect fill=\"$ph-surface-soft\" w=\"22\" h=\"20\" radius=\"2\" \u002F>\n                \u003Crect fill=\"$ph-surface-soft\" w=\"22\" h=\"25\" radius=\"2\" \u002F>\n                \u003Crect fill=\"$ph-surface-soft\" w=\"22\" h=\"30\" radius=\"2\" \u002F>\n                \u003Crect fill=\"$ph-primary\" w=\"22\" h=\"50\" radius=\"2\" \u002F>\n                \u003Crect fill=\"$ph-primary\" w=\"22\" h=\"42\" radius=\"2\" \u002F>\n                \u003Crect fill=\"$ph-primary\" w=\"22\" h=\"54\" radius=\"2\" \u002F>\n                \u003Crect fill=\"$ph-surface-soft\" w=\"22\" h=\"32\" radius=\"2\" \u002F>\n                \u003Crect fill=\"$ph-surface-soft\" w=\"22\" h=\"38\" radius=\"2\" \u002F>\n                \u003Crect fill=\"$ph-surface-soft\" w=\"22\" h=\"40\" radius=\"2\" \u002F>\n                \u003Crect fill=\"$ph-surface-soft\" w=\"22\" h=\"28\" radius=\"2\" \u002F>\n                \u003Crect fill=\"$ph-surface-soft\" w=\"22\" h=\"18\" radius=\"2\" \u002F>\n              \u003C\u002Frow>\n            \u003C\u002Fcol>\n\n            \u003C!-- === CARD 3: Conversion Funnel === -->\n            \u003Ccol w=\"366\" p=\"12\" fill=\"$ph-surface\" radius=\"6\" border=\"1 $ph-border\" gap=\"10\">\n              \u003Ccol gap=\"2\" w=\"342\">\n                \u003Ctext value=\"CONVERSION FUNNEL\" font-family=\"Inter\" font-size=\"11\" font-weight=\"700\" color=\"$ph-body\" letter-spacing=\"0.5\" \u002F>\n                \u003Ctext value=\"User Acquisition Funnel\" font-family=\"Inter\" font-size=\"14\" font-weight=\"700\" color=\"$ph-ink\" \u002F>\n              \u003C\u002Fcol>\n\n              \u003C!-- Funnel steps progress rows -->\n              \u003Ccol w=\"342\" gap=\"8\">\n                \u003C!-- Step 1 -->\n                \u003Ccol gap=\"2\" w=\"342\">\n                  \u003Crow w=\"342\" gap=\"auto\" align=\"middle-left\">\n                    \u003Ctext value=\"1. Unique Visitors\" font-family=\"Inter\" font-size=\"12\" font-weight=\"600\" color=\"$ph-ink\" \u002F>\n                    \u003Ctext value=\"10,000 (100%)\" font-family=\"Inter\" font-size=\"11\" font-weight=\"500\" color=\"$ph-body\" \u002F>\n                  \u003C\u002Frow>\n                  \u003Cframe w=\"342\" h=\"6\">\n                    \u003Crect fill=\"$ph-surface-soft\" w=\"342\" h=\"6\" radius=\"3\" abs=\"true\" x=\"0\" y=\"0\" \u002F>\n                    \u003Crect fill=\"$ph-primary\" w=\"342\" h=\"6\" radius=\"3\" abs=\"true\" x=\"0\" y=\"0\" \u002F>\n                  \u003C\u002Fframe>\n                \u003C\u002Fcol>\n                \u003C!-- Step 2 -->\n                \u003Ccol gap=\"2\" w=\"342\">\n                  \u003Crow w=\"342\" gap=\"auto\" align=\"middle-left\">\n                    \u003Ctext value=\"2. Signups Created\" font-family=\"Inter\" font-size=\"12\" font-weight=\"600\" color=\"$ph-ink\" \u002F>\n                    \u003Ctext value=\"2,400 (24%)\" font-family=\"Inter\" font-size=\"11\" font-weight=\"500\" color=\"$ph-body\" \u002F>\n                  \u003C\u002Frow>\n                  \u003Cframe w=\"342\" h=\"6\">\n                    \u003Crect fill=\"$ph-surface-soft\" w=\"342\" h=\"6\" radius=\"3\" abs=\"true\" x=\"0\" y=\"0\" \u002F>\n                    \u003Crect fill=\"$ph-primary\" w=\"82\" h=\"6\" radius=\"3\" abs=\"true\" x=\"0\" y=\"0\" \u002F>\n                  \u003C\u002Fframe>\n                \u003C\u002Fcol>\n              \u003C\u002Fcol>\n            \u003C\u002Fcol>\n\n          \u003C\u002Fcol>\n\n          \u003C!-- 4. Fixed Bottom Tab Bar Navigation inside the editor -->\n          \u003Ccol w=\"390\" fill=\"$ph-surface\" border=\"1 0 0 0 $ph-border\" x=\"0\" y=\"556\" abs=\"true\">\n            \u003Crow w=\"390\" h=\"50\" align=\"middle-left\" gap=\"0\">\n              \u003C!-- Tab 1: Dashboards (Active - Yellow) -->\n              \u003Ccol gap=\"2\" align=\"middle-center\" w=\"97\" h=\"48\">\n                \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fline-chart.svg?color=%23f7a501\" w=\"20\" h=\"20\" \u002F>\n                \u003Ctext value=\"Dashboards\" font-family=\"Inter\" font-size=\"11\" font-weight=\"700\" color=\"$ph-ink\" \u002F>\n              \u003C\u002Fcol>\n              \u003C!-- Tab 2: Replays -->\n              \u003Ccol gap=\"2\" align=\"middle-center\" w=\"97\" h=\"48\">\n                \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fvideo.svg?color=%236c6e63\" w=\"20\" h=\"20\" \u002F>\n                \u003Ctext value=\"Replays\" font-family=\"Inter\" font-size=\"11\" font-weight=\"500\" color=\"$ph-text-secondary\" \u002F>\n              \u003C\u002Fcol>\n              \u003C!-- Tab 3: Flags -->\n              \u003Ccol gap=\"2\" align=\"middle-center\" w=\"98\" h=\"48\">\n                \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fflag.svg?color=%236c6e63\" w=\"20\" h=\"20\" \u002F>\n                \u003Ctext value=\"Flags\" font-family=\"Inter\" font-size=\"11\" font-weight=\"500\" color=\"$ph-text-secondary\" \u002F>\n              \u003C\u002Fcol>\n              \u003C!-- Tab 4: Settings -->\n              \u003Ccol gap=\"2\" align=\"middle-center\" w=\"98\" h=\"48\">\n                \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fsettings.svg?color=%236c6e63\" w=\"20\" h=\"20\" \u002F>\n                \u003Ctext value=\"Settings\" font-family=\"Inter\" font-size=\"11\" font-weight=\"500\" color=\"$ph-text-secondary\" \u002F>\n              \u003C\u002Fcol>\n            \u003C\u002Frow>\n            \u003C!-- iPhone safe area line -->\n            \u003Cframe w=\"390\" h=\"34\" clip=\"true\">\n              \u003Crect fill=\"#23251d\" w=\"120\" h=\"4\" radius=\"2\" abs=\"true\" x=\"135\" y=\"15\" \u002F>\n            \u003C\u002Fframe>\n          \u003C\u002Fcol>\n\n        \u003C\u002Fframe>\n\n        \u003C!-- FIGMA ACTIVE BOUNDING OUTLINE OVERLAY (Wrapped around the Mobile Frame) -->\n        \u003C!-- Bounding outline starts at x=\"284\" y=\"79\" with size w=\"392\" h=\"642\" -->\n        \u003Cframe w=\"392\" h=\"642\" x=\"284\" y=\"79\" abs=\"true\">\n          \u003C!-- Figma active outline box -->\n          \u003Crect border=\"1.5 $brand-blue\" w=\"392\" h=\"642\" x=\"0\" y=\"0\" \u002F>\n          \n          \u003C!-- Corner resizing nodes (6x6 small white squares with blue borders) -->\n          \u003Crect fill=\"$white\" border=\"1.5 $brand-blue\" w=\"7\" h=\"7\" x=\"-3.5\" y=\"-3.5\" \u002F>\n          \u003Crect fill=\"$white\" border=\"1.5 $brand-blue\" w=\"7\" h=\"7\" x=\"388.5\" y=\"-3.5\" \u002F>\n          \u003Crect fill=\"$white\" border=\"1.5 $brand-blue\" w=\"7\" h=\"7\" x=\"-3.5\" y=\"638.5\" \u002F>\n          \u003Crect fill=\"$white\" border=\"1.5 $brand-blue\" w=\"7\" h=\"7\" x=\"388.5\" y=\"638.5\" \u002F>\n          \n          \u003C!-- Floating size tag badge below the bottom boundary -->\n          \u003Crow fill=\"$brand-blue\" p=\"3 8\" radius=\"4\" x=\"120\" y=\"648\" align=\"middle-center\" gap=\"0\">\n            \u003Ctext font-family=\"Inter\" font-size=\"11\" font-weight=\"600\" value=\"Mobile Frame • 390 × 640\" color=\"$white\" \u002F>\n          \u003C\u002Frow>\n        \u003C\u002Fframe>\n\n        \u003C!-- COLLABORATOR CURSOR 1: Jinson (Purple Accent) -->\n        \u003C!-- Arrow cursor located at x=\"550\" y=\"320\" pointing at dynamic chart -->\n        \u003Cframe w=\"100\" h=\"40\" x=\"550\" y=\"320\" abs=\"true\">\n          \u003C!-- Filled Purple pointer mouse icon -->\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fmouse-pointer-2.svg?color=%23A259FF&fill=%23A259FF\" w=\"18\" h=\"18\" x=\"0\" y=\"0\" \u002F>\n          \u003C!-- Floating name tag bubble offset -->\n          \u003Crow fill=\"#A259FF\" p=\"3 8\" radius=\"4\" x=\"14\" y=\"14\" align=\"middle-center\" gap=\"0\">\n            \u003Ctext font-family=\"Inter\" font-size=\"11\" font-weight=\"600\" value=\"Jinson\" color=\"$white\" \u002F>\n          \u003C\u002Frow>\n        \u003C\u002Fframe>\n\n        \u003C!-- COLLABORATOR CURSOR 2: Duo (Green Accent) -->\n        \u003C!-- Arrow cursor located at x=\"440\" y=\"180\" pointing at date selector -->\n        \u003Cframe w=\"80\" h=\"40\" x=\"440\" y=\"180\" abs=\"true\">\n          \u003C!-- Filled Green pointer mouse icon -->\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fmouse-pointer-2.svg?color=%230ACF83&fill=%230ACF83\" w=\"18\" h=\"18\" x=\"0\" y=\"0\" \u002F>\n          \u003C!-- Floating name tag bubble offset -->\n          \u003Crow fill=\"#0ACF83\" p=\"3 8\" radius=\"4\" x=\"14\" y=\"14\" align=\"middle-center\" gap=\"0\">\n            \u003Ctext font-family=\"Inter\" font-size=\"11\" font-weight=\"600\" value=\"Duo\" color=\"$white\" \u002F>\n          \u003C\u002Frow>\n        \u003C\u002Fframe>\n\n      \u003C\u002Fframe>\n\n      \u003C!-- RIGHT SIDEBAR: Properties Inspector Panel (240px wide, border-left) -->\n      \u003Ccol role=\"sidebar\" w=\"240\" h=\"852\" fill=\"$bg-panel\" border=\"0 0 0 1 $border\">\n        \n        \u003C!-- Inspector Tabs Header (Design active) -->\n        \u003Crow w=\"240\" h=\"40\" border=\"0 0 1 0 $border\" gap=\"0\">\n          \u003C!-- Design Tab -->\n          \u003Ccol w=\"80\" h=\"40\" align=\"middle-center\" border=\"0 0 2 0 $brand-blue\">\n            \u003Ctext font-family=\"Inter\" font-size=\"11\" font-weight=\"600\" value=\"Design\" color=\"$text-primary\" \u002F>\n          \u003C\u002Fcol>\n          \u003C!-- Prototype Tab -->\n          \u003Ccol w=\"80\" h=\"40\" align=\"middle-center\">\n            \u003Ctext font-family=\"Inter\" font-size=\"11\" font-weight=\"500\" value=\"Prototype\" color=\"$text-secondary\" \u002F>\n          \u003C\u002Fcol>\n          \u003C!-- Inspect Tab -->\n          \u003Ccol w=\"80\" h=\"40\" align=\"middle-center\">\n            \u003Ctext font-family=\"Inter\" font-size=\"11\" font-weight=\"500\" value=\"Inspect\" color=\"$text-secondary\" \u002F>\n          \u003C\u002Fcol>\n        \u003C\u002Frow>\n\n        \u003C!-- Section 1: Alignment tools -->\n        \u003Crow w=\"240\" p=\"12 16\" border=\"0 0 1 0 $border\" gap=\"auto\" align=\"middle-center\">\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Falign-left.svg?color=%23B3B3B3\" w=\"16\" h=\"16\" \u002F>\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Falign-center.svg?color=%23B3B3B3\" w=\"16\" h=\"16\" \u002F>\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Falign-right.svg?color=%23B3B3B3\" w=\"16\" h=\"16\" \u002F>\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Falign-vertical-space-around.svg?color=%23B3B3B3\" w=\"16\" h=\"16\" \u002F>\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Falign-horizontal-space-around.svg?color=%23B3B3B3\" w=\"16\" h=\"16\" \u002F>\n        \u003C\u002Frow>\n\n        \u003C!-- Section 2: Position & Dimensions Inspector -->\n        \u003Ccol w=\"240\" p=\"16\" border=\"0 0 1 0 $border\" gap=\"12\">\n          \u003C!-- X & Y coordinates row -->\n          \u003Crow w=\"208\" gap=\"16\">\n            \u003Crow gap=\"6\" align=\"middle-left\" w=\"96\">\n              \u003Ctext text-style=\"InspectorLabel\" value=\"X\" color=\"$text-tertiary\" \u002F>\n              \u003Ctext text-style=\"InspectorValue\" value=\"285\" color=\"$text-primary\" \u002F>\n            \u003C\u002Frow>\n            \u003Crow gap=\"6\" align=\"middle-left\" w=\"96\">\n              \u003Ctext text-style=\"InspectorLabel\" value=\"Y\" color=\"$text-tertiary\" \u002F>\n              \u003Ctext text-style=\"InspectorValue\" value=\"80\" color=\"$text-primary\" \u002F>\n            \u003C\u002Frow>\n          \u003C\u002Frow>\n\n          \u003C!-- W & H coordinates row -->\n          \u003Crow w=\"208\" gap=\"16\">\n            \u003Crow gap=\"6\" align=\"middle-left\" w=\"96\">\n              \u003Ctext text-style=\"InspectorLabel\" value=\"W\" color=\"$text-tertiary\" \u002F>\n              \u003Ctext text-style=\"InspectorValue\" value=\"390\" color=\"$text-primary\" \u002F>\n            \u003C\u002Frow>\n            \u003Crow gap=\"6\" align=\"middle-left\" w=\"96\">\n              \u003Ctext text-style=\"InspectorLabel\" value=\"H\" color=\"$text-tertiary\" \u002F>\n              \u003Ctext text-style=\"InspectorValue\" value=\"640\" color=\"$text-primary\" \u002F>\n            \u003C\u002Frow>\n          \u003C\u002Frow>\n\n          \u003C!-- Constraints & Radius row -->\n          \u003Crow w=\"208\" gap=\"16\">\n            \u003Crow gap=\"6\" align=\"middle-left\" w=\"96\">\n              \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Frotate-cw.svg?color=%23808080\" w=\"12\" h=\"12\" \u002F>\n              \u003Ctext text-style=\"InspectorValue\" value=\"0°\" color=\"$text-primary\" \u002F>\n            \u003C\u002Frow>\n            \u003Crow gap=\"6\" align=\"middle-left\" w=\"96\">\n              \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fcorner-down-right.svg?color=%23808080\" w=\"12\" h=\"12\" \u002F>\n              \u003Ctext text-style=\"InspectorValue\" value=\"16\" color=\"$text-primary\" \u002F>\n            \u003C\u002Frow>\n          \u003C\u002Frow>\n        \u003C\u002Fcol>\n\n        \u003C!-- Section 3: Layout Grid -->\n        \u003Ccol w=\"240\" p=\"16\" border=\"0 0 1 0 $border\" gap=\"8\">\n          \u003Crow w=\"208\" align=\"middle-left\">\n            \u003Ctext text-style=\"InspectorTitle\" value=\"LAYOUT GRID\" color=\"$text-secondary\" \u002F>\n            \u003Ccol w=\"fill\" \u002F>\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fplus.svg?color=%23B3B3B3\" w=\"14\" h=\"14\" \u002F>\n          \u003C\u002Frow>\n          \u003Crow w=\"208\" h=\"28\" align=\"middle-left\" gap=\"8\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fgrid.svg?color=%23B3B3B3\" w=\"14\" h=\"14\" \u002F>\n            \u003Ctext text-style=\"LayerText\" value=\"Grid (10px)\" color=\"$text-primary\" \u002F>\n            \u003Ccol w=\"fill\" \u002F>\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Feye.svg?color=%23B3B3B3\" w=\"14\" h=\"14\" \u002F>\n          \u003C\u002Frow>\n        \u003C\u002Fcol>\n\n        \u003C!-- Section 4: Fill Inspector -->\n        \u003Ccol w=\"240\" p=\"16\" border=\"0 0 1 0 $border\" gap=\"8\">\n          \u003Crow w=\"208\" align=\"middle-left\">\n            \u003Ctext text-style=\"InspectorTitle\" value=\"FILL\" color=\"$text-secondary\" \u002F>\n            \u003Ccol w=\"fill\" \u002F>\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fplus.svg?color=%23B3B3B3\" w=\"14\" h=\"14\" \u002F>\n          \u003C\u002Frow>\n          \u003C!-- Hex block visualizer -->\n          \u003Crow w=\"208\" h=\"32\" gap=\"8\" align=\"middle-left\">\n            \u003C!-- Cream square matching PostHog bg -->\n            \u003Crect fill=\"$ph-bg\" w=\"16\" h=\"16\" radius=\"3\" border=\"1 $border\" \u002F>\n            \u003Ctext font-family=\"Inter\" font-size=\"11\" font-weight=\"600\" value=\"EEEFE9\" color=\"$text-primary\" \u002F>\n            \u003Ctext font-family=\"Inter\" font-size=\"11\" font-weight=\"500\" value=\"100%\" color=\"$text-secondary\" \u002F>\n            \u003Ccol w=\"fill\" \u002F>\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Feye.svg?color=%23B3B3B3\" w=\"14\" h=\"14\" \u002F>\n          \u003C\u002Frow>\n        \u003C\u002Fcol>\n\n        \u003C!-- Section 5: Stroke Inspector -->\n        \u003Ccol w=\"240\" p=\"16\" border=\"0 0 1 0 $border\" gap=\"8\">\n          \u003Crow w=\"208\" align=\"middle-left\">\n            \u003Ctext text-style=\"InspectorTitle\" value=\"STROKE\" color=\"$text-secondary\" \u002F>\n            \u003Ccol w=\"fill\" \u002F>\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fplus.svg?color=%23B3B3B3\" w=\"14\" h=\"14\" \u002F>\n          \u003C\u002Frow>\n          \u003Crow w=\"208\" h=\"32\" gap=\"8\" align=\"middle-left\">\n            \u003Crect fill=\"$border\" w=\"16\" h=\"16\" radius=\"3\" \u002F>\n            \u003Ctext font-family=\"Inter\" font-size=\"11\" font-weight=\"600\" value=\"E5E5E5\" color=\"$text-primary\" \u002F>\n            \u003Ctext font-family=\"Inter\" font-size=\"11\" font-weight=\"500\" value=\"1\" color=\"$text-secondary\" \u002F>\n            \u003Ccol w=\"fill\" \u002F>\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Feye.svg?color=%23B3B3B3\" w=\"14\" h=\"14\" \u002F>\n          \u003C\u002Frow>\n        \u003C\u002Fcol>\n\n        \u003C!-- Section 6: Effects (Shadows) -->\n        \u003Ccol w=\"240\" p=\"16\" border=\"0 0 1 0 $border\" gap=\"8\">\n          \u003Crow w=\"208\" align=\"middle-left\">\n            \u003Ctext text-style=\"InspectorTitle\" value=\"EFFECTS\" color=\"$text-secondary\" \u002F>\n            \u003Ccol w=\"fill\" \u002F>\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fplus.svg?color=%23B3B3B3\" w=\"14\" h=\"14\" \u002F>\n          \u003C\u002Frow>\n          \u003Crow w=\"208\" h=\"28\" align=\"middle-left\" gap=\"8\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fsun.svg?color=%23B3B3B3\" w=\"14\" h=\"14\" \u002F>\n            \u003Ctext text-style=\"LayerText\" value=\"Drop Shadow\" color=\"$text-primary\" \u002F>\n            \u003Ccol w=\"fill\" \u002F>\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fsettings.svg?color=%23B3B3B3\" w=\"14\" h=\"14\" \u002F>\n          \u003C\u002Frow>\n        \u003C\u002Fcol>\n\n      \u003C\u002Fcol>\n\n    \u003C\u002Frow>\n\n  \u003C\u002Fcol>\n\u003C\u002Fgui>\n",1784753172963]