[{"data":1,"prerenderedAt":4},["ShallowReactive",2],{"example-src-flight-results-mobile":3},"\u003Cgui version=\"0.2\" name=\"FlightResultsMobile\">\n  \u003Ctokens>\n    \u003C!-- Background & Surface (Cosmic Obsidian Dark Mode) -->\n    \u003Ccolor name=\"bg\" value=\"#07070A\" \u002F>\n    \u003Ccolor name=\"surface\" value=\"#12121A\" \u002F>\n    \u003Ccolor name=\"surface-elevated\" value=\"#1A1A26\" \u002F>\n    \u003Ccolor name=\"border\" value=\"#22222F\" \u002F>\n    \n    \u003C!-- Premium Brand Colors (Lavender) -->\n    \u003Ccolor name=\"primary\" value=\"#A78BFA\" \u002F>\n    \n    \u003C!-- Functional Status Colors -->\n    \u003Ccolor name=\"success-green\" value=\"#10B981\" \u002F>\n    \n    \u003C!-- Text Colors -->\n    \u003Ccolor name=\"text-primary\" value=\"#F3F4F6\" \u002F>\n    \u003Ccolor name=\"text-muted\" value=\"#9CA3AF\" \u002F>\n    \n    \u003C!-- Spacing Scale -->\n    \u003Cnumber name=\"space-xs\" value=\"4\" \u002F>\n    \u003Cnumber name=\"space-sm\" value=\"8\" \u002F>\n    \u003Cnumber name=\"space-md\" value=\"12\" \u002F>\n    \u003Cnumber name=\"space-lg\" value=\"16\" \u002F>\n    \u003Cnumber name=\"space-xl\" value=\"20\" \u002F>\n    \n    \u003C!-- Radius Scale -->\n    \u003Cnumber name=\"radius-sm\" value=\"6\" \u002F>\n    \u003Cnumber name=\"radius-md\" value=\"16\" \u002F>\n    \u003Cnumber name=\"radius-pill\" value=\"999\" \u002F>\n  \u003C\u002Ftokens>\n\n  \u003Cstyles>\n    \u003Ctext-style name=\"Display\" font-family=\"Playfair Display\" font-size=\"20\" font-weight=\"500\" line-height=\"24\" \u002F>\n    \u003Ctext-style name=\"Title2\" font-family=\"Playfair Display\" font-size=\"16\" font-weight=\"500\" line-height=\"20\" \u002F>\n    \u003Ctext-style name=\"Headline\" font-family=\"Inter\" font-size=\"13\" font-weight=\"400\" line-height=\"16\" \u002F>\n    \u003Ctext-style name=\"Body\" font-family=\"Inter\" font-size=\"13\" font-weight=\"300\" line-height=\"18\" \u002F>\n    \u003Ctext-style name=\"BodyStrong\" font-family=\"Inter\" font-size=\"13\" font-weight=\"400\" line-height=\"18\" \u002F>\n    \u003Ctext-style name=\"Caption\" font-family=\"Inter\" font-size=\"11\" font-weight=\"300\" line-height=\"14\" \u002F>\n  \u003C\u002Fstyles>\n\n  \u003Cfonts>\n    \u003Cfont family=\"Playfair Display\" source=\"google\" weights=\"400 500\" styles=\"italic normal\" \u002F>\n    \u003Cfont family=\"SF Pro\" source=\"system\" weights=\"300 400 500\" styles=\"normal\" \u002F>\n    \u003Cfont family=\"Inter\" source=\"google\" weights=\"300 400 500\" styles=\"normal\" \u002F>\n    \u003Cfont family=\"JetBrains Mono\" source=\"google\" weights=\"400\" styles=\"normal\" \u002F>\n  \u003C\u002Ffonts>\n\n  \u003Ccomponents>\n    \u003C!-- Reusable Calendar Carousel Date Cell (Mobile sized) -->\n    \u003Ccomponent name=\"CarouselDate\" id=\"comp-date\">\n      \u003Cprops>\n        \u003Cprop name=\"date\" type=\"text\" target=\"date-lbl\" \u002F>\n        \u003Cprop name=\"price\" type=\"text\" target=\"price-lbl\" \u002F>\n      \u003C\u002Fprops>\n      \u003Ccol w=\"64\" h=\"54\" fill=\"$surface\" border=\"1 $border\" radius=\"$radius-sm\" p=\"8 6\" gap=\"4\" align=\"middle-center\">\n        \u003Ctext id=\"date-lbl\" value=\"Mon 12\" font-family=\"Inter\" font-size=\"11\" font-weight=\"300\" color=\"$text-muted\" \u002F>\n        \u003Ctext id=\"price-lbl\" value=\"$3.4K\" font-family=\"Inter\" font-size=\"12\" font-weight=\"400\" color=\"$text-primary\" \u002F>\n      \u003C\u002Fcol>\n    \u003C\u002Fcomponent>\n\n    \u003C!-- Reusable Compact Thinner Flight Result Card (Adapted from flight_search_results.gui!) -->\n    \u003Ccomponent name=\"FlightResult\" id=\"comp-flight\">\n      \u003Cprops>\n        \u003Cprop name=\"airline\" type=\"text\" target=\"lbl-airline\" \u002F>\n        \u003Cprop name=\"dep-time\" type=\"text\" target=\"lbl-dep-time\" \u002F>\n        \u003Cprop name=\"arr-time\" type=\"text\" target=\"lbl-arr-time\" \u002F>\n        \u003Cprop name=\"duration\" type=\"text\" target=\"lbl-duration\" \u002F>\n        \u003Cprop name=\"price\" type=\"text\" target=\"lbl-price\" \u002F>\n        \u003Cprop name=\"craft\" type=\"text\" target=\"lbl-craft\" \u002F>\n        \u003Cprop name=\"badge1\" type=\"text\" target=\"lbl-badge1\" \u002F>\n        \u003Cprop name=\"badge2\" type=\"text\" target=\"lbl-badge2\" \u002F>\n      \u003C\u002Fprops>\n      \u003C!-- Basalt slate container card -->\n      \u003Ccol role=\"card\" w=\"358\" fill=\"$surface\" border=\"1 $border\" radius=\"$radius-md\" p=\"16\" gap=\"12\" align=\"top-center\">\n        \u003C!-- 1. Badges row -->\n        \u003Crow gap=\"8\" w=\"326\" align=\"middle-left\">\n          \u003Crow fill=\"$surface-elevated\" border=\"1 $border\" radius=\"$radius-pill\" p=\"4 8\" align=\"middle-center\">\n            \u003Ctext id=\"lbl-badge1\" value=\"Non-stop\" font-family=\"Inter\" font-size=\"10\" font-weight=\"400\" color=\"$text-muted\" \u002F>\n          \u003C\u002Frow>\n          \u003Crow fill=\"#A78BFA1A\" border=\"1 #A78BFA33\" radius=\"$radius-pill\" p=\"4 8\" align=\"middle-center\">\n            \u003Ctext id=\"lbl-badge2\" value=\"Business Class\" font-family=\"Inter\" font-size=\"10\" font-weight=\"400\" color=\"$primary\" \u002F>\n          \u003C\u002Frow>\n        \u003C\u002Frow>\n\n        \u003C!-- 2. Flight details timeline -->\n        \u003Crow w=\"326\" align=\"middle-left\" gap=\"auto\">\n          \u003C!-- Origin -->\n          \u003Ccol gap=\"4\" w=\"60\">\n            \u003Ctext id=\"lbl-dep-time\" value=\"13:15\" font-family=\"Inter\" font-size=\"16\" font-weight=\"400\" color=\"$text-primary\" \u002F>\n            \u003Ctext value=\"SFO\" font-family=\"Inter\" font-size=\"11\" font-weight=\"500\" color=\"$text-muted\" \u002F>\n            \u003Ctext value=\"San Francisco\" font-family=\"Inter\" font-size=\"9\" font-weight=\"300\" color=\"$text-muted\" \u002F>\n          \u003C\u002Fcol>\n\n          \u003C!-- Middle timeline path -->\n          \u003Ccol align=\"middle-center\" gap=\"2\" w=\"180\">\n            \u003Ctext id=\"lbl-duration\" value=\"11h 45m\" font-family=\"Inter\" font-size=\"10\" font-weight=\"400\" color=\"$primary\" \u002F>\n            \u003Crow align=\"middle-center\" w=\"120\" h=\"16\" gap=\"4\">\n              \u003Cellipse w=\"6\" h=\"6\" fill=\"$border\" \u002F>\n              \u003Cline fill=\"$border\" thickness=\"1\" \u002F>\n              \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fplane.svg?color=%23A78BFA\" w=\"14\" h=\"14\" \u002F>\n              \u003Cline fill=\"$border\" thickness=\"1\" \u002F>\n              \u003Cellipse w=\"6\" h=\"6\" fill=\"$border\" \u002F>\n            \u003C\u002Frow>\n            \u003Ctext value=\"Direct\" font-family=\"Inter\" font-size=\"10\" font-weight=\"400\" color=\"$success-green\" \u002F>\n          \u003C\u002Fcol>\n\n          \u003C!-- Destination -->\n          \u003Ccol gap=\"4\" w=\"60\" align=\"top-right\">\n            \u003Ctext id=\"lbl-arr-time\" value=\"08:00\" font-family=\"Inter\" font-size=\"16\" font-weight=\"400\" color=\"$text-primary\" \u002F>\n            \u003Ctext value=\"CDG\" font-family=\"Inter\" font-size=\"11\" font-weight=\"500\" color=\"$text-muted\" \u002F>\n            \u003Ctext value=\"Paris\" font-family=\"Inter\" font-size=\"9\" font-weight=\"300\" color=\"$text-muted\" \u002F>\n          \u003C\u002Fcol>\n        \u003C\u002Frow>\n\n        \u003C!-- 3. Hairline Divider -->\n        \u003Crow h=\"1\" fill=\"$border\" w=\"326\" \u002F>\n\n        \u003C!-- 4. Footer: Airline Info, Price & Select -->\n        \u003Crow w=\"326\" align=\"middle-left\" gap=\"auto\">\n          \u003C!-- Airline logo + name (Playfair Display Serif Header!) -->\n          \u003Crow gap=\"8\" align=\"middle-left\">\n            \u003Crow w=\"28\" h=\"28\" fill=\"$surface-elevated\" border=\"1 $border\" radius=\"$radius-sm\" align=\"middle-center\">\n              \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Forbit.svg?color=%23A78BFA\" w=\"14\" h=\"14\" \u002F>\n            \u003C\u002Frow>\n            \u003Ccol gap=\"2\">\n              \u003Ctext id=\"lbl-airline\" value=\"Singapore Airlines\" font-family=\"Playfair Display\" font-size=\"13\" font-weight=\"500\" color=\"$text-primary\" \u002F>\n              \u003Ctext id=\"lbl-craft\" value=\"SQ 32 • Boeing 787\" font-family=\"Inter\" font-size=\"10\" font-weight=\"300\" color=\"$text-muted\" \u002F>\n            \u003C\u002Fcol>\n          \u003C\u002Frow>\n\n          \u003C!-- Price & CTA -->\n          \u003Crow gap=\"12\" align=\"middle-right\">\n            \u003Ccol gap=\"2\" align=\"top-right\">\n              \u003C!-- Playfair Display pricing, no bold -->\n              \u003Ctext id=\"lbl-price\" value=\"$3,420\" font-family=\"Playfair Display\" font-size=\"16\" font-weight=\"500\" color=\"$text-primary\" \u002F>\n              \u003Ctext value=\"incl. tax\" font-family=\"Inter\" font-size=\"9\" font-weight=\"300\" color=\"$text-muted\" \u002F>\n            \u003C\u002Fcol>\n            \n            \u003C!-- Flat translucent lavender select button -->\n            \u003Crow role=\"button\" w=\"64\" h=\"30\" radius=\"15\" fill=\"#A78BFA1F\" align=\"middle-center\">\n              \u003Ctext value=\"Select\" font-family=\"Inter\" font-size=\"11\" font-weight=\"500\" color=\"$primary\" \u002F>\n            \u003C\u002Frow>\n          \u003C\u002Frow>\n        \u003C\u002Frow>\n      \u003C\u002Fcol>\n    \u003C\u002Fcomponent>\n  \u003C\u002Fcomponents>\n\n  \u003C!-- iOS Mobile App Canvas (390 x Scrolling hug) -->\n  \u003Ccol w=\"390\" fill=\"$bg\" p=\"0 0 34 0\" gap=\"16\" align=\"top-center\">\n    \n    \u003C!-- 1. iOS Status Bar -->\n    \u003Crow w=\"390\" h=\"47\" p=\"0 20\" align=\"middle-left\" gap=\"auto\">\n      \u003Ctext value=\"9:41\" font-family=\"SF Pro\" font-size=\"15\" font-weight=\"500\" color=\"$text-primary\" \u002F>\n      \u003Crow gap=\"6\" align=\"middle-right\">\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fsignal.svg?color=%23F3F4F6\" w=\"17\" h=\"17\" \u002F>\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fwifi.svg?color=%23F3F4F6\" w=\"17\" h=\"17\" \u002F>\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fbattery.svg?color=%23F3F4F6\" w=\"22\" h=\"13\" \u002F>\n      \u003C\u002Frow>\n    \u003C\u002Frow>\n\n    \u003C!-- 2. Mobile App Top Navigation Bar -->\n    \u003Crow role=\"top-navigation-bar\" w=\"390\" h=\"44\" p=\"0 16\" align=\"middle-center\" gap=\"auto\">\n      \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Farrow-left.svg?color=%239CA3AF\" w=\"18\" h=\"18\" \u002F>\n      \n      \u003Ccol align=\"top-center\" gap=\"2\">\n        \u003Ctext text-style=\"Display\" value=\"SFO → CDG\" color=\"$text-primary\" \u002F>\n        \u003Ctext font-family=\"Inter\" font-size=\"11\" font-weight=\"300\" value=\"Mon, Oct 12 • 1 Guest • Business\" color=\"$text-muted\" \u002F>\n      \u003C\u002Fcol>\n\n      \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fsettings.svg?color=%239CA3AF\" w=\"18\" h=\"18\" \u002F>\n    \u003C\u002Frow>\n\n    \u003C!-- 3. Staked Immersive Globe Visual Card (Width: 358px) -->\n    \u003Cframe role=\"card\" w=\"358\" h=\"190\" radius=\"$radius-md\" clip=\"true\">\n      \n      \u003C!-- Planet visual -->\n      \u003Cimg src=\"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1451187580459-43490279c0fa?auto=format&fit=crop&w=358&h=190&q=80\" w=\"358\" h=\"190\" fit=\"cover\" \u002F>\n      \n      \u003C!-- Dark gradient overlay to blend -->\n      \u003Crect w=\"358\" h=\"70\" abs=\"true\" x=\"0\" y=\"0\" fill=\"linear-gradient(180deg, #07070ACC 0%, #07070A00 100%)\" \u002F>\n\n      \u003C!-- Map route SFO -> CDG -->\n      \n      \u003C!-- SFO Pin -->\n      \u003Cframe w=\"30\" h=\"30\" abs=\"true\" x=\"50\" y=\"100\">\n        \u003Cellipse w=\"22\" h=\"22\" fill=\"#A78BFA1A\" border=\"1 #A78BFA4D\" abs=\"true\" x=\"4\" y=\"4\" \u002F>\n        \u003Cellipse w=\"6\" h=\"6\" fill=\"$primary\" abs=\"true\" x=\"12\" y=\"12\" \u002F>\n        \u003Ctext value=\"SFO\" font-family=\"Inter\" font-size=\"9\" font-weight=\"400\" color=\"$text-primary\" abs=\"true\" x=\"6\" y=\"28\" \u002F>\n      \u003C\u002Fframe>\n\n      \u003C!-- Path connector dashes -->\n      \u003Cellipse w=\"3\" h=\"3\" fill=\"$primary\" opacity=\"0.4\" abs=\"true\" x=\"90\" y=\"102\" \u002F>\n      \u003Cellipse w=\"3\" h=\"3\" fill=\"$primary\" opacity=\"0.5\" abs=\"true\" x=\"115\" y=\"93\" \u002F>\n      \u003Cellipse w=\"3\" h=\"3\" fill=\"$primary\" opacity=\"0.7\" abs=\"true\" x=\"140\" y=\"87\" \u002F>\n      \n      \u003C!-- Glowing plane flyby -->\n      \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fplane.svg?color=%23A78BFA\" w=\"14\" h=\"14\" rotation=\"45\" abs=\"true\" x=\"165\" y=\"81\" \u002F>\n\n      \u003Cellipse w=\"3\" h=\"3\" fill=\"$primary\" opacity=\"0.7\" abs=\"true\" x=\"195\" y=\"87\" \u002F>\n      \u003Cellipse w=\"3\" h=\"3\" fill=\"$primary\" opacity=\"0.5\" abs=\"true\" x=\"220\" y=\"93\" \u002F>\n      \u003Cellipse w=\"3\" h=\"3\" fill=\"$primary\" opacity=\"0.4\" abs=\"true\" x=\"245\" y=\"102\" \u002F>\n\n      \u003C!-- CDG Pin -->\n      \u003Cframe w=\"30\" h=\"30\" abs=\"true\" x=\"260\" y=\"100\">\n        \u003Cellipse w=\"22\" h=\"22\" fill=\"#A78BFA1A\" border=\"1 #A78BFA4D\" abs=\"true\" x=\"4\" y=\"4\" \u002F>\n        \u003Cellipse w=\"6\" h=\"6\" fill=\"$primary\" abs=\"true\" x=\"12\" y=\"12\" \u002F>\n        \u003Ctext value=\"CDG\" font-family=\"Inter\" font-size=\"9\" font-weight=\"400\" color=\"$text-primary\" abs=\"true\" x=\"6\" y=\"28\" \u002F>\n      \u003C\u002Fframe>\n\n    \u003C\u002Fframe>\n\n    \u003C!-- 4. DATE FARE CAROUSEL ROW -->\n    \u003Crow role=\"carousel\" w=\"358\" gap=\"8\" align=\"middle-center\">\n      \u003Cinstance component=\"comp-date\" date=\"Sat 10\" price=\"$3.5K\" \u002F>\n      \u003Cinstance component=\"comp-date\" date=\"Sun 11\" price=\"$3.4K\" \u002F>\n      \n      \u003C!-- Active Date (Mon, Oct 12) - High-end flat lavender border visual, no bold -->\n      \u003Ccol w=\"64\" h=\"54\" fill=\"$surface-elevated\" border=\"1 $primary\" radius=\"$radius-sm\" p=\"8 6\" gap=\"4\" align=\"middle-center\">\n        \u003Ctext value=\"Mon 12\" font-family=\"Inter\" font-size=\"11\" font-weight=\"500\" color=\"$primary\" \u002F>\n        \u003Ctext value=\"$3.4K\" font-family=\"Inter\" font-size=\"12\" font-weight=\"500\" color=\"$text-primary\" \u002F>\n      \u003C\u002Fcol>\n      \n      \u003Cinstance component=\"comp-date\" date=\"Tue 13\" price=\"$2.8K\" \u002F>\n      \u003Cinstance component=\"comp-date\" date=\"Wed 14\" price=\"$3.1K\" \u002F>\n    \u003C\u002Frow>\n\n    \u003C!-- 5. Sort Comparison Pills Row -->\n    \u003Crow w=\"358\" gap=\"8\" align=\"middle-left\" p=\"0 4\">\n      \u003C!-- Tab 1: Recommended Best Choice (Active) -->\n      \u003Crow role=\"chip\" fill=\"$surface-elevated\" border=\"1 $primary\" radius=\"$radius-pill\" p=\"6 12\" align=\"middle-center\">\n        \u003Ctext value=\"Best • $3.4K\" font-family=\"Inter\" font-size=\"11\" font-weight=\"400\" color=\"$primary\" \u002F>\n      \u003C\u002Frow>\n\n      \u003C!-- Tab 2: Budget Choice -->\n      \u003Crow role=\"chip\" fill=\"$surface\" border=\"1 $border\" radius=\"$radius-pill\" p=\"6 12\" align=\"middle-center\">\n        \u003Ctext value=\"Cheapest • $1.8K\" font-family=\"Inter\" font-size=\"11\" font-weight=\"300\" color=\"$text-muted\" \u002F>\n      \u003C\u002Frow>\n\n      \u003C!-- Tab 3: Speedy Choice -->\n      \u003Crow role=\"chip\" fill=\"$surface\" border=\"1 $border\" radius=\"$radius-pill\" p=\"6 12\" align=\"middle-center\">\n        \u003Ctext value=\"Fastest • $3.8K\" font-family=\"Inter\" font-size=\"11\" font-weight=\"300\" color=\"$text-muted\" \u002F>\n      \u003C\u002Frow>\n    \u003C\u002Frow>\n\n    \u003C!-- 6. Compact Mobile Flight Result List (5 Flights Stacked!) -->\n    \u003Ccol w=\"358\" gap=\"12\" align=\"top-center\">\n      \n      \u003C!-- Flight 1: Singapore Airlines -->\n      \u003Cinstance component=\"comp-flight\" airline=\"Singapore Airlines\" dep-time=\"13:15\" arr-time=\"08:00\" duration=\"11h 45m\" price=\"$3,420\" craft=\"SQ 32 • Boeing 787\" badge1=\"Recommended\" badge2=\"Business Class\" \u002F>\n      \n      \u003C!-- Flight 2: Qatar Airways -->\n      \u003Cinstance component=\"comp-flight\" airline=\"Qatar Airways\" dep-time=\"16:40\" arr-time=\"11:25\" duration=\"11h 45m\" price=\"$3,980\" craft=\"QR 722 • Airbus A350\" badge1=\"QSuite Class\" badge2=\"5-Star Service\" \u002F>\n      \n      \u003C!-- Flight 3: Air France -->\n      \u003Cinstance component=\"comp-flight\" airline=\"Air France\" dep-time=\"19:20\" arr-time=\"14:00\" duration=\"11h 40m\" price=\"$2,850\" craft=\"AF 1106 • Boeing 777\" badge1=\"Direct Flight\" badge2=\"Chef Menu\" \u002F>\n      \n      \u003C!-- Flight 4: British Airways -->\n      \u003Cinstance component=\"comp-flight\" airline=\"British Airways\" dep-time=\"08:30\" arr-time=\"03:15\" duration=\"11h 45m\" price=\"$3,120\" craft=\"BA 228 • Airbus A350\" badge1=\"Club Suite\" badge2=\"Lounge Access\" \u002F>\n      \n      \u003C!-- Flight 5: Delta Air Lines -->\n      \u003Cinstance component=\"comp-flight\" airline=\"Delta Air Lines\" dep-time=\"22:00\" arr-time=\"16:45\" duration=\"11h 45m\" price=\"$2,950\" craft=\"DL 82 • Airbus A330\" badge1=\"Delta One\" badge2=\"Priority Pass\" \u002F>\n      \n    \u003C\u002Fcol>\n\n    \u003C!-- Extra page bottom layout cushion -->\n    \u003Ccol h=\"12\" \u002F>\n\n    \u003C!-- 7. iOS Home Indicator System Bar -->\n    \u003Crow w=\"390\" h=\"34\" align=\"middle-center\">\n      \u003Crect w=\"134\" h=\"5\" radius=\"3\" fill=\"#FFFFFF\" opacity=\"0.2\" \u002F>\n    \u003C\u002Frow>\n\n  \u003C\u002Fcol>\n\u003C\u002Fgui>\n",1784753172850]