/* Design studio: controls and page previews share the same rendering styles. */
.studio-heading h3{margin:0 0 8px}.studio-heading p{font-size:12px;line-height:1.7;color:#99b3c2}.preset-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 30px}.preset-choice,.design-choice{min-width:0;cursor:pointer;border:1px solid #294451;border-radius:13px;padding:9px;background:#091b29;color:#dbedf7;transition:border-color .15s,background .15s}.preset-choice.active,.design-choice.active{border:2px solid #27dce0;padding:8px;background:#103742}.preset-choice:focus-visible,.design-choice:focus-visible{outline:3px solid #98fff1;outline-offset:3px}.preset-choice>strong{display:block;font-size:12px;margin:10px 2px 4px}.preset-choice>small{display:block;font-size:10px;line-height:1.5;color:#8fb0c1;margin:0 2px 5px}.studio-section{padding:20px 0;border-top:1px solid #244151}.studio-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.studio-section-heading h3{font-size:14px;margin:0 0 5px}.studio-section-heading [data-current-choice]{font-size:11px;color:#79d8cf}.studio-section-heading button{font-size:11px;white-space:nowrap;min-height:38px}.choice-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#467d87 #0a1d2a;padding:3px 2px 10px}.choice-track .design-choice{flex:0 0 151px;scroll-snap-align:start}.choice-track.expanded{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.choice-name{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:11px;margin:9px 2px 3px}.choice-check{visibility:hidden;color:#65efe0}.active>.choice-name .choice-check{visibility:visible}.swipe-hint{display:block;color:#789aaa;font-size:10px;margin-top:6px}.palette-sample{height:85px;display:flex;overflow:hidden;border-radius:8px;border:1px solid #ffffff15}.palette-sample i{flex:1}.palette-sample i:first-child{flex:1.7}.type-sample{display:flex;flex-direction:column;justify-content:center;height:110px;padding:12px;font-size:38px;background:#122e3b;border-radius:8px}.type-sample span{font-size:12px;line-height:1.4;margin-top:8px}.theme-sample{display:flex;flex-direction:column;justify-content:center;min-height:125px!important;height:125px;border-radius:8px;padding:14px!important;text-align:center;font-size:12px}.theme-sample b{font-size:14px}.theme-sample small{font-size:10px;margin-top:8px}.design-render{position:relative;overflow:hidden;border-radius:8px;height:154px;background:#101e29;pointer-events:none;contain:layout paint}.sample-canvas{width:360px;transform:scale(.36);transform-origin:top left}.sample-canvas .digital-page{width:360px;min-height:700px!important;border-radius:0!important;box-shadow:none!important}.sample-preset{height:190px}.sample-preset .sample-canvas{transform:scale(.42)}.sample-header{height:150px}.sample-list,.sample-button{height:145px}.sample-list .digital-primary{display:none}.sample-list .action-group:first-of-type h2{margin-top:8px}.sample-list .digital-filter{display:none}.sample-list .digital-body{padding-top:8px}.sample-list .digital-body>.action-group{display:none}.sample-list:has(.digital-primary) .digital-body>.action-group{display:block}.sample-button .action-group h2{display:none}.sample-button .digital-primary{margin-bottom:12px}.sample-button .digital-filter,.sample-button .digital-items{display:none}
/* Thin iPhone silhouette with a floating island, edge-to-edge content and side keys. */
.builder-preview .phone-frame,.demo-preview-shell .phone-frame{position:relative;padding:0!important;border:6px solid #050607!important;border-radius:43px!important;background:#050607;box-shadow:0 0 0 1px #58616a,0 15px 40px #0004;overflow:visible!important}.phone-frame .phone-screen{border-radius:36px;height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none}.phone-frame:before{content:'';position:absolute;top:11px;left:50%;transform:translateX(-50%);width:91px;height:23px;border-radius:20px;background:#050607;z-index:8;pointer-events:none}.phone-frame:after{content:'';position:absolute;left:-9px;top:108px;width:3px;height:39px;border-radius:3px;background:#050607;box-shadow:0 49px #050607,0 -40px #050607}.phone-frame .phone-screen:after{content:'';position:absolute;right:-9px;top:151px;width:3px;height:62px;border-radius:3px;background:#050607;pointer-events:none}.phone-frame .digital-page{padding-top:0}.mobile-preview-trigger{display:none}.mini-phone{width:41px;height:75px;flex:none;overflow:hidden;position:relative;border:2px solid #050607;border-radius:8px;background:#fff;box-shadow:0 0 0 1px #778a96}.mini-phone:after{content:'';position:absolute;top:2px;left:13px;width:12px;height:4px;border-radius:5px;background:#000}.mini-phone #mini-preview{width:360px;transform:scale(.104);transform-origin:top left;pointer-events:none}.mini-phone .digital-page{min-height:800px}.mobile-preview-copy{position:absolute;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap}.mobile-preview-copy strong{display:block;font-size:17px}.mobile-preview-copy small{display:block;font-size:11px;color:#91adbe;margin-top:5px}.mobile-preview-copy i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#21dbce;margin-right:5px}.expand-icon{font-size:24px;color:#58d9d6;margin-left:auto}.terms-consent{margin:24px 0}.terms-consent-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.terms-consent-heading strong{font-size:16px}.terms-consent-heading a{font-size:11px;color:#68dfd9}.terms-scroll-hint{font-size:11px;color:#99b0bf;margin:8px 0}.terms-scrollbox{height:260px;overflow-y:scroll;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid #45606e;border-radius:12px;padding:18px;background:#071824;scrollbar-width:auto;scrollbar-color:#7eabb4 #102a3b}.terms-scrollbox::-webkit-scrollbar{width:10px}.terms-scrollbox::-webkit-scrollbar-thumb{background:#7eabb4;border:2px solid #102a3b;border-radius:8px}.terms-scrollbox::-webkit-scrollbar-track{background:#102a3b;border-radius:8px}.terms-scrollbox h2{font-size:15px;margin-top:0}.terms-scrollbox h3{font-size:13px;line-height:1.5;margin:22px 0 8px}.terms-scrollbox p{font-size:12px;line-height:1.75;margin:8px 0;color:#b9cdd7}.terms-consent>.check{margin-top:16px;align-items:flex-start;font-size:12px}.terms-consent>.check input{flex:none}.terms-scrollbox:focus-visible{outline:2px solid #35dfe0;outline-offset:3px}
/* Reset historical header variants, then give each composition its own geometry. */
.digital-page[class*="header-"] .digital-intro{display:block;margin:0;padding:0 24px 12px;text-align:center;border-radius:0;background:transparent}.digital-page[class*="header-"] .cover-gallery{margin:0;border-radius:0;overflow:hidden}.digital-page[class*="header-"] .digital-cover{width:100%;height:200px;margin:0;border-radius:0;mask-image:none}.digital-page[class*="header-"] .digital-profile-frame{width:92px;height:92px;margin:-46px auto 16px;border-radius:50%;border:5px solid var(--page-bg);box-shadow:0 5px 16px #0002;transform:none}.digital-page[class*="header-"] .digital-profile-frame .digital-profile{width:100%;height:100%;border-radius:0;float:none;margin:0;border:0}.digital-page[class*="header-"] .digital-intro h1{font-size:28px;font-weight:700}.digital-page.header-1 .digital-intro{text-align:left}.digital-page.header-1 .digital-profile-frame{margin-left:0;border-radius:8px}.digital-page.header-2 .digital-cover{height:265px}.digital-page.header-2 .digital-profile-frame{width:130px;height:75px;border-radius:38px;margin-top:-38px}.digital-page.header-3 .digital-cover{height:110px}.digital-page.header-3 .digital-profile-frame{width:64px;height:64px;margin-top:-32px}.digital-page.header-3 .digital-intro h1{font-size:23px}.digital-page.header-4 .digital-profile-frame{width:122px;height:150px;border-radius:70px 70px 24px 24px;margin-top:-65px}.digital-page.header-4 .digital-cover{height:165px}.digital-page.header-5 .digital-intro{margin:-38px 15px 0;padding:22px 18px 12px;width:calc(100% - 30px);border-radius:22px;background:var(--page-bg);box-shadow:0 5px 24px #0002}.digital-page.header-5 .digital-profile-frame{margin:0 auto 15px;border-radius:20px}.digital-page.header-6 .cover-gallery{margin:14px;border:3px solid var(--page-accent);padding:6px}.digital-page.header-6 .digital-cover{height:175px}.digital-page.header-6 .digital-profile-frame{border-radius:0;margin-top:-37px;outline:2px solid var(--page-accent);outline-offset:3px}.digital-page.header-7 .digital-cover{height:90px}.digital-page.header-7 .digital-profile-frame{width:58px;height:58px;margin:16px auto;border:0;box-shadow:none}.digital-page.header-7 .digital-intro h1{font-size:23px;font-weight:400}.digital-page.header-8 .digital-cover{height:310px}.digital-page.header-8 .digital-intro{padding-top:0;text-align:right}.digital-page.header-8 .digital-profile-frame{margin:-58px 0 18px auto;width:110px;height:110px;border-radius:0}.digital-page.header-9 .digital-intro{display:grid;grid-template-columns:85px minmax(0,1fr);gap:0 16px;text-align:left;padding-top:20px}.digital-page.header-9 .digital-profile-frame{grid-row:1/4;width:85px;height:110px;border-radius:8px;margin:0}.digital-page.header-9 .digital-intro h1{font-size:24px}.digital-page.header-9 .card-details{grid-column:1/-1}.digital-page.header-9 .digital-cover{height:150px}.digital-page.header-10 .digital-intro{text-align:left}.digital-page.header-10 .digital-profile-frame{margin:20px 0 18px;width:80px;height:100px;border-radius:0;box-shadow:none;border:0}.digital-page.header-10 .digital-intro h1{font-size:38px;font-weight:400;border-bottom:2px solid var(--page-accent);padding-bottom:14px}.digital-page.header-11 .cover-gallery{margin:16px;border-radius:22px}.digital-page.header-11 .digital-cover{height:175px}.digital-page.header-11 .digital-profile-frame{margin-top:-50px;border-radius:30px}.digital-page.header-12 .digital-profile-frame{clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);border-radius:0;width:110px;height:110px;margin-top:-55px}.digital-page.header-13 .cover-gallery{border-radius:0 0 50% 50% / 0 0 24% 24%}.digital-page.header-13 .digital-profile-frame{margin-top:-25px;border-radius:50%;outline:2px solid var(--page-accent);outline-offset:4px}.digital-page.header-14 .digital-intro{text-align:left}.digital-page.header-14 .digital-profile-frame{margin:-50px 0 20px auto;border-radius:0;width:100px;height:100px;box-shadow:7px 7px var(--page-accent)}.digital-page.header-14 .digital-intro h1{font-size:36px;font-weight:900;text-transform:uppercase}.digital-page.header-15 .digital-cover{height:330px}.digital-page.header-15 .digital-profile-frame{width:90px;height:125px;border-radius:45px;margin-top:-63px}.digital-page.header-16 .digital-cover{height:110px}.digital-page.header-16 .digital-profile-frame{margin:22px 0 16px;width:65px;height:65px;border-radius:0;box-shadow:none;border:0}.digital-page.header-16 .digital-intro{text-align:left;border-bottom:3px solid var(--page-accent)}.digital-page.header-17 .digital-intro{margin:-55px 20px 0;width:calc(100% - 40px);padding:20px 16px;background:var(--page-bg);border-radius:30px;box-shadow:0 12px 30px #0003}.digital-page.header-17 .digital-profile-frame{width:75px;height:75px;margin:0 auto 14px;border-radius:50%;outline:1px solid var(--page-accent);outline-offset:3px}.digital-page.header-18 .digital-cover{height:235px;mask-image:linear-gradient(#000 65%,transparent)}.digital-page.header-18 .digital-profile-frame{border-radius:46% 54% 66% 34% / 42% 42% 58% 58%;border:0;margin-top:-48px;box-shadow:none;width:105px;height:105px}.digital-page.header-19 .digital-cover{height:140px}.digital-page.header-19 .digital-profile-frame{width:145px;height:85px;border-radius:50%;margin:18px auto}.digital-page:has(.position-controls) .digital-profile-frame{margin-top:10px}

/* List layout affects both action links and menu/service entries. */
.digital-page[class*="list-"] .digital-items{display:block;padding:0}.digital-page[class*="list-"] .digital-links{display:grid;grid-template-columns:1fr;gap:10px;padding:0;counter-reset:links}.digital-page[class*="list-"] .digital-item{margin:0;border-radius:0;box-shadow:none;border:0;border-bottom:1px solid color-mix(in srgb,var(--page-text) 12%,transparent);background:transparent;padding:16px;display:flex;gap:12px}.digital-page[class*="list-"] .digital-item h3{font-size:14px;font-weight:600}.digital-page[class*="list-"] .digital-item strong{font-size:13px;color:var(--page-text)}.digital-page[class*="list-"] .digital-item:before{content:none}.digital-page .digital-links a .action-label{min-width:0;overflow-wrap:anywhere}.digital-page .digital-links a .action-label .ui-icon{flex:none}
.digital-page.list-1 .digital-item,.digital-page.list-1 .digital-links a{padding:18px;border:0;border-radius:12px;background:color-mix(in srgb,var(--page-text) 8%,var(--page-bg));box-shadow:0 3px 10px #0001}
.digital-page.list-2 .digital-item,.digital-page.list-2 .digital-links a{border:0;border-bottom:2px solid var(--page-accent);border-radius:0;background:transparent}
.digital-page.list-3 .digital-item,.digital-page.list-3 .digital-links a{padding:8px 12px;min-height:34px;font-size:12px}
.digital-page.list-4 .digital-item,.digital-page.list-4 .digital-links a{padding:28px 18px;min-height:78px}
.digital-page.list-5 .digital-item,.digital-page.list-5 .digital-links a{padding:16px;border:1px solid var(--page-accent);background:transparent;border-radius:0}
.digital-page.list-7 .digital-item,.digital-page.list-7 .digital-links a{border-radius:22px;padding:18px;background:color-mix(in srgb,var(--page-text) 7%,var(--page-bg))}
.digital-page.list-10 .digital-item,.digital-page.list-10 .digital-links a{margin:0 12px;width:calc(100% - 24px);padding:14px;background:color-mix(in srgb,var(--page-text) 5%,var(--page-bg))}
.digital-page.list-11 .digital-item,.digital-page.list-11 .digital-links a{border:0;border-left:4px solid var(--page-accent);border-radius:0;padding:15px}
.digital-page.list-12 .digital-item,.digital-page.list-12 .digital-links a{border:0;background:color-mix(in srgb,var(--page-accent) 18%,var(--page-bg));padding:18px;border-radius:10px}
.digital-page.list-13 .digital-item,.digital-page.list-13 .digital-links a{border-radius:40px;padding:16px 22px;border:1px solid var(--page-accent)}
.digital-page.list-17 .digital-item,.digital-page.list-17 .digital-links a{background:transparent;border:0;padding:10px 8px;min-height:40px}
.digital-page.list-18 .digital-item,.digital-page.list-18 .digital-links a{border:0;padding:18px;box-shadow:0 5px 14px #0003;border-radius:10px}
.digital-page.list-19 .digital-item,.digital-page.list-19 .digital-links a{border-radius:0;margin:0;width:100%;padding:18px 12px}
.digital-page.list-6 .digital-item:nth-child(even),.digital-page.list-6 .digital-links a:nth-child(even){background:color-mix(in srgb,var(--page-accent) 18%,var(--page-bg));border-radius:0}.digital-page.list-8 .digital-item strong{font-size:22px;color:var(--page-accent)}.digital-page.list-8 .digital-links a>span:last-child{font-size:25px;opacity:1;color:var(--page-accent)}.digital-page.list-9 .digital-item:before{counter-increment:items;content:counter(items,decimal-leading-zero);color:var(--page-accent);font-size:13px}.digital-page.list-9 .digital-links a:before{counter-increment:links;content:counter(links,decimal-leading-zero);color:var(--page-accent);margin-right:12px}.digital-page.list-9 .digital-links a .action-label{margin-right:auto}.digital-page.list-14 .digital-item h3,.digital-page.list-14 .digital-links a{font-family:var(--title-font);font-size:22px}.digital-page.list-15 .digital-links{grid-template-columns:repeat(2,minmax(0,1fr))}.digital-page.list-15 .digital-links a{flex-direction:column;align-items:flex-start;gap:12px;padding:14px;min-height:100px}.digital-page.list-15 .digital-links .action-label{flex-direction:column;align-items:flex-start}.digital-page.list-15 .item-category[open]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.digital-page.list-15 .item-category>summary{grid-column:1/-1}.digital-page.list-15 .digital-item{display:block;border:1px solid color-mix(in srgb,var(--page-text) 10%,transparent);padding:14px}.digital-page.list-15 .digital-item strong{display:block;margin-top:10px}.digital-page.list-16 .digital-item h3,.digital-page.list-16 .digital-links a{font-weight:900;font-size:17px}.digital-page.list-19 .digital-body{padding-left:10px;padding-right:10px}
.digital-page.button-0 .digital-primary,.digital-page.button-0 .digital-links a{border-radius:10px}
.digital-page.button-1 .digital-primary,.digital-page.button-1 .digital-links a{border-radius:40px}
.digital-page.button-2 .digital-primary,.digital-page.button-2 .digital-links a{border-radius:0}
.digital-page.button-3 .digital-primary,.digital-page.button-3 .digital-links a{background:transparent;border:1px solid var(--page-accent);color:var(--page-accent)}
.digital-page.button-4 .digital-primary,.digital-page.button-4 .digital-links a{background:color-mix(in srgb,var(--page-accent) 18%,var(--page-bg));border:0;color:var(--page-text)}
.digital-page.button-5 .digital-primary,.digital-page.button-5 .digital-links a{background:transparent;border:0;border-bottom:1px solid var(--page-accent);color:var(--page-text);border-radius:0}
.digital-page.button-6 .digital-primary,.digital-page.button-6 .digital-links a{padding:20px 24px;letter-spacing:.08em}
.digital-page.button-7 .digital-primary,.digital-page.button-7 .digital-links a{padding:8px 12px;min-height:34px;font-size:12px}
.digital-page.button-8 .digital-primary,.digital-page.button-8 .digital-links a{box-shadow:0 5px 0 color-mix(in srgb,var(--page-accent) 55%,black);border:1px solid var(--page-accent)}
.digital-page.button-9 .digital-primary,.digital-page.button-9 .digital-links a{box-shadow:inset 0 2px 7px #0005;border:1px solid color-mix(in srgb,var(--page-text) 20%,transparent)}
.digital-page.button-10 .digital-primary,.digital-page.button-10 .digital-links a{font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.digital-page.button-11 .digital-primary,.digital-page.button-11 .digital-links a{border:1px solid color-mix(in srgb,var(--page-text) 35%,transparent);background:transparent;color:var(--page-text)}
.digital-page.button-12 .digital-primary,.digital-page.button-12 .digital-links a{border:0;border-left:5px solid var(--page-accent);border-radius:0}
.digital-page.button-13 .digital-primary,.digital-page.button-13 .digital-links a{padding:12px 0;background:transparent;border:0;color:var(--page-text);box-shadow:none}
.digital-page.button-14 .digital-primary,.digital-page.button-14 .digital-links a{padding:23px 18px;font-size:17px;min-height:65px}
.digital-page.button-15 .digital-primary,.digital-page.button-15 .digital-links a{border:1px dashed var(--page-accent);background:transparent;color:var(--page-text)}
.digital-page.button-16 .digital-primary,.digital-page.button-16 .digital-links a{background:linear-gradient(120deg,var(--page-accent),color-mix(in srgb,var(--page-accent) 65%,var(--page-text)));color:var(--page-bg);border:0}
.digital-page.button-17 .digital-primary,.digital-page.button-17 .digital-links a{border-radius:3px;box-shadow:none;border:0}
.digital-page.button-18 .digital-primary,.digital-page.button-18 .digital-links a{border-radius:40px;border:1px solid var(--page-accent);background:transparent;color:var(--page-accent)}
.digital-page.button-19 .digital-primary,.digital-page.button-19 .digital-links a{background:var(--page-text);color:var(--page-bg);border:0}

/* Visible themed environments; the same backgrounds render in the choice cards. */
.digital-page[class*="bg-"]{background-color:var(--page-bg);border:0;background-size:auto;background-repeat:repeat;--tint:color-mix(in srgb,var(--page-accent) 32%,transparent);--light-tint:color-mix(in srgb,var(--page-accent) 15%,transparent)}
.digital-page.bg-0{background-image:none}
.digital-page.bg-1{background-image:radial-gradient(ellipse at 15% 15%,var(--tint),transparent 52%),radial-gradient(ellipse at 100% 70%,var(--light-tint),transparent 60%)}
.digital-page.bg-2{background-image:linear-gradient(175deg,var(--tint),transparent 48%),repeating-linear-gradient(175deg,transparent 0 120px,var(--light-tint) 123px 140px,transparent 143px 210px)}
.digital-page.bg-3{background-image:radial-gradient(ellipse at 115% 75%,var(--tint) 0 35%,transparent 35.4%),radial-gradient(ellipse at -25% 110%,var(--light-tint) 0 60%,transparent 60.5%),linear-gradient(150deg,var(--light-tint),transparent)}
.digital-page.bg-4{background-image:radial-gradient(ellipse at 0% 15%,var(--tint) 0 12%,transparent 12.4%),radial-gradient(ellipse at 100% 35%,var(--light-tint) 0 18%,transparent 18.4%),radial-gradient(ellipse at 0% 80%,var(--light-tint) 0 18%,transparent 18.4%)}
.digital-page.bg-5{background-image:repeating-radial-gradient(ellipse at 0 0,transparent 0 30px,var(--light-tint) 31px 33px,transparent 34px 60px);background-size:150px 230px}
.digital-page.bg-6{background-image:linear-gradient(150deg,transparent 55%,var(--light-tint) 55.2% 70%,transparent 70.2%),linear-gradient(215deg,transparent 50%,var(--tint) 50.2% 65%,transparent 65.2%);background-size:100% 480px}
.digital-page.bg-7{background-image:radial-gradient(ellipse at 0 25%,var(--tint),transparent 40%),radial-gradient(ellipse at 100% 55%,var(--tint),transparent 45%),radial-gradient(ellipse at 20% 95%,var(--light-tint),transparent 35%)}
.digital-page.bg-8{background-image:linear-gradient(var(--light-tint) 1px,transparent 1px),linear-gradient(90deg,var(--light-tint) 1px,transparent 1px);background-size:28px 28px}
.digital-page.bg-9{background-image:linear-gradient(115deg,transparent 10%,var(--tint) 25%,transparent 40%,var(--light-tint) 55%,transparent 75%),radial-gradient(at 50% 0%,var(--tint),transparent 65%)}
.digital-page.bg-10{background-image:repeating-linear-gradient(100deg,transparent 0,var(--tint) 30px,transparent 65px);background-size:100% 100%}
.digital-page.bg-11{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.13' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(120deg,var(--light-tint),transparent)}
.digital-page.bg-12{background-image:radial-gradient(circle at 20% 30%,var(--page-accent) 1px,transparent 2px),radial-gradient(circle at 75% 60%,var(--tint) 2px,transparent 3px),radial-gradient(ellipse at top,var(--tint),transparent 60%);background-size:65px 95px,105px 130px,100% 100%}
.digital-page.bg-13{background-image:linear-gradient(90deg,var(--light-tint) 10%,transparent 10% 90%,var(--light-tint) 90%),linear-gradient(transparent 30%,var(--tint) 30% 32%,transparent 32% 70%,var(--light-tint) 70% 80%,transparent 80%)}
.digital-page.bg-14{background-image:repeating-linear-gradient(135deg,transparent 0,var(--tint) 80px,transparent 160px);background-size:100% 100%}
.digital-page.bg-15{background-image:repeating-linear-gradient(0deg,transparent 0 3px,var(--light-tint) 3px 4px),repeating-linear-gradient(90deg,transparent 0 5px,var(--light-tint) 5px 6px)}
.digital-page.bg-16{background-image:conic-gradient(from 155deg at 15% 0%,transparent 0deg,var(--tint) 12deg,transparent 25deg),conic-gradient(from 175deg at 90% 0%,transparent 0deg,var(--tint) 15deg,transparent 30deg)}
.digital-page.bg-17{background-image:linear-gradient(var(--light-tint),var(--light-tint));box-shadow:inset 0 0 0 8px var(--page-bg),inset 0 0 0 10px var(--page-accent)}
.digital-page.bg-18{background-image:linear-gradient(transparent 25%,var(--light-tint) 45%,var(--tint) 48%,var(--light-tint) 52%,transparent 80%);background-size:100% 600px}
.digital-page.bg-19{background-image:linear-gradient(115deg,transparent 0 45%,var(--tint) 45% 70%,var(--light-tint) 70%)}
.theme-sample[class*="bg-"]{background-size:cover}.theme-sample.bg-8{background-size:16px 16px}.theme-sample.bg-12{background-size:40px 50px,60px 70px,100% 100%}
@media(max-width:760px){
body:has(.builder-page) .site-header{display:none}.builder-page{padding-top:0}.mobile-editor-dock{position:sticky;top:0;z-index:20;margin:0 -14px 25px;padding:10px 14px 0;background:#071725f5;backdrop-filter:blur(16px);border-bottom:1px solid #294351}.mobile-preview-trigger{position:relative;display:flex;align-items:center;gap:15px;padding:10px 16px;border:1px solid #335360;border-radius:16px;background:#0d2432;cursor:pointer;min-height:94px}.builder-page .mobile-editor-dock .steps{margin:0;max-width:none;padding:13px 0 10px;gap:4px}.builder-page .mobile-editor-dock .steps button{font-size:10px}.builder-page .mobile-editor-dock .steps b{width:23px;height:23px;font-size:10px;margin-bottom:5px}.builder-page .mobile-editor-dock .steps:before{top:25px}.builder-page #mobile-preview{display:none}.builder-page .draft-controls #saved{flex-basis:auto;margin-left:auto}.builder-page .draft-controls{justify-content:space-between}.builder-page .builder-title h1{font-size:25px}.preset-choices{gap:8px}.preset-choice{padding:6px;border-radius:10px}.preset-choice.active{padding:5px}.preset-choice>strong{font-size:11px}.preset-choice>small{font-size:9px}.sample-preset{height:132px}.sample-preset .sample-canvas{transform:scale(.23)}.choice-track.expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-track .design-choice{flex-basis:145px}.studio-section-heading h3{font-size:13px}.studio-section-heading button{font-size:10px}.studio-section{padding:18px 0}.builder-preview.preview-is-open{padding:14px 18px}.builder-preview .phone-frame{height:calc(100dvh - 137px);max-height:780px}.preview-toolbar{margin-bottom:10px}.preview-options{margin-bottom:12px}.builder-preview:has(.preview-hint) .phone-frame{height:calc(100dvh - 185px)}.builder-page .builder-footer{z-index:21}.terms-scrollbox{height:245px;padding:14px}.terms-consent-heading strong{font-size:14px}.terms-consent-heading a{font-size:10px}
.goal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.goal-grid .goal{min-height:285px;padding:19px 14px 48px;border-radius:19px}.goal-grid .goal h3{font-size:19px;line-height:1.2;min-height:46px;margin:9px 0}.goal-grid .goal small{font-size:8px}.goal-grid .goal p{font-size:11px;line-height:1.5;min-height:50px}.goal-grid .goal .goal-products{height:118px!important;min-height:118px;margin:8px auto 4px}.goal-grid .goal .goal-products img{width:62%!important;height:105px!important}.goal-grid .goal.card .goal-products img{width:73%!important;height:95px!important}.goal-grid .goal.keychain .goal-products img{width:60%!important;height:107px!important}.goal-grid .goal .arrow{left:14px;bottom:15px;width:25px;height:25px;line-height:22px}.goal-grid .goal .label{display:none}
}
@media(min-width:761px){.mobile-editor-dock .steps{margin-inline:auto}.mobile-preview-trigger{display:none}}
.design-render .sample-canvas{transform:scale(var(--sample-scale,.36))}.sample-preset{height:auto;aspect-ratio:.65}.sample-header{height:auto;aspect-ratio:.7}.sample-list,.sample-button{height:auto;aspect-ratio:.95}
@supports selector(::-webkit-scrollbar){.terms-scrollbox{scrollbar-color:auto}}
.builder-page .terms-consent>.check{padding:10px 0 16px;margin-bottom:10px}

/* Illustrated theme motifs: coast, dunes, foliage, art-deco arches and mountain silhouettes. */
.digital-page.bg-2{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22360%22%20height%3D%22240%22%20viewBox%3D%220%200%20360%20240%22%3E%3Cpath%20d%3D%22M0%2070Q90%2030%20180%2070T360%2070V240H0Z%22%20fill%3D%22%2365a6a8%22%20opacity%3D%22.13%22/%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2365a6a8%22%20stroke-width%3D%222%22%20opacity%3D%22.25%22%3E%3Cpath%20d%3D%22M0%2095Q90%2055%20180%2095T360%2095M0%20120Q90%2080%20180%20120T360%20120M0%20145Q90%20105%20180%20145T360%20145%22/%3E%3C/g%3E%3C/svg%3E");background-size:100% auto;background-repeat:repeat-y}
.digital-page.bg-3{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22360%22%20height%3D%22240%22%20viewBox%3D%220%200%20360%20240%22%3E%3Ccircle%20cx%3D%22285%22%20cy%3D%2248%22%20r%3D%2230%22%20fill%3D%22%23c79865%22%20opacity%3D%22.22%22/%3E%3Cpath%20d%3D%22M0%20120Q90%2050%20210%20140T360%20115V240H0Z%22%20fill%3D%22%23c79865%22%20opacity%3D%22.15%22/%3E%3Cpath%20d%3D%22M0%20190Q130%2080%20360%20170V240H0Z%22%20fill%3D%22%23aa8057%22%20opacity%3D%22.16%22/%3E%3C/svg%3E");background-size:100% auto;background-repeat:repeat-y}
.digital-page.bg-4{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22360%22%20height%3D%22240%22%20viewBox%3D%220%200%20360%20240%22%3E%3Cg%20fill%3D%22%2370977b%22%20opacity%3D%22.23%22%3E%3Cpath%20d%3D%22M18%20240Q65%20125%2012%200%22%20fill%3D%22none%22%20stroke%3D%22%2370977b%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M29%2070Q-15%2055%200%2018Q42%2031%2029%2070M34%20100Q88%2067%2074%2030Q33%2043%2034%20100M41%20145Q-5%20130%200%2089Q45%20101%2041%20145M35%20185Q91%20168%2090%20120Q44%20128%2035%20185M330%20110Q290%2075%20313%2038Q352%2062%20330%20110M336%20155Q382%20130%20358%2090Q330%20109%20336%20155M330%20212Q286%20198%20297%20158Q339%20174%20330%20212%22/%3E%3Cpath%20d%3D%22M350%20240Q320%20140%20330%2020%22%20fill%3D%22none%22%20stroke%3D%22%2370977b%22%20stroke-width%3D%222%22/%3E%3C/g%3E%3C/svg%3E");background-size:100% auto;background-repeat:repeat-y}
.digital-page.bg-5{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22360%22%20height%3D%22240%22%20viewBox%3D%220%200%20360%20240%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23b7a077%22%20opacity%3D%22.25%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M0%20240V90Q0%200%2090%200T180%2090V240M20%20240V90Q20%2020%2090%2020T160%2090V240M40%20240V90Q40%2040%2090%2040T140%2090V240M180%20240V90Q180%200%20270%200T360%2090V240M200%20240V90Q200%2020%20270%2020T340%2090V240M220%20240V90Q220%2040%20270%2040T320%2090V240%22/%3E%3C/g%3E%3C/svg%3E");background-size:100% auto;background-repeat:repeat-y}
.digital-page.bg-6{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22360%22%20height%3D%22240%22%20viewBox%3D%220%200%20360%20240%22%3E%3Cpath%20d%3D%22m0%20180%2085-130%20110%20150%2065-110%20100%20100v50H0Z%22%20fill%3D%22%2373968d%22%20opacity%3D%22.18%22/%3E%3Cpath%20d%3D%22m0%20215%20135-125%20105%20130%2080-80%2040%2075v25H0Z%22%20fill%3D%22%2373968d%22%20opacity%3D%22.2%22/%3E%3Cpath%20d%3D%22m65%2080%2020-30%2022%2030-24-11Z%22%20fill%3D%22%23afc0b8%22%20opacity%3D%22.3%22/%3E%3C/svg%3E");background-size:100% auto;background-repeat:repeat-y}
.digital-page.bg-12{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22360%22%20height%3D%22240%22%20viewBox%3D%220%200%20360%20240%22%3E%3Cg%20fill%3D%22%23bead7b%22%20opacity%3D%22.35%22%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%2244%22%20r%3D%222%22/%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%22110%22%20r%3D%222%22/%3E%3Ccircle%20cx%3D%22230%22%20cy%3D%22200%22%20r%3D%222%22/%3E%3Cpath%20d%3D%22m90%2035%202%208%208%202-8%202-2%208-2-8-8-2%208-2Zm215%20120%202%208%208%202-8%202-2%208-2-8-8-2%208-2Z%22/%3E%3Cpath%20d%3D%22M175%2023a27%2027%200%201%200%2025%2040%2026%2026%200%200%201-25-40%22/%3E%3C/g%3E%3C/svg%3E");background-size:100% auto;background-repeat:repeat-y}
.theme-sample.bg-2,.theme-sample.bg-3,.theme-sample.bg-4,.theme-sample.bg-5,.theme-sample.bg-6,.theme-sample.bg-12{background-size:cover}
/* The user's original 454 × 880 PNG is the frame; its pixels are never regenerated. */
.phone-filter-defs{position:absolute;pointer-events:none;overflow:hidden}
.builder-preview .phone-frame,.demo-preview-shell .phone-frame{--phone-available-height:min(700px,calc(100dvh - 220px));position:relative;width:min(365px,calc(var(--phone-available-height)*.515909));max-width:100%;height:auto!important;max-height:none!important;min-height:0!important;aspect-ratio:454/880;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;margin-inline:auto;isolation:isolate}
.phone-frame:before,.phone-frame:after,.phone-frame .phone-screen:after,.mini-phone:after{content:none!important}
.phone-frame .phone-screen,.mini-phone .mini-screen{position:absolute;left:7.05%;top:2.5%;width:84.8%;height:94.43%;border-radius:16% / 7.5%;overflow-x:hidden;overflow-y:auto;background:#fff;z-index:1}
.phone-artwork{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain;z-index:5;pointer-events:none;user-select:none;filter:url(#phone-ink);clip-path:inset(1% 3% 1% 3%)}
.mini-phone{position:relative;width:42px;height:auto;aspect-ratio:454/880;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;isolation:isolate}
.mini-phone .mini-screen{overflow:hidden}.mini-phone #mini-preview{width:360px;transform:scale(.09893);transform-origin:top left}
.demo-preview-shell .phone-frame{--phone-available-height:calc(100dvh - 165px)}
@media(max-width:760px){.builder-preview .phone-frame{--phone-available-height:calc(100dvh - 145px);flex:0 0 auto}.builder-preview:has(.preview-hint) .phone-frame{--phone-available-height:calc(100dvh - 195px)}}

/* Purchase recovery and the editor's final review. */
.slug-input{display:flex;align-items:center;gap:0;min-width:0;width:100%;border:1px solid #355365;border-radius:10px;background:#081725;padding-left:12px;overflow:hidden}.slug-input>span{flex:none;font-size:13px;color:#6cded9;white-space:nowrap}.slug-input input,.builder-page .slug-input input{border:0!important;background:transparent!important;box-shadow:none;outline:none;min-width:0;width:100%;padding-left:2px!important;font-size:14px}.slug-input:focus-within{outline:2px solid var(--cyan);outline-offset:2px}.purchase-heading{margin:28px 0 35px}.purchase-heading h1{font-size:clamp(25px,4vw,42px);margin:10px 0}.purchase-heading p{font-size:13px}.purchase-heading p span{color:var(--cyan);padding:0 10px}.draft-conflict-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.draft-conflict-grid>section{padding:24px;border:1px solid #294857;border-radius:20px;background:#0c2230}.conflict-card{min-height:230px}.conflict-card img{width:70px;height:70px;object-fit:cover;border-radius:14px;margin-bottom:15px}.conflict-card small{display:block;margin-bottom:20px}.draft-conflict-grid .button{width:100%;white-space:normal}.payment-pending{max-width:680px;margin:35px auto}.payment-pending h1{font-size:32px;margin:15px 0}.payment-reference{font-size:12px;overflow-wrap:anywhere;color:#8ba8b7}
.digital-page .digital-intro h1{word-break:normal;overflow-wrap:normal;hyphens:none;text-wrap:balance;min-width:0;max-width:100%}
.preset-choices.choice-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 3px 14px}.preset-choices.choice-track>.preset-choice{flex:0 0 200px;scroll-snap-align:start;min-width:0}.preset-choices.choice-track.expanded{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.preset-choices .sample-preset{height:242px}.preset-choices .preset-choice>strong{font-size:15px}.preset-choices .preset-choice>small{font-size:11px;line-height:1.5}.preset-choices .sample-canvas{transform:scale(var(--sample-scale,.48))}.preset-section{padding-top:0}
.mobile-preview-trigger[hidden],#mobile-preview[hidden]{display:none!important}.builder-grid.review-layout{display:block;max-width:760px;margin:auto}.review-inline.builder-preview{position:relative;top:auto;max-width:none;width:100%;display:block!important;margin:20px 0 30px;padding:24px;border:1px solid #294857;border-radius:22px;background:#0b2130}.review-inline .phone-frame{--phone-available-height:700px}.review-inline .preview-close{display:none!important}.review-inline .preview-caption{margin-bottom:0}.review-layout .builder-title{text-align:center}.review-inline .preview-toolbar .eyebrow{display:none}
/* A footer in the app shell: it occupies its own row, never covers page content. */
body.has-demo-footer{height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding-bottom:0}body.has-demo-footer #app{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable}body.has-demo-footer .demo-bar{position:sticky;inset:auto;bottom:0;flex:0 0 auto;width:100%;max-width:none;margin:0;padding:12px max(16px,calc((100vw - 1160px)/2));border:0;border-top:1px solid #356170;border-radius:0;background:#0b2635;box-shadow:none;transform:none;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-time small{font-size:10px;letter-spacing:.07em}.demo-time b{display:block;font-size:25px;color:var(--cyan);font-variant-numeric:tabular-nums;line-height:1.3}.demo-bar .actions{gap:8px}.demo-fullscreen{width:100%;min-height:100%;background:#fff}.demo-fullscreen .digital-page{width:100%;max-width:none;min-height:100%}
@media(min-width:761px){.demo-fullscreen .digital-intro,.demo-fullscreen .digital-body{max-width:760px;margin-inline:auto}.demo-fullscreen .digital-cover{height:360px}}
@media(max-width:760px){
 .draft-conflict-grid{grid-template-columns:1fr}.conflict-card{min-height:0}.draft-conflict-grid>section{padding:20px}.slug-input{padding-left:9px}.slug-input>span{font-size:12px}.builder-page .slug-input input{font-size:13px}.purchase-heading{margin-bottom:20px}.purchase-heading p{font-size:11px;line-height:1.8}.purchase-heading p span{padding:0 5px}
 .preset-choices.choice-track>.preset-choice{flex-basis:180px;padding:10px}.preset-choices .preset-choice>strong{font-size:14px}.preset-choices .preset-choice>small{font-size:11px}.preset-choices .sample-preset{height:210px}.preset-choices.choice-track.expanded{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preset-choices.choice-track.expanded>.preset-choice{padding:7px}.preset-choices.choice-track.expanded .sample-preset{height:170px}
 .review-inline.builder-preview{margin:18px 0 25px;padding:16px 10px}.review-inline .phone-frame{--phone-available-height:min(720px,calc(100dvh - 170px))}.review-inline .preview-toolbar,.review-inline .preview-options{padding-inline:8px}.review-inline .preview-toolbar strong{font-size:15px}
 .builder-preview.preview-is-open{position:fixed;inset:0;z-index:80;max-width:none;width:100%;height:100dvh;padding:0!important;margin:0;background:#071524;display:block;overflow:hidden;border:0;border-radius:0}.builder-preview.preview-is-open .phone-frame{position:absolute;inset:0;width:100%!important;max-width:none;height:100%!important;aspect-ratio:auto;margin:0!important}.builder-preview.preview-is-open .phone-screen{position:absolute;inset:0;width:100%;height:100%;border-radius:0;background:transparent;scrollbar-width:thin}.builder-preview.preview-is-open .phone-artwork{display:none}.builder-preview.preview-is-open .preview-toolbar{position:absolute;top:0;left:0;right:0;z-index:4;margin:0;padding:calc(12px + env(safe-area-inset-top)) 16px 42px;background:linear-gradient(#071524f2,#071524dc);backdrop-filter:blur(12px);color:#eaf6ff}.builder-preview.preview-is-open .preview-toolbar strong{font-size:16px}.builder-preview.preview-is-open .preview-toolbar .eyebrow{font-size:9px}.builder-preview.preview-is-open .preview-close{display:grid;place-items:center;flex:none;width:38px;height:38px;font-size:25px}.builder-preview.preview-is-open .preview-options{position:absolute;top:calc(65px + env(safe-area-inset-top));left:16px;right:16px;z-index:5;align-items:center;margin:0;color:#c0d4df;font-size:10px}.builder-preview.preview-is-open .preview-options .button{min-height:32px;padding:7px 10px;font-size:10px}.builder-preview.preview-is-open .preview-caption{display:none}.builder-preview.preview-is-open .preview-hint{position:absolute;top:105px;left:12px;right:12px;z-index:5}.builder-preview.preview-is-open .digital-cover{height:270px}.builder-preview.preview-is-open .phone-screen>.digital-page{padding-top:100px}.builder-preview.preview-is-open .digital-intro h1{font-size:32px}
 body.has-demo-footer:has(.bottom-nav){padding-bottom:66px}body.has-demo-footer .bottom-nav{height:66px;min-height:66px;padding:8px 0;z-index:110}.demo-bar .button{min-height:38px;padding:9px 11px;font-size:11px}.demo-bar .actions{gap:5px}.demo-time small{font-size:8px}.demo-time b{font-size:23px}.demo-bar{padding:10px 12px!important}.has-demo-footer .builder-preview.preview-is-open{height:calc(100dvh - 72px)}.has-demo-footer:has(.bottom-nav) .builder-preview.preview-is-open{height:calc(100dvh - 138px)}
}
@media(max-width:360px){.demo-bar .button{padding:9px 8px;font-size:10px}.demo-time small{font-size:7px}.preset-choices.choice-track.expanded .sample-preset{height:145px}}