/* The same navigation and creator signature on every rendered page. */
.appMenu,.doodleMenu{position:relative;flex-shrink:0;color:#17345b;font:13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.appMenu>summary,.doodleMenu>summary{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:72px;padding:10px 13px;border:1px solid #dce3ec;border-radius:14px;background:#fffdf9;cursor:pointer;list-style:none;font-weight:700;box-sizing:border-box}
.appMenu>summary::-webkit-details-marker,.doodleMenu>summary::-webkit-details-marker{display:none}
.appMenu>div,.doodleMenu>div{position:absolute;top:calc(100% + 8px);right:0;width:220px;max-width:calc(100vw - 32px);max-height:min(70dvh,calc(100dvh - 110px));overflow-y:auto;overscroll-behavior:contain;padding:6px;background:#fffdf9;border:1px solid #dce3ec;border-radius:16px;box-shadow:0 10px 30px #17345b20;z-index:60;box-sizing:border-box}
.appMenu>div>a,.doodleMenu>div>a,.doodleMenu>div>button{display:flex;align-items:center;width:100%;min-height:44px;padding:10px 12px;margin:0;border:0!important;border-radius:9px!important;background:transparent!important;color:#17345b!important;text-align:left;text-decoration:none;font:inherit!important;font-weight:650!important;cursor:pointer;box-sizing:border-box}
.appMenu>div>a:hover,.doodleMenu>div>:is(a,button):hover{background:#eaf0f7!important}
.appMenu :is(summary,a):focus-visible,.doodleMenu :is(summary,a,button):focus-visible{outline:2px solid #4879ad;outline-offset:-2px;background:#eaf0f7!important}
.siteUtilityMenu{display:flex;justify-content:flex-end;position:relative;z-index:25;margin:0 0 16px}
.creatorCredit{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;margin:12px 0 0;color:#596d83;font:11px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;text-align:center}
.creatorCredit--large{font-size:12px;margin:0}
.creatorCredit .creatorSignature{position:relative;display:inline-flex;align-items:center;width:112px;max-width:100%;min-height:44px;margin:0;padding:0;border:0;text-decoration:none;isolation:isolate}
.creatorCredit--large .creatorSignature{width:148px}
.creatorCredit .creatorSignature{background:transparent;border-radius:0;padding:0;box-sizing:border-box}
.creatorCredit .creatorSignatureLogo{display:block;width:100%;height:auto;margin:0;padding:0;object-fit:contain;opacity:1}
.creatorCredit .creatorSignature:focus-visible{outline:2px solid #4879ad;outline-offset:4px;border-radius:4px}
.creatorPencil{display:none;position:absolute;left:0;top:50%;width:17px;height:17px;overflow:visible;pointer-events:none;transform:translate(-3px,-13px);opacity:0}
/* Only this once-per-view reveal is enabled; legacy ambient motion stays off. */
.creatorSignature.isDrawing>.creatorSignatureLogo{animation:creator-signature-write 1.8s linear both!important}
.creatorSignature.isDrawing>.creatorPencil{display:block;animation:creator-pencil-write 1.8s linear both!important}
@keyframes creator-signature-write{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes creator-pencil-write{0%{left:0;opacity:0;transform:translate(-3px,-12px) rotate(-8deg)}5%{opacity:1}15%{transform:translate(-3px,-16px) rotate(0)}30%{transform:translate(-3px,-10px) rotate(-8deg)}45%{transform:translate(-3px,-15px) rotate(0)}60%{transform:translate(-3px,-10px) rotate(-8deg)}75%{transform:translate(-3px,-15px) rotate(0)}92%{opacity:1}100%{left:100%;opacity:0;transform:translate(-3px,-12px) rotate(-8deg)}}
@media(prefers-reduced-motion:reduce){.creatorSignature.isDrawing>.creatorSignatureLogo{animation:none!important;clip-path:none!important}.creatorSignature.isDrawing>.creatorPencil{display:none!important;animation:none!important}}
@media print{.creatorPencil{display:none!important}.creatorSignature.isDrawing>.creatorSignatureLogo{animation:none!important;clip-path:none!important}}

/* A clear primary action, matching secondary action and quieter utility links. */
#parisWelcome .parisGlass{width:calc(100% - 40px)!important;max-width:390px;margin:0 auto!important;padding:24px 8px 6px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
#parisWelcome .parisGlass h2{font-size:24px!important;line-height:1.25!important;margin:0 0 9px!important;letter-spacing:-.4px}
#parisWelcome .parisGlass p{max-width:310px;margin:0 auto 20px!important;font-size:13px!important;line-height:1.6!important;font-weight:400!important;color:#52677e!important}
#parisWelcome .parisStart,#parisWelcome .parisCard{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%!important;min-height:50px;height:auto!important;padding:13px 18px!important;border-radius:14px!important;font:700 14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;cursor:pointer;text-decoration:none}
#parisWelcome .parisStart{margin:0!important;background:#173f70!important;box-shadow:0 4px 12px #173f7015}
#parisWelcome .parisCard{margin:10px 0 0!important;border:1px solid #c7d2df!important;background:#fff!important;color:#17345b!important}
#parisWelcome .parisLinks{display:flex!important;justify-content:center!important;gap:26px!important;margin:8px 0 0!important;font-size:12px!important}
#parisWelcome .parisLinks a{width:auto;min-height:44px;padding:0 5px!important;border:0!important;border-radius:0;background:transparent!important;color:#52677e!important;font-weight:600!important;text-decoration:underline!important;text-underline-offset:4px}
#parisWelcome :is(.parisStart,.parisCard,.parisLinks a):focus-visible{outline:3px solid #6e91c7;outline-offset:3px}
#parisWelcome .launchCreator{gap:8px;padding:14px 20px max(24px,env(safe-area-inset-bottom))}
@media(max-width:360px){#parisWelcome .parisGlass{width:calc(100% - 28px)!important;padding-inline:0!important}}


/* The welcome page starts with the illustration and its two primary actions. */
#parisWelcome .welcomeNav{display:none!important}
/* Brand cutouts sit directly on the page, without a paper-colour tile. */
.brand img.brandIllustrationLocked,.hero>img.brandIllustrationLocked,#doodle-journey .dc-site-brand img,.creatorCredit .creatorSignatureLogo{background:transparent!important}

/* One compact header: Back, aligned brand and Menu. */
.app>header.siteHeader,#doodle-journey>header.siteHeader{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:64px;margin:0;padding:8px 12px;background:#fffdf9;border-bottom:1px solid #dce3ec;box-sizing:border-box}
.app>header.siteHeader .brandwrap{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;text-decoration:none;color:#17345b}
.app>header.siteHeader .brand{display:flex;align-items:center;gap:8px;font-size:23px;line-height:1.15;letter-spacing:-.8px;font-weight:800;white-space:nowrap}
.app>header.siteHeader .brand img.brandIllustrationLocked{width:34px!important;height:34px!important;flex:0 0 34px!important;margin:0!important;object-fit:contain!important;border-radius:0!important;background:transparent!important}
.app>header.siteHeader .brandtag{margin:1px 0 0 42px!important;font-size:9px!important;line-height:1.3;letter-spacing:.35px;font-weight:600;white-space:nowrap}
.siteHeader .headerBack,#doodle-journey .siteHeader #dc-home.headerBack{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 44px;min-width:44px;min-height:44px;width:44px;height:44px;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;box-shadow:none!important;background:transparent!important;color:#17345b;font:400 23px/1 Arial,sans-serif;text-decoration:none}
.siteHeader .headerBack:hover{background:#eaf0f7!important}
.siteHeader .headerBack:focus-visible{outline:2px solid #4879ad;outline-offset:1px}
.siteHeader>.appMenu,.siteHeader>.doodleMenu{flex:0 0 auto;margin:0}
.siteHeader>.appMenu>summary,.siteHeader>.doodleMenu>summary{min-width:68px;padding:10px 11px;font-size:12px}
.siteHeader :is(.appMenu,.doodleMenu)>div{max-height:min(75dvh,calc(100dvh - 84px))}
#doodle-journey>header.siteHeader .dc-site-brand{flex:1;min-width:0;display:flex;align-items:center;gap:8px}
#doodle-journey>header.siteHeader .dc-site-brand img{width:34px;height:34px;flex:0 0 34px;object-fit:contain;background:transparent}
#doodle-journey>header.siteHeader .dc-site-brand strong{font-size:23px;line-height:1.15;letter-spacing:-.8px}
#doodle-journey>header.siteHeader .dc-site-brand p{font-size:9px;line-height:1.3;letter-spacing:.35px;margin:3px 0 0;font-weight:600;white-space:nowrap}
@media(max-width:350px){.app>header.siteHeader,#doodle-journey>header.siteHeader{gap:5px;padding-inline:8px}.app>header.siteHeader .brandtag,#doodle-journey>header.siteHeader .dc-site-brand p{font-size:8px!important;letter-spacing:0}}

/* Comfortable reading across the public guides, using the existing Doodlé typeface. */
.pageApp .pageScroll .article p{font-size:15px;line-height:1.75}
.pageApp .pageScroll .article :is(ul,ol){font-size:15px;line-height:1.75}
.pageApp .pageScroll .lead{line-height:1.7}
.pageApp .pageScroll h1{line-height:1.12}
.pageApp .pageScroll .guideTile p{font-size:14px;line-height:1.7}
.pageApp .pageScroll .guideTile{display:block;text-decoration:none}
.pageApp .pageScroll .guideTile:hover{border-color:#8da2bf}

/* Guide landmarks and inviting next steps, all within the Doodlé design system. */
.pageApp .pageScroll .guideStep{display:flex;align-items:flex-start;gap:12px;margin-top:30px;line-height:1.35}
.pageApp .guideStepNumber{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#eaf0f7;color:var(--navy);font-size:14px;font-weight:750;letter-spacing:0}
.pageApp .guideStep>span:last-child{padding-top:1px}
.pageApp .pageScroll .nextStep{gap:8px;background:linear-gradient(135deg,#f6edda,#fffdf9);border:1px solid #e9dfc9;border-radius:20px;padding:22px 18px;margin-top:32px}
.pageApp .pageScroll .nextStep h2{margin:0;font-size:23px;line-height:1.2;letter-spacing:-.5px}
.pageApp .pageScroll .nextStep p{margin:0 0 4px;font-size:14px;line-height:1.65}
.pageApp .helpTopic{padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--paper);margin:12px 0}
.pageApp .pageScroll .helpTopic h2{margin:0 0 6px;font-size:18px}
.pageApp .pageScroll .helpTopic p{margin:0}
.pageApp .helpTopic a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;text-underline-offset:4px}
.pageApp .guideTile .cta{color:var(--navy);font-weight:700}

/* Keep the same menu order; separate making, exploring and support at a glance. */
.siteHeader :is(.appMenu,.doodleMenu)>div>:is(a,button):nth-child(3),
.siteHeader :is(.appMenu,.doodleMenu)>div>:is(a,button):nth-child(6),
.siteHeader :is(.appMenu,.doodleMenu)>div>:is(a,button):nth-child(9),
.siteHeader :is(.appMenu,.doodleMenu)>div>:is(a,button):nth-child(10){border-top:1px solid #e5eaf0!important;border-top-left-radius:0!important;border-top-right-radius:0!important;margin-top:4px}

/* Studio-only illustrated navigation and animated symbols. Paris landing unchanged. */
nav.simpleNav.studioBottom{grid-template-columns:repeat(3,minmax(0,1fr))!important}
nav.simpleNav .studioHome{display:flex;flex-direction:column;align-items:center;gap:1px;justify-content:center;border:0;background:transparent;color:#17345b;font:800 10px/1.3 -apple-system,BlinkMacSystemFont,Arial,sans-serif;cursor:pointer;min-height:48px}
nav.simpleNav .studioHome:focus-visible{outline:2px solid #6e91c7;outline-offset:-2px;border-radius:10px}
.doodleSpark{display:inline-block;transform-origin:center;color:#c67d93}
.doodleHouse,.doodleNavIllustration{display:inline-block;transform-origin:50% 78%}
html[data-doodle-motion="off"] #create.active .doodleSpark{animation:studioPulse 2.9s ease-in-out infinite!important}
html[data-doodle-motion="off"] .studioBottom .doodleHouse{animation:studioHop 3.6s ease-in-out infinite!important}
html[data-doodle-motion="off"] .studioBottom .doodleNavIllustration{animation:studioWiggle 3.1s ease-in-out infinite!important}
@keyframes studioPulse{0%,60%,100%{transform:scale(1) rotate(0)}70%{transform:scale(1.3) rotate(-8deg)}82%{transform:scale(1.12) rotate(5deg)}}
@keyframes studioHop{0%,70%,100%{transform:translateY(0) rotate(0)}80%{transform:translateY(-4px) rotate(-6deg)}90%{transform:rotate(4deg)}}
@keyframes studioWiggle{0%,72%,100%{transform:rotate(0)}82%{transform:rotate(-12deg) scale(1.13)}91%{transform:rotate(8deg)}}
@media(prefers-reduced-motion:reduce){html[data-doodle-motion="off"] :is(.doodleSpark,.doodleHouse,.doodleNavIllustration){animation:none!important}}

/* Clear local-only Memories promise in Studio. */
.autoMemoryNote{display:flex;align-items:flex-start;gap:12px;margin:12px 0 10px;padding:14px;border:1px solid #d5e0ed;border-radius:15px;background:#f1f6fa;color:#17345b}
.autoMemoryNote .autoMemoryHeart{flex:0 0 27px;height:27px;display:grid;place-items:center;color:#bd7991;font:700 25px Georgia,serif;transform-origin:center}
.autoMemoryNote strong{display:block;font-size:13px;line-height:1.45}
.autoMemoryNote small,.memoryFinePrint{display:block;margin-top:6px;color:#63758a;font-size:11px;line-height:1.55}
html[data-doodle-motion="off"] .autoMemoryNote .autoMemoryHeart{animation:studioPulse 3.8s ease-in-out infinite!important}
@media(prefers-reduced-motion:reduce){html[data-doodle-motion="off"] .autoMemoryNote .autoMemoryHeart{animation:none!important}}

/* Compact mobile Studio navigation. Keep the creation CTA unobscured. */
nav.simpleNav.studioBottom{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:5px 8px calc(5px + env(safe-area-inset-bottom))!important}
nav.simpleNav.studioBottom button{max-width:none!important;min-height:43px!important;max-height:51px!important;padding:3px 4px!important;font-size:10px!important;line-height:1.2!important}
nav.simpleNav.studioBottom .studioHome{display:flex;gap:0;flex-direction:column;align-items:center;justify-content:center}
nav.simpleNav.studioBottom .doodleHouse{width:20px!important;height:20px!important}
nav.simpleNav.studioBottom .doodleNavIllustration{font-size:19px!important;line-height:21px!important;margin:0!important}
#create{padding-bottom:105px!important}
#create #make{position:relative;z-index:1;min-height:52px;margin:18px 0 12px!important}
.guideInstallArt{position:relative;display:grid;place-items:center;overflow:hidden;background:#f4ebd9}
.guideInstallArt>img{width:58%!important;height:88%!important;object-fit:contain!important;opacity:.65;transform:translateX(-30%)}
.guidePhoneFrame{position:absolute;right:8%;top:12%;filter:drop-shadow(0 6px 7px #17345b29);transform:rotate(8deg)}
@media(prefers-reduced-motion:no-preference){.guideTile:is(:hover,:focus-visible) .guidePhoneFrame{animation:studioHop 1.4s ease-in-out infinite}}

/* October mobile QA: crisp header proportions and legible shared footer. */
.pageApp .siteHeader{gap:8px;min-height:76px;padding:10px 12px}
.pageApp .siteHeader .brandHome{flex:1;min-width:0}
.pageApp .siteHeader .brand{display:flex;align-items:center;gap:9px;font-size:clamp(23px,5vw,27px);line-height:1.12;white-space:nowrap}
.pageApp .siteHeader .brand img.brandIllustrationLocked{width:48px!important;height:48px!important;flex:0 0 48px!important;object-fit:contain!important;image-rendering:auto!important}
.pageApp .siteHeader .brandtag{margin:1px 0 0 57px!important;font-size:10px;line-height:1.35}
.pageApp .siteHeader .headerBack{flex:0 0 40px!important;min-width:40px!important;width:40px!important}
.pageApp .siteHeader :is(.appMenu,.doodleMenu)>summary{min-width:68px;padding:9px 10px}
.pageApp .publicFooter,.pageApp footer.publicFooter{box-sizing:border-box;padding:27px 18px 34px;text-align:center;font-size:13px;line-height:1.55;color:#64758a}
.pageApp .publicFooter>div:first-child{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:18px;row-gap:0;margin:14px auto 18px}
.pageApp .publicFooter>div:first-child>a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:5px 0;margin:0;font-size:12px;color:#17345b;text-decoration:none}
.pageApp .publicFooter .creatorCredit{margin-top:10px;gap:10px}
.pageApp .publicFooter .creatorSignature{width:135px}
@media(max-width:380px){.pageApp .siteHeader .brand img.brandIllustrationLocked{width:42px!important;height:42px!important;flex-basis:42px!important}.pageApp .siteHeader .brandtag{margin-left:51px!important}.pageApp .siteHeader .brand{font-size:23px}.pageApp .publicFooter>div:first-child{column-gap:14px}}

/* The shared Doodlé icon system: three equal ink-drawn navigation tabs. */
nav.simpleNav.studioBottom{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;align-items:stretch!important;padding:6px 8px calc(8px + env(safe-area-inset-bottom))!important}
nav.simpleNav.studioBottom .studioNavButton{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:0!important;width:100%!important;min-height:56px!important;max-height:none!important;height:56px!important;padding:3px!important;margin:0!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#63758a!important;font:700 11px/1.2 -apple-system,BlinkMacSystemFont,Arial,sans-serif!important}
nav.simpleNav.studioBottom .studioNavButton.on{background:#eaf0f7!important;color:#17345b!important}
nav.simpleNav.studioBottom .studioNavButton:focus-visible{outline:2px solid #6e91c7;outline-offset:-2px}
nav.simpleNav.studioBottom .studioNavArt{display:block!important;flex:0 0 28px!important;width:28px!important;height:28px!important;margin:0!important;transform-origin:center 80%}
nav.simpleNav.studioBottom .studioNavLabel{display:block!important;margin:0!important;font:inherit!important;line-height:13px!important}
html[data-doodle-motion="off"] nav.simpleNav.studioBottom .studioNavArt{animation:doodle-drawn-bounce 3.4s ease-in-out infinite!important}
html[data-doodle-motion="off"] nav.simpleNav.studioBottom [data-go="create"] .studioNavArt{animation-delay:-.8s!important}
html[data-doodle-motion="off"] nav.simpleNav.studioBottom [data-go="memories"] .studioNavArt{animation-delay:-1.6s!important}
@keyframes doodle-drawn-bounce{0%,62%,100%{transform:translateY(0) rotate(0)}74%{transform:translateY(-4px) rotate(-8deg)}85%{transform:translateY(0) rotate(6deg)}}
@media(prefers-reduced-motion:reduce){html[data-doodle-motion="off"] nav.simpleNav.studioBottom .studioNavArt{animation:none!important}}
.guideTile{background:#fffdf9!important;border:1px solid #dce3ec!important;border-radius:17px!important;box-shadow:0 5px 15px #17345b0d!important}
.guideTile .guideInstallArt{background:#eef3f8!important;border:1px solid #dce3ec!important}

/* Unified Studio, collectible-card and Keepsakes visual rhythm. */
#doodle-journey.doodleConsistentPage{max-width:430px!important;min-height:100dvh!important;margin:0 auto!important;background:linear-gradient(#fffdf9,#f8f5ef)!important;color:#142746!important}
#doodle-journey.doodleConsistentPage .dc-site-header{position:sticky;top:0;z-index:25;background:#fffdf9!important;border-bottom:1px solid #dce3ec!important}
#doodle-journey.doodleConsistentPage :is(.dc-primary,.dc-image-button){border-radius:14px!important;font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif!important}
#doodle-journey.doodleConsistentPage :is(.dc-panel,.dc-section,.dc-editor-section){border-radius:18px!important;border-color:#dce3ec!important}
#memories .eyebrow{color:#6e91c7;font-weight:850;letter-spacing:1.7px}
#memories>h1{font-size:38px!important;line-height:1.08;margin:10px 0 12px;color:#17345b}
#memories>.lead{font-size:14px;line-height:1.6;color:#63758a}
#memories .memoryCount{display:inline-block;margin:10px 0 14px;border:1px solid #dce3ec;border-radius:999px;padding:7px 12px;background:#eaf0f7;color:#17345b;font-size:11px;font-weight:800}
#memories .memoryGrid{gap:12px}
#memories .memoryItem{overflow:hidden;border:1px solid #dce3ec;border-radius:17px;background:#fffdf9;box-shadow:0 5px 16px #17345b0d}
.keepsakeGuide{margin:13px 0 19px;border:1px solid #dce3ec;border-radius:18px;background:#fffdf9;box-shadow:0 5px 16px #17345b0a}
.keepsakeGuide summary{list-style:none;cursor:pointer;padding:16px 17px;font-weight:800;font-size:13px;color:#17345b;min-height:48px}
.keepsakeGuide summary::-webkit-details-marker{display:none}
.keepsakeGuide summary:after{content:'⌄';float:right;font-size:18px}
.keepsakeGuide[open] summary:after{content:'⌃'}
.keepsakeGuideBody{padding:0 17px 17px;font-size:12px;line-height:1.65;color:#52677e}
.keepsakeGuideBody p{margin:8px 0}.keepsakeGuideBody .keepsakePrivacy{border-top:1px solid #dce3ec;padding-top:13px;margin-top:13px}
.keepsakeGuideBody a{color:#17345b;font-weight:800}
@media(prefers-reduced-motion:no-preference){.keepsakeGuide[open]{animation:doodle-keepsake .3s ease-out}}

/* The same Studio visual grid, type, and navigation used in Cards and Keepsakes. */
#doodle-journey.doodleConsistentPage{color-scheme:light!important;--dc-bg:#f8f5ef!important;--dc-panel:#fffdf9!important;--dc-ink:#17345b!important;--dc-line:#dce3ec!important;--dc-muted:#6c788a!important;border-radius:0!important;padding:0 16px 96px!important}
#doodle-journey.doodleConsistentPage .dc-site-header{margin:0 -16px 18px!important;padding:8px 12px!important;min-height:64px!important}
#doodle-journey.doodleConsistentPage :is(h1,h2,h3){color:#17345b!important;letter-spacing:-.035em}
#doodle-journey.doodleConsistentPage :is(button,input,select,textarea){font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif!important}
#doodle-journey.doodleConsistentPage :is(.dc-primary,.dc-image-button){min-height:46px;border-radius:14px!important}
#doodle-journey.doodleConsistentPage .dc-primary{background:#17345b!important;color:#fff!important;border-color:#17345b!important}
#doodle-journey.doodleConsistentPage :is(.dc-panel,.dc-section,.dc-editor-section,.dc-card){background:#fffdf9!important;border:1px solid #dce3ec!important;border-radius:18px!important;box-shadow:0 5px 16px #17345b0d}
#doodle-journey.doodleConsistentPage .dc-frames{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.doodleCardBottom{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:min(430px,100%);display:grid;grid-template-columns:repeat(3,1fr);padding:6px 8px calc(8px + env(safe-area-inset-bottom));background:#fffdf9;border-top:1px solid #dce3ec}
.doodleCardBottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;gap:3px;border-radius:12px;font-size:20px;text-decoration:none;color:#63758a}
.doodleCardBottom a span{font-size:11px;font-weight:750}
.doodleCardBottom a[aria-current]{color:#17345b;background:#eaf0f7}
#memories .keepsakeGuide{padding:0!important}
.keepsakeGuideLink{display:block;padding:15px 16px;color:#17345b;font-size:13px;font-weight:800;text-decoration:none}
.keepsakeActions{display:flex!important;gap:7px!important;padding:0 8px 10px!important}
.keepsakeActions button{flex:1;min-width:0;padding:9px 4px;background:#eaf0f7;border:1px solid #dce3ec;border-radius:10px;color:#17345b;font-size:11px;font-weight:750}
.contextGuideLink{display:block;margin:12px 0;padding:12px 14px;border-radius:12px;background:#eaf0f7;color:#17345b;font-size:13px;font-weight:800}

/* Design audit: shared Studio-led hero and layout proportions. */
.doodleSectionIntro{padding:18px 0 14px;text-align:left}
.doodleSectionIntro .eyebrow{font:800 11px/1.4 -apple-system,BlinkMacSystemFont,Arial,sans-serif;letter-spacing:1.7px;color:#6e91c7}
.doodleSectionIntro h1{font:850 clamp(29px,7vw,38px)/1.08 -apple-system,BlinkMacSystemFont,Arial,sans-serif!important;letter-spacing:-1.3px;margin:10px 0!important;color:#17345b}
.doodleSectionIntro p{font:400 14px/1.65 -apple-system,BlinkMacSystemFont,Arial,sans-serif;color:#63758a;margin:8px 0}
.doodleHeroIllustration{display:flex;justify-content:center;align-items:center;min-height:148px;margin:9px 0;background:linear-gradient(145deg,#eaf0f7,#fff7e7);border:1px solid #dce3ec;border-radius:18px}
.doodleHeroIllustration img{height:138px;width:160px;object-fit:contain;mix-blend-mode:multiply}
.doodleKeepsakeIllustration{height:154px;max-width:100%;display:flex;justify-content:center;margin:14px 0 10px;background:linear-gradient(145deg,#eaf0f7,#fff7e7);border:1px solid #dce3ec;border-radius:18px}
.doodleKeepsakeIllustration svg{width:235px;height:150px;max-width:90%}
.doodleInlineGuide{display:inline-flex;align-items:center;min-height:44px;font-size:12px;font-weight:800;color:#17345b;text-underline-offset:3px}
#doodle-journey.doodleConsistentPage .dc-screen{font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif!important}
#doodle-journey.doodleConsistentPage .dc-description{color:#63758a!important;font-size:13px!important;line-height:1.65!important}

/* Three-tab parity QA: same active state, hero rhythm and animated ink illustration across pages. */
#doodle-journey.doodleConsistentPage .doodleCardBottom{box-sizing:border-box}
.doodleCardBottom a{min-width:0;height:56px;padding:3px!important;gap:3px!important;font:700 11px/1.2 -apple-system,BlinkMacSystemFont,Arial,sans-serif!important}
.doodleCardBottom a span{font:inherit!important;line-height:13px!important}
.doodleCardBottom .studioNavArt{display:block;width:28px;height:28px;flex:0 0 28px;transform-origin:center 80%}
.doodleCardBottom a:focus-visible{outline:2px solid #6e91c7;outline-offset:-2px}
#doodle-journey .doodleSectionIntro .doodleSpark,#memories .doodleSpark{display:inline-block;transform-origin:center;color:#cb7e99}
#memories .doodleKeepsakeIllustration{box-sizing:border-box;overflow:hidden;align-items:center;height:154px}
#memories .doodleKeepsakeIllustration svg{display:block;max-height:148px}
#memories .keepsakeActions button{min-height:44px;cursor:pointer}
@media(prefers-reduced-motion:no-preference){
 html[data-doodle-motion="off"] .doodleCardBottom .studioNavArt{animation:doodle-drawn-bounce 3.4s ease-in-out infinite!important}
 html[data-doodle-motion="off"] .doodleCardBottom a:nth-child(2) .studioNavArt{animation-delay:-.8s!important}
 html[data-doodle-motion="off"] .doodleCardBottom a:nth-child(3) .studioNavArt{animation-delay:-1.6s!important}
 html[data-doodle-motion="off"] :is(#memories,.doodleSectionIntro) .doodleSpark{animation:studioPulse 2.9s ease-in-out infinite!important}
 html[data-doodle-motion="off"] .doodleKeepsakeIllustration svg{animation:studioHop 4.5s ease-in-out infinite!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-doodle-motion="off"] :is(.doodleCardBottom .studioNavArt,#memories .doodleSpark,.doodleSectionIntro .doodleSpark,.doodleKeepsakeIllustration svg){animation:none!important}
}

/* Unified Doodlé Studio information architecture. */
.doodleMenu>div>.studioMenuLabel,.appMenu>div>.studioMenuLabel{padding:13px 12px 5px;color:#6e91c7;font:800 10px/1.4 -apple-system,BlinkMacSystemFont,Arial,sans-serif;letter-spacing:1.6px;pointer-events:none}
#memories .eyebrow,#create .hero .eyebrow,.doodleSectionIntro .eyebrow{font-weight:800;letter-spacing:1.7px;text-transform:uppercase}
nav.simpleNav.studioBottom .studioNavLabel,.doodleCardBottom a span{white-space:nowrap}

/* Doodlé Studio guide footer: same understated help treatment across all three tabs. */
.studioGuideFooter{display:flex;flex-direction:column;gap:7px;margin:30px 0 22px;padding:17px;border:1px solid #dce3ec;border-radius:18px;background:#fffdf9;color:#17345b}
.studioGuidePrompt{font-size:13px;font-weight:800}
.studioGuideFooter a{display:flex;align-items:center;min-height:42px;padding:8px 11px;border-radius:11px;background:#eaf0f7;color:#17345b;font-size:12px;font-weight:750;text-decoration:none}
.studioGuideFooter a:last-child{background:transparent;text-decoration:underline;text-underline-offset:3px}
.studioGuideFooter a:focus-visible{outline:2px solid #6e91c7;outline-offset:2px}
#doodle-journey .studioGuideFooter{margin-bottom:30px}

/* Unified Studio layout system — all editorial routes share mobile rhythm. */
:root{--studio-ink:#17345b;--studio-paper:#fffdf9;--studio-sky:#eaf0f7;--studio-line:#dce3ec;--studio-muted:#63758a}
.pageApp,.app,#doodle-journey{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Arial,sans-serif;color:var(--studio-ink)}
.pageApp .siteHeader{min-height:64px!important;padding:8px 12px!important}
.pageApp .siteHeader .brand{font-size:23px!important;line-height:1.15!important;gap:8px!important}
.pageApp .siteHeader .brand img.brandIllustrationLocked{width:34px!important;height:34px!important;flex:0 0 34px!important}
.pageApp .siteHeader .brandtag{margin-left:42px!important;font-size:9px!important}
.pageApp .pageScroll{scroll-behavior:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
.pageApp .pageScroll>.wrap{padding-bottom:22px}
.pageApp .pageScroll :is(.intro,.studioGuidesIntro,.article,.guideGrid){max-width:100%}
.pageApp .pageScroll :is(.intro h1,.article h1){font-size:clamp(28px,8vw,36px);line-height:1.16;letter-spacing:-.7px}
.pageApp .pageScroll :is(.intro p,.article p,.studioGuidesIntro p){font-size:14px;line-height:1.7;color:#52677e}
.pageApp .pageScroll .guideTile{border-radius:18px;overflow:hidden;background:var(--studio-paper)}
.pageApp .pageScroll :is(.guideTile,.nextStep,.studioGuidesIntro){border-color:var(--studio-line)}
.pageApp .pageScroll :is(.guideTile a,.nextStep a,.studioGuidesIntro a){color:var(--studio-ink)}
.pageApp .pageScroll .studioGuidesIntro a{display:flex;align-items:center;min-height:48px;padding:11px 13px;background:var(--studio-sky);border:1px solid var(--studio-line);border-radius:12px;text-decoration:none;font-size:13px;font-weight:750;line-height:1.4}
.pageApp .pageScroll .studioGuidesIntro a:focus-visible,.studioEditorialNav a:focus-visible{outline:3px solid #6e91c7;outline-offset:2px}
.studioEditorialNav{position:relative;z-index:21;flex:0 0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;padding:6px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--studio-line);background:rgba(255,253,249,.98)}
.studioEditorialNav a{min-width:0;min-height:56px;padding:4px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;text-align:center;border-radius:12px;text-decoration:none;color:var(--studio-muted);font-size:11px;font-weight:750}
.studioEditorialNav a[aria-current="page"]{background:var(--studio-sky);color:var(--studio-ink)}
.studioEditorialNav svg{display:block;width:27px;height:27px}
.studioEditorialNav a:active,.studioNavButton:active{transform:scale(.97)}
#doodle-journey{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
#memories{padding-bottom:calc(120px + env(safe-area-inset-bottom))!important}
nav.simpleNav.studioBottom{box-sizing:border-box;overscroll-behavior:contain}
@media(max-width:360px){.pageApp .pageScroll .studioGuidesIntro a{font-size:12px}}
@media(prefers-reduced-motion:no-preference){
html[data-doodle-motion="off"] :is(nav.simpleNav.studioBottom .studioNavArt,.doodleCardBottom .studioNavArt,.studioEditorialNav svg){animation:doodle-drawn-bounce 3.4s ease-in-out infinite!important}
}
@media(prefers-reduced-motion:reduce){.studioEditorialNav svg{animation:none!important}}

/* Result page UX sign-off: one primary destination, no duplicate fix panels or docks. */
#result{padding-bottom:calc(125px + env(safe-area-inset-bottom))!important}
#result>.card:has(#fix){display:none!important}
#result .resultPrimary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0 10px}
#result .resultPrimary #share{grid-column:1/-1;grid-row:1;background:#17345b!important;color:#fff!important}
#result .resultPrimary #fixTop{grid-column:1/-1;grid-row:2}
#result .resultPrimary #save{grid-column:1/-1;grid-row:3}
#result .resultPrimary .btn{width:100%!important;min-width:0;min-height:52px;margin:0!important;padding:13px 12px!important;font-size:14px!important;line-height:1.3!important;white-space:normal}
#result .resultPrimary #save[hidden]{display:none!important}
#result #memoryAutoStatus{margin:10px 0 4px;text-align:center;font-size:12px;line-height:1.5}
#result #cardInvite{display:grid!important;grid-template-columns:100px minmax(0,1fr);align-items:center!important;gap:14px!important;margin:24px 0 20px!important;padding:22px 0 5px!important}
#result #cardInvite>div:first-child{width:100px!important;flex:auto!important}
#result #cardInvite>div:last-child{min-width:0}
#result #cardInvite h2{font-size:17px!important;line-height:1.28!important}
#result #cardInvite .btn{width:100%;min-width:0;white-space:normal;line-height:1.35;min-height:52px;padding:12px!important}
#result .textAction[data-launch-go="create"]{margin:6px auto 12px;display:block;min-height:44px}
#result .privacyNote{line-height:1.55}
@media(max-width:360px){#result #cardInvite{grid-template-columns:82px minmax(0,1fr)}#result #cardInvite>div:first-child{width:82px!important}}

/* One editorial visual rhythm, one contextual help action. */
.pageApp .guideGrid{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}
.pageApp .guideGrid .guideTile{box-sizing:border-box;display:flex!important;flex-direction:column;min-width:0;padding:16px!important;border:1px solid #dce3ec!important;border-radius:20px!important}
.pageApp .guideGrid .guideImage{width:100%;height:220px!important;min-height:220px;max-height:220px;margin:0 0 14px!important;display:grid;place-items:center;overflow:hidden!important;border-radius:15px}
.pageApp .guideGrid .guideImage img{width:100%;height:100%;max-height:220px;object-fit:contain}
.pageApp .guideGrid .guideTile h3{font-size:18px;line-height:1.3;margin:9px 0}
.pageApp .guideGrid .guideTile p{font-size:14px;line-height:1.6;margin:0 0 14px;flex:1}
.pageApp .guideGrid .guideTile .textlink{display:block;margin-top:auto;font-size:13px;font-weight:800;min-height:28px}
.studioGuideFooter{padding:12px!important;margin:18px 0!important;background:#fffdf9!important}
.studioGuideFooter .studioGuidePrompt,.studioGuideFooter a:last-child:not(:first-child){display:none!important}
.studioGuideFooter a{background:transparent!important;text-decoration:none!important;min-height:44px!important;font-size:12px!important}
#memories .keepsakeGuide{display:none!important}
#memories .doodleKeepsakeIllustration{height:132px!important}
#memories .doodleKeepsakeIllustration svg{max-height:125px!important}
@media(prefers-reduced-motion:no-preference){.doodleKeepsakeIllustration svg{animation:studio-house-hop 4s ease-in-out infinite!important}.guideGrid .guideTile .dvGuideMotif svg{animation:studio-icon-wiggle 4s ease-in-out infinite!important}}
@media(prefers-reduced-motion:reduce){.doodleKeepsakeIllustration svg,.guideGrid .guideTile .dvGuideMotif svg{animation:none!important}}

/* Doodlé Studio unified design polish: consistent type, dimensions and tactile controls. */
:root{--studio-navy:#17345b;--studio-blue:#6e91c7;--studio-cream:#fffdf9;--studio-ivory:#f8f5ef;--studio-border:#dce3ec}
:is(.app,.pageApp,#doodle-journey){font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Arial,sans-serif;color:var(--studio-navy)}
:is(.app,.pageApp,#doodle-journey) :is(button,a,select){-webkit-tap-highlight-color:transparent}
:is(.app,.pageApp,#doodle-journey) :is(button,a,select):focus-visible{outline:3px solid var(--studio-blue);outline-offset:2px}
.pageApp .guideGrid .guideTile{min-height:350px!important;box-shadow:0 6px 17px #17345b12!important}
.pageApp .guideGrid .guideImage{height:205px!important;min-height:205px!important;max-height:205px!important;flex-shrink:0}
.pageApp .guideGrid .guideImage img{max-height:205px!important}
.pageApp .guideGrid .guideTile .textlink{margin-top:auto!important}
#result .resultPrimary{margin-bottom:14px}
#result #cardInvite{margin-bottom:45px!important}
#memories .memoryGrid{margin-bottom:20px}
.studioEditorialNav a,.doodleCardBottom a,nav.simpleNav.studioBottom .studioNavButton{min-height:58px!important}
.studioEditorialNav svg,.doodleCardBottom .studioNavArt,nav.simpleNav.studioBottom .studioNavArt{stroke-linecap:round;stroke-linejoin:round}
@media(prefers-reduced-motion:no-preference){
 html[data-doodle-motion="off"] :is(.studioEditorialNav svg,.doodleCardBottom .studioNavArt,nav.simpleNav.studioBottom .studioNavArt){animation:studio-illustration-float 3.7s ease-in-out infinite!important}
 html[data-doodle-motion="off"] :is(.studioEditorialNav a:nth-child(2) svg,.doodleCardBottom a:nth-child(2) svg,nav.simpleNav.studioBottom button:nth-child(2) svg){animation-delay:-1.1s!important}
 html[data-doodle-motion="off"] :is(.studioEditorialNav a:nth-child(3) svg,.doodleCardBottom a:nth-child(3) svg,nav.simpleNav.studioBottom button:nth-child(3) svg){animation-delay:-2.1s!important}
}
@keyframes studio-illustration-float{0%,60%,100%{transform:translateY(0) rotate(0)}74%{transform:translateY(-3px) rotate(-5deg)}86%{transform:translateY(0) rotate(4deg)}}
@media(prefers-reduced-motion:reduce){.studioEditorialNav svg,.doodleCardBottom .studioNavArt,nav.simpleNav.studioBottom .studioNavArt{animation:none!important}}

/* Global Doodlé design tokens: consistent paper, ink, spacing, buttons and illustration motion. */
:root{--doodle-ink:#17345b;--doodle-paper:#fffdf9;--doodle-ivory:#f8f5ef;--doodle-soft-blue:#eaf0f7;--doodle-edge:#dce3ec}
:is(.app,.pageApp,#doodle-journey){color:var(--doodle-ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Arial,sans-serif}
:is(.app,.pageApp,#doodle-journey) :is(.btn,.pill,.dc-btn,.textAction){font-family:inherit;line-height:1.4}
nav.studioBottom .studioNavArt,nav.studioEditorialNav .studioNavArt{width:28px!important;height:28px!important;max-width:28px;overflow:visible}
nav.studioBottom :is(a,button),nav.studioEditorialNav a{touch-action:manipulation}
@media(prefers-reduced-motion:no-preference){
 html[data-doodle-motion="off"] nav.studioBottom .studioNavArt,
 nav.studioEditorialNav .studioNavArt{animation:doodle-friendly-bob 3.6s ease-in-out infinite!important;transform-origin:50% 75%}
 nav.studioBottom :is(a,button):nth-child(2) .studioNavArt,
 nav.studioEditorialNav a:nth-child(2) .studioNavArt{animation-delay:-1.2s!important}
 nav.studioBottom :is(a,button):nth-child(3) .studioNavArt,
 nav.studioEditorialNav a:nth-child(3) .studioNavArt{animation-delay:-2.4s!important}
}
@keyframes doodle-friendly-bob{0%,62%,100%{transform:translateY(0) rotate(0)}76%{transform:translateY(-3px) rotate(-7deg)}88%{transform:translateY(0) rotate(5deg)}}
@media(prefers-reduced-motion:reduce){nav.studioBottom .studioNavArt,nav.studioEditorialNav .studioNavArt{animation:none!important}}

/* Three illustrated bottom destinations; Home stays in the header menu. */
nav.simpleNav.studioBottom{grid-template-columns:repeat(3,minmax(0,1fr))!important}
nav.studioEditorialNav,nav.doodleCardBottom{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#helpBack .helpActions{display:flex;flex-direction:column;gap:10px}
#helpBack .helpActions>a{display:flex;align-items:center;justify-content:center;min-height:48px;text-align:center;text-decoration:none;margin:0!important}
#helpBack .doodleFeedbackAction{background:#17345b;color:#fff}
#helpBack .helpActions>a.secondary{background:#eaf0f7;color:#17345b}
@media(max-width:350px){nav.studioBottom :is(a,button),nav.studioEditorialNav a,nav.doodleCardBottom a{font-size:9px!important;padding-inline:1px!important}}

/* Original Doodlé illustrator assets: gentle staggered motion, visual clarity. */
nav .studioIllustration{display:block;width:34px!important;height:34px!important;object-fit:contain;overflow:visible;transform-origin:center 78%}
.studioInlineHeart{display:inline-block;width:34px;height:34px;object-fit:contain;vertical-align:-7px}

@media(prefers-reduced-motion:no-preference){
 html[data-doodle-motion="off"] nav .studioIllustration{animation:doodle-custom-bob 3s ease-in-out infinite!important}
 html[data-doodle-motion="off"] nav :is(a,button):nth-child(2) .studioIllustration{animation-delay:-1s!important}
 html[data-doodle-motion="off"] nav :is(a,button):nth-child(3) .studioIllustration{animation-delay:-2s!important}
 html[data-doodle-motion="off"] .screen.active .studioInlineHeart{animation:doodle-custom-pulse 2.1s ease-in-out infinite!important}
}
@keyframes doodle-custom-bob{0%,62%,100%{transform:rotate(0) translateY(0) scale(1)}76%{transform:rotate(-9deg) translateY(-5px) scale(1.12)}88%{transform:rotate(6deg) translateY(-1px) scale(1.04)}}
@keyframes doodle-custom-pulse{0%,65%,100%{transform:scale(1)}77%{transform:scale(1.28) rotate(-8deg)}87%{transform:scale(1.06) rotate(5deg)}}
@media(prefers-reduced-motion:reduce){nav .studioIllustration,.studioInlineHeart{animation:none!important}}



/* Owner-generated Studio artwork and three-tab parity — October 2026. */
:root{--studio-nav-height:72px;--studio-help-gap:14px;--studio-font:-apple-system,BlinkMacSystemFont,"SF Pro Display",Arial,sans-serif}
.doodleHeroIllustration img.studioHeroArt,#memories .doodleKeepsakeIllustration img.studioHeroArt{display:block!important;width:280px!important;height:169px!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;margin:0 auto 12px!important;background:transparent!important;mix-blend-mode:multiply}
.doodleHeroIllustration,#memories .doodleKeepsakeIllustration{display:block!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;overflow:visible!important}
#memories{padding-top:38px!important;padding-bottom:24px!important}
#doodle-journey.doodleConsistentPage .dc-site-header{margin-bottom:0!important}
#doodle-journey .doodleSectionIntro{padding:38px 0 8px!important}
#memories>h1,#doodle-journey .doodleSectionIntro h1{font:700 42px/.94 var(--studio-font)!important;letter-spacing:-2.2px!important;margin:9px 0 13px!important;color:#17345b!important}
#memories>.lead,#doodle-journey .doodleSectionIntro>p{font:400 15px/1.5 var(--studio-font)!important;color:#5e6a7d!important;margin:0 0 18px!important}
#doodle-journey .doodleSectionIntro .eyebrow,#memories>.eyebrow{font:800 11px/normal var(--studio-font)!important;letter-spacing:1.7px!important;color:#4f70a0!important}
#doodle-journey .doodleSectionIntro .doodleSpark,#memories h1 .doodleSpark{font-size:26px;white-space:nowrap}
#memories .studioInlineHeart{width:27px;height:27px;vertical-align:0}
#memories .memoryGrid{margin-bottom:0}
#memories .emptyList{padding:22px 16px;border:1px dashed #cbd6e5;border-radius:16px;background:#f6f8fb;font-size:14px;line-height:1.6;color:#63758a}
.app:has(#memories.active){padding-bottom:calc(var(--studio-nav-height) + env(safe-area-inset-bottom) + 24px)!important}
#doodle-journey.doodleConsistentPage{min-height:0!important;padding-bottom:24px!important}
body:has(#doodle-journey)>.launchCreator{max-width:430px;margin:auto;padding:24px 16px calc(var(--studio-nav-height) + env(safe-area-inset-bottom) + 24px)!important;background:#f8f5ef}
nav.doodleCardBottom{height:calc(var(--studio-nav-height) + env(safe-area-inset-bottom));padding:6px 8px calc(8px + env(safe-area-inset-bottom))!important;background:#fffdf9!important;box-shadow:0 -4px 16px #17345b06!important}
nav.doodleCardBottom a{height:58px!important;min-height:58px!important;gap:3px!important;border-radius:12px!important;font:700 11px/1.2 var(--studio-font)!important}
nav.studioBottom .studioNavArt.studioIllustration,nav.studioEditorialNav .studioNavArt.studioIllustration{width:34px!important;height:34px!important;max-width:none!important;flex:0 0 34px!important;object-fit:contain;mix-blend-mode:multiply}
.app:has(#memories.active) #helpFab,#doodle-journey #cardHelpFab{position:fixed!important;right:max(16px,calc((100vw - 430px)/2 + 16px))!important;bottom:calc(var(--studio-nav-height) + env(safe-area-inset-bottom) + var(--studio-help-gap))!important;z-index:35;width:46px!important;height:46px!important;min-height:46px!important;padding:0!important;margin:0!important;display:grid;place-items:center;border:1px solid #dce3ec!important;border-radius:50%!important;background:#fffdf9!important;color:#17345b!important;font:800 21px/1 var(--studio-font)!important;box-shadow:0 4px 14px #17345b14!important;text-decoration:none}
#doodle-journey .studioHelpDialog{width:min(390px,calc(100% - 32px));padding:0 20px 24px;line-height:1.6}
#doodle-journey .studioHelpDialog h2{font:700 20px/1.2 var(--studio-font);text-align:left;letter-spacing:-.5px;margin:0}
#doodle-journey .studioHelpDialog p{font:400 14px/1.6 var(--studio-font);color:#63758a}
#doodle-journey .studioHelpDialog .contextGuideLink{margin:0;text-align:left;text-decoration:none}
@media(prefers-reduced-motion:no-preference){
 html[data-doodle-motion="off"] nav .studioIllustration{animation:studio-asset-float 4s ease-in-out infinite!important}
}
@keyframes studio-asset-float{0%,70%,100%{transform:translateY(0) rotate(0)}82%{transform:translateY(-2px) rotate(-3deg)}92%{transform:translateY(0) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){html[data-doodle-motion="off"] nav .studioIllustration{animation:none!important}}
@media(max-width:350px){#memories h1 .doodleSpark{display:none}#memories>h1,#doodle-journey .doodleSectionIntro h1{font-size:36px!important;letter-spacing:-1.8px!important}}
body:has(#doodle-journey)>.launchCreator{box-sizing:border-box}

/* Shared Help, footer and mobile controls: one set of dimensions for all three tabs. */
#helpBack.studioHelpDialog,#doodle-journey #cardHelpDialog.studioHelpDialog{box-sizing:border-box;position:fixed;inset:auto 0 0;width:min(430px,100%);max-width:none;max-height:85dvh;margin:0 auto;padding:22px 20px calc(20px + env(safe-area-inset-bottom));overflow:auto;border:1px solid #dce3ec;border-bottom:0;border-radius:24px 24px 0 0;background:#fffdf9;color:#17345b;box-shadow:0 -12px 48px #17345b26;font:400 14px/1.5 var(--studio-font);text-align:left}
#helpBack.studioHelpDialog::backdrop,#doodle-journey #cardHelpDialog.studioHelpDialog::backdrop{background:#17345b66;backdrop-filter:blur(5px)}
#helpBack .studioHelpHeader,#cardHelpDialog .studioHelpHeader{position:static;top:auto;z-index:auto;background:none;backdrop-filter:none;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:0;border:0;margin:0}
#helpBack .studioHelpHeader .eyebrow,#cardHelpDialog .studioHelpHeader .eyebrow{margin:0 0 7px;font:800 10px/1.3 var(--studio-font);letter-spacing:1.7px;color:#4f70a0}
#helpBack .studioHelpHeader h2,#cardHelpDialog .studioHelpHeader h2{font:700 24px/1.15 var(--studio-font)!important;letter-spacing:-.7px!important;margin:0!important;color:#17345b}
#helpBack .studioHelpClose,#cardHelpDialog .studioHelpClose{position:static;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:1px solid #dce3ec;border-radius:13px;background:#fffdf9;color:#17345b;font:400 26px/1 var(--studio-font);box-shadow:none;cursor:pointer}
#helpBack .studioHelpIntro,#cardHelpDialog .studioHelpIntro{font:400 14px/1.6 var(--studio-font);color:#63758a;margin:16px 0 20px}
#helpBack.studioHelpDialog .helpActions,#cardHelpDialog .helpActions{display:flex;flex-direction:column;gap:10px;margin:0}
#helpBack.studioHelpDialog .helpActions>a,#cardHelpDialog .helpActions>a{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:48px;margin:0!important;padding:12px 16px;border:1px solid transparent;border-radius:13px;background:#eaf0f7;color:#17345b;text-align:left;text-decoration:none;font:700 14px/1.4 var(--studio-font)}
#helpBack.studioHelpDialog .helpActions>.studioHelpPrimary,#cardHelpDialog .helpActions>.studioHelpPrimary{background:#17345b;color:#fff}
#helpBack.studioHelpDialog .helpActions>.studioHelpSocial,#cardHelpDialog .helpActions>.studioHelpSocial{justify-content:center;min-height:44px;background:transparent;font-size:12px;color:#4f70a0}
.studioHelpDialog :is(a,button):focus-visible{outline:3px solid #6e91c7;outline-offset:3px}
@media(min-width:600px){#helpBack.studioHelpDialog,#doodle-journey #cardHelpDialog.studioHelpDialog{inset:0;width:390px;height:fit-content;margin:auto;border:1px solid #dce3ec;border-radius:22px;padding:24px}}
nav.simpleNav.studioBottom,nav.doodleCardBottom{box-sizing:border-box;height:calc(72px + env(safe-area-inset-bottom));padding:6px 8px calc(8px + env(safe-area-inset-bottom))!important;background:#fffdf9!important}
nav.simpleNav.studioBottom .studioNavButton,nav.doodleCardBottom a{box-sizing:border-box;height:58px!important;min-height:58px!important;border-radius:12px!important;gap:3px!important}
body:has(#create.active) #helpFab,.app:has(#memories.active) #helpFab,.app #helpFab,#doodle-journey #cardHelpFab{box-sizing:border-box;position:fixed!important;right:max(16px,calc((100vw - 430px)/2 + 16px))!important;bottom:calc(144px + env(safe-area-inset-bottom))!important;z-index:35;width:46px!important;height:46px!important;min-height:46px!important;padding:0!important;margin:0!important;display:grid;place-items:center;border:1px solid #dce3ec!important;border-radius:50%!important;background:#fffdf9!important;color:#17345b!important;font:800 21px/1 var(--studio-font)!important;box-shadow:0 4px 14px #17345b14!important}
#create.active>#make{bottom:calc(80px + env(safe-area-inset-bottom));margin:0!important}
#create{padding-bottom:24px!important}
.app,.app:has(#memories.active){padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
.app:has(#create.active){padding-bottom:calc(164px + env(safe-area-inset-bottom))!important}
.app .studioFooter,body:has(#doodle-journey)>.launchCreator.studioFooter{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:2px;max-width:430px;margin:0 auto;padding:18px 16px!important;border-top:1px solid #e6e9ee;background:#f8f5ef;text-align:center;font:400 11px/1.4 var(--studio-font);color:#63758a}
body:has(#doodle-journey){padding-bottom:calc(96px + env(safe-area-inset-bottom))}
.studioFooter .studioFooterLinks{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 18px;width:100%;margin:0}
.studioFooter .studioFooterLinks a,.studioFooter .legalLinks a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0;font:700 12px/1.4 var(--studio-font);color:#4f70a0;text-decoration:none}
.studioFooter .creatorCredit{display:flex;align-items:center;justify-content:center;gap:10px;margin:0!important;padding:0!important;min-height:44px;font:400 11px/1.4 var(--studio-font)}
.studioFooter .creatorSignature{min-height:44px!important;margin:0!important}
.studioFooter .creatorSignatureLogo{width:116px!important;height:auto!important;max-height:39px!important}
.studioFooter .legalLinks{display:flex;align-items:center;gap:8px;margin:0;font-size:11px}
.studioFooter .legalLinks a{font-size:11px;font-weight:600;color:#63758a}
#memories .keepsakeCollectionHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 12px}
#memories .keepsakeCollectionHeader h2{margin:0;font:700 16px/1.3 var(--studio-font);letter-spacing:-.3px;color:#17345b}
#memories .memoryCount{display:block;flex:none;margin:0;padding:0;background:none;border:0;border-radius:0;font:600 12px/1.4 var(--studio-font);color:#63758a}
#memories .memoryFinePrint{margin:0;font:400 12px/1.6 var(--studio-font);color:#63758a}
#memories .keepsakeActions{display:grid!important;grid-template-columns:1fr;gap:6px!important;padding:0 10px 12px!important}
#memories .keepsakeActions button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px!important;border:1px solid #dce3ec;border-radius:11px;background:#fffdf9;font:700 12px/1.3 var(--studio-font);white-space:nowrap;color:#17345b}
#memories .keepsakeActions button:last-child{background:#eaf0f7;border-color:#eaf0f7}
#memories .keepsakeActions button span{display:block;min-width:0;margin:0;font:inherit}
#memories .keepsakeActions img{flex:0 0 20px;width:20px;height:20px;aspect-ratio:auto;object-fit:contain;mix-blend-mode:multiply}
#memories .memoryMeta{padding:10px!important;font:600 12px/1.4 var(--studio-font)}
#memories .memoryMeta small{font-size:10px;font-weight:400;margin-top:4px}
#doodle-journey .studioCardTools{margin:20px 0 0;padding:16px;border:1px solid #dce3ec;border-radius:18px;background:#fffdf9;text-align:left;box-shadow:0 4px 16px #17345b06}
#doodle-journey .studioCardTools #dc-doodle-actions{max-width:none;margin:0 0 18px;text-align:left}
#doodle-journey .studioCardTools #dc-doodle-photo{width:100%;border:1px solid #dce3ec;border-radius:12px;background:#fffdf9;min-height:46px;padding:10px 12px;font-size:13px;box-shadow:none}
#doodle-journey .studioCardTools :is(#dc-art-toggle,.dc-layout){box-sizing:border-box;display:flex;width:100%;margin:8px 0 0;padding:4px;border-radius:12px;background:#eaf0f7;gap:4px}
#doodle-journey .studioCardTools :is(#dc-art-toggle,.dc-layout) button{flex:1;min-width:0;min-height:44px;border:0;border-radius:9px;background:transparent;padding:8px;color:#63758a;font:600 13px/1.3 var(--studio-font);box-shadow:none}
#doodle-journey .studioCardTools :is(#dc-art-toggle,.dc-layout) button[aria-pressed=true]{background:#17345b;color:#fff}
#doodle-journey .studioCardTools .dc-control-label{text-align:left;margin:18px 0 8px;font:700 12px/1.4 var(--studio-font);color:#17345b}
#doodle-journey .studioCardTools .dc-control-label:first-of-type{margin-top:0}
#doodle-journey.doodleConsistentPage .studioCardTools .dc-frames{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px;margin:0;max-width:none}
#doodle-journey .studioCardTools .dc-frames button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;min-width:0;min-height:76px;padding:8px 2px;border:1px solid transparent;border-radius:11px;background:transparent;font:500 11px/1.3 var(--studio-font);color:#63758a;box-shadow:none}
#doodle-journey .studioCardTools .dc-frames button[aria-pressed=true]{border-color:#6e91c7;background:#eaf0f7;color:#17345b;font-weight:700;outline:none}
#doodle-journey .studioCardTools .dc-swatch{box-sizing:border-box;width:24px;height:24px;min-width:24px;border:2px solid #fff;box-shadow:0 0 0 1px #dce3ec}
#doodle-journey .studioCardTools .dc-actions{position:static;display:grid;grid-template-columns:1fr;gap:8px;margin:18px 0 0;padding:16px 0 0;border-top:1px solid #e6e9ee;background:transparent}
#doodle-journey .studioCardTools .dc-actions button{display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;width:100%;min-height:48px;padding:12px;border:1px solid #dce3ec;border-radius:12px;font:700 14px/1.3 var(--studio-font);background:#fffdf9;color:#17345b;box-shadow:none}
#doodle-journey .studioCardTools .dc-actions svg{width:18px;height:18px}
#doodle-journey .studioCardTools .dc-actions :is(#dc-share-card,#dc-download){background:#17345b;color:#fff;border-color:#17345b;grid-row:1}
#doodle-journey .studioCardTools #dc-save-memory{width:100%;min-height:44px;margin:8px 0 0;padding:10px;background:#eaf0f7;border:1px solid #eaf0f7;border-radius:12px!important;color:#17345b;font:700 13px/1.3 var(--studio-font);box-shadow:none}
#doodle-journey .studioCardTools .dc-status{font:400 11px/1.5 var(--studio-font);color:#63758a;margin:12px 0 0;min-height:0;text-align:center}
@media(max-width:350px){#doodle-journey .studioCardTools{padding:12px}#doodle-journey.doodleConsistentPage .studioCardTools .dc-frames{grid-template-columns:repeat(3,minmax(0,1fr))!important}#memories .keepsakeCollectionHeader h2{font-size:15px}#memories .keepsakeActions{padding-inline:7px!important}}

body:has(.studioHelpDialog[open]){overflow:hidden!important}

/* Finished creations: a clear save state, compact actions and no duplicate save button. */
#result{padding-bottom:24px!important}
#result .compareWrap{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px}
#result .compareWrap>:is(.compareLabels,#resultVisual){grid-column:1/-1}
#result .compareWrap #doodleViewFull,#result .compareWrap #holdOriginal{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin:0;padding:10px 8px;border:1px solid #dce3ec;border-radius:12px;background:#fffdf9;color:#17345b;font:600 12px/1.35 var(--studio-font)}
#result .resultActionPanel{padding:16px;border:1px solid #dce3ec;border-radius:18px;background:#fffdf9}
#result .resultPrimary{margin:0!important;gap:8px}
#result .resultPrimary #share{grid-column:1/-1;grid-row:1}
#result .resultPrimary #fixTop{grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:center;gap:6px}
#result .resultPrimary #fixTop img{width:22px;height:22px;object-fit:contain}
#result .resultPrimary .resultAnother{grid-column:2;grid-row:2;box-sizing:border-box;width:100%;margin:0;padding:10px 8px;border:1px solid #dce3ec;border-radius:12px;background:#fffdf9;color:#17345b;font:700 12px/1.3 var(--studio-font)}
#result .resultPrimary :is(#fixTop,.resultAnother){min-height:48px;font-size:12px!important}
#result .resultPrimary #save{grid-column:1/-1;grid-row:3;border:1px solid #dce3ec;min-height:44px;font-size:12px!important}
.resultSaveState,.cardSaveState{display:flex;flex-direction:column;align-items:center;gap:2px;margin:14px 0 0;text-align:center}
#result #memoryAutoStatus,#doodle-journey #dc-memory-status{margin:0;font:600 12px/1.5 var(--studio-font);color:#63758a}
#result #memoryAutoStatus[data-state=saved]::before{content:'✓ ';color:#367256}
.resultSaveState a,.cardSaveState a{display:inline-flex;align-items:center;min-height:44px;color:#4f70a0;font:700 12px/1.4 var(--studio-font);text-decoration:none}
.resultSaveState button{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:transparent;color:#4f70a0;font:700 12px/1.4 var(--studio-font);cursor:pointer}
#result .resultStorageNote{margin:0;color:#63758a;font:400 10px/1.5 var(--studio-font)}
#result #cardInvite{grid-template-columns:72px minmax(0,1fr);gap:14px!important;margin:16px 0 0!important;padding:16px!important;border:1px solid #dce3ec!important;border-radius:18px;background:#fffdf9}
#result #cardInvite>div:first-child{width:72px!important}
#result #cardInvite h2{font:700 16px/1.3 var(--studio-font)!important;margin:0 0 6px!important}
#result #cardInvite p:not(:empty){font:400 12px/1.5 var(--studio-font)!important;margin:0 0 10px;color:#63758a}
#result #cardInvite .btn{min-height:44px;padding:10px!important;font-size:13px;background:#eaf0f7;color:#17345b}
#result #cardInviteStatus:empty{display:none}
#doodle-journey #dc-save-memory[hidden]{display:none!important}
#doodle-journey .studioCardTools #dc-status:empty{display:none}
#doodle-journey .studioCardTools #dc-status{margin-top:4px}
.keepsakeReplaceDialog{box-sizing:border-box;position:fixed;inset:0;width:min(430px,calc(100% - 24px));max-height:88dvh;margin:auto;padding:20px;border:1px solid #dce3ec;border-radius:22px;background:#fffdf9;color:#17345b;font:400 13px/1.5 var(--studio-font)}
.keepsakeReplaceDialog::backdrop{background:#17345b66;backdrop-filter:blur(5px)}
.keepsakeReplaceHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.keepsakeReplaceHeader .eyebrow{margin:0 0 6px;color:#4f70a0;font:800 10px/1.3 var(--studio-font);letter-spacing:1.5px}
.keepsakeReplaceHeader h2{margin:0;font:700 23px/1.15 var(--studio-font);letter-spacing:-.7px}
.keepsakeReplaceDialog>p{margin:14px 0;color:#63758a;font:400 13px/1.5 var(--studio-font)}
.keepsakeReplaceDialog .replaceClose{flex:0 0 44px;width:44px;height:44px;border:1px solid #dce3ec;border-radius:12px;background:#fffdf9;color:#17345b;font-size:24px;cursor:pointer}
.keepsakeReplaceGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:38dvh;overflow:auto;padding:3px}
.keepsakeReplaceGrid button{min-width:0;padding:5px;border:2px solid transparent;border-radius:12px;background:#f1f4f8;color:#17345b;cursor:pointer}
.keepsakeReplaceGrid button[aria-pressed=true]{border-color:#4f70a0;background:#eaf0f7}
.keepsakeReplaceGrid img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:7px}
.keepsakeReplaceGrid span{display:block;margin:6px 0 0;font:600 11px/1.3 var(--studio-font);overflow-wrap:anywhere}
.keepsakeReplaceActions{display:grid;gap:8px;padding-top:12px}
.keepsakeReplaceActions p{margin:0 0 4px;min-height:36px;color:#63758a;font-size:12px}
.keepsakeReplaceActions button{min-height:44px;padding:10px;border:1px solid #dce3ec;border-radius:12px;background:#fffdf9;color:#17345b;font:700 13px/1.3 var(--studio-font);cursor:pointer}
.keepsakeReplaceActions .replaceConfirm{background:#17345b;color:#fff;border-color:#17345b}
.keepsakeReplaceActions button:disabled{opacity:.5;cursor:default}
.keepsakeReplaceDialog :is(a,button):focus-visible{outline:3px solid #6e91c7;outline-offset:2px}
body:has(.keepsakeReplaceDialog[open]){overflow:hidden!important}
footer.studioFooter,.app footer.studioFooter,body:has(#doodle-journey)>footer.studioFooter{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;max-width:none;margin:0 auto;padding:18px 16px!important;border-top:1px solid #e6e9ee;background:#f8f5ef;text-align:center;font:400 11px/1.4 var(--studio-font);color:#63758a}
footer.studioFooter .creatorCredit{order:0}
footer.studioFooter .studioFooterLinks{order:1;margin:0;gap:6px 18px}
footer.studioFooter .legalLinks{order:2;margin:0;gap:8px}
footer.studioFooter :is(.studioFooterLinks,.legalLinks) a{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0;color:#4f70a0;font:700 12px/1.4 var(--studio-font);text-decoration:none}
footer.studioFooter .legalLinks a{color:#63758a;font-size:11px;font-weight:600}
footer.studioFooter .creatorSignatureLogo{width:116px!important;max-height:39px!important;height:auto!important}
.pageBody .pageApp{padding-bottom:0!important}
.pageBody .pageScroll{padding-bottom:24px!important}
.pageBody nav.studioEditorialNav{box-sizing:border-box;height:calc(72px + env(safe-area-inset-bottom));min-height:calc(72px + env(safe-area-inset-bottom));padding:6px 8px calc(8px + env(safe-area-inset-bottom))!important}
.pageBody nav.studioEditorialNav a{box-sizing:border-box;height:58px;min-height:58px!important;gap:3px!important;font:700 11px/1.2 var(--studio-font)!important}

#memories .emptyCreateLink{display:flex;align-items:center;justify-content:center;min-height:46px;margin-top:14px;border-radius:14px;background:#17345b;color:#fffdf9;font-size:14px;font-weight:700;text-decoration:none}
#doodle-journey button:focus-visible{outline:3px solid #6e91c7!important;outline-offset:3px!important}

.keepsakeActions.cardActions{grid-template-columns:1fr!important}

img[src*="/guide-art/illustrated-"]{mix-blend-mode:multiply}

nav.studioBottom .studioNavArt.studioIllustration,nav.studioEditorialNav .studioNavArt.studioIllustration,.doodleCardBottom .studioNavArt.studioIllustration{width:44px!important;height:44px!important;flex:0 0 44px!important;max-width:none!important}

nav.simpleNav.studioBottom .studioNavButton,nav.studioEditorialNav a,nav.doodleCardBottom a{padding:0!important;gap:0!important;font-size:11px!important}

/* Phone landing: keep all content, but bring the first action above the fold. */
@media(max-width:430px){
  #parisWelcome .parisHeroFlow{max-height:min(205px,32dvh)!important;width:100%!important;object-fit:contain!important}
  #parisWelcome .parisGlass{padding-top:9px!important;margin-bottom:6px!important}
  #parisWelcome .parisGlass h2{margin-bottom:4px!important}
  #parisWelcome .parisGlass p{margin-bottom:9px!important}
}
/* Paris study CTA: white lettering on brand navy meets WCAG AA. */
.pageApp .pageScroll .nextStep a.pill{color:#fff!important;background:#17345b!important}
.pageApp .pageScroll .nextStep a.pill:focus-visible{outline:3px solid #6e91c7;outline-offset:3px}

/* Keep Create actions above the mobile analytics consent bar only while visible. */
@media(max-width:430px){
  body:has(#analytics-choice:not([hidden])) nav.simpleNav.studioBottom{bottom:calc(144px + env(safe-area-inset-bottom))!important}
  body:has(#analytics-choice:not([hidden])) #create.active>#make{bottom:calc(224px + 2 * env(safe-area-inset-bottom))!important}
  body:has(#analytics-choice:not([hidden])) #create.active~#helpFab,body:has(#analytics-choice:not([hidden])) .app:has(#create.active) #helpFab{bottom:calc(288px + 2 * env(safe-area-inset-bottom))!important}
  body:has(#analytics-choice:not([hidden])) .app:has(#create.active){padding-bottom:calc(164px + env(safe-area-inset-bottom))!important}
  body:has(#analytics-choice:not([hidden])) .app #helpFab{bottom:calc(288px + 2 * env(safe-area-inset-bottom))!important}
  body:has(#analytics-choice:not([hidden])) .app .siteHeader :is(.appMenu,.doodleMenu)[open]>div{max-height:max(120px,calc(100dvh - 310px - 2 * env(safe-area-inset-bottom)))!important;overflow-y:auto!important;overscroll-behavior:contain}
}

/* Hide Help while the header menu is expanded so all menu rows remain tappable. */
@media(max-width:430px){body:has(.siteHeader details[open]) #helpFab{visibility:hidden!important}}

/* Upload-first Create layout, phone-only; existing Studio behaviour stays intact. */
@media(max-width:430px){
 #create.active{padding-top:8px!important}
 #create .hero{display:grid;grid-template-columns:76px 1fr;column-gap:12px;align-items:center;padding:0 0 4px!important}
 #create .hero>img.brandIllustrationLocked{grid-row:1/4;width:76px!important;height:76px!important;max-height:76px!important;margin:0!important;object-fit:contain}
 #create .hero .eyebrow{font-size:10px;line-height:1.2}
 #create .hero h1{font-size:26px!important;line-height:1.03!important;letter-spacing:-1px!important;margin:2px 0 3px!important}
 #create .hero h1 br{display:none}
 #create .hero .lead{font-size:11px!important;line-height:1.35!important;margin:0!important}
 #create .instantCard{margin:4px 0 12px;padding:12px!important}
 #create .instantCard h2{font-size:17px;margin:2px 0 4px}
 #create .instantCard .upload{margin-top:7px;padding:12px!important}
 #create .instantCard .upload b{margin:3px 0;font-size:15px}
 #create .createGoodToKnow{margin-top:9px;font-size:12px;color:#52677e}
 #create .createGoodToKnow summary{width:max-content;min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:750;color:#17345b}
 #create .createGoodToKnow summary::before{content:"▸";margin-right:7px}
 #create .createGoodToKnow[open] summary::before{content:"▾"}
 #create .createGoodToKnow .privacyNote{font-size:11px;line-height:1.5;margin:6px 0}
 #create.active>#make:disabled{opacity:.55;cursor:not-allowed}
 #create #createPhotoHint{font-size:12px;font-weight:700;text-align:center;color:#63758a;margin:0}
 #create #createPhotoHint[hidden]{display:none}
 #create .upload{scroll-margin-bottom:calc(260px + 2 * env(safe-area-inset-bottom))}
}