@import"../wall-preview.css";body{color-scheme:light;--brand-black: #000000;--brand-white: #ffffff;--brand-orange: #ff5900;--brand-navy: #001a3f;--brand-plum: #2f0024;--brand-lime: #afff87;--brand-gold: #fce562;--brand-pink: #ffc5cf;--paper: #fcf0e1;--paper-strong: #fff8ef;--panel: rgba(255, 248, 239, .9);--line: rgba(47, 0, 36, .14);--line-strong: rgba(47, 0, 36, .28);--ink: var(--brand-navy);--muted: #58667a;--accent: var(--brand-orange);--accent-secondary: var(--brand-plum);--selection: var(--brand-navy);--weight-body: 600;--weight-supporting: 600;--weight-label: 700;--weight-title: 900;--weight-action: 800;--shadow: 0 26px 60px rgba(1, 26, 62, .09);--grid: rgba(1, 26, 62, .055);--create-topbar-space-expanded: 7.4rem;--create-topbar-space-collapsed: .9rem;--create-topbar-space: var(--create-topbar-space-expanded);min-height:100vh;color:var(--ink);background:radial-gradient(circle at top left,rgba(255,88,0,.08),transparent 28%),radial-gradient(circle at 92% 12%,rgba(48,0,35,.055),transparent 24%),linear-gradient(180deg,var(--paper-strong) 0%,var(--paper) 48%,#eee7dc 100%)}:where(body.create-page).create-topbar-collapsed:not(.create-topbar-expanded){--create-topbar-space: var(--create-topbar-space-collapsed)}:where(body.create-page) [data-site-topbar]{overflow:clip;transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,border-color .22s ease}:where(body.create-page).create-topbar-collapsed:not(.create-topbar-expanded) [data-site-topbar]{transform:translateY(calc(-100% + .55rem));box-shadow:none}:where(body.create-page).create-topbar-collapsed:not(.create-topbar-expanded) [data-site-topbar]>*{opacity:0;transform:translateY(-.35rem);pointer-events:none;transition:opacity .16s ease,transform .16s ease}:where(body.create-page) [data-site-topbar]:after{content:"";position:absolute;left:50%;bottom:.16rem;width:4.5rem;height:.18rem;border-radius:999px;background:#201c1829;transform:translate(-50%);opacity:0;transition:opacity .18s ease}:where(body.create-page).create-topbar-collapsed:not(.create-topbar-expanded) [data-site-topbar]:after{opacity:1}:where(body.create-page).create-topbar-expanded [data-site-topbar],:where(body.create-page) [data-site-topbar]:hover,:where(body.create-page) [data-site-topbar]:focus-within{transform:translateY(0)}:where(body.create-page).create-topbar-expanded [data-site-topbar]>*,:where(body.create-page) [data-site-topbar]:hover>*,:where(body.create-page) [data-site-topbar]:focus-within>*{opacity:1;transform:translateY(0);pointer-events:auto}:where(body.create-page)>header{display:none}:where(body.create-page) main{width:calc(100% - 3rem);margin:0 auto}:where(body.create-page) button{padding:.42rem .85rem;border-radius:999px;border:1px solid var(--line-strong);font:inherit;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}:where(body.create-page) #login-btn:not(.strava-connect-button),:where(body.create-page) #export-print-btn,:where(body.create-page) .create-flow-btn-primary{background:linear-gradient(180deg,#232120,#2f2a24);border-color:#232120;color:#f4f1ea}:where(body.create-page) #login-btn:not(.strava-connect-button){background:linear-gradient(180deg,#2b50c8,#2445ab);border-color:#2b50c8;box-shadow:0 16px 34px #2b50c83d}:where(body.create-page) #logout-btn,:where(body.create-page) #change-mode-btn,:where(body.create-page) .debug-btn,:where(body.create-page) #template-actions button,:where(body.create-page) .create-flow-btn,:where(body.create-page) .buy-flow-secondary-btn{background:#ffffff94;color:var(--ink)}:where(body.create-page) #change-mode-btn{color:var(--muted)}:where(body.create-page) #change-mode-btn:hover,:where(body.create-page) #logout-btn:hover,:where(body.create-page) .debug-btn:hover,:where(body.create-page) #template-actions button:hover,:where(body.create-page) .create-flow-btn:hover,:where(body.create-page) .buy-flow-secondary-btn:hover{background:#1a1917;border-color:#1a1917;color:#f4f1ea}:where(body.create-page) #login-btn:not(.strava-connect-button):hover{background:linear-gradient(180deg,#8fa6ee,#3a5bd6);box-shadow:0 18px 38px #2b50c847}:where(body.create-page) .blob-btn--order{--blob-btn-ink: #1a1917;--blob-btn-surface: #faf6ec;--blob-btn-blob: #2b50c8;--blob-btn-hover-ink: #1a1917;--blob-btn-shadow: 0 22px 46px rgba(43, 80, 200, .32);width:100%;min-height:4.15rem;padding:1.05rem 1.5rem;border:0;background:transparent;color:var(--blob-btn-ink);font-size:1.04rem;font-weight:800;letter-spacing:.14em;box-shadow:none}:where(body.create-page) .blob-btn--order:before{border-color:var(--brand-orange)}:where(body.create-page) .blob-btn--order:after{background:#2b50c814}:where(body.create-page) main{padding:1rem 0 2rem;gap:1.5rem}:where(body.create-page) #status{display:none}:where(body.create-page) #status.status-gift{color:#655745;border-color:#8d816e52;background:#8d816e24;box-shadow:none}:where(body.create-page) #status.status-personal{color:var(--ink);border-color:#201c182e;background:#201c1814}:where(body.create-page) #auth-controls{gap:.45rem;padding-bottom:.1rem}:where(body.create-page) #auth-controls .strava-connect-button{filter:drop-shadow(0 14px 22px rgba(43,80,200,.2))}:where(body.create-page) .strava-connect-button img{width:214px;max-width:min(214px,100%)}:where(body.create-page) #auth-action-row{gap:.45rem;justify-content:flex-start}:where(body.create-page) #layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:1.5rem}:where(body.create-page) #sidebar{gap:1.1rem;top:calc(var(--create-topbar-space) + .5rem);max-height:calc(100vh - var(--create-topbar-space) - 1.75rem);padding-right:.2rem;transition:top .22s ease,max-height .22s ease}:where(body.create-page) #canvas-and-data{gap:1.25rem}:where(body.create-page) .data-use-summary{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:.7rem;min-width:0;padding:.75rem .85rem;border:1px solid rgba(43,80,200,.2);border-radius:18px;background:radial-gradient(circle at top left,rgba(43,80,200,.13),transparent 42%),#fffcf7e6;box-shadow:0 10px 24px #201c1812}:where(body.create-page) .data-use-summary[hidden]{display:none}:where(body.create-page) .data-use-summary-marker{display:grid;width:2rem;height:2rem;place-items:center;border-radius:999px;background:var(--accent-blue, #2b50c8);color:#fff;font-size:1rem;line-height:1;box-shadow:0 8px 18px #2b50c833}:where(body.create-page) .data-use-summary-copy{min-width:0}:where(body.create-page) .data-use-summary h2{margin:0;color:var(--brand-orange);font-size:clamp(.9rem,1.2vw,1.05rem);font-weight:650;line-height:1.2}:where(body.create-page) #data-use-summary-text{margin:.3rem 0 0;color:var(--muted);font-size:.8rem;line-height:1.42}@media(min-width:1180px){:where(body.create-page) #layout{grid-template-columns:minmax(620px,min(49vw,940px)) minmax(360px,min(42vw,58rem));justify-content:center}:where(body.create-page) #sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto minmax(min-content,1fr) auto;align-content:start;align-items:start}:where(body.create-page) #sidebar>section,:where(body.create-page) #sidebar>div,:where(body.create-page) #sidebar>nav{min-width:0}:where(body.create-page) .studio-navigation,:where(body.create-page) .studio-step-panel,:where(body.create-page) .desktop-contextual-footer{grid-column:1 / -1}:where(body.create-page) .studio-navigation{grid-row:1}:where(body.create-page) .studio-step-panel{grid-row:2}:where(body.create-page) .desktop-contextual-footer{grid-row:3}:where(body.create-page) #activity-panel{display:grid;grid-template-columns:minmax(14rem,.72fr) minmax(0,1px) minmax(0,1fr);gap:.9rem 1.25rem;align-items:start}:where(body.create-page) #activity-panel[hidden]{display:none}:where(body.create-page) #recommendations-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;align-items:start}:where(body.create-page) #recommendations-panel[hidden]{display:none}:where(body.create-page) #colour-panel,:where(body.create-page) #text-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:1.1rem;align-items:start}:where(body.create-page) #colour-panel[hidden],:where(body.create-page) #text-panel[hidden]{display:none}:where(body.create-page) #order-print-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:1.1rem;align-items:start}:where(body.create-page) #order-print-panel[hidden]{display:none}:where(body.create-page) .order-print-sizes{grid-template-columns:repeat(2,minmax(0,1fr))}:where(body.create-page) #advanced-customisation-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;align-items:start}:where(body.create-page) #advanced-customisation-panel[hidden]{display:none}:where(body.create-page) #customization-grid{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr);gap:1.1rem;align-items:start;min-width:0}:where(body.create-page) #customization-side-column{display:contents}:where(body.create-page) #customization-grid>#template-section,:where(body.create-page) #customization-grid>#data-section,:where(body.create-page) #customization-side-column>section,:where(body.create-page) #advanced-customisation-panel>#effects-section,:where(body.create-page) #advanced-customisation-panel>.advanced-order-action{grid-column:1 / -1;width:100%;min-width:0;box-sizing:border-box}:where(body.create-page) #template-section-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}:where(body.create-page) #template-section-toggle>h2,:where(body.create-page) #template-section-toggle>.recommendation-debug-tools,:where(body.create-page) #template-section-toggle>#template-picker,:where(body.create-page) #template-section-toggle>#template-helper-card{grid-column:1 / -1}:where(body.create-page) #data-section-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}:where(body.create-page) #data-section-panel>h2,:where(body.create-page) #data-section-panel>.section-intro,:where(body.create-page) #data-section-panel>#template-info-slot,:where(body.create-page) #data-section-panel>#template-controls,:where(body.create-page) #data-section-panel>#template-actions{grid-column:1 / -1}:where(body.create-page) #aspect-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem}:where(body.create-page) #aspect-section>h2{grid-column:1 / -1}:where(body.create-page) #overlay-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem}:where(body.create-page) #overlay-controls>.overlay-controls-group{grid-column:1 / -1}:where(body.create-page) #overlay-controls .control-block:first-child{margin-bottom:0}:where(body.create-page) #advanced-customisation-panel .template-controls-grid,:where(body.create-page) #advanced-customisation-panel .effects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:where(body.create-page).photo-route-template-active #template-controls .template-controls-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem .6rem}:where(body.create-page) #data-controls,:where(body.create-page) #activity-actions-section,:where(body.create-page) #cool-designs-section,:where(body.create-page) #quick-actions-section,:where(body.create-page) #colour-actions-section,:where(body.create-page) #text-actions-section{grid-column:1 / -1}:where(body.create-page) #activity-panel #data-controls{grid-column:1 / -1;padding:1rem 1.1rem 1.1rem}:where(body.create-page) #activity-panel #activity-actions-section{padding:.85rem 1rem}:where(body.create-page) #data-controls{grid-template-columns:minmax(14rem,.8fr) minmax(0,1px) minmax(0,1fr);align-items:start;gap:.65rem 1rem;padding:.7rem .8rem .75rem}:where(body.create-page) #data-source-choice{grid-column:1;grid-row:1 / span 2;align-items:center;align-self:stretch;justify-content:center;padding-bottom:0}:where(body.create-page) #data-controls:before{content:"";grid-column:2;grid-row:1 / span 4;align-self:stretch;width:1px;min-height:100%;background:#201c1814}:where(body.create-page) #auth-controls .strava-connect-button{align-self:center}:where(body.create-page) .strava-connect-button img{width:214px;max-width:214px}:where(body.create-page) #auth-action-row{justify-content:flex-start}:where(body.create-page) #auth-action-row button{min-height:2.05rem;padding-inline:.75rem}:where(body.create-page) #sport-filter-block{grid-column:3;grid-row:1}:where(body.create-page) #mode-row{grid-column:3;grid-row:2;align-self:stretch;justify-content:flex-start;min-height:2.05rem;padding:.55rem .85rem}:where(body.create-page) #time-controls{grid-column:3;grid-row:3;display:grid;grid-template-columns:minmax(0,1fr);gap:.28rem .75rem}:where(body.create-page) #time-controls>label:first-child,:where(body.create-page) #time-controls>.control-inline{grid-column:1}:where(body.create-page) #custom-date-row{grid-column:1;grid-row:auto;gap:.55rem}:where(body.create-page) #date-availability-help{grid-column:1 / -1}:where(body.create-page) #distance-match-section,:where(body.create-page) #distance-match-options,:where(body.create-page) #distance-match-help{grid-column:1 / -1}:where(body.create-page) #activity-controls{grid-column:3;grid-row:4}:where(body.create-page) #multiple-activity-controls{grid-column:3;grid-row:4}:where(body.create-page).create-flow-gift-mode #gift-activity-options{grid-column:1 / -1;grid-row:1;align-self:start}:where(body.create-page).create-flow-gift-mode #data-source-choice{grid-column:1;grid-row:2 / span 3}:where(body.create-page).create-flow-gift-mode #time-controls{grid-column:1 / -1;grid-row:2}:where(body.create-page).create-flow-gift-mode #data-controls:before{display:none}:where(body.create-page) .recommendation-group-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}:where(body.create-page) .cool-design-btn{height:100%}:where(body.create-page) #effects-section{grid-column:1 / -1}}@media(min-width:1180px){:where(body.create-page) #data-controls{grid-template-columns:minmax(14rem,.8fr) minmax(0,1px) minmax(0,1fr)}:where(body.create-page) #data-source-choice{grid-column:1;grid-row:1 / span 4;align-items:center;align-self:stretch;justify-content:center}:where(body.create-page) #sport-filter-block{grid-column:3;grid-row:1}:where(body.create-page) #mode-row{grid-column:3;grid-row:2;align-self:stretch;justify-content:flex-start;min-width:0}:where(body.create-page) #mode-row label{min-width:0;white-space:nowrap}:where(body.create-page) #time-controls{grid-column:3;grid-row:3;grid-template-columns:minmax(6.2rem,.6fr) minmax(0,1fr);min-width:0}:where(body.create-page) #activity-controls{grid-column:3;grid-row:4;min-width:0}:where(body.create-page) #multiple-activity-controls{grid-column:3;grid-row:4;min-width:0}:where(body.create-page).create-flow-gift-mode #gift-activity-options{grid-column:1 / -1;grid-row:1;align-self:start}:where(body.create-page).create-flow-gift-mode .gift-activity-option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}:where(body.create-page).create-flow-gift-mode #data-source-choice{grid-column:1;grid-row:2 / span 3}:where(body.create-page).create-flow-gift-mode #time-controls{grid-column:1 / -1;grid-row:2}:where(body.create-page).create-flow-gift-mode #data-controls:before{display:none}}@media(min-width:721px)and (max-width:1040px){:where(body.create-page) #data-controls{grid-template-columns:minmax(14rem,.72fr) minmax(0,1px) minmax(0,1fr);align-items:start;gap:.65rem 1rem}:where(body.create-page) #data-source-choice{grid-column:1;grid-row:1 / span 4;align-items:center;align-self:stretch;justify-content:center}:where(body.create-page) #sport-filter-block{grid-column:3;grid-row:1}:where(body.create-page) #mode-row{grid-column:3;grid-row:2;justify-content:flex-start}:where(body.create-page) #time-controls{grid-column:3;grid-row:3}:where(body.create-page) #activity-controls{grid-column:3;grid-row:4}:where(body.create-page) #multiple-activity-controls{grid-column:3;grid-row:4}:where(body.create-page).create-flow-gift-mode #gift-activity-options{grid-column:1 / -1;grid-row:1;align-self:start}:where(body.create-page).create-flow-gift-mode #data-source-choice{grid-column:1;grid-row:2 / span 3}:where(body.create-page).create-flow-gift-mode #time-controls{grid-column:1 / -1;grid-row:2}:where(body.create-page).create-flow-gift-mode #data-controls:before{display:none}}:where(body.create-page) #data-controls,:where(body.create-page) #activity-actions-section,:where(body.create-page) #cool-designs-section,:where(body.create-page) #quick-colours-section,:where(body.create-page) #quick-text-section,:where(body.create-page) #quick-actions-section,:where(body.create-page) #colour-actions-section,:where(body.create-page) #text-actions-section,:where(body.create-page) #order-selection-section,:where(body.create-page) #aspect-section,:where(body.create-page) #effects-section,:where(body.create-page) #template-section,:where(body.create-page) #text-panel-section,:where(body.create-page) #user-image-section,:where(body.create-page) #data-section{background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}:where(body.create-page) #data-controls,:where(body.create-page) #activity-actions-section,:where(body.create-page) #cool-designs-section,:where(body.create-page) #quick-colours-section,:where(body.create-page) #quick-text-section,:where(body.create-page) #quick-actions-section,:where(body.create-page) #colour-actions-section,:where(body.create-page) #text-actions-section,:where(body.create-page) #order-selection-section,:where(body.create-page) #aspect-section,:where(body.create-page) #effects-section,:where(body.create-page) #template-section,:where(body.create-page) #text-panel-section,:where(body.create-page) #user-image-section{padding:.55rem .75rem .7rem}:where(body.create-page) .studio-step-tabs{border-color:var(--line);background:#ffffff85;box-shadow:var(--shadow)}:where(body.create-page) .studio-advanced-tab{min-height:2.35rem;padding:.58rem .85rem;border-color:#201c1847;background:#ffffffc2;box-shadow:0 2px 8px #201c180f;color:var(--ink);letter-spacing:0;text-transform:none}:where(body.create-page) .studio-advanced-tab-icon{color:#fc4c02}:where(body.create-page) .studio-advanced-tab-copy{flex-wrap:wrap}:where(body.create-page) .studio-advanced-tab-copy small{color:var(--muted);opacity:1}:where(body.create-page) .stream-background-loading{display:grid;gap:.38rem;padding:.58rem .85rem .65rem;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#071020;box-shadow:0 4px 12px #070a1029}:where(body.create-page) .stream-background-loading[hidden]{display:none}:where(body.create-page) .stream-background-loading-copy{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;color:#f4f1ea;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}:where(body.create-page) .stream-background-loading-copy strong{color:var(--brand-orange);font-size:.72rem}:where(body.create-page) .stream-background-loading-track{height:4px;overflow:hidden;border-radius:999px;background:#ffffff2e}:where(body.create-page) .stream-background-loading-track span{display:block;width:0;height:100%;border-radius:inherit;background:var(--brand-orange);transition:width .2s ease}:where(body.create-page) .studio-advanced-tab:hover,:where(body.create-page) .studio-advanced-tab.is-active{background:#201c1814;border-color:#201c1866;color:var(--ink)}:where(body.create-page) .studio-advanced-tab-copy strong,:where(body.create-page) .studio-advanced-tab-copy small{letter-spacing:0;text-transform:none}:where(body.create-page) .studio-step-tab{color:var(--ink);font-size:.82rem;font-weight:650;letter-spacing:0}:where(body.create-page) .studio-step-tab span{background:#201c1814;color:var(--ink)}:where(body.create-page) .studio-step-tab.is-active{border-color:#201c1824;background:#1a1917;color:#f4f1ea;box-shadow:0 10px 20px #19151024}:where(body.create-page) .studio-step-tab.is-active span{background:#ffffff29;color:#f4f1ea}:where(body.create-page) .studio-step-tab.is-next{border-color:#fc4c02;box-shadow:0 0 0 1px #fc4c0229;color:var(--ink)}:where(body.create-page) .order-selection-eyebrow{color:var(--muted)}:where(body.create-page) .order-selection-intro{color:var(--muted);opacity:1}:where(body.create-page) .order-print-size-card{border-color:var(--line-strong);background:#ffffffa3}:where(body.create-page) .order-print-size-card:hover{border-color:#2b50c894;background:#ffffffe6}:where(body.create-page) .order-print-size-card.is-selected{border-color:#2b50c8;background:#2b50c814;box-shadow:0 0 0 3px #2b50c81a}:where(body.create-page) .order-print-size-note{color:#8d2b24}:where(body.create-page) .order-selection-quality{background:#fffaf4f0;color:var(--ink);box-shadow:0 8px 24px #011a3e0f}:where(body.create-page) .studio-secondary-action{border:1px solid var(--line-strong);background:#ffffffa3;color:var(--ink);font-size:1.02rem;font-weight:750;letter-spacing:.1em}:where(body.create-page) .studio-secondary-action:hover{border-color:#1a1917;background:#1a1917;color:#f4f1ea}:where(body.create-page) #data-controls h2,:where(body.create-page) #activity-actions-section h2,:where(body.create-page) #cool-designs-section h2,:where(body.create-page) #quick-colours-section h2,:where(body.create-page) #quick-text-section h2,:where(body.create-page) #quick-actions-section h2,:where(body.create-page) #aspect-section h2,:where(body.create-page) #effects-section h2,:where(body.create-page) #template-section h2,:where(body.create-page) #text-panel-section h2,:where(body.create-page) #user-image-section h2,:where(body.create-page) #data-section h2,:where(body.create-page) .template-controls-group h3,:where(body.create-page) .control-note-title,:where(body.create-page) #template-advanced summary,:where(body.create-page) .create-flow-eyebrow{font-size:.74rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}:where(body.create-page) #data-controls h2,:where(body.create-page) #activity-actions-section h2,:where(body.create-page) #cool-designs-section h2,:where(body.create-page) #quick-colours-section h2,:where(body.create-page) #quick-text-section h2,:where(body.create-page) #quick-actions-section h2,:where(body.create-page) #aspect-section h2,:where(body.create-page) #effects-section h2,:where(body.create-page) #template-section h2,:where(body.create-page) #text-panel-section h2,:where(body.create-page) #user-image-section h2,:where(body.create-page) #data-section h2{font-size:.86rem}:where(body.create-page) #mode-row{width:100%;box-sizing:border-box;gap:.5rem 1rem;padding:.65rem .95rem;border:1px solid var(--line);border-radius:999px;background:#ffffffbd}:where(body.create-page) .control-block{gap:.22rem}:where(body.create-page) .control-block label{font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}:where(body.create-page) .control-block label[for=overlayShowName],:where(body.create-page) .control-block label[for=overlayShowLabel],:where(body.create-page) .control-block label[for=overlayShowInfo],:where(body.create-page) .control-block label[for=overlayShowColorScale]{text-transform:none}:where(body.create-page) .gpx-upload-block .gpx-upload-button{width:99px;min-height:22px;height:22px;padding:.18rem .42rem;color:#8fa6ee;font-size:.58rem;font-weight:800;letter-spacing:.08em;line-height:1}:where(body.create-page) .recommendation-group-title{color:var(--muted)}:where(body.create-page) .recommendation-group-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.7rem}:where(body.create-page) .section-intro{color:var(--muted);font-size:.78rem}:where(body.create-page) #data-section-panel{row-gap:.65rem;align-content:start}:where(body.create-page) #data-section-panel>h2,:where(body.create-page) #data-section-intro{margin:0}:where(body.create-page) #template-info-slot:empty{display:none}:where(body.create-page) #template-controls>.template-controls-group:first-child{margin-top:0}:where(body.create-page) select,:where(body.create-page) input[type=text],:where(body.create-page) input[type=search],:where(body.create-page) input[type=date],:where(body.create-page) input[type=email],:where(body.create-page) input[type=number]{min-height:2.05rem;padding:.28rem .7rem;border-radius:12px;border:1px solid var(--line);background:#ffffffb8;color:var(--ink);font:inherit;font-size:.82rem}:where(body.create-page) select:focus,:where(body.create-page) input[type=text]:focus,:where(body.create-page) input[type=search]:focus,:where(body.create-page) input[type=date]:focus,:where(body.create-page) input[type=email]:focus,:where(body.create-page) input[type=number]:focus{border-color:#201c1866;box-shadow:0 0 0 3px #201c1814}:where(body.create-page) input[type=range],:where(body.create-page) input[type=checkbox],:where(body.create-page) input[type=radio]{accent-color:var(--accent)}:where(body.create-page) .gradient-preview{height:16px;border:1px solid var(--line)}:where(body.create-page) .template-section-panel,:where(body.create-page) #template-advanced{border:1px solid var(--line);border-radius:18px;background:#f6f2ea94;padding:.35rem .55rem .55rem}:where(body.create-page) #template-advanced summary:before{content:"+";display:inline-block;width:1rem;margin-right:.2rem;transform:none}:where(body.create-page) #template-advanced[open] summary:before{content:"-"}:where(body.create-page) .control-note{border:1px solid var(--line);border-radius:16px;background:#fff9;padding:.7rem .8rem;line-height:1.5}:where(body.create-page) .cool-design-btn{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(3.55rem,1fr);align-content:stretch;gap:.42rem;min-height:0;border-radius:18px;border:1px solid var(--line);background:#ffffff94;color:var(--ink);padding:.5rem;line-height:1.35;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}:where(body.create-page) .recommendation-group-recommended .cool-design-btn{border-color:#2f002452;background:#afff8794}:where(body.create-page) .cool-design-thumb{width:100%;min-height:0;aspect-ratio:1000 / 1414;align-self:stretch;border-radius:0;border-color:var(--line);background:linear-gradient(135deg,#2b50c82e,#201c1814),#f6f2eae6}:where(body.create-page) .cool-design-thumb img{object-fit:contain}:where(body.create-page) .cool-design-smart-badge{position:absolute;z-index:1;top:.25rem;right:.25rem;display:grid;place-items:center;width:2.1rem;height:2.1rem;border:1px solid var(--brand-plum);border-radius:50%;padding:0;background:var(--brand-gold);box-shadow:0 3px 9px #2f002447;color:var(--brand-plum);font-size:1.28rem;font-weight:800;letter-spacing:0;line-height:1.15;pointer-events:none}:where(body.create-page) .cool-design-card-body{justify-content:flex-start;min-height:3.55rem;padding:.72rem .7rem;border:1px solid var(--line);border-radius:8px 8px 14px 14px;background:#2b50c80f}:where(body.create-page) .recommendation-group-recommended .cool-design-card-body{border-color:#2f00243d;background:#afff876b}:where(body.create-page) .cool-design-debug-card{display:flex;flex-direction:column;gap:.35rem;height:100%}:where(body.create-page) .cool-design-debug-card .cool-design-btn{flex:1 1 auto;height:auto}:where(body.create-page) .cool-design-debug-actions{display:flex;gap:.3rem;padding:0 .3rem}:where(body.create-page) .cool-design-render-btn,:where(body.create-page) .cool-design-delete-btn{flex:1 1 0;min-width:0;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:#1a1917e0;color:#fff;padding:.25rem .48rem;font-size:.64rem;font-weight:700;line-height:1.2;white-space:nowrap;cursor:pointer}:where(body.create-page) .cool-design-render-btn:hover,:where(body.create-page) .cool-design-delete-btn:hover{background:var(--accent)}:where(body.create-page) .cool-design-delete-btn:hover{border-color:#a7342f;background:#a7342f}:where(body.create-page) .cool-design-render-btn:disabled,:where(body.create-page) .cool-design-delete-btn:disabled{cursor:wait;opacity:.72}:where(body.create-page) .cool-design-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(body.create-page) .cool-design-best-for{color:var(--muted);font-size:.79rem;font-weight:700;line-height:1.35;letter-spacing:0;text-transform:none}:where(body.create-page) .cool-design-best-for{color:var(--ink);opacity:1}:where(body.create-page) .cool-design-btn:hover,:where(body.create-page) .debug-btn:hover{background:#1a1917;border-color:#1a1917;color:#f4f1ea}:where(body.create-page) .cool-design-btn:hover .cool-design-best-for{color:#ffffffc2;opacity:1}:where(body.create-page) .cool-design-btn-active{border-color:var(--accent);background:#1a1917;color:#f4f1ea;box-shadow:inset 4px 0 0 var(--accent),0 0 0 3px #2b50c838,0 8px 18px #1915102e}:where(body.create-page) .cool-design-btn-active .cool-design-best-for{color:#ffffffc2;opacity:1}:where(body.create-page) .cool-design-btn-active:after{content:"Selected";position:absolute;z-index:2;top:.55rem;right:.55rem;border:1px solid rgba(255,255,255,.36);border-radius:999px;padding:.08rem .42rem;background:#1a1917e0;color:#f4f1ea;font-size:.62rem;font-weight:700;line-height:1.2;text-transform:uppercase}:where(body.create-page) .cool-design-btn-active.cool-design-btn-smart-match:after{top:2.65rem}@media(min-width:721px){:where(body.create-page) .recommendation-group-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1400px){:where(body.create-page) .recommendation-group-list{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:420px){:where(body.create-page) .recommendation-group-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}:where(body.create-page) .cool-design-btn{grid-template-rows:auto minmax(3.35rem,1fr);gap:.3rem;padding:.32rem;border-radius:14px}:where(body.create-page) .cool-design-thumb{border-radius:0}:where(body.create-page) .cool-design-card-body{min-height:3.35rem;padding:.5rem .45rem;border-radius:6px 6px 11px 11px}:where(body.create-page) .cool-design-name{position:absolute}:where(body.create-page) .cool-design-best-for{font-size:.7rem;line-height:1.3}:where(body.create-page) .cool-design-debug-actions{gap:.2rem;padding-inline:0}:where(body.create-page) .cool-design-render-btn,:where(body.create-page) .cool-design-delete-btn{padding:.18rem .12rem;font-size:.5rem}}:where(body.create-page) .debug-btn-armed{border-color:var(--accent);background:#1a1917;color:#f4f1ea;box-shadow:inset 0 0 0 1px #ffffff14}:where(body.create-page) #template-actions button{border:1px solid var(--line);padding:.25rem .7rem;font-size:.74rem}:where(body.create-page) #overlay-text-reset-btn:hover{background:#1a1917;border-color:#1a1917;color:#f4f1ea}:where(body.create-page) .template-helper-card{border-color:var(--line);border-radius:18px;background:#ffffff9e}:where(body.create-page) .template-helper-text{color:var(--ink);opacity:1}:where(body.create-page) .effects-scope-control{border-bottom-color:var(--line)}:where(body.create-page) .effect-card{border-color:var(--line);border-radius:18px;background:#ffffff8f}:where(body.create-page) .effect-card.is-active{border-color:#201c1838;background:#efe8ddbd;box-shadow:inset 0 0 0 1px #201c1814}:where(body.create-page) #canvas-container{position:relative;padding:1.25rem;height:calc(100vh - var(--create-topbar-space) - 1.75rem);box-sizing:border-box;border-radius:32px;border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(0deg,transparent 23px,var(--grid) 24px),linear-gradient(90deg,transparent 23px,var(--grid) 24px),linear-gradient(180deg,#eee8dee6,#e1d8cadb);background-size:24px 24px,24px 24px,auto;transition:height .22s ease}:where(body.create-page) #canvas-stage{position:relative;height:auto;container-name:creator-preview;container-type:inline-size}:where(body.create-page) .page-context-tutorial[hidden],:where(body.create-page) .page-context-tutorial-spotlight[hidden]{display:none}:where(body.create-page) .page-context-tutorial-spotlight{position:fixed;inset:0;z-index:3000;pointer-events:none}:where(body.create-page) .page-context-tutorial-shade{position:absolute;background:#2a2a2ab8;backdrop-filter:grayscale(1) saturate(.25)}:where(body.create-page) .page-context-tutorial-highlight{position:absolute;box-sizing:border-box;border:3px solid var(--brand-orange);border-radius:18px;box-shadow:0 0 0 3px #ffffffc2,0 12px 42px #011a3e47}:where(body.create-page) .page-context-tutorial{position:fixed;top:1rem;left:1rem;z-index:3002;width:min(28rem,calc(100vw - 1.5rem));box-sizing:border-box;padding:1rem 1.05rem 1.05rem;border:1px solid rgba(255,255,255,.28);border-radius:22px;background:#090909f0;box-shadow:0 24px 60px #011a3e52;color:var(--brand-white);opacity:0;transform:translateY(-.45rem);transition:opacity .16s ease,transform .16s ease}:where(body.create-page) .page-context-tutorial.is-visible{opacity:1;transform:translateY(0)}:where(body.create-page) .page-context-tutorial:before{position:absolute;width:0;height:0;content:"";border:.75rem solid transparent}:where(body.create-page) .page-context-tutorial[data-pointer=left]:before{top:var(--page-context-pointer-offset);left:-1.48rem;border-right-color:#090909f5;transform:translateY(-50%)}:where(body.create-page) .page-context-tutorial[data-pointer=right]:before{top:var(--page-context-pointer-offset);right:-1.48rem;border-left-color:#090909f5;transform:translateY(-50%)}:where(body.create-page) .page-context-tutorial[data-pointer=top]:before{top:-1.48rem;left:var(--page-context-pointer-offset);border-bottom-color:#090909f5;transform:translate(-50%)}:where(body.create-page) .page-context-tutorial[data-pointer=bottom]:before{bottom:-1.48rem;left:var(--page-context-pointer-offset);border-top-color:#090909f5;transform:translate(-50%)}:where(body.create-page) .page-context-tutorial-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}:where(body.create-page) .page-context-tutorial-eyebrow{margin:0;color:var(--brand-orange);font-size:.7rem;font-weight:760;letter-spacing:.12em;line-height:1;text-transform:uppercase}:where(body.create-page) .page-context-tutorial-close{display:grid;width:2rem;height:2rem;flex:0 0 auto;place-items:center;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:#ffffff1a;color:var(--brand-white);font:inherit;font-size:1.35rem;line-height:1}:where(body.create-page) .page-context-tutorial-close:hover{border-color:#ffffffb3;background:#ffffff2e}:where(body.create-page) .page-context-tutorial-close:focus-visible{outline:3px solid var(--ayd-paper);outline-offset:2px}:where(body.create-page) .page-context-tutorial h2{margin:0;color:var(--brand-white);font-size:clamp(1.15rem,2vw,1.45rem);font-weight:740;letter-spacing:-.015em;line-height:1.1}:where(body.create-page) .page-context-tutorial>p:last-child{margin:.55rem 0 0;white-space:pre-line;color:#ffffffc7;font-size:.9rem;line-height:1.48}@media(prefers-reduced-motion:reduce){:where(body.create-page) .page-context-tutorial{transition:none}}@media(min-width:1041px){:where(body.create-page) #canvas-stage{--composition-footer-height: 8.5rem;--composition-footer-control-bottom: 4.15rem;position:sticky;top:calc(var(--create-topbar-space) + .5rem);display:grid;grid-template-rows:minmax(0,1fr);height:calc(100vh - var(--create-topbar-space) - 1.75rem)}:where(body.create-page) #canvas-container{height:auto;min-height:0;padding-bottom:calc(1.25rem + var(--composition-footer-height) + .65rem)}}:where(body.create-page) .design-history-controls{display:flex;gap:.5rem;width:100%}:where(body.create-page) .design-history-controls button{flex:1;min-height:44px;padding:.45rem .75rem;border:1px solid var(--line-strong);border-radius:.75rem;background:var(--ayd-paper);color:var(--ayd-plum);font:inherit;font-weight:700;cursor:pointer}:where(body.create-page) .design-history-controls button:disabled{opacity:.45;cursor:default}:where(body.create-page) .design-history-controls button:focus-visible{outline:2px solid var(--ayd-plum);outline-offset:3px}:where(body.create-page) .text-field-example{color:var(--muted);font-size:.8rem;line-height:1.4}:where(body.create-page) .design-history-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:where(body.create-page) .canvas-stage-actions{display:flex;align-items:center;justify-content:space-between;gap:.55rem;min-height:0;padding:0}:where(body.create-page) .canvas-stage-actions .data-use-summary-stack{flex:1 1 auto;display:grid;gap:.65rem;margin-bottom:.65rem}:where(body.create-page) .data-use-summary-stack .data-use-summary{margin:0}:where(body.create-page) .desktop-studio-nav{display:none}:where(body.create-page) .desktop-contextual-footer{display:none}@media(min-width:1041px){:where(body.create-page) #sidebar{height:calc(100vh - var(--create-topbar-space) - 1.75rem);box-sizing:border-box}:where(body.create-page) .canvas-stage-actions{position:absolute;right:1.25rem;bottom:1.25rem;left:1.25rem;z-index:5;display:block;height:var(--composition-footer-height);box-sizing:border-box;margin-top:0;margin-bottom:0;padding:.7rem;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#090909;box-shadow:0 14px 34px #011a3e2e}:where(body.create-page) .canvas-stage-actions .data-use-summary-stack{width:auto;margin-top:0;margin-bottom:0}:where(body.create-page) #canvas-container{grid-row:1}:where(body.create-page) .canvas-stage-actions .data-use-summary{height:100%;box-sizing:border-box;align-content:center;padding:.55rem 10.25rem .55rem .65rem;border:0;border-radius:16px;background:transparent;box-shadow:none}:where(body.create-page) .canvas-stage-actions .data-use-summary-marker{background:var(--brand-orange);color:var(--brand-white);box-shadow:none}:where(body.create-page) .canvas-stage-actions #data-use-summary-text{color:#ffffffc7}:where(body.create-page) .desktop-contextual-footer{position:sticky;bottom:0;z-index:18;display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:.8rem;width:100%;box-sizing:border-box;margin-top:auto;padding:.7rem;border:1px solid rgba(1,26,62,.16);border-radius:24px;background:#fffaf4f7;box-shadow:0 -12px 32px #011a3e1f;backdrop-filter:blur(18px)}:where(body.create-page) .desktop-step-prompt{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;min-width:0;padding:.35rem .45rem}:where(body.create-page) .desktop-step-prompt-marker{display:grid;width:2.5rem;min-width:2.5rem;height:2.5rem;padding:0;place-items:center;border:2px solid var(--brand-white);border-radius:999px;background:var(--brand-orange);color:var(--brand-white);box-shadow:0 2px #011a3e59,0 3px 8px #011a3e29;cursor:pointer;font-family:inherit;font-size:1.15rem;font-weight:760;line-height:1}:where(body.create-page) .desktop-step-prompt-marker:hover:not(:disabled){background:var(--brand-navy)}:where(body.create-page) .desktop-step-prompt-marker:active:not(:disabled){transform:translateY(2px);box-shadow:none}:where(body.create-page) .desktop-step-prompt-marker:focus-visible{outline:3px solid var(--brand-navy);outline-offset:3px}:where(body.create-page) .desktop-step-prompt-marker:disabled{opacity:.45;cursor:default;box-shadow:none}:where(body.create-page) .desktop-step-prompt-marker[hidden]{display:none}:where(body.create-page) .desktop-step-prompt:has(.desktop-step-prompt-marker[hidden]){grid-template-columns:minmax(0,1fr)}:where(body.create-page) .desktop-step-prompt-copy{min-width:0}:where(body.create-page) .desktop-step-prompt h2{margin:0;color:var(--brand-navy);font-size:.88rem;font-weight:720;line-height:1.2}:where(body.create-page) .desktop-step-prompt p{margin:.24rem 0 0;color:var(--muted);font-size:.72rem;line-height:1.35}:where(body.create-page) .desktop-studio-nav{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,2.7rem);align-items:stretch;align-self:stretch;align-content:center;gap:.45rem;min-width:0}:where(body.create-page) .desktop-studio-nav[hidden],:where(body.create-page) .canvas-fullscreen-btn[hidden]{display:none}:where(body.create-page) .desktop-step-nav-btn{display:inline-flex;min-width:0;min-height:0;height:100%;align-items:center;justify-content:center;gap:.38rem;padding:.3rem .65rem;border:1px solid rgba(1,26,62,.22);border-radius:18px;background:#fffcf7f0;color:var(--brand-navy);box-shadow:0 10px 24px #201c1812;font:inherit;font-size:.76rem;font-weight:650;letter-spacing:.01em;line-height:1.15;text-transform:none;white-space:nowrap}:where(body.create-page) .desktop-step-nav-btn:hover{border-color:#011a3e6b;background:#fff}:where(body.create-page) .desktop-step-nav-btn:focus-visible{outline:3px solid rgba(43,80,200,.24);outline-offset:2px}:where(body.create-page) .desktop-step-nav-btn:disabled{opacity:.42;cursor:not-allowed}:where(body.create-page) .desktop-step-next-btn{border-color:var(--brand-orange);background:var(--brand-orange);color:var(--brand-white);box-shadow:0 10px 24px #fc4c0233}:where(body.create-page) .desktop-step-next-btn:hover{border-color:#d83f00;background:#d83f00}:where(body.create-page) .desktop-step-back-btn>span,:where(body.create-page) .desktop-step-next-label{font-size:1rem;font-weight:720;line-height:1.05}:where(body.create-page) .desktop-step-next-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:.08rem;text-align:left}:where(body.create-page) .desktop-step-next-cue{font-size:.58rem;font-weight:650;letter-spacing:.08em;line-height:1;text-transform:uppercase}:where(body.create-page) .desktop-step-nav-btn svg{width:1rem;height:1rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}:where(body.create-page) .studio-step-panel .studio-direction-action{display:none}}@media(min-width:1180px){:where(body.create-page) .desktop-contextual-footer{grid-template-columns:minmax(0,1fr) minmax(10.5rem,12.5rem)}}@media(min-width:1500px){:where(body.create-page) .desktop-contextual-footer{grid-template-columns:minmax(0,1fr) minmax(12.5rem,14rem)}:where(body.create-page) .desktop-step-prompt h2{font-size:.96rem}:where(body.create-page) .desktop-step-prompt p{font-size:.78rem}}:where(body.create-page) .canvas-action-buttons{position:absolute;right:var(--canvas-action-right, 1.25rem);bottom:var(--canvas-action-bottom, 1.25rem);z-index:6;display:flex;flex:0 0 auto;align-items:center;gap:.55rem;margin:0}@media(min-width:1041px){:where(body.create-page) .canvas-action-buttons{right:2.1rem;bottom:var(--composition-footer-control-bottom);left:auto}}@media(min-width:1300px){:where(body.create-page) #canvas-stage{--composition-footer-height: 6.25rem;--composition-footer-control-bottom: 3.025rem}}:where(body.create-page) #canvas-stage:not(.is-artwork-fullscreen):not(:fullscreen):not(:-webkit-full-screen) .wall-preview-toggle-btn{display:none}:where(body.create-page) .wide-canvas-fullscreen-btn{display:none!important}@container creator-preview (min-width: 46rem){:where(body.create-page) #canvas-stage:not(.is-artwork-fullscreen):not(:fullscreen):not(:-webkit-full-screen) #canvas-container{padding:1.25rem calc(clamp(16rem,31cqi,20rem) + 2.5rem) 1.25rem 1.25rem}:where(body.create-page) #canvas-stage:not(.is-artwork-fullscreen):not(:fullscreen):not(:-webkit-full-screen) .canvas-stage-actions{top:50%;right:var(--preview-side-rail-right, 1.25rem);bottom:auto;left:auto;display:block;width:clamp(16rem,31cqi,20rem);height:auto;max-height:calc(100% - 2.5rem);padding:.75rem;transform:translateY(-50%)}:where(body.create-page) #canvas-stage:not(.is-artwork-fullscreen):not(:fullscreen):not(:-webkit-full-screen) .canvas-stage-actions .data-use-summary-stack{display:grid;grid-template-rows:minmax(0,auto) auto;height:auto;max-height:100%;gap:.65rem}:where(body.create-page) #canvas-stage:not(.is-artwork-fullscreen):not(:fullscreen):not(:-webkit-full-screen) .canvas-stage-actions .data-use-summary{height:auto;min-height:0;padding:.9rem;overflow:auto;align-content:start}:where(body.create-page) #canvas-stage:not(.is-artwork-fullscreen):not(:fullscreen):not(:-webkit-full-screen) .canvas-stage-actions .data-use-summary-marker{background:var(--brand-plum);color:var(--brand-white)}:where(body.create-page) #canvas-stage:not(.is-artwork-fullscreen):not(:fullscreen):not(:-webkit-full-screen) .canvas-stage-actions #data-use-summary-text{color:var(--muted)}:where(body.create-page) #canvas-stage:not(.is-artwork-fullscreen):not(:fullscreen):not(:-webkit-full-screen) .wall-preview-toggle-btn:not([hidden]){display:inline-flex;width:100%;border-color:var(--line-strong);background:var(--ayd-paper);color:var(--ayd-plum);box-shadow:none}:where(body.create-page) #canvas-stage:not(.is-artwork-fullscreen):not(:fullscreen):not(:-webkit-full-screen) .preview-mode-actions{display:grid;grid-template-columns:1fr;gap:.65rem}:where(body.create-page) #canvas-stage:not(.is-artwork-fullscreen):not(:fullscreen):not(:-webkit-full-screen) .wide-canvas-fullscreen-btn:not([hidden]){display:inline-flex!important;width:100%}:where(body.create-page) #canvas-stage:not(.is-artwork-fullscreen):not(:fullscreen):not(:-webkit-full-screen) .canvas-action-buttons{display:none}}:where(body.create-page) .canvas-zoom-controls{display:inline-grid;grid-template-columns:2.7rem minmax(4.2rem,auto) 2.7rem;align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:#161411c7;box-shadow:0 10px 24px #00000038;backdrop-filter:blur(12px)}:where(body.create-page) .canvas-zoom-controls[hidden]{display:none}:where(body.create-page) .canvas-zoom-controls button{min-width:0;min-height:2.7rem;padding:0;border:0;border-radius:0;background:transparent;color:#f4f1ea;font:inherit;font-weight:760;touch-action:manipulation}:where(body.create-page) .canvas-zoom-controls button:hover:not(:disabled),:where(body.create-page) .canvas-zoom-controls button:focus-visible{background:#ffffff29}:where(body.create-page) .canvas-zoom-controls button:focus-visible{outline:2px solid var(--ayd-paper);outline-offset:-2px}:where(body.create-page) .canvas-zoom-controls button:disabled{opacity:.38;cursor:not-allowed}:where(body.create-page) .canvas-zoom-reset-btn{border-inline:1px solid rgba(255,255,255,.18)!important;font-size:.74rem!important;letter-spacing:.02em}#user-image-select-box{position:absolute;z-index:6;border:1.5px dashed rgba(43,80,200,.85);border-radius:2px;cursor:move;touch-action:none;box-sizing:border-box}#user-image-select-box[hidden]{display:none}#activity-splits-select-box{position:absolute;z-index:7;border:1.5px dashed rgba(255,90,54,.92);border-radius:3px;cursor:move;touch-action:none;box-sizing:border-box}#activity-splits-select-box[hidden]{display:none}.canvas-transform-handle{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid rgba(255,90,54,.96);box-sizing:border-box;touch-action:none}.canvas-transform-handle[data-handle=nw]{top:-8px;left:-8px;cursor:nwse-resize}.canvas-transform-handle[data-handle=ne]{top:-8px;right:-8px;cursor:nesw-resize}.canvas-transform-handle[data-handle=sw]{bottom:-8px;left:-8px;cursor:nesw-resize}.canvas-transform-handle[data-handle=se]{bottom:-8px;right:-8px;cursor:nwse-resize}.user-image-handle{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid rgba(43,80,200,.9);box-sizing:border-box;touch-action:none}.user-image-handle[data-handle=nw]{top:-8px;left:-8px;cursor:nwse-resize}.user-image-handle[data-handle=ne]{top:-8px;right:-8px;cursor:nesw-resize}.user-image-handle[data-handle=sw]{bottom:-8px;left:-8px;cursor:nesw-resize}.user-image-handle[data-handle=se]{bottom:-8px;right:-8px;cursor:nwse-resize}:where(body.create-page) .user-image-canvas-remove-button{position:absolute;top:-2.55rem;right:-.1rem;display:inline-flex;width:2.15rem;height:2.15rem;align-items:center;justify-content:center;padding:0;border:1px solid rgba(167,51,45,.42);border-radius:999px;background:#fffffff0;color:#9d302b;box-shadow:0 6px 16px #201c182e;cursor:pointer;touch-action:manipulation}:where(body.create-page) .user-image-canvas-remove-button:hover{border-color:#9d302b;background:#9d302b;color:#fff}:where(body.create-page) .user-image-canvas-remove-button:focus-visible{outline:3px solid rgba(43,80,200,.24);outline-offset:2px}:where(body.create-page) .user-image-canvas-remove-button svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.user-image-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem}:where(body.create-page) .user-image-actions #user-image-upload-btn{flex:1 1 12rem;width:auto}:where(body.create-page) .user-image-remove-button{display:inline-flex;flex:0 0 3.75rem;width:3.75rem;height:3.75rem;align-items:center;justify-content:center;padding:0;border:1px solid rgba(167,51,45,.34);border-radius:999px;background:#ffffffa3;color:#9d302b}:where(body.create-page) .user-image-remove-button[hidden]{display:none}:where(body.create-page) .user-image-remove-button:hover{border-color:#9d302b;background:#9d302b;color:#fff}:where(body.create-page) .user-image-remove-button:focus-visible{outline:3px solid rgba(43,80,200,.24);outline-offset:2px}:where(body.create-page) .user-image-remove-button svg{width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}:where(body.create-page) #canvas-stage.is-artwork-fullscreen,:where(body.create-page) #canvas-stage:fullscreen,:where(body.create-page) #canvas-stage:-webkit-full-screen{position:relative;top:auto;display:grid;grid-template-rows:minmax(0,1fr) auto;width:100vw;height:100vh;background:#efe8dd}:where(body.create-page) #canvas-stage.is-artwork-fullscreen #canvas-container,:where(body.create-page) #canvas-stage:fullscreen #canvas-container,:where(body.create-page) #canvas-stage:-webkit-full-screen #canvas-container{grid-row:1;box-sizing:border-box;width:100%;height:auto;min-height:0;border:none;border-radius:0;box-shadow:none;padding:1rem;touch-action:none;cursor:zoom-in}:where(body.create-page) #canvas-stage.is-artwork-fullscreen #canvas-container.is-preview-zoomed,:where(body.create-page) #canvas-stage:fullscreen #canvas-container.is-preview-zoomed,:where(body.create-page) #canvas-stage:-webkit-full-screen #canvas-container.is-preview-zoomed{cursor:grab}:where(body.create-page) #canvas-stage.is-artwork-fullscreen #canvas-container.is-preview-zoom-interacting,:where(body.create-page) #canvas-stage:fullscreen #canvas-container.is-preview-zoom-interacting,:where(body.create-page) #canvas-stage:-webkit-full-screen #canvas-container.is-preview-zoom-interacting{cursor:grabbing}:where(body.create-page) #canvas-container canvas{transform-origin:center center;transition:transform .14s ease-out;will-change:transform}:where(body.create-page) #canvas-container.is-preview-zoom-interacting canvas{transition:none}:where(body.create-page) #canvas-stage.is-artwork-fullscreen .canvas-stage-actions,:where(body.create-page) #canvas-stage:fullscreen .canvas-stage-actions,:where(body.create-page) #canvas-stage:-webkit-full-screen .canvas-stage-actions{grid-row:2;height:auto;padding:.65rem 1rem 1rem;border:0;border-radius:0;background:transparent;box-shadow:none}:where(body.create-page) #canvas-stage.is-artwork-fullscreen .data-use-summary-stack,:where(body.create-page) #canvas-stage:fullscreen .data-use-summary-stack,:where(body.create-page) #canvas-stage:-webkit-full-screen .data-use-summary-stack{position:absolute;right:1rem;bottom:1rem;z-index:7;display:grid;gap:.65rem;margin:0;pointer-events:auto}:where(body.create-page) #canvas-stage.is-artwork-fullscreen .data-use-summary,:where(body.create-page) #canvas-stage:fullscreen .data-use-summary,:where(body.create-page) #canvas-stage:-webkit-full-screen .data-use-summary{display:none}:where(body.create-page) #canvas-stage.is-artwork-fullscreen .desktop-studio-nav,:where(body.create-page) #canvas-stage:fullscreen .desktop-studio-nav,:where(body.create-page) #canvas-stage:-webkit-full-screen .desktop-studio-nav{display:none}:where(body.create-page) .fullscreen-magnifier{display:none}:where(body.create-page) #canvas-stage.is-artwork-fullscreen.has-fullscreen-gutters,:where(body.create-page) #canvas-stage:fullscreen.has-fullscreen-gutters,:where(body.create-page) #canvas-stage:-webkit-full-screen.has-fullscreen-gutters{grid-template-rows:minmax(0,1fr)}:where(body.create-page) #canvas-stage.is-artwork-fullscreen.has-fullscreen-gutters .canvas-stage-actions,:where(body.create-page) #canvas-stage:fullscreen.has-fullscreen-gutters .canvas-stage-actions,:where(body.create-page) #canvas-stage:-webkit-full-screen.has-fullscreen-gutters .canvas-stage-actions{position:absolute;inset:0;grid-row:1;z-index:7;display:block;height:auto;padding:0;pointer-events:none}:where(body.create-page) #canvas-stage.is-artwork-fullscreen .canvas-action-buttons,:where(body.create-page) #canvas-stage:fullscreen .canvas-action-buttons,:where(body.create-page) #canvas-stage:-webkit-full-screen .canvas-action-buttons{top:1rem;right:1rem;bottom:auto;left:auto;pointer-events:auto}:where(body.create-page) #canvas-stage.is-artwork-fullscreen.has-fullscreen-gutters .canvas-zoom-controls,:where(body.create-page) #canvas-stage:fullscreen.has-fullscreen-gutters .canvas-zoom-controls,:where(body.create-page) #canvas-stage:-webkit-full-screen.has-fullscreen-gutters .canvas-zoom-controls{display:none}:where(body.create-page) #canvas-stage.is-artwork-fullscreen.has-fullscreen-gutters .fullscreen-magnifier,:where(body.create-page) #canvas-stage:fullscreen.has-fullscreen-gutters .fullscreen-magnifier,:where(body.create-page) #canvas-stage:-webkit-full-screen.has-fullscreen-gutters .fullscreen-magnifier{position:absolute;top:50%;left:var(--fullscreen-magnifier-left, 1rem);z-index:7;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:var(--fullscreen-magnifier-width, 16rem);height:min(51vh,45rem);max-height:calc(100vh - 2rem);box-sizing:border-box;gap:.65rem;padding:.8rem;overflow:hidden;border:1px solid rgba(48,0,35,.2);border-radius:22px;background:radial-gradient(circle at top left,rgba(48,0,35,.1),transparent 42%),#fffaf4f0;box-shadow:0 18px 42px #011a3e29;transform:translateY(-50%);backdrop-filter:blur(14px);pointer-events:none;transition:border-color .16s ease,box-shadow .16s ease}:where(body.create-page) #canvas-stage.is-artwork-fullscreen.has-fullscreen-gutters .fullscreen-magnifier[hidden],:where(body.create-page) #canvas-stage:fullscreen.has-fullscreen-gutters .fullscreen-magnifier[hidden],:where(body.create-page) #canvas-stage:-webkit-full-screen.has-fullscreen-gutters .fullscreen-magnifier[hidden]{display:none}:where(body.create-page) #canvas-stage.is-artwork-fullscreen.has-fullscreen-gutters .fullscreen-magnifier.is-tracking,:where(body.create-page) #canvas-stage:fullscreen.has-fullscreen-gutters .fullscreen-magnifier.is-tracking,:where(body.create-page) #canvas-stage:-webkit-full-screen.has-fullscreen-gutters .fullscreen-magnifier.is-tracking{border-color:#ff580085;box-shadow:0 20px 46px #011a3e33,0 0 0 3px #ff58001a}:where(body.create-page) .fullscreen-magnifier-heading{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}:where(body.create-page) .fullscreen-magnifier-kicker,:where(body.create-page) .fullscreen-magnifier h2,:where(body.create-page) .fullscreen-magnifier-hint{margin:0}:where(body.create-page) .fullscreen-magnifier-kicker{color:var(--brand-orange, #ff5900);font-size:.62rem;font-weight:780;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}:where(body.create-page) .fullscreen-magnifier h2{color:var(--brand-plum, #2f0024);font-size:1rem;font-weight:680;line-height:1.2}:where(body.create-page) #fullscreen-magnifier-canvas{display:block;width:100%!important;height:100%!important;min-height:0;border:1px solid rgba(1,26,62,.14);border-radius:14px;background:var(--brand-navy, #001a3f);box-shadow:inset 0 0 0 1px #ffffff1f}:where(body.create-page) .fullscreen-magnifier-hint{color:var(--muted);font-size:.72rem;line-height:1.35;transition:color .16s ease}:where(body.create-page) .fullscreen-magnifier.is-tracking .fullscreen-magnifier-hint{color:var(--brand-plum, #2f0024)}:where(body.create-page) #canvas-stage.is-artwork-fullscreen.has-fullscreen-gutters .data-use-summary-stack,:where(body.create-page) #canvas-stage:fullscreen.has-fullscreen-gutters .data-use-summary-stack,:where(body.create-page) #canvas-stage:-webkit-full-screen.has-fullscreen-gutters .data-use-summary-stack{position:absolute;top:50%;right:var(--fullscreen-summary-right, 1rem);bottom:auto;display:grid;width:var(--fullscreen-summary-width, 17rem);box-sizing:border-box;gap:.7rem;margin:0;pointer-events:auto;transform:translateY(-50%)}:where(body.create-page) #canvas-stage.is-artwork-fullscreen.has-fullscreen-gutters .data-use-summary:not([hidden]),:where(body.create-page) #canvas-stage:fullscreen.has-fullscreen-gutters .data-use-summary:not([hidden]),:where(body.create-page) #canvas-stage:-webkit-full-screen.has-fullscreen-gutters .data-use-summary:not([hidden]){display:grid;width:100%;max-height:min(42vh,22rem);box-sizing:border-box;padding:.85rem 1rem;overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#090909;box-shadow:0 14px 34px #011a3e33}:where(body.create-page) .wall-preview-toggle-btn{display:inline-flex;min-height:2.7rem;align-items:center;justify-content:center;gap:.5rem;padding:0 1rem;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:#161411c7;color:#f4f1ea;box-shadow:0 14px 28px #00000038;font:inherit;font-size:.78rem;font-weight:720;letter-spacing:.01em;backdrop-filter:blur(14px);touch-action:manipulation}:where(body.create-page) #canvas-stage.is-artwork-fullscreen.has-fullscreen-gutters .wall-preview-toggle-btn,:where(body.create-page) #canvas-stage:fullscreen.has-fullscreen-gutters .wall-preview-toggle-btn,:where(body.create-page) #canvas-stage:-webkit-full-screen.has-fullscreen-gutters .wall-preview-toggle-btn{width:100%;border-color:#ff58006b;background:#fffaf4f2;color:var(--brand-plum, #2f0024)}:where(body.create-page) .wall-preview-toggle-btn[hidden]{display:none}:where(body.create-page) .wall-preview-toggle-btn:hover,:where(body.create-page) .wall-preview-toggle-btn[aria-pressed=true]{border-color:#ffffff8c;background:#fffffff0;color:var(--brand-plum, #2f0024)}:where(body.create-page) .wall-preview-toggle-btn:focus-visible{outline:3px solid var(--ayd-paper);outline-offset:2px}:where(body.create-page) .wall-preview-toggle-btn svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}:where(body.create-page) .wall-preview{position:absolute;inset:0;z-index:8;display:grid;place-items:center;overflow:hidden;box-sizing:border-box;padding:4.5rem 1.5rem 6.5rem;background:#e7e2da;isolation:isolate}:where(body.create-page) .wall-preview[hidden]{display:none}:where(body.create-page) .wall-preview-scene{position:relative;z-index:0;width:min(88vw,68rem,calc((100vh - 11rem)*1.3333));max-width:calc(100vw - 3rem);aspect-ratio:4 / 3;overflow:hidden;border:1px solid rgba(44,37,30,.16);border-radius:4px;background:#d8d1c7;box-shadow:0 24px 60px #2a221a33}:where(body.create-page) .wall-preview-panel{position:absolute;bottom:1rem;left:50%;z-index:3;display:flex;max-width:calc(100vw - 2rem);align-items:flex-end;gap:1.5rem;box-sizing:border-box;padding:1rem 1.15rem;border:1px solid rgba(255,255,255,.48);border-radius:18px;background:#faf7f0e6;box-shadow:0 14px 34px #01122b2e;color:var(--brand-navy, #001a3f);backdrop-filter:blur(16px);transform:translate(-50%)}:where(body.create-page) .wall-preview-panel-heading{width:min(18rem,34vw)}:where(body.create-page) .wall-preview-kicker,:where(body.create-page) .wall-preview-panel h2,:where(body.create-page) .wall-preview-scale-note{margin:0}:where(body.create-page) .wall-preview-kicker{color:var(--brand-orange, #ff5900);font-size:.68rem;font-weight:790;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}:where(body.create-page) .wall-preview-panel h2{margin-top:.12rem;font-size:1.2rem;font-weight:720;line-height:1.15}:where(body.create-page) .wall-preview-scale-note{margin-top:.28rem;color:#011a3ead;font-size:.76rem;line-height:1.3}:where(body.create-page) .wall-preview-options{display:flex;flex-wrap:wrap;gap:.6rem}:where(body.create-page) .wall-preview-option-group[aria-label=Room] button{min-width:4rem}:where(body.create-page) .wall-preview-option-group{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem;border:1px solid rgba(1,26,62,.12);border-radius:999px;background:#ffffff94}:where(body.create-page) .wall-preview-option-group>span{padding:0 .42rem;color:#011a3e94;font-size:.7rem;font-weight:700}:where(body.create-page) .wall-preview-option-group button{min-width:2.5rem;min-height:2.2rem;padding:0 .6rem;border:0;border-radius:999px;background:transparent;color:var(--brand-navy, #001a3f);font:inherit;font-size:.78rem;font-weight:720;touch-action:manipulation}:where(body.create-page) .wall-preview-option-group button:hover,:where(body.create-page) .wall-preview-option-group button[aria-pressed=true]{background:var(--brand-navy, #001a3f);color:#fff}:where(body.create-page) .wall-preview-option-group button:focus-visible{outline:2px solid var(--ayd-plum);outline-offset:1px}:where(body.create-page) #canvas-stage.is-wall-preview .canvas-action-buttons{z-index:12}:where(body.create-page) #canvas-stage.is-wall-preview .canvas-stage-actions{z-index:12}:where(body.create-page) #canvas-stage.is-wall-preview .data-use-summary-stack{top:1rem;right:4.75rem;bottom:auto;z-index:12;width:auto;transform:none}:where(body.create-page) #canvas-stage.is-wall-preview .wall-preview-toggle-btn{width:auto}:where(body.create-page) #canvas-stage.is-wall-preview .canvas-zoom-controls,:where(body.create-page) #canvas-stage.is-wall-preview .fullscreen-magnifier,:where(body.create-page) #canvas-stage.is-wall-preview .data-use-summary{display:none!important}@media(max-width:760px),(max-height:620px){:where(body.create-page) .wall-preview{padding:4rem .75rem 6rem}:where(body.create-page) .wall-preview-scene{width:min(calc(100vw - 1.5rem),calc((100vh - 10rem)*1.3333))}:where(body.create-page) .wall-preview-panel{right:.75rem;bottom:.75rem;left:.75rem;max-width:none;align-items:stretch;gap:.65rem;padding:.7rem;transform:none}:where(body.create-page) .wall-preview-panel-heading{width:min(13rem,36vw)}:where(body.create-page) .wall-preview-options{justify-content:flex-end}:where(body.create-page) .wall-preview-option-group>span{display:none}}@media(max-width:560px){:where(body.create-page) .wall-preview-toggle-btn{padding-inline:.8rem}:where(body.create-page) .wall-preview-panel{display:grid}:where(body.create-page) .wall-preview-panel-heading{width:auto}:where(body.create-page) .wall-preview-options{justify-content:flex-start}}:where(body.create-page) #canvas-stage.is-artwork-fullscreen #loading-overlay,:where(body.create-page) #canvas-stage:fullscreen #loading-overlay,:where(body.create-page) #canvas-stage:-webkit-full-screen #loading-overlay{border-radius:0}:where(body.create-page) .canvas-fullscreen-btn{display:inline-flex;align-items:center;justify-content:center;width:2.7rem;height:2.7rem;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,.32);background:#161411b8;color:#f4f1ea;box-shadow:0 14px 28px #00000038;backdrop-filter:blur(14px)}:where(body.create-page) .canvas-fullscreen-label{display:none;white-space:nowrap}@media(min-width:1041px){:where(body.create-page) .canvas-fullscreen-btn{width:auto;min-width:8.4rem;gap:.48rem;padding:0 .85rem;background:#ffffff14;font-size:.72rem;letter-spacing:.05em}:where(body.create-page) .canvas-fullscreen-label{display:inline}}:where(body.create-page) .canvas-fullscreen-btn:hover{background:#161411e0;border-color:#ffffff7a}:where(body.create-page) .canvas-fullscreen-btn.is-active{background:#ffffffeb;color:var(--ink);border-color:#16141124}:where(body.create-page) .fullscreen-icon{width:1rem;height:1rem;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}:where(body.create-page) .fullscreen-icon-exit{display:none}:where(body.create-page) .canvas-fullscreen-btn.is-active .fullscreen-icon-enter{display:none}:where(body.create-page) .canvas-fullscreen-btn.is-active .fullscreen-icon-exit{display:block}:where(body.create-page) .mobile-studio-nav,:where(body.create-page) .mobile-see-design-btn{display:none}:where(body.create-page) #canvas-stage #loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:inherit;background:#070a10c2;border-radius:32px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;pointer-events:none;z-index:5}:where(body.create-page) #canvas-stage #loading-overlay.visible{opacity:1;visibility:visible}:where(body.create-page) #loading-overlay.loading-overlay-mode-choice{background:#071020}:where(body.create-page) .loading-overlay-content{display:flex;flex-direction:column;align-items:center;gap:.9rem}:where(body.create-page) .canvas-loading-spinner{width:42px;height:42px;border:4px solid rgba(255,255,255,.24);border-top-color:#5878e6;border-radius:50%;box-sizing:border-box;animation:canvas-loading-spin .8s linear infinite}:where(body.create-page) .loading-indicator{padding:1.1rem 1.4rem;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);display:grid;gap:.5rem;width:min(260px,60vw);text-align:center}:where(body.create-page) #loading-overlay.loading-overlay-auth .loading-indicator{position:relative;width:min(420px,72vw);padding:1.25rem 1.5rem;background:#ffffff0d;border-color:#ffffff29;box-shadow:0 14px 36px #00000038;animation:auth-prompt-drift 2.8s ease-in-out infinite}:where(body.create-page) #loading-overlay.loading-overlay-auth .loading-indicator:before{content:"\2190";position:absolute;top:50%;right:calc(100% + 10px);transform:translate3d(0,-50%,0);color:#fc4c02;font-size:clamp(2rem,3vw,3rem);font-weight:800;line-height:1;text-shadow:0 4px 14px rgba(252,76,2,.32);animation:auth-prompt-arrow-sway 1.15s ease-in-out infinite alternate}:where(body.create-page) #loading-overlay.loading-overlay-auth .canvas-loading-spinner{display:none}:where(body.create-page) #loading-overlay.loading-overlay-mode-choice .canvas-loading-spinner,:where(body.create-page) #loading-overlay.loading-overlay-mode-choice .loading-track,:where(body.create-page) #loading-overlay.loading-overlay-mode-choice .loading-percent{display:none}:where(body.create-page) #loading-overlay.loading-overlay-mode-choice .loading-indicator{width:min(360px,72vw);padding:1.2rem 1.5rem;border-color:#ff580085;background:#ffffff0f}:where(body.create-page) .loading-indicator p{margin:0;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:#f4f1ea}:where(body.create-page) #loading-overlay.loading-overlay-auth .loading-indicator p{font-size:.92rem;line-height:1.5;letter-spacing:.06em;text-transform:none}:where(body.create-page) .loading-track{height:6px;border-radius:999px;background:#ffffff1f;overflow:hidden}:where(body.create-page) .loading-fill{display:block;height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#2b50c8,#5878e6);transition:width .2s ease}:where(body.create-page) .loading-fill.is-indeterminate{animation:loading-progress 1.4s linear infinite}:where(body.create-page) .loading-percent{margin:0;font-size:.76rem;letter-spacing:.06em;color:#ffffffd9}:where(body.create-page) #loading-overlay.loading-overlay-auth .loading-track{display:none}:where(body.create-page) #loading-overlay.loading-overlay-auth .loading-percent{display:none}@keyframes loading-progress{0%{transform:translate(-120%) scaleX(1)}40%{transform:translate(10%) scaleX(.8)}to{transform:translate(120%) scaleX(.8)}}@keyframes canvas-loading-spin{to{transform:rotate(360deg)}}@keyframes auth-prompt-arrow-sway{0%{transform:translate3d(-5px,-50%,0)}to{transform:translate3d(5px,-50%,0)}}@keyframes auth-prompt-arrow-bob{0%{transform:translate3d(-50%,5px,0)}to{transform:translate3d(-50%,-5px,0)}}@media(prefers-reduced-motion:reduce){:where(body.create-page) .canvas-loading-spinner{animation-duration:1.8s}:where(body.create-page) #loading-overlay.loading-overlay-auth .loading-indicator:before{animation:none}}@keyframes auth-prompt-drift{0%{transform:translateY(0);box-shadow:0 14px 36px #00000038}50%{transform:translateY(-6px);box-shadow:0 18px 44px #00000042}to{transform:translateY(0);box-shadow:0 14px 36px #00000038}}:where(body.create-page) canvas:not(.button-gradient-grain-canvas){position:relative;z-index:1;border-radius:0;box-shadow:0 24px 50px #1b18141f}:where(body.create-page) #data-section{padding:.7rem .85rem .85rem;font-size:.82rem;line-height:1.55}:where(body.create-page) #data-pre{color:var(--ink)}:where(body.create-page).create-flow-locked .site-topbar,:where(body.create-page).create-flow-locked header,:where(body.create-page).create-flow-locked main{filter:none}:where(body.create-page) #create-flow-overlay{background:#f6f2ea1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:where(body.create-page) .create-flow-modal{border:1px solid var(--line);background:linear-gradient(180deg,#fffffff2,#f5f0e8fa);box-shadow:0 28px 90px #1b181433}:where(body.create-page) #create-flow-overlay .create-flow-btn{padding:.9rem 1rem;border-radius:14px;background:#ffffffbd;color:var(--ink);font-size:.95rem;font-weight:650;line-height:1.35;letter-spacing:0;text-transform:none}:where(body.create-page) #create-flow-overlay .create-flow-btn small{color:var(--muted);font-size:.78rem;font-weight:500;letter-spacing:0;text-transform:none}:where(body.create-page) #create-flow-overlay .create-flow-btn-primary{background:linear-gradient(180deg,#232120,#2f2a24);border-color:#232120;color:#f4f1ea}:where(body.create-page) #create-flow-overlay .create-flow-btn-primary small{color:#ffffffbd}:where(body.create-page) #create-flow-overlay .create-flow-btn:hover{background:#1a1917;border-color:#1a1917;color:#f4f1ea}:where(body.create-page) #create-flow-overlay .create-flow-btn:hover small{color:#ffffffc2}:where(body.create-page) #buy-flow-overlay,:where(body.create-page) #gift-card-flow-overlay{background:#f6f2eab3}:where(body.create-page) .buy-flow-modal{width:min(100%,76rem);border:1px solid var(--line);background:linear-gradient(180deg,#fffffff2,#f5f0e8fa);box-shadow:0 28px 90px #1b181424;color:var(--ink)}:where(body.create-page) #buy-flow-overlay .buy-flow-eyebrow{padding:0;border-radius:0;background:none;color:var(--muted);font-size:.7rem;letter-spacing:.16em}:where(body.create-page):not(.create-flow-gift-mode) #buy-flow-overlay .buy-flow-modal{width:min(100%,84rem);padding:1.35rem}:where(body.create-page):not(.create-flow-gift-mode) #buy-flow-overlay .buy-flow-header{margin-bottom:.85rem}:where(body.create-page):not(.create-flow-gift-mode) #buy-flow-overlay .buy-flow-grid{grid-template-columns:minmax(0,1.35fr) minmax(22rem,.85fr);gap:1rem}:where(body.create-page) .buy-flow-close,:where(body.create-page) .buy-flow-panel,:where(body.create-page) .buy-flow-gift-column,:where(body.create-page) .buy-flow-summary,:where(body.create-page) .buy-flow-choice-row label{border-color:var(--line);background:#ffffffa6;color:var(--ink)}:where(body.create-page) .buy-flow-panel h3,:where(body.create-page) .buy-flow-gift-column h3,:where(body.create-page) .buy-flow-summary h3,:where(body.create-page) .buy-flow-summary-line,:where(body.create-page) .buy-flow-choice-row label,:where(body.create-page) .buy-flow-fields .control-block label{color:var(--ink);opacity:1}:where(body.create-page) .buy-flow-gift-review{display:grid;gap:.25rem;margin:.8rem 0;padding:.75rem 0;border-block:1px solid var(--line)}:where(body.create-page) .buy-flow-gift-review[hidden]{display:none}:where(body.create-page) #buy-gift-panel[hidden],:where(body.create-page) #buy-delivery-panel[hidden],:where(body.create-page) #buy-review-panel[hidden],:where(body.create-page) #buy-delivery-stage-actions[hidden],:where(body.create-page) #buy-gift-stage-indicator[hidden]{display:none!important}:where(body.create-page) .buy-gift-stage-indicator{margin:0 0 .8rem;color:var(--muted);font-size:.8rem;font-weight:700;letter-spacing:.04em}:where(body.create-page) .buy-stage-actions{display:flex;justify-content:space-between;gap:.75rem;margin-top:.85rem}:where(body.create-page) .buy-flow-gift-review h4{margin:0 0 .25rem;font-size:.86rem}:where(body.create-page) .buy-flow-section-note,:where(body.create-page) .buy-flow-validation-message,:where(body.create-page) .buy-flow-note,:where(body.create-page) .buy-flow-print-quality{color:#4f473e;opacity:1}:where(body.create-page) .buy-flow-print-quality{border-top-color:var(--line)}:where(body.create-page) .buy-flow-publicity-consent{border-top-color:var(--line);color:var(--ink)}:where(body.create-page) .buy-flow-publicity-consent p{color:#4f473e;opacity:1}:where(body.create-page) .buy-flow-publicity-consent a{color:var(--accent-strong)}:where(body.create-page) .buy-flow-print-quality a{color:var(--accent-strong)}:where(body.create-page) .buy-flow-panel input,:where(body.create-page) .buy-flow-panel select,:where(body.create-page) .buy-flow-panel textarea{color:var(--ink);background:#ffffffe6;border-color:var(--line-strong)}:where(body.create-page) .buy-flow-panel input::placeholder,:where(body.create-page) .buy-flow-panel textarea::placeholder{color:#81776b}:where(body.create-page) #buy-gift-send-at{display:block;width:100%;min-width:0;min-height:3.25rem;box-sizing:border-box;margin-top:.55rem;padding:.7rem .85rem;border:1.5px solid var(--ayd-plum, #2f0024);border-radius:12px;background:#fff;color:var(--ayd-plum, #2f0024);color-scheme:light;font:700 1rem/1.3 Hubot Sans,sans-serif;cursor:pointer}:where(body.create-page) #buy-gift-send-at[hidden]{display:none}:where(body.create-page) #buy-gift-send-at:focus-visible{outline:3px solid var(--ayd-orange, #ff5900);outline-offset:2px}:where(body.create-page) #buy-gift-send-at::-webkit-calendar-picker-indicator{width:1.3rem;height:1.3rem;padding:.35rem;border-radius:8px;background-color:var(--ayd-pink, #ffc5cf);cursor:pointer}:where(body.create-page) .buy-flow-secondary-btn{color:var(--accent);border-color:var(--line-strong)}:where(body.create-page) .buy-flow-primary-btn{background:var(--accent);color:var(--paper-strong)}:where(body.create-page) .buy-flow-error{color:#8f2820}:where(body.create-page) .buy-flow-success{color:#2f6b2f}:where(body.create-page).create-flow-gift-mode .buy-flow-modal{width:min(100%,84rem)}:where(body.create-page).create-flow-gift-mode .buy-flow-grid{grid-template-columns:minmax(0,1.55fr) minmax(21rem,.65fr)}:where(body.create-page).create-flow-gift-mode .buy-flow-grid:has(#buy-review-panel[hidden]){grid-template-columns:minmax(0,48rem);justify-content:center}:where(body.create-page).create-flow-gift-mode #buy-flow-form:has(#buy-delivery-panel:not([hidden])) .buy-flow-grid{grid-template-columns:minmax(0,74rem)}:where(body.create-page).create-flow-gift-mode #buy-flow-overlay:has(#buy-delivery-panel:not([hidden])) .buy-flow-modal{margin-block:0;padding:1.35rem}:where(body.create-page).create-flow-gift-mode #buy-flow-overlay:has(#buy-delivery-panel:not([hidden])) .buy-flow-header{margin-bottom:.8rem}:where(body.create-page) .buy-delivery-columns{display:grid;grid-template-columns:minmax(0,1fr);gap:1.4rem;align-items:start}:where(body.create-page) #buy-delivery-panel .control-block:has(>:is(#buy-shipping-line1,#buy-shipping-line2)){grid-column:1 / -1}:where(body.create-page) .buy-delivery-section{display:flex;min-width:0;flex-direction:column;gap:.8rem}:where(body.create-page) .buy-delivery-section .buy-flow-section-note{margin:0}:where(body.create-page) #buy-flow-form.is-review-stage .buy-flow-grid{grid-template-columns:minmax(0,64rem);justify-content:center}:where(body.create-page) #buy-flow-overlay:has(#buy-flow-form.is-review-stage) .buy-flow-modal{margin-block:0;padding:1.35rem}:where(body.create-page) #buy-flow-overlay:has(#buy-flow-form.is-review-stage) .buy-flow-header{align-items:center;margin-bottom:.85rem}:where(body.create-page) #buy-flow-overlay:has(#buy-flow-form.is-review-stage) .buy-flow-header>div{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .8rem}:where(body.create-page) #buy-flow-overlay:has(#buy-flow-form.is-review-stage) .create-flow-title{font-size:clamp(2rem,4vw,2.5rem)}:where(body.create-page) #buy-flow-overlay:has(#buy-flow-form.is-review-stage) .create-flow-copy{display:none}:where(body.create-page) #buy-flow-form.is-review-stage .gift-checkout-guide{margin-bottom:.65rem;padding:.7rem .9rem}:where(body.create-page) #buy-flow-form.is-review-stage .buy-flow-form-stack{display:none}:where(body.create-page) #buy-flow-form.is-review-stage #buy-review-panel{position:static;width:100%;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,.95fr);gap:.6rem 1rem;padding:.85rem}:where(body.create-page) #buy-flow-form.is-review-stage #buy-review-panel>h3:focus{outline:none}:where(body.create-page) #buy-flow-form.is-review-stage #buy-review-panel>h3,:where(body.create-page) #buy-flow-form.is-review-stage .buy-review-fulfilment,:where(body.create-page) #buy-flow-form.is-review-stage .buy-review-actions{grid-column:1 / -1}:where(body.create-page) .buy-review-primary,:where(body.create-page) .buy-review-payment,:where(body.create-page) .buy-review-postage{display:flex;min-width:0;flex-direction:column;gap:.8rem}:where(body.create-page) #buy-flow-form.is-review-stage :is(.buy-review-primary,.buy-review-gift,.buy-review-payment),:where(body.create-page) #buy-flow-form.is-review-stage .buy-review-fulfilment-content>*{padding:.75rem;border:1px solid var(--line);border-radius:12px;background:#ffffffb8}:where(body.create-page) #buy-flow-form.is-review-stage #buy-review-panel h4{margin:0;color:var(--ink);font-family:var(--font-create-display);font-size:1rem;line-height:1.2}:where(body.create-page) #buy-flow-form.is-review-stage :is(.buy-review-primary,.buy-review-gift,.buy-review-payment) .buy-flow-summary-line{display:grid;grid-template-columns:minmax(5.5rem,.42fr) minmax(0,1fr);align-items:start;gap:.75rem;padding-top:.65rem;border-top:1px solid var(--line)}:where(body.create-page) #buy-flow-form.is-review-stage :is(.buy-review-primary,.buy-review-gift,.buy-review-payment) .buy-flow-summary-line>:first-child{color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.06em;line-height:1.35;text-transform:uppercase}:where(body.create-page) #buy-flow-form.is-review-stage :is(.buy-review-primary,.buy-review-gift,.buy-review-payment) .buy-flow-summary-line>:last-child{max-width:none;color:var(--ink);font-weight:700;line-height:1.4;text-align:left}:where(body.create-page) #buy-flow-form.is-review-stage .buy-summary-artwork-preview{margin-bottom:0;grid-template-columns:minmax(4.75rem,6rem) minmax(0,1fr)}:where(body.create-page) #buy-flow-form.is-review-stage .buy-review-payment .buy-flow-summary-line:has(strong){margin-top:.15rem;padding-top:.85rem;border-top-color:var(--line-strong)}:where(body.create-page) #buy-flow-form.is-review-stage .buy-flow-gift-code-note{margin-top:auto;padding:.75rem;border-left:3px solid var(--page-accent, var(--ayd-orange));border-radius:0 8px 8px 0;background:var(--ayd-gesso-soft);font-size:.82rem;line-height:1.45}:where(body.create-page) .buy-review-gift{min-width:0;margin:0;align-content:start}:where(body.create-page) .buy-review-fulfilment{padding-top:.9rem;border-top:1px solid var(--line)}:where(body.create-page) .buy-review-fulfilment summary{color:var(--ink);font-weight:800;cursor:pointer}:where(body.create-page) .buy-review-fulfilment[open] summary{margin-bottom:.9rem}:where(body.create-page) .buy-review-fulfilment-content{display:flex;flex-direction:column;gap:1.25rem}:where(body.create-page) #buy-flow-form.is-review-stage .buy-review-fulfilment-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}:where(body.create-page) .buy-review-fulfilment .buy-flow-print-quality,:where(body.create-page) .buy-review-fulfilment .buy-flow-publicity-consent{margin:0;padding:0;border-top:0}:where(body.create-page) #buy-flow-form.is-review-stage .buy-review-fulfilment .buy-flow-print-quality{display:flex;flex-direction:column;gap:.75rem}:where(body.create-page) #buy-flow-form.is-review-stage .buy-flow-print-quality ul{display:grid;gap:.65rem;margin:0;padding-left:1.1rem}:where(body.create-page) #buy-flow-form.is-review-stage .buy-flow-print-quality li{padding-left:.2rem;line-height:1.45}:where(body.create-page) .buy-review-postage-rates{display:grid;gap:0;margin:0;padding:0;list-style:none}:where(body.create-page) .buy-review-postage-rates li{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.75rem;padding:.45rem 0;border-top:1px solid var(--line);line-height:1.4}:where(body.create-page) .buy-review-postage-rates span{color:var(--ink)}:where(body.create-page) .buy-review-actions{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:.75rem}:where(body.create-page) #buy-flow-submit{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:3.1rem;padding:.7rem 1.3rem;border:1px solid #2443a5;border-radius:12px;background:linear-gradient(110deg,#2449b8,#315fcb 72%,#e85e36);color:#fff9ef;box-shadow:0 8px 20px #2b50c82e;font-size:.86rem;font-weight:800;letter-spacing:.01em;text-transform:none}:where(body.create-page) #buy-flow-submit:hover{background:linear-gradient(110deg,#1e3e9f,#274fb2 72%,#ce502d);box-shadow:0 10px 24px #2b50c840}:where(body.create-page) #buy-flow-submit:focus-visible{outline:3px solid var(--accent-strong);outline-offset:3px}:where(body.create-page) .buy-review-actions:has(#buy-review-back[hidden]){grid-template-columns:minmax(0,1fr);justify-items:end}:where(body.create-page) .buy-review-actions:has(#buy-review-back[hidden]) #buy-flow-submit{width:min(100%,20rem)}:where(body.create-page) #buy-flow-form.is-review-stage #buy-publicity-consent{grid-column:1 / -1;padding:.75rem 1rem;border:1px solid var(--line);border-radius:12px;background:#ffffffb8}:where(body.create-page) .buy-flow-legal-note{margin:0;color:var(--muted);font-size:.75rem;line-height:1.4}:where(body.create-page) .buy-flow-legal-note a{color:var(--accent-strong);font-weight:700;text-underline-offset:.14em}:where(body.create-page) #buy-flow-form.is-review-stage .buy-flow-legal-note{grid-column:1 / -1}:where(body.create-page).create-flow-gift-mode .buy-flow-detail-grid{grid-template-columns:1fr}:where(body.create-page).create-flow-gift-mode .buy-flow-gift-column{align-self:stretch;border-color:#ffffff2e;background:linear-gradient(180deg,#1f1a16,#100e0c);color:#f8f1e7;box-shadow:0 18px 44px #1b181429,inset 0 0 0 1px #ffffff0a}:where(body.create-page).create-flow-gift-mode .buy-flow-gift-column h3,:where(body.create-page).create-flow-gift-mode .buy-flow-gift-column .control-block label{color:#f8f1e7}:where(body.create-page).create-flow-gift-mode .buy-flow-gift-column input,:where(body.create-page).create-flow-gift-mode .buy-flow-gift-column textarea{border-color:#ffffff3d;background:#fffffff0;color:var(--ink)}:where(body.create-page).create-flow-gift-mode .buy-flow-gift-column input::placeholder,:where(body.create-page).create-flow-gift-mode .buy-flow-gift-column textarea::placeholder{color:#81776b}.photo-template-upload-panel{margin:0 0 .35rem;padding:.42rem .55rem;border:1px solid color-mix(in srgb,var(--studio-border, #d8d8d8) 82%,transparent);border-radius:10px;background:color-mix(in srgb,var(--studio-panel, #ffffff) 92%,var(--studio-accent, #ff5a36) 8%)}.photo-template-upload-panel:not([hidden]){display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.3rem .6rem}.photo-template-upload-panel h3{margin:0;font-size:.7rem}.photo-template-upload-panel .user-image-actions{gap:.35rem;margin-bottom:0}:where(body.create-page) .photo-template-upload-panel #photo-template-upload-btn{min-height:1.9rem;padding:.2rem .65rem;font-size:.68rem}:where(body.create-page) .photo-template-upload-panel .user-image-remove-button{flex-basis:1.9rem;width:1.9rem;height:1.9rem}.photo-template-upload-panel>.control-help-text{margin:0;font-size:.68rem;line-height:1.15}.photo-template-upload-panel>#photo-template-upload-status,.photo-template-upload-panel>#photo-template-upload-quality{grid-column:1 / -1}:where(body.create-page).photo-route-template-active #data-section-panel{row-gap:.4rem}:where(body.create-page).photo-route-template-active #template-controls .template-controls-group{gap:.3rem;margin-top:.3rem}:where(body.create-page).photo-route-template-active #template-controls .control-block{gap:.1rem}:where(body.create-page) #canvas-stage.is-artwork-fullscreen{position:fixed;inset:0;z-index:10000;width:100vw;height:100dvh;margin:0;border-radius:0}body.artwork-fullscreen-open{overflow:hidden}