[{"data":1,"prerenderedAt":4},["ShallowReactive",2],{"example-src-skeuomorphic-music":3},"\u003Cgui version=\"0.2\" name=\"Now Playing\">\n  \u003Cmode name=\"theme\" values=\"light dark\" default=\"light\" \u002F>\n\n  \u003Ctokens>\n    \u003C!-- Mode-varying warm surfaces (the \"room\" the device sits in) -->\n    \u003Ccolor name=\"bg\"     theme-light=\"#ECE3D1\" theme-dark=\"#15110D\" \u002F>\n    \u003Ccolor name=\"panel\"  theme-light=\"#F6F0E2\" theme-dark=\"#221D17\" \u002F>\n    \u003Ccolor name=\"ink\"    theme-light=\"#2A2018\" theme-dark=\"#F2EADA\" \u002F>\n    \u003Ccolor name=\"ink-2\"  theme-light=\"#8C7C62\" theme-dark=\"#A2937A\" \u002F>\n    \u003Ccolor name=\"hair\"   theme-light=\"#DCD0B9\" theme-dark=\"#332C24\" \u002F>\n\n    \u003C!-- Constant device hardware (reads the same in any light) -->\n    \u003Ccolor name=\"cream\"   value=\"#ECE4D2\" \u002F>\n    \u003Ccolor name=\"cream-2\" value=\"#B4A88F\" \u002F>\n    \u003Ccolor name=\"groove\"  value=\"#12100C\" \u002F>\n    \u003Ccolor name=\"ring\"    value=\"#000000\" \u002F>\n\n    \u003Cnumber name=\"r-art\"   value=\"18\" \u002F>\n    \u003Cnumber name=\"r-panel\" value=\"22\" \u002F>\n    \u003Cnumber name=\"r-deck\"  value=\"26\" \u002F>\n    \u003Cnumber name=\"r-pill\"  value=\"999\" \u002F>\n  \u003C\u002Ftokens>\n\n  \u003Cstyles>\n    \u003Ctext-style name=\"Serif\u002FTitle\" font-family=\"Playfair Display\" font-size=\"27\" font-weight=\"700\" line-height=\"32\" \u002F>\n    \u003Ctext-style name=\"Serif\u002FHead\"  font-family=\"Playfair Display\" font-size=\"19\" font-weight=\"600\" line-height=\"24\" \u002F>\n    \u003Ctext-style name=\"Eyebrow\"     font-family=\"SF Pro\" font-size=\"11\" font-weight=\"600\" line-height=\"14\" letter-spacing=\"1.4\" \u002F>\n    \u003Ctext-style name=\"Body\"        font-family=\"SF Pro\" font-size=\"15\" font-weight=\"400\" line-height=\"20\" \u002F>\n    \u003Ctext-style name=\"Label\"       font-family=\"SF Pro\" font-size=\"13\" font-weight=\"600\" line-height=\"16\" \u002F>\n    \u003Ctext-style name=\"Time\"        font-family=\"SF Pro\" font-size=\"12\" font-weight=\"600\" line-height=\"14\" letter-spacing=\"0.3\" \u002F>\n    \u003Ctext-style name=\"Caption\"     font-family=\"SF Pro\" font-size=\"11\" font-weight=\"500\" 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    \u003Cfont family=\"Playfair Display\" source=\"google\" weights=\"600 700\" styles=\"normal\" \u002F>\n  \u003C\u002Ffonts>\n\n  \u003Ccol w=\"390\" fill=\"$bg\" pb=\"34\" gap=\"22\">\n\n    \u003C!-- Status bar -->\n    \u003Crow w=\"fill\" p=\"16 22 0\" align=\"middle-center\" gap=\"auto\">\n      \u003Ctext value=\"9:41\" font-family=\"SF Pro\" font-size=\"15\" font-weight=\"600\" color=\"$ink\" \u002F>\n      \u003Crow gap=\"6\" align=\"middle-center\">\n        \u003Ctext text-style=\"Caption\" value=\"100%\" color=\"$ink-2\" \u002F>\n        \u003Crow gap=\"2\" align=\"middle-center\">\n          \u003Crow w=\"22\" h=\"11\" radius=\"3\" border=\"1 $ink-2\" p=\"2\" align=\"middle-left\">\n            \u003Crect w=\"15\" h=\"6\" radius=\"1\" fill=\"$ink\" \u002F>\n          \u003C\u002Frow>\n          \u003Crect w=\"2\" h=\"4\" radius=\"1\" fill=\"$ink-2\" \u002F>\n        \u003C\u002Frow>\n      \u003C\u002Frow>\n    \u003C\u002Frow>\n\n    \u003C!-- Header: round metal buttons flanking a serif title -->\n    \u003Crow role=\"top-navigation-bar\" w=\"fill\" p=\"2 16 0\" align=\"middle-center\" gap=\"auto\">\n      \u003Ccol role=\"button\" w=\"40\" h=\"40\" radius=\"$r-pill\" align=\"middle-center\" fill=\"linear-gradient(180deg, #524A40 0%, #322C25 100%)\">\n        \u003Cappearance>\n          \u003Cfill type=\"linear-gradient\" value=\"linear-gradient(180deg, #524A40 0%, #322C25 100%)\" \u002F>\n          \u003Ceffect type=\"drop-shadow\" x=\"0\" y=\"4\" radius=\"10\" spread=\"0\" color=\"#00000055\" \u002F>\n          \u003Ceffect type=\"inner-shadow\" x=\"0\" y=\"1\" radius=\"0\" spread=\"0\" color=\"#FFFFFF26\" \u002F>\n        \u003C\u002Fappearance>\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Fmdi\u002Fchevron-down.svg?color=%23ECE4D2\" w=\"22\" h=\"22\" \u002F>\n      \u003C\u002Fcol>\n      \u003Ccol gap=\"2\" align=\"middle-center\">\n        \u003Ctext text-style=\"Eyebrow\" text-case=\"uppercase\" value=\"Playing From\" color=\"$ink-2\" align=\"center\" \u002F>\n        \u003Ctext value=\"Reading Room\" font-family=\"SF Pro\" font-size=\"14\" font-weight=\"600\" color=\"$ink\" align=\"center\" \u002F>\n      \u003C\u002Fcol>\n      \u003Ccol role=\"button\" w=\"40\" h=\"40\" radius=\"$r-pill\" align=\"middle-center\" fill=\"linear-gradient(180deg, #524A40 0%, #322C25 100%)\">\n        \u003Cappearance>\n          \u003Cfill type=\"linear-gradient\" value=\"linear-gradient(180deg, #524A40 0%, #322C25 100%)\" \u002F>\n          \u003Ceffect type=\"drop-shadow\" x=\"0\" y=\"4\" radius=\"10\" spread=\"0\" color=\"#00000055\" \u002F>\n          \u003Ceffect type=\"inner-shadow\" x=\"0\" y=\"1\" radius=\"0\" spread=\"0\" color=\"#FFFFFF26\" \u002F>\n        \u003C\u002Fappearance>\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Fmdi\u002Fplaylist-music.svg?color=%23ECE4D2\" w=\"22\" h=\"22\" \u002F>\n      \u003C\u002Fcol>\n    \u003C\u002Frow>\n\n    \u003C!-- Drawn vinyl disc + tonearm: grooves, sheen, paper label, spindle hole -->\n    \u003Ccol w=\"fill\" p=\"6 16 2\" align=\"middle-center\">\n      \u003Cframe w=\"340\" h=\"336\">\n      \u003Ccol x=\"10\" y=\"6\" w=\"320\" h=\"320\" radius=\"$r-pill\" align=\"middle-center\" fill=\"radial-gradient(circle at 50% 36%, #2C2823 0%, #100E0B 58%, #050403 100%)\" border=\"1 #FFFFFF14\">\n        \u003Cappearance>\n          \u003Cfill type=\"radial-gradient\" value=\"radial-gradient(circle at 50% 36%, #2C2823 0%, #100E0B 58%, #050403 100%)\" \u002F>\n          \u003Cfill type=\"linear-gradient\" value=\"linear-gradient(125deg, #FFFFFF21 0%, #FFFFFF00 34%, #FFFFFF00 66%, #FFFFFF14 100%)\" \u002F>\n          \u003Ceffect type=\"drop-shadow\" x=\"0\" y=\"22\" radius=\"46\" spread=\"-8\" color=\"#00000073\" \u002F>\n          \u003Ceffect type=\"inner-shadow\" x=\"0\" y=\"1\" radius=\"0\" spread=\"0\" color=\"#FFFFFF2E\" \u002F>\n        \u003C\u002Fappearance>\n        \u003Ccol w=\"278\" h=\"278\" radius=\"$r-pill\" fill=\"none\" border=\"1 #FFFFFF12\" align=\"middle-center\">\n          \u003Ccol w=\"236\" h=\"236\" radius=\"$r-pill\" fill=\"none\" border=\"1 #FFFFFF0D\" align=\"middle-center\">\n            \u003Ccol w=\"194\" h=\"194\" radius=\"$r-pill\" fill=\"none\" border=\"1 #FFFFFF12\" align=\"middle-center\">\n              \u003Ccol w=\"154\" h=\"154\" radius=\"$r-pill\" fill=\"none\" border=\"1 #FFFFFF0D\" align=\"middle-center\">\n                \u003C!-- Paper center label -->\n                \u003Ccol w=\"128\" h=\"128\" radius=\"$r-pill\" align=\"middle-center\" gap=\"9\" p=\"14\" fill=\"linear-gradient(180deg, #D24A2C 0%, #A82E16 100%)\">\n                  \u003Cappearance>\n                    \u003Cfill type=\"linear-gradient\" value=\"linear-gradient(180deg, #D24A2C 0%, #A82E16 100%)\" \u002F>\n                    \u003Ceffect type=\"inner-shadow\" x=\"0\" y=\"1\" radius=\"0\" spread=\"0\" color=\"#FFFFFF45\" \u002F>\n                    \u003Ceffect type=\"drop-shadow\" x=\"0\" y=\"3\" radius=\"8\" spread=\"-2\" color=\"#0000005C\" \u002F>\n                  \u003C\u002Fappearance>\n                  \u003Ctext font-family=\"SF Pro\" font-size=\"11\" font-weight=\"700\" letter-spacing=\"1.2\" text-case=\"uppercase\" value=\"Dog-Eared\" color=\"#F6EFDD\" align=\"center\" \u002F>\n                  \u003Ccol w=\"13\" h=\"13\" radius=\"$r-pill\" fill=\"#15110D\" align=\"middle-center\">\n                    \u003Cappearance>\n                      \u003Cfill type=\"color\" value=\"#15110D\" \u002F>\n                      \u003Ceffect type=\"inner-shadow\" x=\"0\" y=\"1\" radius=\"1\" spread=\"0\" color=\"#000000A6\" \u002F>\n                    \u003C\u002Fappearance>\n                  \u003C\u002Fcol>\n                  \u003Ctext font-family=\"SF Pro\" font-size=\"9\" font-weight=\"600\" letter-spacing=\"0.8\" text-case=\"uppercase\" value=\"Margin Notes\" color=\"#F2D9CE\" align=\"center\" \u002F>\n                \u003C\u002Fcol>\n              \u003C\u002Fcol>\n            \u003C\u002Fcol>\n          \u003C\u002Fcol>\n        \u003C\u002Fcol>\n      \u003C\u002Fcol>\n\n      \u003C!-- Tonearm: pivot mount, silver arm, headshell, stylus on the grooves -->\n      \u003Ccol x=\"282\" y=\"6\" w=\"36\" h=\"36\" radius=\"$r-pill\" align=\"middle-center\" fill=\"radial-gradient(circle at 50% 32%, #CFC8BB 0%, #5C5449 100%)\">\n        \u003Cappearance>\n          \u003Cfill type=\"radial-gradient\" value=\"radial-gradient(circle at 50% 32%, #CFC8BB 0%, #5C5449 100%)\" \u002F>\n          \u003Ceffect type=\"drop-shadow\" x=\"0\" y=\"3\" radius=\"8\" spread=\"-1\" color=\"#0000006E\" \u002F>\n          \u003Ceffect type=\"inner-shadow\" x=\"0\" y=\"1\" radius=\"0\" spread=\"0\" color=\"#FFFFFF59\" \u002F>\n        \u003C\u002Fappearance>\n        \u003Crect w=\"12\" h=\"12\" radius=\"$r-pill\" fill=\"#2A2622\" \u002F>\n      \u003C\u002Fcol>\n      \u003Crect x=\"207\" y=\"59\" w=\"109\" h=\"8\" radius=\"4\" rotation=\"134\" fill=\"linear-gradient(160deg, #DAD4C8 0%, #9A9286 52%, #6A6358 100%)\">\n        \u003Cappearance>\n          \u003Cfill type=\"linear-gradient\" value=\"linear-gradient(160deg, #DAD4C8 0%, #9A9286 52%, #6A6358 100%)\" \u002F>\n          \u003Ceffect type=\"drop-shadow\" x=\"0\" y=\"2\" radius=\"6\" spread=\"-1\" color=\"#00000066\" \u002F>\n          \u003Ceffect type=\"inner-shadow\" x=\"0\" y=\"1\" radius=\"0\" spread=\"0\" color=\"#FFFFFF66\" \u002F>\n        \u003C\u002Fappearance>\n      \u003C\u002Frect>\n      \u003Crect x=\"211\" y=\"92\" w=\"27\" h=\"19\" radius=\"4\" rotation=\"134\" fill=\"linear-gradient(180deg, #2C2722 0%, #15110D 100%)\">\n        \u003Cappearance>\n          \u003Cfill type=\"linear-gradient\" value=\"linear-gradient(180deg, #2C2722 0%, #15110D 100%)\" \u002F>\n          \u003Ceffect type=\"drop-shadow\" x=\"0\" y=\"2\" radius=\"5\" spread=\"-1\" color=\"#0000007A\" \u002F>\n          \u003Ceffect type=\"inner-shadow\" x=\"0\" y=\"1\" radius=\"0\" spread=\"0\" color=\"#FFFFFF2E\" \u002F>\n        \u003C\u002Fappearance>\n      \u003C\u002Frect>\n      \u003Crect x=\"219\" y=\"98\" w=\"9\" h=\"9\" radius=\"$r-pill\" fill=\"#D8D2C6\" \u002F>\n      \u003C\u002Fframe>\n    \u003C\u002Fcol>\n\n    \u003C!-- Track info -->\n    \u003Ccol w=\"fill\" p=\"2 24 0\" gap=\"5\" align=\"middle-center\">\n      \u003Crow w=\"fill\" align=\"middle-center\" gap=\"10\">\n        \u003Ctext text-style=\"Serif\u002FTitle\" value=\"Dog-Eared\" color=\"$ink\" align=\"center\" w=\"fill\" pl=\"32\" \u002F>\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Fmdi\u002Fheart-outline.svg?color=%23C23A1E\" w=\"22\" h=\"22\" \u002F>\n      \u003C\u002Frow>\n      \u003Ctext text-style=\"Body\" value=\"Margin Notes  ·  Chapter & Verse\" color=\"$ink-2\" align=\"center\" \u002F>\n    \u003C\u002Fcol>\n\n    \u003C!-- Control deck: constant dark brushed metal -->\n    \u003Ccol w=\"fill\" p=\"0 16\">\n      \u003Ccol w=\"fill\" radius=\"$r-deck\" p=\"20 18 22\" gap=\"20\">\n        \u003Cappearance>\n          \u003Cfill type=\"linear-gradient\" value=\"linear-gradient(180deg, #524A40 0%, #352F28 52%, #211C17 100%)\" \u002F>\n          \u003Ceffect type=\"drop-shadow\" x=\"0\" y=\"12\" radius=\"28\" spread=\"-4\" color=\"#0000006E\" \u002F>\n          \u003Ceffect type=\"inner-shadow\" x=\"0\" y=\"1\" radius=\"0\" spread=\"0\" color=\"#FFFFFF24\" \u002F>\n          \u003Ceffect type=\"inner-shadow\" x=\"0\" y=\"-2\" radius=\"2\" spread=\"0\" color=\"#0000005C\" \u002F>\n        \u003C\u002Fappearance>\n\n        \u003C!-- Scrubber -->\n        \u003Ccol w=\"fill\" gap=\"9\">\n          \u003Crow role=\"slider\" w=\"fill\" h=\"20\" align=\"middle-left\">\n            \u003Cframe w=\"150\" h=\"6\" radius=\"3\">\n              \u003Cappearance>\n                \u003Cfill type=\"linear-gradient\" value=\"linear-gradient(180deg, #E2552F 0%, #B5331A 100%)\" \u002F>\n                \u003Ceffect type=\"inner-shadow\" x=\"0\" y=\"1\" radius=\"0\" spread=\"0\" color=\"#FFFFFF4D\" \u002F>\n              \u003C\u002Fappearance>\n            \u003C\u002Fframe>\n            \u003Ccol w=\"20\" h=\"20\" radius=\"$r-pill\" fill=\"radial-gradient(circle at 50% 32%, #9A8E7C 0%, #3A332B 100%)\">\n              \u003Cappearance>\n                \u003Cfill type=\"radial-gradient\" value=\"radial-gradient(circle at 50% 32%, #9A8E7C 0%, #3A332B 100%)\" \u002F>\n                \u003Ceffect type=\"drop-shadow\" x=\"0\" y=\"2\" radius=\"4\" spread=\"0\" color=\"#00000080\" \u002F>\n                \u003Ceffect type=\"inner-shadow\" x=\"0\" y=\"1\" radius=\"0\" spread=\"0\" color=\"#FFFFFF40\" \u002F>\n              \u003C\u002Fappearance>\n            \u003C\u002Fcol>\n            \u003Cframe w=\"fill\" h=\"6\" radius=\"3\" fill=\"$groove\">\n              \u003Cappearance>\n                \u003Cfill type=\"color\" value=\"#12100C\" \u002F>\n                \u003Ceffect type=\"inner-shadow\" x=\"0\" y=\"1\" radius=\"2\" spread=\"0\" color=\"#00000099\" \u002F>\n              \u003C\u002Fappearance>\n            \u003C\u002Fframe>\n          \u003C\u002Frow>\n          \u003Crow w=\"fill\" align=\"middle-center\" gap=\"auto\">\n            \u003Ctext text-style=\"Time\" value=\"1:42\" color=\"$cream-2\" \u002F>\n            \u003Ctext text-style=\"Time\" value=\"-3:05\" color=\"$cream-2\" \u002F>\n          \u003C\u002Frow>\n        \u003C\u002Fcol>\n\n        \u003C!-- Transport -->\n        \u003Crow w=\"fill\" p=\"2 4\" align=\"middle-center\" gap=\"auto\">\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Fmdi\u002Fshuffle.svg?color=%23B4A88F\" w=\"22\" h=\"22\" \u002F>\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Fmdi\u002Fskip-previous.svg?color=%23ECE4D2\" w=\"36\" h=\"36\" \u002F>\n          \u003Ccol role=\"button\" w=\"80\" h=\"80\" radius=\"$r-pill\" align=\"middle-center\" fill=\"linear-gradient(180deg, #D24A2C 0%, #A82E16 100%)\">\n            \u003Cappearance>\n              \u003Cfill type=\"linear-gradient\" value=\"linear-gradient(180deg, #D24A2C 0%, #A82E16 100%)\" \u002F>\n              \u003Ceffect type=\"drop-shadow\" x=\"0\" y=\"6\" radius=\"16\" spread=\"-2\" color=\"#00000080\" \u002F>\n              \u003Ceffect type=\"inner-shadow\" x=\"0\" y=\"2\" radius=\"0\" spread=\"0\" color=\"#FFFFFF59\" \u002F>\n              \u003Ceffect type=\"inner-shadow\" x=\"0\" y=\"-3\" radius=\"3\" spread=\"0\" color=\"#00000066\" \u002F>\n            \u003C\u002Fappearance>\n            \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Fmdi\u002Fpause.svg?color=%23F6EFDD\" w=\"38\" h=\"38\" \u002F>\n          \u003C\u002Fcol>\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Fmdi\u002Fskip-next.svg?color=%23ECE4D2\" w=\"36\" h=\"36\" \u002F>\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Fmdi\u002Frepeat.svg?color=%23B4A88F\" w=\"22\" h=\"22\" \u002F>\n        \u003C\u002Frow>\n\n        \u003C!-- Volume -->\n        \u003Crow w=\"fill\" pt=\"2\" align=\"middle-center\" gap=\"12\">\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Fmdi\u002Fvolume-low.svg?color=%23B4A88F\" w=\"18\" h=\"18\" \u002F>\n          \u003Crow role=\"slider\" w=\"fill\" h=\"20\" align=\"middle-left\">\n            \u003Cframe w=\"118\" h=\"6\" radius=\"3\">\n              \u003Cappearance>\n                \u003Cfill type=\"linear-gradient\" value=\"linear-gradient(180deg, #C9BEA8 0%, #9A8E78 100%)\" \u002F>\n                \u003Ceffect type=\"inner-shadow\" x=\"0\" y=\"1\" radius=\"0\" spread=\"0\" color=\"#FFFFFF55\" \u002F>\n              \u003C\u002Fappearance>\n            \u003C\u002Fframe>\n            \u003Ccol w=\"20\" h=\"20\" radius=\"$r-pill\" fill=\"radial-gradient(circle at 50% 32%, #9A8E7C 0%, #3A332B 100%)\">\n              \u003Cappearance>\n                \u003Cfill type=\"radial-gradient\" value=\"radial-gradient(circle at 50% 32%, #9A8E7C 0%, #3A332B 100%)\" \u002F>\n                \u003Ceffect type=\"drop-shadow\" x=\"0\" y=\"2\" radius=\"4\" spread=\"0\" color=\"#00000080\" \u002F>\n                \u003Ceffect type=\"inner-shadow\" x=\"0\" y=\"1\" radius=\"0\" spread=\"0\" color=\"#FFFFFF40\" \u002F>\n              \u003C\u002Fappearance>\n            \u003C\u002Fcol>\n            \u003Cframe w=\"fill\" h=\"6\" radius=\"3\" fill=\"$groove\">\n              \u003Cappearance>\n                \u003Cfill type=\"color\" value=\"#12100C\" \u002F>\n                \u003Ceffect type=\"inner-shadow\" x=\"0\" y=\"1\" radius=\"2\" spread=\"0\" color=\"#00000099\" \u002F>\n              \u003C\u002Fappearance>\n            \u003C\u002Fframe>\n          \u003C\u002Frow>\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Fmdi\u002Fvolume-high.svg?color=%23ECE4D2\" w=\"22\" h=\"22\" \u002F>\n        \u003C\u002Frow>\n      \u003C\u002Fcol>\n    \u003C\u002Fcol>\n\n    \u003C!-- Up Next shelf (a nod to the Books library) -->\n    \u003Ccol w=\"fill\" p=\"0 16\">\n      \u003Ccol w=\"fill\" fill=\"$panel\" radius=\"$r-panel\" p=\"18 18 20\" gap=\"14\" border=\"1 $hair\">\n        \u003Crow w=\"fill\" align=\"middle-center\" gap=\"auto\">\n          \u003Ctext text-style=\"Serif\u002FHead\" value=\"Up Next\" color=\"$ink\" \u002F>\n          \u003Ctext text-style=\"Label\" value=\"Queue\" color=\"$ink-2\" \u002F>\n        \u003C\u002Frow>\n        \u003Crow w=\"fill\" gap=\"14\" align=\"top-left\">\n          \u003Ccol w=\"98\" gap=\"8\" align=\"top-left\">\n            \u003Cframe w=\"98\" h=\"98\" radius=\"12\">\n              \u003Cappearance>\n                \u003Cfill type=\"image\" src=\"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1580656449278-e8381933522c?w=320&q=80&auto=format&fit=crop\" fit=\"cover\" \u002F>\n                \u003Ceffect type=\"drop-shadow\" x=\"0\" y=\"6\" radius=\"12\" spread=\"-2\" color=\"#0000004D\" \u002F>\n                \u003Ceffect type=\"inner-shadow\" x=\"0\" y=\"1\" radius=\"0\" spread=\"0\" color=\"#FFFFFF33\" \u002F>\n              \u003C\u002Fappearance>\n            \u003C\u002Fframe>\n            \u003Ccol gap=\"1\" align=\"top-left\">\n              \u003Ctext text-style=\"Label\" value=\"Foreword\" color=\"$ink\" \u002F>\n              \u003Ctext text-style=\"Caption\" value=\"Margin Notes\" color=\"$ink-2\" \u002F>\n            \u003C\u002Fcol>\n          \u003C\u002Fcol>\n          \u003Ccol w=\"98\" gap=\"8\" align=\"top-left\">\n            \u003Cframe w=\"98\" h=\"98\" radius=\"12\">\n              \u003Cappearance>\n                \u003Cfill type=\"image\" src=\"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1535992165812-68d1861aa71e?w=320&q=80&auto=format&fit=crop\" fit=\"cover\" \u002F>\n                \u003Ceffect type=\"drop-shadow\" x=\"0\" y=\"6\" radius=\"12\" spread=\"-2\" color=\"#0000004D\" \u002F>\n                \u003Ceffect type=\"inner-shadow\" x=\"0\" y=\"1\" radius=\"0\" spread=\"0\" color=\"#FFFFFF33\" \u002F>\n              \u003C\u002Fappearance>\n            \u003C\u002Fframe>\n            \u003Ccol gap=\"1\" align=\"top-left\">\n              \u003Ctext text-style=\"Label\" value=\"Spine & Thread\" color=\"$ink\" \u002F>\n              \u003Ctext text-style=\"Caption\" value=\"The Bindery\" color=\"$ink-2\" \u002F>\n            \u003C\u002Fcol>\n          \u003C\u002Fcol>\n          \u003Ccol w=\"98\" gap=\"8\" align=\"top-left\">\n            \u003Cframe w=\"98\" h=\"98\" radius=\"12\">\n              \u003Cappearance>\n                \u003Cfill type=\"image\" src=\"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1669801158950-f663cf15298c?w=320&q=80&auto=format&fit=crop\" fit=\"cover\" \u002F>\n                \u003Ceffect type=\"drop-shadow\" x=\"0\" y=\"6\" radius=\"12\" spread=\"-2\" color=\"#0000004D\" \u002F>\n                \u003Ceffect type=\"inner-shadow\" x=\"0\" y=\"1\" radius=\"0\" spread=\"0\" color=\"#FFFFFF33\" \u002F>\n              \u003C\u002Fappearance>\n            \u003C\u002Fframe>\n            \u003Ccol gap=\"1\" align=\"top-left\">\n              \u003Ctext text-style=\"Label\" value=\"Footnotes\" color=\"$ink\" \u002F>\n              \u003Ctext text-style=\"Caption\" value=\"Onionskin\" color=\"$ink-2\" \u002F>\n            \u003C\u002Fcol>\n          \u003C\u002Fcol>\n        \u003C\u002Frow>\n      \u003C\u002Fcol>\n    \u003C\u002Fcol>\n\n  \u003C\u002Fcol>\n\u003C\u002Fgui>\n",1784753172885]