:root{--ink:#26392f;--muted:#69756c;--paper:#fcfbf6;--line:#dfe3d8;--green:#284b39;--coral:#dc785f;--cream:#f1eddf}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 'DM Sans',sans-serif}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-underline-offset:4px}button:disabled{cursor:wait;opacity:.5}[hidden]{display:none!important}.top{padding:24px 5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:15px}.wordmark{text-decoration:none;font-size:29px;font-weight:700;letter-spacing:-1.8px}.wordmark span{font-size:10px;letter-spacing:2px;font-weight:500;margin-left:20px;vertical-align:middle}.top>div{display:flex;align-items:center;gap:20px;font-size:12px}main{max-width:1440px;margin:auto;padding:48px 5vw}.welcome{display:grid;grid-template-columns:1fr 1.15fr;gap:7%;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:600}h1,h2,h3,p{margin-top:0}h1{font:400 clamp(40px,5vw,72px)/1.02 'Instrument Serif',Georgia,serif;letter-spacing:-1.5px;margin-bottom:22px}h1 em{color:#b8553d;font-weight:400}h2{font:400 34px/1.15 'Instrument Serif',serif}h3{font-weight:500;font-size:18px}.lede{font-size:17px;color:var(--muted)}.quiet,small{color:var(--muted);font-size:12px}.welcome figure{margin:0;align-self:stretch}.welcome figure img{width:100%;height:100%;max-height:760px;object-fit:cover;border-radius:8px}.welcome figcaption{font-size:11px;color:var(--muted);margin-top:8px}.tabs,.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.tabs{margin-bottom:20px}.tabs button,.text{border:0;background:transparent;padding:9px 12px;color:var(--muted)}.tabs button[aria-pressed=true],.tabs button.active{color:var(--ink);border-bottom:2px solid var(--coral)}label{display:block;font-size:12px;color:var(--muted);margin:14px 0}input,textarea,select{display:block;width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);padding:12px;border-radius:5px;margin-top:6px}input[type=checkbox]{display:inline;width:auto}input[type=file]{font-size:12px}textarea{resize:vertical;min-height:85px}.primary,.secondary{border:1px solid var(--line);border-radius:5px;padding:12px 19px;background:#fff;color:var(--ink);text-decoration:none;display:inline-block}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover{filter:brightness(1.12)}form .primary{margin:10px 12px 0 0}.intro{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:30px}.intro h1{font-size:54px;margin-bottom:10px}.pill{background:#e5ecdf;padding:5px 12px;border-radius:20px;font-size:11px;white-space:nowrap}.builder{display:grid;grid-template-columns:350px minmax(0,1fr);gap:40px}.steps{border:1px solid var(--line);background:white;border-radius:8px;overflow:hidden}.steps details{border-bottom:1px solid var(--line);padding:20px}.steps details:last-child{border:0}summary{cursor:pointer;list-style:none;font-weight:500}summary:after{content:'+';float:right;color:var(--muted)}details[open]>summary:after{content:'−'}summary small{display:block;font-weight:400;margin-top:3px}.styles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.style{border:0;padding:0;background:transparent;text-align:left;font-size:10px;color:var(--ink)}.style-art{height:60px;border-radius:5px;padding:8px;position:relative;overflow:hidden;background:var(--swatch);color:var(--swatch-ink);margin-bottom:6px}.style-art:before{content:'Aa';font:32px 'Instrument Serif',serif}.style-art:after{content:'';position:absolute;right:-4px;bottom:-8px;width:42px;height:52px;background:currentColor;opacity:.3;transform:rotate(-20deg);border-radius:var(--curve,0)}.style[aria-pressed=true] .style-art{outline:2px solid var(--coral);outline-offset:3px}.preview{border:1px solid var(--line);background:white;border-radius:7px;overflow:hidden}.preview-nav{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.preview-nav img{max-width:80px;max-height:35px}.hero{position:relative;background:var(--cream);overflow:hidden}.hero img{width:100%;height:350px;object-fit:cover;display:block}.hero .hero-copy{position:absolute;left:6%;bottom:8%;background:#fcfbf6ed;padding:22px;max-width:65%}.hero h2{font-size:36px;margin:0 0 10px}.hero p{font-size:12px;margin:0}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.preview .product-grid{padding:20px;gap:12px}.product{min-width:0;position:relative}.product img{width:100%;aspect-ratio:1;object-fit:contain;background:#f1f2ed;border-radius:5px}.product h3{font-size:13px;margin:10px 0 4px}.product p{font-size:12px;color:var(--muted)}.product .actions button{font-size:11px;padding:6px 10px}.sample-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}.sample-grid .product img{aspect-ratio:1;width:100%;display:block}.sample-grid .product h3{font-size:15px}.bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.bottom p{margin-bottom:5px}.progress{background:#e6e9df;height:5px;overflow:hidden;border-radius:4px;margin:18px 0}.progress>span{background:var(--coral);height:100%;display:block;transition:width .3s}.build-panel{padding:24px;background:var(--cream);margin:24px 0;border-radius:8px}.build-panel p{color:var(--muted)}.build-panel h2{margin-bottom:12px}.setup-form{max-width:560px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:20px 0}.toolbar input{max-width:400px;margin:0}.category-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:20px 0}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:18px}.checklist>a{padding:20px;background:#fff;border:1px solid var(--line);border-radius:6px;text-decoration:none}.checklist strong{font-weight:500}.checklist small{display:block;margin-top:5px}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--green);color:#fff;padding:12px 20px;border-radius:7px;z-index:100;max-width:90vw;display:none}#notice.show{display:block}dialog{border:1px solid var(--line);border-radius:10px;padding:30px;width:min(880px,94vw);max-height:90vh;overflow:auto;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#13281c80}.close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:25px;color:var(--muted)}.modal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.modal-grid label{padding:12px;border:1px solid var(--line);border-radius:6px}.modal-grid img{width:100%;aspect-ratio:1;object-fit:contain}.footer{border-top:1px solid var(--line);padding:25px 5vw;font-size:12px;display:flex;justify-content:space-between;color:var(--muted)}.demo-banner{text-align:center;background:var(--green);color:white;padding:10px;font-size:12px}.demo-store{max-width:1250px;margin:auto}.demo-store .hero img{height:500px}.demo-store .product-grid{padding:35px 0}.empty{padding:40px;text-align:center;color:var(--muted)}:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
@media(max-width:900px){.builder{grid-template-columns:300px minmax(0,1fr);gap:24px}.hero img{height:300px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome{gap:25px}.welcome h1{font-size:52px}}@media(max-width:650px){main{padding:28px 20px}.top{padding:18px 20px}.wordmark span{display:none}.welcome,.builder{grid-template-columns:1fr}.welcome figure{order:-1}.welcome figure img{height:220px}.welcome h1,.intro h1{font-size:44px}.intro{display:block}.pill{display:inline-block;margin-top:10px}.bottom,.toolbar{align-items:stretch;flex-direction:column}.bottom .primary{width:100%;text-align:center}.hero .hero-copy{max-width:85%;padding:16px}.hero h2{font-size:28px}.sample-grid{grid-template-columns:1fr 1fr}.sample-grid .product:first-child{grid-column:auto}.sample-grid .product:first-child img{aspect-ratio:1}.modal-grid,.checklist{grid-template-columns:1fr 1fr}.footer span{display:none}.demo-store .hero img{height:350px}.top #account{max-width:150px;overflow:hidden;text-overflow:ellipsis}.modal-grid{gap:10px}dialog{padding:30px 18px}.checklist{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.preview,.demo-store{--green:var(--store-primary,#284b39);--coral:var(--store-accent,#dc785f)}.preview-nav{color:var(--store-primary,#284b39);border-bottom:3px solid var(--store-accent,#dc785f)}.store-logo{max-width:120px;max-height:40px;vertical-align:middle;margin-right:12px}.demo-store .product h3{color:var(--store-primary,#284b39)}body[data-style=premium] .demo-store{background:#f6f3eb}body[data-style=industrial] .demo-store .product{border-bottom:5px solid var(--store-accent)}body[data-style=editorial] .demo-store h3{font-family:'Instrument Serif',serif;font-size:25px}body[data-style=playful] .demo-store img{border-radius:24px}body[data-style=professional] .demo-store h1,body[data-style=bold] .demo-store h1{font-family:'DM Sans',sans-serif;font-weight:700}body[data-style=organic] .demo-store{background:#f4f0e7}body[data-style=warm] .demo-store .product{background:#fcf7ed}
body[aria-busy=true]{cursor:progress}body[aria-busy=true] .primary,body[aria-busy=true] .secondary{pointer-events:none;opacity:.65}body[aria-busy=true] .top:after{content:'Saving your progress…';position:fixed;bottom:22px;left:22px;background:var(--green);color:#fff;padding:12px 20px;border-radius:6px;z-index:80;font-size:12px}

/* A raised, tactile entry point with a separate enamel-like Google mark. */
.google-signin{display:flex;align-items:center;gap:16px;max-width:400px;min-height:74px;padding:12px 20px 12px 14px;margin-top:28px;margin-bottom:8px;background:linear-gradient(165deg,#fffefa 0%,#f5f6f0 55%,#e8ede5 100%);color:#263f37;border:1px solid #c4cdc0;border-radius:16px;text-decoration:none;font-weight:600;box-shadow:inset 0 2px 0 #fff,inset 0 -1px 1px #ffffff90,0 5px 0 #b6c0b1,0 8px 10px #273d3020,0 18px 28px -10px #273d302b;transform:translateY(0);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;-webkit-tap-highlight-color:transparent}
.google-mark{display:flex;align-items:center;justify-content:center;flex:0 0 44px;height:44px;border-radius:12px;background:linear-gradient(155deg,#fff,#f4f5f1);border:1px solid #fff;box-shadow:0 2px 5px #263f371a,inset 0 -1px 2px #d8dfd480}
.google-mark svg{display:block}.google-label{flex:1;letter-spacing:.01em}.google-arrow{display:flex;align-items:center;justify-content:center;flex:0 0 28px;height:28px;color:#617365;font-size:21px;font-weight:400}
@media(hover:hover){.google-signin:hover{border-color:#9eaf9a;transform:translateY(-2px);box-shadow:inset 0 2px 0 #fff,inset 0 -1px 1px #ffffff90,0 7px 0 #b6c0b1,0 10px 14px #273d3020,0 23px 32px -10px #273d3033}}
.google-signin:active{transform:translateY(4px);box-shadow:inset 0 1px 3px #273d3010,0 1px 0 #aebba8,0 3px 7px #273d3020}
.google-signin:focus-visible{outline:3px solid #365b49;outline-offset:8px}
@media(prefers-reduced-motion:reduce){.google-signin{transition:none}.google-signin:hover,.google-signin:active{transform:none}}
.google-hint{font-size:13px;color:#64756b;margin:10px 0 24px}.email-signin{max-width:450px}.email-signin summary{cursor:pointer;color:#64756b;font-size:14px;padding:8px 0}.email-signin form{margin-top:16px}

.pricing-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pricing-fields label{min-width:0}.pricing-fields input{width:100%}@media(max-width:600px){.pricing-fields{grid-template-columns:1fr;gap:0}}

.photo-expand{display:block;position:relative;width:100%;padding:0;border:0;border-radius:7px;background:#f1f2ed;color:var(--ink);cursor:zoom-in;overflow:hidden}.photo-expand img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.photo-expand>span{position:absolute;right:10px;bottom:10px;padding:5px 10px;background:#fffef4ed;border-radius:4px;font-size:11px;box-shadow:0 2px 8px #26392f15}.photo-expand:hover>span{background:#fff}.studio-overlay{width:min(1180px,96vw);padding:30px;max-height:94dvh}.overlay-close{position:sticky;top:0;float:right;z-index:5;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);font-size:26px;line-height:1}.image-overlay{text-align:center}.image-overlay h2{font-size:24px;padding:0 40px}.expanded-photo{display:block;width:100%;height:72dvh;object-fit:contain;background:#eeeee8;border-radius:8px}.image-overlay .text{display:inline-block}.style-preview-tools{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-right:40px}.style-preview-tools h2{margin:0}.style-preview-tools label{min-width:180px}.style-page{background:var(--look-paper);color:var(--look-primary);border:1px solid var(--line);overflow:hidden}.style-page h1,.style-page h2{font-family:var(--look-font),serif}.style-page-nav{padding:25px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid color-mix(in srgb,var(--look-primary) 20%,transparent)}.style-page-nav strong{font-size:21px}.style-page-nav nav{display:flex;gap:18px;font-size:12px}.style-page-hero{display:grid;grid-template-columns:1fr 1.1fr}.style-page-copy{padding:45px 30px}.style-page-copy h1{font-size:clamp(34px,4vw,62px);margin-bottom:22px}.style-page-copy>p:not(.eyebrow){font-size:14px;max-width:330px}.style-shop{display:inline-block;background:var(--look-primary);color:var(--look-paper);padding:13px 20px;text-decoration:none;margin-top:12px}.style-page-photo{position:relative;min-width:0;min-height:380px;display:flex;align-items:center;overflow:hidden;background:var(--look-paper)}.style-page-photo img{display:block;position:static;width:100%;max-width:100%;height:auto;object-fit:contain}.style-collection{padding:35px 30px}.style-section-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.style-section-title span{font-size:11px}.style-demo-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.style-demo-products h3{font-size:14px;margin:14px 0 4px}.style-demo-products p{font-size:12px}.style-story{padding:45px 30px;background:var(--look-primary);color:var(--look-paper);text-align:center}.style-story p{max-width:460px;margin:16px auto}.style-page-footer{padding:24px 30px;display:flex;justify-content:space-between;gap:20px;font-size:12px}.style-page[data-look=premium] .style-page-hero{background:var(--look-primary);color:#f5f0e5}.style-page[data-look=premium] .style-shop{background:var(--look-accent);color:#242935}.style-page[data-look=industrial] h1,.style-page[data-look=bold] h1{font-weight:700;text-transform:uppercase}.style-page[data-look=industrial] .style-shop{border-bottom:5px solid var(--look-accent)}.style-page[data-look=editorial] h1{font-style:italic}.style-page[data-look=editorial] .style-page-copy{border-top:8px solid var(--look-accent)}.style-page[data-look=playful] .style-shop,.style-page[data-look=playful] .photo-expand{border-radius:28px}.style-page[data-look=playful] .style-page-hero{background:color-mix(in srgb,var(--look-accent) 20%,var(--look-paper))}.style-page[data-look=organic] .style-page-photo{border-radius:180px 0 0 0}.style-page[data-look=warm] .style-page-photo{border-radius:0 0 0 120px}.style-page[data-look=professional] h1{font-size:clamp(32px,3vw,50px);letter-spacing:-1px}.style-page[data-look=bold] .style-shop{background:var(--look-accent);color:var(--look-primary)}
@media(max-width:1000px){.sample-grid{grid-template-columns:1fr}.sample-grid .product img{max-height:520px}.style-page-hero{grid-template-columns:1fr}.style-page-photo{min-height:320px}}@media(max-width:650px){.studio-overlay{padding:20px 14px}.style-preview-tools{display:block;padding-right:35px}.style-page-nav,.style-page-footer,.style-section-title{align-items:start;flex-direction:column}.style-page-nav,.style-collection,.style-page-copy{padding:24px 18px}.style-demo-products{grid-template-columns:1fr}.style-page-photo{min-height:260px}.image-overlay h2{font-size:20px}.expanded-photo{height:65dvh}}

.top .wordmark{display:flex;align-items:center;gap:20px;letter-spacing:normal}.top .wordmark img{display:block;width:190px;height:auto;max-width:40vw}.top .wordmark span{margin-left:0}.top{padding-top:14px;padding-bottom:14px}@media(max-width:650px){.top .wordmark img{width:150px;max-width:42vw}}

.styles{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.style{font-size:12px;line-height:1.4}.style-thumbnail{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--line);border-radius:6px;margin-bottom:8px}.style[aria-pressed=true] .style-thumbnail{outline:3px solid var(--coral);outline-offset:3px}.inline-style-preview{container-type:inline-size}.inline-style-label{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;font-size:13px}.inline-style-label span{font-size:11px;color:var(--muted)}.inline-style-preview>.quiet{font-size:11px}.inline-style-preview .style-page-copy h1{font-size:clamp(28px,6cqw,48px)}.inline-style-preview .style-page-copy{padding:28px 22px}.inline-style-preview .style-page-photo{min-height:300px}.inline-style-preview .style-page-nav{padding:18px 22px}.inline-style-preview .style-page-nav strong{font-size:17px}.inline-style-preview .style-page-nav nav{gap:12px}.inline-style-preview .style-collection{padding:28px 22px}.inline-style-preview .style-story{padding:28px 22px}.inline-style-preview .style-demo-products{gap:12px}.builder-preview-column{min-width:0}@container(max-width:620px){.inline-style-preview .style-page-hero{grid-template-columns:1fr}.inline-style-preview .style-page-copy h1{font-size:36px}.inline-style-preview .style-page-photo{min-height:300px}.inline-style-preview .style-page-nav{align-items:start;flex-direction:column}.inline-style-preview .style-demo-products{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-style-preview .style-section-title{align-items:start;flex-direction:column;gap:0}}@media(max-width:650px){.styles{grid-template-columns:repeat(3,minmax(0,1fr))}.inline-style-preview .style-demo-products{grid-template-columns:1fr}.inline-style-preview .style-page-photo{min-height:260px}}

.style-demo-products .photo-expand>svg{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.expanded-mockup svg{display:block;width:100%;height:70dvh}

.brand-preview-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0 20px}.brand-preview-nav button{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:#fffef9;color:var(--ink);cursor:pointer;box-shadow:0 3px 0 #26392f12;transition:transform .15s,box-shadow .15s}.brand-preview-nav button:hover{transform:translateY(-2px);box-shadow:0 5px 0 #26392f12}.brand-preview-nav button:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.brand-preview-nav>span{text-align:center;font-size:13px}.brand-preview-nav small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.brand-preview-nav button span{font-size:20px}.brand-enter-next{animation:brand-next .42s cubic-bezier(.22,1,.36,1) both}.brand-enter-back{animation:brand-back .42s cubic-bezier(.22,1,.36,1) both}.inline-style-preview{overflow:clip}.image-overlay .brand-preview-nav,.style-overlay .brand-preview-nav{margin-right:48px}@keyframes brand-next{from{opacity:0;transform:translateX(44px)}to{opacity:1;transform:translateX(0)}}@keyframes brand-back{from{opacity:0;transform:translateX(-44px)}to{opacity:1;transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.brand-enter-next,.brand-enter-back{animation:none}.brand-preview-nav button{transition:none}}@media(max-width:500px){.brand-preview-nav{gap:8px}.brand-preview-nav button{padding:8px 10px;gap:5px}.brand-preview-nav>span{font-size:11px}}

.upload-zone{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 16px;border:1.5px dashed #a4b4aa;border-radius:12px;background:#f6f8f4;text-align:center;transition:background .2s,border-color .2s;cursor:pointer}.upload-zone strong{font-size:14px}.upload-zone>span[role=status]{font-size:13px}.upload-zone small{font-size:11px;color:var(--muted)}.upload-icon{font-size:26px;line-height:1;color:var(--ink)}.upload-zone input{max-width:100%;font-size:12px;padding:8px;background:white}.upload-zone.drag-over{background:#e6efe7;border-color:var(--ink);outline:3px solid #c7d8ca}.upload-zone:focus-within{outline:2px solid var(--coral);outline-offset:3px}.upload-zone[aria-busy=true]{opacity:.65}

.style-page-photo.collection-photo img{position:static;width:100%;height:auto;object-fit:contain}.style-page-photo.collection-photo{display:flex;align-items:center;background:var(--look-paper)}

.sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.sample-grid .product img{width:100%;aspect-ratio:1;object-fit:contain}.display-picker{margin-top:20px}.display-picker label{cursor:pointer}.display-picker label:has(input:checked){border-color:var(--coral);box-shadow:0 0 0 2px var(--coral)}.display-picker label[hidden]{display:none}.picker-footer{position:sticky;bottom:-30px;background:var(--paper);padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line)}@media(max-width:1000px){.sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.sample-grid{grid-template-columns:1fr}.picker-footer{bottom:-20px;flex-wrap:wrap}}

.custom-style-reference{grid-column:1/-1}
.generation-panel{margin:24px 0;padding:24px;border:1px solid #b7cbbf;border-radius:18px;background:linear-gradient(120deg,#f1f6f0,#fff)}.generation-panel[hidden]{display:none}.generation-heading{display:flex;gap:16px;align-items:center}.generation-heading p{margin:5px 0}.generation-panel .actions{margin-top:14px}.graphics-spinner{width:28px;height:28px;flex-shrink:0;border:3px solid #d4e3d8;border-top-color:#2b5943;border-radius:50%;animation:graphics-spin 1s linear infinite}.graphics-done{font-size:28px;color:#2b5943}.graphics-placeholder{min-height:280px;display:grid;place-items:center;padding:24px;border-radius:12px;background:#eef2ec;color:#476452;text-align:center}.graphics-placeholder.is-generating{background:linear-gradient(100deg,#eef2ec 20%,#dde9e0 45%,#eef2ec 70%);background-size:250% 100%;animation:graphics-shimmer 2s ease-in-out infinite}.sample-arrived{animation:sample-arrive .55s ease-out both}@keyframes graphics-spin{to{transform:rotate(360deg)}}@keyframes graphics-shimmer{to{background-position:-170% 0}}@keyframes sample-arrive{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.graphics-spinner,.graphics-placeholder.is-generating,.sample-arrived{animation:none}}

.style-option{position:relative;min-width:0}.style-option .style{width:100%}.style-option .style-name{display:block;padding-right:32px;min-height:28px}.style-option .style-prompt{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:28px;height:28px;padding:5px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--muted);box-shadow:0 2px 4px #263f4710}.style-option .style-prompt:hover{color:var(--green);background:#e9eee8}.design-prompt-text{white-space:pre-wrap;line-height:1.7;padding:20px;border:1px solid var(--line);border-radius:10px;background:#fff}

.top .studio-header-links{flex-wrap:wrap;justify-content:flex-end;gap:12px 20px}.sample-store-link{font-weight:500;text-decoration:none;border-bottom:1px solid var(--line);padding:6px 0}.sample-store-link:hover{color:var(--green);border-color:var(--green)}@media(max-width:650px){.top .studio-header-links{gap:8px 12px}.sample-store-link{font-size:11px}}
.preview-product-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin:20px 0}.preview-product-gallery .photo-expand{width:100%;max-width:none}.preview-product-gallery .photo-expand img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain}.product-description{white-space:pre-line;line-height:1.65}

.saved-reference{margin:12px 0}.saved-reference img{display:block;width:100%;max-height:220px;object-fit:contain}.saved-reference figcaption{margin-top:8px;font-size:13px}

/* Give the signed-in builder the available desktop width. */
@media(min-width:901px){main:has(.builder){max-width:none;padding-inline:clamp(24px,3vw,64px)}.builder{grid-template-columns:350px minmax(0,1fr);gap:clamp(24px,2.5vw,48px)}}

/* One setup step per screen; keep every field mounted while navigating. */
.setup-mode .footer{display:none}.setup-mode .intro{margin-bottom:12px;align-items:center}.setup-mode .intro h1{font-size:30px;margin-bottom:4px}.setup-mode .intro .eyebrow{display:none}.setup-mode .intro p{margin-bottom:0}
.setup-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px;flex-shrink:0}.setup-tabs button{display:flex;align-items:center;gap:10px;padding:12px 14px;background:white;border:1px solid var(--line);border-radius:8px;text-align:left;color:var(--muted)}.setup-tabs button>span{font-size:12px;font-weight:700;color:var(--coral)}.setup-tabs button[aria-selected=true]{background:var(--green);border-color:var(--green);color:white}.setup-tabs button[aria-selected=true]>span{color:#f5c4a9}
.setup-panel{padding:20px}.setup-panel>h2{font-size:25px;margin-bottom:16px}.setup-panel>h2 small{display:block;margin-top:6px;font:12px 'DM Sans',sans-serif}.setup-footer{margin-top:12px;padding-top:12px;flex-shrink:0}.setup-footer>[data-action=setup-next]{margin-left:auto}.setup-footer>div{flex:1}.setup-footer p{font-size:12px}.setup-footer .primary,.setup-footer .secondary{white-space:nowrap}.setup-panel .styles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:0}.setup-panel .style-thumbnail{aspect-ratio:3/2;margin-bottom:4px}.setup-panel .style{font-size:11px}.setup-panel .style-name{padding-right:26px;min-height:28px}.setup-panel .style-prompt{width:24px;height:24px;padding:4px}.setup-panel .upload-zone{padding:12px;gap:5px}.setup-panel .upload-zone .upload-icon{display:none}.setup-panel .upload-zone input{margin-top:0}.setup-panel .saved-reference{display:flex;gap:8px;align-items:center}.setup-panel .saved-reference .photo-expand{width:56px;flex-shrink:0}.setup-panel .saved-reference img{height:44px}.setup-panel .saved-reference .photo-expand>span,.setup-panel .saved-reference p{display:none}.setup-panel .saved-reference figcaption{font-size:11px;margin:0}.setup-panel textarea{min-height:56px;height:56px}.setup-panel .actions{gap:6px}.setup-panel .actions button{padding:9px 11px;font-size:12px}
.setup-mode .inline-style-preview .style-page-hero,.setup-mode .inline-style-preview .style-story,.setup-mode .inline-style-preview .style-page-footer,.setup-mode .inline-style-preview .style-page-nav nav,.setup-mode .inline-style-preview .style-section-title{display:none}.setup-mode .inline-style-preview .style-demo-products p{display:none}.setup-mode .inline-style-preview .style-page-nav{padding:10px 14px}.setup-mode .inline-style-preview .style-collection{padding:12px}.setup-mode .brand-preview-nav{padding:0 0 8px}.setup-mode .brand-preview-nav button{padding:6px 12px;min-height:36px}.setup-mode .brand-preview-nav small{display:none}.setup-mode .inline-style-preview>.quiet{margin-bottom:8px}.setup-mode .builder-preview-column>h2{font-size:24px;margin:0 0 12px!important}.setup-mode .sample-grid .product h3{font-size:12px;margin:5px 0}.setup-mode .sample-grid .product p{margin-bottom:4px}.setup-mode .sample-grid [data-action=revise-sample]{font-size:11px;padding:3px 0}.setup-mode .sample-grid .graphics-placeholder{min-height:100px;padding:12px}.setup-mode .generation-panel{padding:10px 14px;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0}.setup-mode .generation-heading{gap:8px}.setup-mode .generation-heading strong{font-size:12px}.setup-mode .generation-heading p{font-size:11px;margin:0}.setup-mode .generation-panel .progress{margin:6px 0}.setup-mode .generation-panel .actions{margin-top:4px}.setup-mode .generation-panel .actions small{display:none}.setup-mode .generation-panel .secondary{padding:4px 8px;font-size:11px}.setup-mode .graphics-spinner{width:18px;height:18px}.setup-mode .graphics-done{font-size:18px}
@media(min-width:901px) and (min-height:650px){
 body.setup-mode{height:100dvh;display:flex;flex-direction:column}.setup-mode .top{flex-shrink:0;padding-block:10px}.setup-mode main{flex:1;min-height:0;max-width:none;width:100%;padding:14px 24px;display:flex;flex-direction:column}.setup-mode #view{flex:1;min-height:0;display:flex;flex-direction:column}.setup-mode .builder{flex:1;min-height:0;grid-template-columns:minmax(340px,390px) minmax(0,1fr);gap:24px}.setup-mode .steps{overflow:auto;min-height:0}.setup-mode .builder-preview-column{display:flex;flex-direction:column;min-height:0;overflow:auto}.setup-mode .inline-style-preview{display:flex;flex-direction:column;flex:1;min-height:0;overflow:visible}.setup-mode .inline-style-preview .style-page{display:flex;flex-direction:column;flex:1;min-height:0}.setup-mode .inline-style-preview .style-collection{flex:1;min-height:0}.setup-mode .style-demo-products,.setup-mode .sample-grid{height:100%;min-height:0;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px}.setup-mode .style-demo-products>article{display:flex;flex-direction:column;min-height:0}.setup-mode .style-demo-products h3{font-size:12px;margin:5px 0 0}.setup-mode .style-demo-products .photo-expand{flex:1;min-height:0}.setup-mode .style-demo-products .photo-expand img,.setup-mode .style-demo-products .photo-expand>svg{height:100%;width:100%;object-fit:contain;aspect-ratio:auto}.setup-mode .sample-grid{flex:1}.setup-mode .sample-grid>div{display:flex;flex-direction:column;min-height:0}.setup-mode .sample-grid .product{display:flex;flex:1;flex-direction:column;min-height:0}.setup-mode .sample-grid .photo-expand{flex:1;min-height:0}.setup-mode .sample-grid .product img{height:100%;aspect-ratio:auto;max-height:none;object-fit:contain}.setup-mode #sample-ready-message{margin:8px 0 0;flex-shrink:0}.setup-mode .style-demo-products .custom-style-reference{grid-row:1/-1}
 .setup-panel{padding:16px}.setup-panel label{margin:10px 0}.setup-panel .style-thumbnail{height:64px;aspect-ratio:auto;object-fit:cover}.setup-panel .upload-zone>span[role=status],.setup-panel .upload-zone small{display:none}.setup-panel input,.setup-panel textarea{padding:9px}.setup-panel p{margin-bottom:10px}.setup-panel .pricing-fields{gap:10px}
 /* The preview column scrolls instead of squeezing: the six sample pictures keep at least 240px (square, contained) and the spec-sheet header previews sit below the cards. Steps and the footer stay fixed. */
 .setup-mode .builder-preview-column{overflow-y:auto;overflow-x:hidden}.setup-mode .builder-preview-column>*,.setup-mode .inline-style-preview,.setup-mode .inline-style-preview .style-page,.setup-mode .inline-style-preview .style-collection,.setup-mode .sample-grid{flex:none}.setup-mode .style-demo-products,.setup-mode .sample-grid{height:auto;grid-template-rows:none;grid-auto-rows:auto}.setup-mode .style-demo-products .photo-expand,.setup-mode .sample-grid .photo-expand{flex:none}.setup-mode .style-demo-products .photo-expand img,.setup-mode .style-demo-products .photo-expand>svg,.setup-mode .sample-grid .product img{width:100%;height:auto;aspect-ratio:1;min-height:240px;max-height:none;object-fit:contain}.setup-mode #customer-document-header{order:1}
}
@media(max-width:900px),(max-height:649px){.setup-mode main{padding:16px 20px}.setup-tabs{gap:5px}.setup-tabs button{font-size:12px;padding:10px 8px;gap:6px}.setup-mode .builder{grid-template-columns:1fr;gap:18px}.setup-mode .inline-style-preview .style-demo-products,.setup-mode .sample-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.setup-mode .inline-style-preview .photo-expand img{max-height:180px}.setup-mode .sample-grid .product img{max-height:180px}.setup-mode .setup-footer{flex-direction:row;flex-wrap:wrap;align-items:center}.setup-mode .setup-footer .primary{width:auto}.setup-panel .styles{grid-template-columns:repeat(3,minmax(0,1fr))}.setup-panel .style-thumbnail{max-height:100px;object-fit:cover}}
@media(max-width:550px){.setup-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-mode .intro h1{font-size:25px}.setup-mode .intro .pill{display:none}.setup-mode .inline-style-preview .style-demo-products,.setup-mode .sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-mode .setup-footer>div{flex-basis:100%;order:-1}.setup-mode .setup-footer [data-action=build]{margin-left:auto}.setup-mode .pricing-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
.setup-customize{margin-top:12px;font-size:12px}.setup-panel #setup-customization{width:min(540px,94vw);padding:24px}.setup-panel #setup-customization .upload-zone>span[role=status],.setup-panel #setup-customization .upload-zone small{display:block}.setup-panel #setup-customization textarea{height:100px}.setup-panel #setup-customization>h2{font-size:28px}
@media(min-width:901px) and (min-height:650px) and (max-height:750px){.setup-panel .style-thumbnail{height:46px}.setup-panel .styles{gap:8px}.setup-panel>h2{font-size:23px;margin-bottom:10px}.setup-mode .intro h1{font-size:26px}.setup-mode .setup-tabs button{padding-block:9px}}
@media(min-width:901px) and (min-height:650px){
 .setup-mode .top .wordmark img{height:40px;width:auto;max-width:40vw}.setup-mode .intro{margin-bottom:8px}.setup-mode .intro h1{font-size:26px}.setup-mode .setup-tabs{margin-bottom:10px}.setup-mode .setup-tabs button{padding-block:10px}.setup-mode .setup-footer{margin-top:8px;padding-top:8px}.setup-mode .setup-footer .primary,.setup-mode .setup-footer .secondary{padding-block:10px}.setup-mode .generation-panel{display:grid;grid-template-columns:1fr auto;gap:0 8px}.setup-mode .generation-panel .progress{grid-column:1/-1;margin:4px 0 0}.setup-mode .generation-panel .actions{grid-row:1;grid-column:2;margin:0}
}
@media(min-width:901px) and (min-height:650px) and (max-height:750px){.setup-mode #setup-panel-3>h2 small{display:none}.setup-mode #setup-panel-3 label{margin-block:6px}}
.setup-mode #app>.tabs,.setup-mode #app>.build-panel{display:none}.setup-mode .intro>[data-action=setup-exit]{padding:8px 12px;font-size:12px;white-space:nowrap}

.graphic-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;margin:20px 0}.graphic-edit-preview{display:block;width:100%;max-height:45vh;object-fit:contain;border-radius:8px;background:var(--cream)}.graphic-editor h3{font-size:23px;margin:0 0 15px}.graphic-editor textarea{min-height:125px}.graphic-editor label{color:var(--ink)}#graphic-error{color:#a33b25;font-size:13px;margin:12px 0 0}.product-pricing,.product-related{border-top:1px solid var(--line);padding:16px 0}.product-related .product-grid{margin-top:15px}.product-related img{width:100%;max-height:200px;object-fit:contain}@media(max-width:650px){.graphic-editor{grid-template-columns:1fr;gap:18px}.graphic-edit-preview{max-height:30vh}}
.product-documents{display:flex;flex-wrap:wrap;gap:12px 28px;padding:12px 16px;border:1px solid var(--line);border-radius:6px;background:white;margin:12px 0}.product-documents>div{flex:1;min-width:180px}.product-documents strong{display:block;font-size:12px;margin-bottom:4px}.product-documents a,.product-documents span{display:block;font-size:12px;margin:4px 0;overflow-wrap:anywhere}

/* Keep the native, keyboard-accessible picker while matching the studio controls. */
.upload-zone input[type=file]{padding:8px;font-size:12px;border-radius:7px;cursor:pointer}
.upload-zone input[type=file]::file-selector-button{min-height:44px;margin:0 10px 4px 0;padding:11px 19px;border:1px solid #284b39;border-radius:6px;background:linear-gradient(#3d654e,#284b39);color:#fff;font:600 14px 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 4px 0 #193324,0 6px 10px #19332420,inset 0 1px 0 #ffffff35;transition:transform .12s,box-shadow .12s,filter .12s}
.upload-zone input[type=file]::file-selector-button:hover{filter:brightness(1.1)}
.upload-zone input[type=file]::file-selector-button:active{transform:translateY(3px);box-shadow:0 1px 0 #193324,inset 0 1px 0 #ffffff20}
.setup-panel .upload-zone>span[role=status]{display:block;font-size:12px;line-height:1.4}
@media(prefers-reduced-motion:reduce){.upload-zone input[type=file]::file-selector-button{transition:none}}
.category-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.category-choices button{text-align:left;padding:18px}.category-choices strong,.category-choices span{display:block}.category-choices strong{font-size:16px}.category-choices span{font-size:12px;color:var(--muted);margin-top:6px}.category-choices button:hover{background:#eef3ec;border-color:var(--green)}.category-products{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:16px 0}.category-products fieldset{border:1px solid var(--line);border-radius:6px;margin:14px 0;padding:10px 14px}.category-products legend{font-weight:600;font-size:13px}.category-products label{margin:9px 0}.category-products input[type=checkbox]{margin-right:8px}@media(max-width:500px){.category-choices{grid-template-columns:1fr}}

/* Compact spreadsheet-style customer downloads. */
.downloads-scroll{overflow-x:auto;margin-top:20px;border:1px solid var(--line,#dfe3d9);border-radius:12px;background:#fff}.downloads-table{width:100%;min-width:820px;border-collapse:collapse;text-align:left;font-size:14px}.downloads-table th,.downloads-table td{padding:16px 18px;border-bottom:1px solid var(--line,#dfe3d9);vertical-align:top}.downloads-table thead th{background:#eef2ed;font-size:13px;white-space:nowrap}.downloads-table tbody th{width:35%;font-weight:400;min-width:260px}.downloads-table tbody tr:nth-child(even){background:#fafbf8}.downloads-table tbody tr:hover{background:#f3f6f0}.downloads-table tbody tr:last-child>*{border-bottom:0}.download-name,.download-status{display:block;margin-top:5px}.download-status{font-size:12px;color:#68766b}.downloads-table td>a{white-space:nowrap}.download-images summary,.download-note summary{cursor:pointer}.download-images summary{white-space:nowrap;border:1px solid #dfe3d9;border-radius:6px;padding:8px 10px;background:#fff}.download-images>div{display:grid;gap:10px;padding:12px 0 0}.download-note{margin-top:7px;font-size:12px;color:#68766b}.download-note p{margin:6px 0 0}.downloads-table .quiet{font-size:13px}.downloads-table caption{padding:12px;text-align:left}.downloads-table .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.download-file{display:grid;gap:6px;white-space:nowrap}.download-file-actions{display:flex;gap:12px}.download-file-actions .text{padding:4px 0;font-size:13px;text-decoration:underline;min-height:32px}

.category-choices button[hidden]{display:none}

.graphics-placeholder.is-generating{display:flex;flex-direction:column;justify-content:center;gap:12px}.graphics-placeholder.is-generating strong{font-size:14px}.active-graphics{overflow-wrap:anywhere}.setup-mode .sample-grid .graphics-placeholder{min-height:220px}.setup-mode .active-graphics{font-size:13px;margin:8px 0}

/* Create your own style (custom-style.js) */
.create-style .create-style-art{display:grid;place-items:center;font-size:34px;color:var(--store-primary,#263f47);background:repeating-linear-gradient(135deg,#fbf8f2 0 10px,#f3eee4 10px 20px);border:1px dashed currentColor}
.custom-look-swatch{display:block}
.custom-style-dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:0;border-radius:14px;padding:24px}
.custom-style-panel{position:relative;display:grid;gap:10px}.custom-style-panel .close{position:absolute;top:0;right:0}
.custom-style-panel textarea{width:100%}.custom-style-photos{border:1px solid #e3ddd2;border-radius:10px;padding:10px 12px}
.custom-style-photos ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 8px;padding:0}.custom-style-photos li{display:grid;gap:4px;width:96px}.custom-style-photos img{width:96px;height:72px;object-fit:cover;border-radius:6px}
.custom-style-palette{display:flex;flex-wrap:wrap;gap:12px}.custom-style-palette i{display:inline-block;width:16px;height:16px;border-radius:50%;margin-right:6px;vertical-align:-3px;border:1px solid #0002}
.custom-style-preview{max-height:420px;overflow:auto;border-radius:10px}
.style-reference-image{width:100%;min-width:0}.style-reference-caption{margin:0;padding:12px 18px;font-size:12px;line-height:1.5;background:#fff9;color:var(--look-primary)}
.custom-look-direction{width:100%;padding:28px;background:var(--look-paper);color:var(--look-primary)}.custom-look-direction h3{font-family:var(--look-font),serif;font-size:28px;margin:8px 0 16px}.custom-look-direction p{font-size:14px;line-height:1.6}.custom-direction-colors{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.custom-direction-colors>span{display:grid;gap:6px;min-width:90px}.custom-direction-colors i{display:block;height:58px;border:1px solid #8884;border-radius:6px}.custom-direction-colors small{font-size:11px}.custom-direction-colors strong{font:12px ui-monospace,monospace}.custom-artwork-pending{padding:20px;border:1px solid var(--line);border-radius:8px}
.custom-style-create{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.custom-style-error{margin:0;padding:8px 12px;border-radius:8px;background:#fdecea;color:#8a1c12;font-weight:600}

/* Signed-out landing on phones: no column blowout, and 16px fields so iOS Safari does not zoom in (and scroll sideways) when a field is focused. */
@media(max-width:650px){.welcome{grid-template-columns:minmax(0,1fr)}.welcome>*{min-width:0}.welcome h1,.welcome p{overflow-wrap:break-word}.welcome input,.welcome select,.welcome textarea{font-size:16px}.google-signin{max-width:100%;margin-top:22px}.top .studio-header-links{min-width:0}.sample-store-link{overflow-wrap:anywhere}}