[{"data":1,"prerenderedAt":4},["ShallowReactive",2],{"example-src-player":3},"\u003Cgui version=\"0.2\" name=\"Now Playing\">\n  \u003Ctokens>\n    \u003Ccolor name=\"dust\" value=\"#241F1C\" \u002F>\n    \u003Ccolor name=\"dust-2\" value=\"#2E2823\" \u002F>\n    \u003Ccolor name=\"dust-3\" value=\"#3A322C\" \u002F>\n    \u003Ccolor name=\"cream\" value=\"#F3E9D8\" \u002F>\n    \u003Ccolor name=\"cream-dim\" value=\"#CABBA4\" \u002F>\n    \u003Ccolor name=\"oxblood\" value=\"#8C2F2A\" \u002F>\n    \u003Ccolor name=\"oxblood-bright\" value=\"#B5413A\" \u002F>\n    \u003Ccolor name=\"ink\" value=\"#16110F\" \u002F>\n    \u003Ccolor name=\"line\" value=\"#F3E9D817\" \u002F>\n  \u003C\u002Ftokens>\n  \u003Cfonts>\n    \u003Cfont family=\"Quicksand\" source=\"google\" weights=\"400 500 600 700\" styles=\"normal\" \u002F>\n  \u003C\u002Ffonts>\n\n  \u003C!-- No scroll in .gui: expand to all content. sticky header → FIRST flow child;\n       fixed nav → LAST flow child (a sized frame so the FAB can overhang it). -->\n  \u003Ccol w=\"402\" fill=\"$dust\">\n\n    \u003C!-- HEADER (was position:sticky top → first child) -->\n    \u003Ccol w=\"fill\" p=\"14 22\" fill=\"#241F1CD1\" border-bottom=\"1 $line\">\n      \u003Crow w=\"fill\" gap=\"auto\" align=\"middle-center\">\n        \u003Ccol gap=\"5\">\n          \u003Ctext value=\"LISTENING ROOM\" font-family=\"Quicksand\" font-size=\"10\" font-weight=\"600\" letter-spacing=\"3\" text-case=\"uppercase\" color=\"$oxblood-bright\" \u002F>\n          \u003Ctext value=\"Now Playing\" font-family=\"Quicksand\" font-size=\"21\" font-weight=\"700\" letter-spacing=\"-0.3\" color=\"$cream\" \u002F>\n        \u003C\u002Fcol>\n        \u003Crow w=\"40\" h=\"40\" radius=\"999\" fill=\"linear-gradient(150deg, #8C2F2A 0%, #5E1F1C 100%)\" border=\"1 #F3E9D826\" align=\"middle-center\">\n          \u003Ctext value=\"RM\" font-family=\"Quicksand\" font-size=\"14\" font-weight=\"700\" color=\"$cream\" \u002F>\n        \u003C\u002Frow>\n      \u003C\u002Frow>\n    \u003C\u002Fcol>\n\n    \u003C!-- STREAM -->\n    \u003Ccol w=\"fill\" p=\"22 22 16\">\n\n      \u003C!-- NOW PLAYING CARD -->\n      \u003Ccol w=\"fill\" border=\"1 $line\" radius=\"28\" p=\"18\">\n        \u003Cappearance>\n          \u003Cfill type=\"linear-gradient\" value=\"linear-gradient(165deg, #3A322C 0%, #2E2823 100%)\" \u002F>\n          \u003Ceffect type=\"drop-shadow\" x=\"0\" y=\"24\" radius=\"50\" color=\"#000000B3\" \u002F>\n        \u003C\u002Fappearance>\n\n        \u003Crow gap=\"8\" align=\"middle-center\" pb=\"16\">\n          \u003Cellipse w=\"8\" h=\"8\" fill=\"$oxblood-bright\" \u002F>\n          \u003Ctext value=\"STREAMING · LOSSLESS\" font-family=\"Quicksand\" font-size=\"10\" font-weight=\"600\" letter-spacing=\"2.5\" text-case=\"uppercase\" color=\"$cream-dim\" \u002F>\n        \u003C\u002Frow>\n\n        \u003Cframe w=\"322\" h=\"322\" radius=\"20\" clip>\n          \u003Cappearance>\n            \u003Ceffect type=\"drop-shadow\" x=\"0\" y=\"18\" radius=\"36\" color=\"#000000A6\" \u002F>\n          \u003C\u002Fappearance>\n          \u003Cimg abs x=\"0\" y=\"0\" w=\"322\" h=\"322\" src=\"assets\u002Fcover.webp\" fit=\"cover\" \u002F>\n        \u003C\u002Fframe>\n\n        \u003Ccol pt=\"18\">\n          \u003Ctext value=\"Velvet Static\" font-family=\"Quicksand\" font-size=\"23\" font-weight=\"700\" letter-spacing=\"-0.4\" color=\"$cream\" \u002F>\n          \u003Ctext pt=\"5\" value=\"Marlowe Quinn — Paper Lanterns\" font-family=\"Quicksand\" font-size=\"14\" font-weight=\"500\" color=\"$cream-dim\" \u002F>\n        \u003C\u002Fcol>\n\n        \u003Ccol w=\"fill\" pt=\"18\">\n          \u003Cframe w=\"fill\" h=\"5\" radius=\"99\" fill=\"#F3E9D81F\" clip>\n            \u003Crect abs x=\"0\" y=\"0\" w=\"135\" h=\"5\" radius=\"99\" fill=\"linear-gradient(90deg, #8C2F2A 0%, #B5413A 100%)\" \u002F>\n          \u003C\u002Fframe>\n          \u003Crow w=\"fill\" pt=\"7\" gap=\"auto\" align=\"middle-center\">\n            \u003Ctext value=\"1:42\" font-family=\"Quicksand\" font-size=\"11\" font-weight=\"600\" letter-spacing=\"0.5\" color=\"$cream-dim\" \u002F>\n            \u003Ctext value=\"4:05\" font-family=\"Quicksand\" font-size=\"11\" font-weight=\"600\" letter-spacing=\"0.5\" color=\"$cream-dim\" \u002F>\n          \u003C\u002Frow>\n        \u003C\u002Fcol>\n\n        \u003Crow w=\"fill\" pt=\"18\" p=\"18 6 0\" gap=\"auto\" align=\"middle-center\" role=\"toolbar\">\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fshuffle.svg?color=%23f3e9d8\" w=\"20\" h=\"20\" opacity=\"0.55\" \u002F>\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fskip-back.svg?color=%23f3e9d8\" w=\"26\" h=\"26\" opacity=\"0.85\" \u002F>\n          \u003Crow w=\"60\" h=\"60\" radius=\"999\" fill=\"$cream\" align=\"middle-center\" role=\"button\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fpause.svg?color=%2316110f\" w=\"22\" h=\"22\" \u002F>\n          \u003C\u002Frow>\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fskip-forward.svg?color=%23f3e9d8\" w=\"26\" h=\"26\" opacity=\"0.85\" \u002F>\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Frepeat.svg?color=%23f3e9d8\" w=\"20\" h=\"20\" opacity=\"0.55\" \u002F>\n        \u003C\u002Frow>\n      \u003C\u002Fcol>\n\n      \u003C!-- UP NEXT -->\n      \u003Crow w=\"fill\" pt=\"30\" pb=\"14\" gap=\"auto\" align=\"bottom-left\">\n        \u003Ctext value=\"Up Next\" font-family=\"Quicksand\" font-size=\"16\" font-weight=\"700\" letter-spacing=\"-0.2\" color=\"$cream\" \u002F>\n        \u003Ctext value=\"Clear\" font-family=\"Quicksand\" font-size=\"12\" font-weight=\"600\" color=\"$oxblood-bright\" role=\"hyperlink\" \u002F>\n      \u003C\u002Frow>\n\n      \u003Ccol w=\"fill\" gap=\"10\">\n        \u003Crow w=\"fill\" gap=\"13\" align=\"middle-center\" fill=\"$dust-2\" border=\"1 $line\" radius=\"18\" p=\"10 12\" role=\"card\">\n          \u003Cframe w=\"50\" h=\"50\" radius=\"13\" clip>\n            \u003Cimg abs x=\"0\" y=\"0\" w=\"50\" h=\"50\" src=\"assets\u002Fq1.webp\" fit=\"cover\" \u002F>\n          \u003C\u002Fframe>\n          \u003Ccol w=\"fill\" gap=\"2\">\n            \u003Ctext w=\"fill\" truncate value=\"Amber Hours\" font-family=\"Quicksand\" font-size=\"14\" font-weight=\"600\" color=\"$cream\" \u002F>\n            \u003Ctext w=\"fill\" truncate value=\"Sable Wren\" font-family=\"Quicksand\" font-size=\"12\" font-weight=\"500\" color=\"$cream-dim\" \u002F>\n          \u003C\u002Fcol>\n          \u003Ctext value=\"3:28\" font-family=\"Quicksand\" font-size=\"11\" font-weight=\"600\" color=\"$cream-dim\" \u002F>\n        \u003C\u002Frow>\n        \u003Crow w=\"fill\" gap=\"13\" align=\"middle-center\" fill=\"$dust-2\" border=\"1 $line\" radius=\"18\" p=\"10 12\" role=\"card\">\n          \u003Cframe w=\"50\" h=\"50\" radius=\"13\" clip>\n            \u003Cimg abs x=\"0\" y=\"0\" w=\"50\" h=\"50\" src=\"assets\u002Fq2.webp\" fit=\"cover\" \u002F>\n          \u003C\u002Fframe>\n          \u003Ccol w=\"fill\" gap=\"2\">\n            \u003Ctext w=\"fill\" truncate value=\"Low Tide Letters\" font-family=\"Quicksand\" font-size=\"14\" font-weight=\"600\" color=\"$cream\" \u002F>\n            \u003Ctext w=\"fill\" truncate value=\"The Hollows\" font-family=\"Quicksand\" font-size=\"12\" font-weight=\"500\" color=\"$cream-dim\" \u002F>\n          \u003C\u002Fcol>\n          \u003Ctext value=\"5:11\" font-family=\"Quicksand\" font-size=\"11\" font-weight=\"600\" color=\"$cream-dim\" \u002F>\n        \u003C\u002Frow>\n        \u003Crow w=\"fill\" gap=\"13\" align=\"middle-center\" fill=\"$dust-2\" border=\"1 $line\" radius=\"18\" p=\"10 12\" role=\"card\">\n          \u003Cframe w=\"50\" h=\"50\" radius=\"13\" clip>\n            \u003Cimg abs x=\"0\" y=\"0\" w=\"50\" h=\"50\" src=\"assets\u002Fq3.webp\" fit=\"cover\" \u002F>\n          \u003C\u002Fframe>\n          \u003Ccol w=\"fill\" gap=\"2\">\n            \u003Ctext w=\"fill\" truncate value=\"Paper Lanterns\" font-family=\"Quicksand\" font-size=\"14\" font-weight=\"600\" color=\"$cream\" \u002F>\n            \u003Ctext w=\"fill\" truncate value=\"Marlowe Quinn\" font-family=\"Quicksand\" font-size=\"12\" font-weight=\"500\" color=\"$cream-dim\" \u002F>\n          \u003C\u002Fcol>\n          \u003Ctext value=\"2:54\" font-family=\"Quicksand\" font-size=\"11\" font-weight=\"600\" color=\"$cream-dim\" \u002F>\n        \u003C\u002Frow>\n        \u003Crow w=\"fill\" gap=\"13\" align=\"middle-center\" fill=\"$dust-2\" border=\"1 $line\" radius=\"18\" p=\"10 12\" role=\"card\">\n          \u003Cframe w=\"50\" h=\"50\" radius=\"13\" clip>\n            \u003Cimg abs x=\"0\" y=\"0\" w=\"50\" h=\"50\" src=\"assets\u002Fq4.webp\" fit=\"cover\" \u002F>\n          \u003C\u002Fframe>\n          \u003Ccol w=\"fill\" gap=\"2\">\n            \u003Ctext w=\"fill\" truncate value=\"Slow Cinema\" font-family=\"Quicksand\" font-size=\"14\" font-weight=\"600\" color=\"$cream\" \u002F>\n            \u003Ctext w=\"fill\" truncate value=\"Elias Brook\" font-family=\"Quicksand\" font-size=\"12\" font-weight=\"500\" color=\"$cream-dim\" \u002F>\n          \u003C\u002Fcol>\n          \u003Ctext value=\"4:46\" font-family=\"Quicksand\" font-size=\"11\" font-weight=\"600\" color=\"$cream-dim\" \u002F>\n        \u003C\u002Frow>\n      \u003C\u002Fcol>\n    \u003C\u002Fcol>\n\n    \u003C!-- NAV (was position:fixed bottom; FAB overhangs → sized frame, FAB abs above bar) -->\n    \u003Cframe w=\"402\" h=\"106\">\n      \u003Crow abs x=\"0\" y=\"22\" w=\"402\" h=\"84\" p=\"0 26\" fill=\"#1E1A17E6\" border-top=\"1 $line\" gap=\"80\" align=\"middle-center\" role=\"tab-bar\">\n        \u003Crow w=\"fill\" gap=\"auto\" align=\"middle-center\">\n          \u003Ccol gap=\"4\" align=\"middle-center\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fhome.svg?color=%23f3e9d8\" w=\"22\" h=\"22\" \u002F>\n            \u003Ctext value=\"Home\" font-family=\"Quicksand\" font-size=\"9\" font-weight=\"600\" letter-spacing=\"0.5\" color=\"$cream\" \u002F>\n          \u003C\u002Fcol>\n          \u003Ccol gap=\"4\" align=\"middle-center\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fsearch.svg?color=%23cabba4\" w=\"22\" h=\"22\" \u002F>\n            \u003Ctext value=\"Search\" font-family=\"Quicksand\" font-size=\"9\" font-weight=\"600\" letter-spacing=\"0.5\" color=\"$cream-dim\" \u002F>\n          \u003C\u002Fcol>\n        \u003C\u002Frow>\n        \u003Crow w=\"fill\" gap=\"auto\" align=\"middle-center\">\n          \u003Ccol gap=\"4\" align=\"middle-center\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fmenu.svg?color=%23cabba4\" w=\"22\" h=\"22\" \u002F>\n            \u003Ctext value=\"Library\" font-family=\"Quicksand\" font-size=\"9\" font-weight=\"600\" letter-spacing=\"0.5\" color=\"$cream-dim\" \u002F>\n          \u003C\u002Fcol>\n          \u003Ccol gap=\"4\" align=\"middle-center\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fuser.svg?color=%23cabba4\" w=\"22\" h=\"22\" \u002F>\n            \u003Ctext value=\"Profile\" font-family=\"Quicksand\" font-size=\"9\" font-weight=\"600\" letter-spacing=\"0.5\" color=\"$cream-dim\" \u002F>\n          \u003C\u002Fcol>\n        \u003C\u002Frow>\n      \u003C\u002Frow>\n      \u003Crow abs x=\"169\" y=\"0\" w=\"64\" h=\"64\" radius=\"999\" fill=\"linear-gradient(150deg, #B5413A 0%, #8C2F2A 100%)\" border=\"4 $dust\" align=\"middle-center\" role=\"button\">\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fplay.svg?color=%23f3e9d8\" w=\"26\" h=\"26\" \u002F>\n      \u003C\u002Frow>\n    \u003C\u002Fframe>\n\n  \u003C\u002Fcol>\n\u003C\u002Fgui>\n",1784753172878]