[{"data":1,"prerenderedAt":4},["ShallowReactive",2],{"example-src-video-editor":3},"\u003Cgui version=\"0.2\" name=\"iPadVideoEditor\">\n  \u003Ctokens>\n    \u003Ccolor name=\"bg-dark\" value=\"#09090B\" \u002F>\n    \u003Ccolor name=\"surface-dark\" value=\"#18181B\" \u002F>\n    \u003Ccolor name=\"surface-dark-2\" value=\"#27272A\" \u002F>\n    \u003Ccolor name=\"text-primary\" value=\"#FAFAFA\" \u002F>\n    \u003Ccolor name=\"text-secondary\" value=\"#A1A1AA\" \u002F>\n    \u003Ccolor name=\"border-dark\" value=\"#27272A\" \u002F>\n    \u003Ccolor name=\"primary-accent\" value=\"#8B5CF6\" \u002F>\n    \u003Ccolor name=\"primary-accent-light\" value=\"#A78BFA\" \u002F>\n    \u003Ccolor name=\"timeline-bg\" value=\"#0F0F13\" \u002F>\n    \u003Ccolor name=\"playhead-red\" value=\"#EF4444\" \u002F>\n  \u003C\u002Ftokens>\n  \n  \u003Cstyles>\n    \u003Ctext-style name=\"Title\u002FProject\" font-family=\"SF Pro\" font-size=\"16\" font-weight=\"600\" line-height=\"22\" \u002F>\n    \u003Ctext-style name=\"Title\u002FSection\" font-family=\"SF Pro\" font-size=\"14\" font-weight=\"600\" line-height=\"20\" \u002F>\n    \u003Ctext-style name=\"Text\u002FTimecode\" font-family=\"SF Pro\" font-size=\"14\" font-weight=\"500\" line-height=\"18\" \u002F>\n    \u003Ctext-style name=\"Text\u002FCaption\" font-family=\"SF Pro\" font-size=\"12\" font-weight=\"500\" line-height=\"16\" \u002F>\n    \u003Ctext-style name=\"Text\u002FTiny\" font-family=\"SF Pro\" font-size=\"10\" font-weight=\"400\" line-height=\"14\" \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=\"1194\" h=\"834\" fill=\"$bg-dark\" clip name=\"iPad Video Editor Canvas\">\n    \u003C!-- 1. Top Control Bar -->\n    \u003Crow role=\"toolbar\" x=\"0\" y=\"0\" w=\"fill\" h=\"60\" fill=\"$surface-dark\" border-bottom=\"1 $border-dark\" align=\"middle-left\" p=\"0 24\" gap=\"auto\" name=\"Top Control Bar\">\n      \u003C!-- Left: Navigation and Project Info -->\n      \u003Crow gap=\"16\" align=\"middle-left\" name=\"Project Details Info Group\">\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Farrow-left.svg?color=%23fafafa\" w=\"20\" h=\"20\" \u002F>\n        \u003Ctext value=\"Alps Expedition 2026\" text-style=\"Title\u002FProject\" color=\"$text-primary\" \u002F>\n        \u003Crow gap=\"6\" align=\"middle-left\" name=\"Save Status Indicator\">\n          \u003Cellipse fill=\"#34C759\" w=\"6\" h=\"6\" \u002F>\n          \u003Ctext value=\"Saved to iCloud\" font-family=\"SF Pro\" font-size=\"12\" color=\"$text-secondary\" \u002F>\n        \u003C\u002Frow>\n      \u003C\u002Frow>\n\n      \u003C!-- Center: Playback Controls and Timecode -->\n      \u003Crow gap=\"20\" align=\"middle-center\" name=\"Playback Control Console\">\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fskip-back.svg?color=%23a1a1aa\" w=\"20\" h=\"20\" \u002F>\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fplay.svg?color=%23fafafa\" w=\"24\" h=\"24\" \u002F>\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fskip-forward.svg?color=%23a1a1aa\" w=\"20\" h=\"20\" \u002F>\n        \u003Crow fill=\"$bg-dark\" p=\"4 12\" radius=\"6\" align=\"middle-center\" border=\"1 $border-dark\" name=\"Timecode Field\">\n          \u003Ctext value=\"00:12:08\" font-family=\"SF Pro\" font-size=\"14\" font-weight=\"700\" color=\"$primary-accent-light\" \u002F>\n        \u003C\u002Frow>\n      \u003C\u002Frow>\n\n      \u003C!-- Right: Action Commands and Export -->\n      \u003Crow gap=\"16\" align=\"middle-right\" name=\"Right Actions Group\">\n        \u003Crow gap=\"12\" align=\"middle-right\" name=\"Undo Redo Controls\">\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fundo-2.svg?color=%23a1a1aa\" w=\"20\" h=\"20\" \u002F>\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fredo-2.svg?color=%23a1a1aa\" w=\"20\" h=\"20\" \u002F>\n        \u003C\u002Frow>\n        \u003Crect w=\"1\" h=\"20\" fill=\"$border-dark\" name=\"Divider Line\" \u002F>\n        \u003Crow role=\"button\" fill=\"linear-gradient(135deg, #8B5CF6 0%, #EC4899 100%)\" p=\"8 20\" radius=\"999\" align=\"middle-center\" gap=\"6\" name=\"Export Project CTA\">\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fshare-2.svg?color=%23ffffff\" w=\"16\" h=\"16\" \u002F>\n          \u003Ctext value=\"Export\" font-family=\"SF Pro\" font-size=\"14\" font-weight=\"600\" color=\"#FFFFFF\" \u002F>\n        \u003C\u002Frow>\n      \u003C\u002Frow>\n    \u003C\u002Frow>\n\n    \u003C!-- 2. Split Workspace Layout -->\n    \u003Cgrid cols=\"340 1fr\" gap=\"20\" x=\"20\" y=\"80\" w=\"1154\" h=\"470\" name=\"Split Media Workspace\">\n      \u003C!-- Left Panel: Progressive Media Library -->\n      \u003Ccol role=\"sidebar\" fill=\"$surface-dark\" border=\"1 $border-dark\" radius=\"12\" p=\"16\" gap=\"16\" h=\"fill\" name=\"Media Bin Panel\">\n        \u003C!-- Sidebar Segment Tabs (Structured Identically for Perfect Text Alignment) -->\n        \u003Crow role=\"segmented-control\" w=\"fill\" gap=\"16\" align=\"middle-left\" pb=\"12\" border-bottom=\"1 $border-dark\" name=\"Media Library Navigation Bar\">\n          \u003Ccol gap=\"4\" align=\"middle-center\" name=\"Media Tab Header Item\">\n            \u003Ctext value=\"Media\" font-family=\"SF Pro\" font-size=\"14\" font-weight=\"600\" color=\"$primary-accent-light\" \u002F>\n            \u003Crect fill=\"$primary-accent\" w=\"16\" h=\"2\" radius=\"1\" \u002F>\n          \u003C\u002Fcol>\n          \u003Ccol gap=\"4\" align=\"middle-center\" name=\"Audio Tab Header Item\">\n            \u003Ctext value=\"Audio\" font-family=\"SF Pro\" font-size=\"14\" font-weight=\"600\" color=\"$text-secondary\" \u002F>\n            \u003Crect fill=\"none\" w=\"16\" h=\"2\" \u002F>\n          \u003C\u002Fcol>\n          \u003Ccol gap=\"4\" align=\"middle-center\" name=\"Titles Tab Header Item\">\n            \u003Ctext value=\"Titles\" font-family=\"SF Pro\" font-size=\"14\" font-weight=\"600\" color=\"$text-secondary\" \u002F>\n            \u003Crect fill=\"none\" w=\"16\" h=\"2\" \u002F>\n          \u003C\u002Fcol>\n        \u003C\u002Frow>\n\n        \u003C!-- Dynamic Grid of Media items (Using Local Assets) -->\n        \u003Cgrid role=\"gallery\" cols=\"2\" gap=\"12\" w=\"fill\" name=\"Clips Grid\">\n          \u003C!-- Clip 1 Thumbnail (Mountain Sunrise) -->\n          \u003Cframe w=\"142\" h=\"90\" radius=\"8\" clip name=\"Mountain Peak Clip Preview\">\n            \u003Cimg src=\"assets\u002Fvideo_preview.png\" w=\"142\" h=\"90\" fit=\"cover\" \u002F>\n            \u003Crow fill=\"#00000080\" p=\"2 6\" radius=\"4\" abs x=\"94\" y=\"66\" align=\"middle-center\">\n              \u003Ctext value=\"0:14\" font-family=\"SF Pro\" font-size=\"10\" font-weight=\"600\" color=\"#FFFFFF\" \u002F>\n            \u003C\u002Frow>\n          \u003C\u002Fframe>\n\n          \u003C!-- Clip 2 Thumbnail (Meadow Forest) -->\n          \u003Cframe w=\"142\" h=\"90\" radius=\"8\" clip name=\"Green Fields Clip Preview\">\n            \u003Cimg src=\"assets\u002Fclip_1.png\" w=\"142\" h=\"90\" fit=\"cover\" \u002F>\n            \u003Crow fill=\"#00000080\" p=\"2 6\" radius=\"4\" abs x=\"94\" y=\"66\" align=\"middle-center\">\n              \u003Ctext value=\"0:28\" font-family=\"SF Pro\" font-size=\"10\" font-weight=\"600\" color=\"#FFFFFF\" \u002F>\n            \u003C\u002Frow>\n          \u003C\u002Fframe>\n\n          \u003C!-- Clip 3 Thumbnail (Sunset Lake) -->\n          \u003Cframe w=\"142\" h=\"90\" radius=\"8\" clip name=\"Sunset View Clip Preview\">\n            \u003Cimg src=\"assets\u002Fclip_2.png\" w=\"142\" h=\"90\" fit=\"cover\" \u002F>\n            \u003Crow fill=\"#00000080\" p=\"2 6\" radius=\"4\" abs x=\"94\" y=\"66\" align=\"middle-center\">\n              \u003Ctext value=\"0:10\" font-family=\"SF Pro\" font-size=\"10\" font-weight=\"600\" color=\"#FFFFFF\" \u002F>\n            \u003C\u002Frow>\n          \u003C\u002Fframe>\n\n          \u003C!-- Clip 4: Import CTA (Clutter-free addition button) -->\n          \u003Ccol role=\"button\" fill=\"$surface-dark-2\" border=\"1 $border-dark\" radius=\"8\" align=\"middle-center\" gap=\"6\" w=\"142\" h=\"90\" name=\"Import File Button\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fplus.svg?color=%23a1a1aa\" w=\"24\" h=\"24\" \u002F>\n            \u003Ctext value=\"Import File\" font-family=\"SF Pro\" font-size=\"11\" font-weight=\"600\" color=\"$text-secondary\" \u002F>\n          \u003C\u002Fcol>\n        \u003C\u002Fgrid>\n      \u003C\u002Fcol>\n\n      \u003C!-- Right Panel: High-Contrast Video Preview Monitor -->\n      \u003Ccol fill=\"$surface-dark\" border=\"1 $border-dark\" radius=\"12\" p=\"16\" gap=\"12\" h=\"fill\" name=\"Video Preview Monitor\">\n        \u003C!-- 16:9 Display Canvas Container -->\n        \u003Cframe w=\"762\" h=\"390\" radius=\"8\" clip name=\"Video Screen Box\">\n          \u003C!-- Active Preview Frame -->\n          \u003Cimg src=\"assets\u002Fvideo_preview.png\" w=\"762\" h=\"390\" x=\"0\" y=\"0\" fit=\"cover\" name=\"Active Video Frame Content\" \u002F>\n          \n          \u003C!-- Top Left Controls Overlay: Zoom -->\n          \u003Crow fill=\"#00000080\" p=\"6 12\" radius=\"16\" abs x=\"16\" y=\"16\" gap=\"8\" align=\"middle-center\" name=\"Zoom Level Indicator\">\n            \u003Ctext value=\"Fit (44%)\" font-family=\"SF Pro\" font-size=\"12\" font-weight=\"600\" color=\"#FFFFFF\" \u002F>\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fchevron-down.svg?color=%23ffffff\" w=\"12\" h=\"12\" \u002F>\n          \u003C\u002Frow>\n\n          \u003C!-- Top Right Controls Overlay: Aspect Ratio\u002FGrid -->\n          \u003Crow fill=\"#00000080\" p=\"6\" radius=\"16\" abs x=\"714\" y=\"16\" align=\"middle-center\" name=\"Aspect Grid Toggle\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fgrid.svg?color=%23ffffff\" w=\"16\" h=\"16\" \u002F>\n          \u003C\u002Frow>\n\n          \u003C!-- Bottom Left Overlay: Resolution settings -->\n          \u003Crow fill=\"#00000080\" p=\"6 12\" radius=\"16\" abs x=\"16\" y=\"346\" gap=\"12\" align=\"middle-center\" name=\"Resolution Indicator\">\n            \u003Ctext value=\"1080p • 24 fps\" font-family=\"SF Pro\" font-size=\"12\" font-weight=\"600\" color=\"#FFFFFF\" \u002F>\n          \u003C\u002Frow>\n\n          \u003C!-- Bottom Right Overlay: Fullscreen -->\n          \u003Crow fill=\"#00000080\" p=\"6\" radius=\"16\" abs x=\"714\" y=\"346\" align=\"middle-center\" name=\"Fullscreen Toggle Button\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fmaximize-2.svg?color=%23ffffff\" w=\"16\" h=\"16\" \u002F>\n          \u003C\u002Frow>\n\n          \u003C!-- Right Edge Overlay: Audio VU Meter (Legible Volume bars) -->\n          \u003Ccol fill=\"#00000080\" w=\"16\" h=\"140\" abs x=\"686\" y=\"125\" radius=\"8\" p=\"4 2\" gap=\"4\" align=\"bottom-center\" name=\"Audio Level Meter Overlay\">\n            \u003Crect fill=\"#EF4444\" w=\"8\" h=\"10\" radius=\"2\" name=\"VU Red bar\" \u002F>\n            \u003Crect fill=\"#F59E0B\" w=\"8\" h=\"25\" radius=\"2\" name=\"VU Orange bar\" \u002F>\n            \u003Crect fill=\"#10B981\" w=\"8\" h=\"40\" radius=\"2\" name=\"VU Green bar 2\" \u002F>\n            \u003Crect fill=\"#10B981\" w=\"8\" h=\"30\" radius=\"2\" name=\"VU Green bar 1\" \u002F>\n          \u003C\u002Fcol>\n        \u003C\u002Fframe>\n\n        \u003C!-- Preview Monitor Metadata Info Row -->\n        \u003Crow w=\"fill\" gap=\"auto\" align=\"middle-center\" name=\"Preview Metadata Info Bar\">\n          \u003Ctext value=\"Cinematic Preview Monitor\" font-family=\"SF Pro\" font-size=\"12\" font-weight=\"600\" color=\"$text-secondary\" \u002F>\n          \u003Crow gap=\"6\" align=\"middle-right\" name=\"Timeline Clock Duration\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fclock.svg?color=%23a1a1aa\" w=\"14\" h=\"14\" \u002F>\n            \u003Ctext value=\"Total duration: 01:05:00\" font-family=\"SF Pro\" font-size=\"12\" font-weight=\"500\" color=\"$text-secondary\" \u002F>\n          \u003C\u002Frow>\n        \u003C\u002Frow>\n      \u003C\u002Fcol>\n    \u003C\u002Fgrid>\n\n    \u003C!-- 3. Bottom Magnetic Timeline Container -->\n    \u003Cframe x=\"20\" y=\"570\" w=\"1154\" h=\"244\" fill=\"$timeline-bg\" border=\"1 $border-dark\" radius=\"12\" clip name=\"Timeline Tracks Workspace\">\n      \u003C!-- Time Ruler Tiks -->\n      \u003Crow x=\"0\" y=\"0\" w=\"fill\" h=\"30\" fill=\"$surface-dark\" border-bottom=\"1 $border-dark\" align=\"middle-left\" p=\"0 16\" gap=\"auto\" name=\"Time Ruler ticks\">\n        \u003Ctext value=\"00:00\" font-family=\"SF Pro\" font-size=\"10\" font-weight=\"600\" color=\"$text-secondary\" \u002F>\n        \u003Ctext value=\"00:10\" font-family=\"SF Pro\" font-size=\"10\" font-weight=\"600\" color=\"$text-secondary\" \u002F>\n        \u003Ctext value=\"00:20\" font-family=\"SF Pro\" font-size=\"10\" font-weight=\"600\" color=\"$text-secondary\" \u002F>\n        \u003Ctext value=\"00:30\" font-family=\"SF Pro\" font-size=\"10\" font-weight=\"600\" color=\"$text-secondary\" \u002F>\n        \u003Ctext value=\"00:40\" font-family=\"SF Pro\" font-size=\"10\" font-weight=\"600\" color=\"$text-secondary\" \u002F>\n        \u003Ctext value=\"00:50\" font-family=\"SF Pro\" font-size=\"10\" font-weight=\"600\" color=\"$text-secondary\" \u002F>\n        \u003Ctext value=\"01:00\" font-family=\"SF Pro\" font-size=\"10\" font-weight=\"600\" color=\"$text-secondary\" \u002F>\n      \u003C\u002Frow>\n\n      \u003C!-- Video Tracks Row (Magnetic Video Strips using Local Assets) -->\n      \u003Crow x=\"16\" y=\"46\" w=\"fill\" h=\"84\" gap=\"0\" align=\"middle-left\" name=\"Video Track Layer\">\n        \u003C!-- Video Clip 1 (Selected Highlight) -->\n        \u003Cframe w=\"220\" h=\"76\" radius=\"6\" clip border=\"1 $border-dark\" name=\"Selected Timeline Clip\">\n          \u003Cimg src=\"assets\u002Fvideo_preview.png\" w=\"220\" h=\"76\" fit=\"cover\" \u002F>\n          \u003Crect fill=\"none\" border=\"3 $primary-accent\" w=\"220\" h=\"76\" radius=\"6\" name=\"Selection Outline\" \u002F>\n          \u003Crow fill=\"#00000080\" p=\"2 6\" radius=\"4\" abs x=\"8\" y=\"50\" align=\"middle-center\" name=\"Clip Title tag\">\n            \u003Ctext value=\"Alps Peak\" font-family=\"SF Pro\" font-size=\"10\" font-weight=\"600\" color=\"#FFFFFF\" \u002F>\n          \u003C\u002Frow>\n        \u003C\u002Fframe>\n\n        \u003C!-- Crossfade Transition Icon -->\n        \u003Crow w=\"36\" h=\"76\" align=\"middle-center\" name=\"Transition Node 1\">\n          \u003Crow w=\"20\" h=\"20\" radius=\"10\" fill=\"$primary-accent\" border=\"1 #FFFFFF5C\" align=\"middle-center\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fhourglass.svg?color=%23ffffff\" w=\"12\" h=\"12\" \u002F>\n          \u003C\u002Frow>\n        \u003C\u002Frow>\n\n        \u003C!-- Video Clip 2 -->\n        \u003Cframe w=\"340\" h=\"76\" radius=\"6\" clip border=\"1 $border-dark\" name=\"Meadows Clip Timeline Item\">\n          \u003Cimg src=\"assets\u002Fclip_1.png\" w=\"340\" h=\"76\" fit=\"cover\" \u002F>\n          \u003Crow fill=\"#00000080\" p=\"2 6\" radius=\"4\" abs x=\"8\" y=\"50\" align=\"middle-center\" name=\"Clip Title tag 2\">\n            \u003Ctext value=\"Green Meadows\" font-family=\"SF Pro\" font-size=\"10\" font-weight=\"600\" color=\"#FFFFFF\" \u002F>\n          \u003C\u002Frow>\n        \u003C\u002Fframe>\n\n        \u003C!-- Add Transition Node Button -->\n        \u003Crow role=\"button\" w=\"36\" h=\"76\" align=\"middle-center\" name=\"Transition Node 2 Add Button\">\n          \u003Crow w=\"20\" h=\"20\" radius=\"10\" fill=\"$surface-dark-2\" border=\"1 $border-dark\" align=\"middle-center\">\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fplus.svg?color=%23a1a1aa\" w=\"12\" h=\"12\" \u002F>\n          \u003C\u002Frow>\n        \u003C\u002Frow>\n\n        \u003C!-- Video Clip 3 -->\n        \u003Cframe w=\"180\" h=\"76\" radius=\"6\" clip border=\"1 $border-dark\" name=\"Valley Clip Timeline Item\">\n          \u003Cimg src=\"assets\u002Fclip_2.png\" w=\"180\" h=\"76\" fit=\"cover\" \u002F>\n          \u003Crow fill=\"#00000080\" p=\"2 6\" radius=\"4\" abs x=\"8\" y=\"50\" align=\"middle-center\" name=\"Clip Title tag 3\">\n            \u003Ctext value=\"Sunset Valley\" font-family=\"SF Pro\" font-size=\"10\" font-weight=\"600\" color=\"#FFFFFF\" \u002F>\n          \u003C\u002Frow>\n        \u003C\u002Fframe>\n      \u003C\u002Frow>\n\n      \u003C!-- Audio Track Container (Music and Sound Waveforms) -->\n      \u003Cframe x=\"16\" y=\"146\" w=\"1122\" h=\"54\" radius=\"6\" fill=\"$surface-dark\" border=\"1 $border-dark\" name=\"Audio track layer\">\n        \u003C!-- Audio icon indicator -->\n        \u003Crow x=\"8\" y=\"17\" w=\"20\" h=\"20\" align=\"middle-center\" name=\"Audio File Icon Badge\">\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fmusic.svg?color=%238b5cf6\" w=\"16\" h=\"16\" \u002F>\n        \u003C\u002Frow>\n        \n        \u003C!-- Audio track name -->\n        \u003Ctext value=\"Cinematic_Ambient.mp3\" font-family=\"SF Pro\" font-size=\"11\" font-weight=\"600\" color=\"$primary-accent-light\" x=\"36\" y=\"18\" name=\"Audio Title\" \u002F>\n\n        \u003C!-- Vertical Peak Waveform Audio Bars -->\n        \u003Crow x=\"220\" y=\"17\" w=\"886\" h=\"20\" gap=\"4\" align=\"middle-left\" name=\"Audio Waveform Visualization Strip\">\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"12\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"8\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"16\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"6\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"18\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"10\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"14\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"8\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"12\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"14\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"8\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"16\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"6\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"18\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"10\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"12\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"6\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"14\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"8\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"16\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"10\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"4\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"12\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"6\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"14\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"8\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"18\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"10\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"4\" radius=\"1\" \u002F>\n          \u003Crect fill=\"$primary-accent\" w=\"3\" h=\"12\" radius=\"1\" \u002F>\n        \u003C\u002Frow>\n      \u003C\u002Fframe>\n\n      \u003C!-- 4. Floating Playhead Needle Overlay -->\n      \u003Cframe x=\"280\" y=\"0\" w=\"20\" h=\"244\" name=\"Floating Playhead Line Component\">\n        \u003Crect fill=\"$playhead-red\" w=\"2\" h=\"244\" x=\"9\" y=\"0\" name=\"Playhead line\" \u002F>\n        \u003Cframe x=\"3\" y=\"2\" w=\"14\" h=\"20\" name=\"Playhead Cap teardrop\">\n          \u003Cellipse fill=\"$playhead-red\" w=\"14\" h=\"14\" border=\"2 #FFFFFF\" name=\"Cap circle\" \u002F>\n        \u003C\u002Fframe>\n      \u003C\u002Fframe>\n    \u003C\u002Fframe>\n  \u003C\u002Fframe>\n\u003C\u002Fgui>\n",1784753172862]