:root{--accent:#2b62ed;--accent-dark:#1248d4;--accent-light:#89a8f5;--ink:#2e2e2a;--secondary:#50504c;--muted:#6d6d6a;--canvas:#f7f7f7;--banner-height:80px;--header-height:74px;font-family:Figtree,Arial,sans-serif;font-size:14px;color:var(--ink);background:var(--canvas);scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}body.locked{overflow:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.015em}h2{font-size:2rem;font-weight:600;line-height:1.2}p{line-height:1.5}svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.container{width:100%;margin-inline:auto;padding-inline:1rem;max-width:640px}.section-space{margin-block:4rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;border-radius:999px;font-size:1rem;font-weight:500;padding:.6rem 1rem;line-height:1.2;min-height:2.6rem;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.primary:hover{background:var(--accent-dark)}.white{background:#fff;color:var(--ink)}.white:hover{background:#e9e9e9}.outline{border-color:var(--ink);background:transparent}.outline:hover{color:var(--accent);border-color:var(--accent)}.outline-light{color:white;border-color:white}.outline-light:hover{background:#ffffff20}.charcoal{background:var(--ink);color:white}.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}.icon-button{width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:50%;position:relative}.icon-button:hover{background:#00000008}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}section[id]{scroll-margin-top:7rem}
.announcement{background:linear-gradient(#2e2e2a,#191917);color:white;position:sticky;top:0;z-index:35}.announcement-inner{display:flex;gap:1rem;padding-block:1rem;flex-direction:column;align-items:flex-start}.announcement strong{font-weight:600;font-size:.9rem}.announcement p{margin-top:.3rem;font-size:.9rem}.announcement .button{font-size:.9rem;align-self:flex-end}.dismiss{position:absolute;right:.2rem;top:.2rem;color:#fff9;padding:.2rem}.dismiss svg{width:1rem;height:1rem}.site-header{background:var(--canvas);position:relative;z-index:36}.nav-inner{height:74px;display:flex;justify-content:space-between;align-items:center;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.25rem;font-size:1.35rem;letter-spacing:-.055em;font-weight:600;white-space:nowrap}.brand-mark{display:inline-block;width:1.2rem;height:1.65rem;background:var(--ink);border-radius:1rem 1rem .45rem .45rem;transform:rotate(-12deg);margin-right:.1rem}.trademark{font-size:.5rem;align-self:flex-start;padding-top:.5rem;letter-spacing:0}.nav-tools{display:flex;align-items:center;gap:.2rem}.desktop-nav{display:none}.mobile-menu{position:fixed;z-index:34;inset:74px 0 0;background:#fff;padding:1.5rem 2rem}.mobile-menu a,.mobile-menu>button{display:block;font-size:1.7rem;font-weight:600;margin-bottom:1.2rem;padding:0}.mobile-menu span{font-size:1rem}.menu-open .announcement{display:none}.menu-open .site-header{position:fixed;top:0;width:100%}.menu-open .menu-toggle svg{transform:rotate(90deg)}#bag-count{position:absolute;right:0;top:0;width:17px;height:17px;display:grid;place-items:center;font-size:9px;font-weight:700;background:var(--accent);color:#fff;border-radius:50%}
.hero-stage{height:calc(90dvh - var(--header-height) - var(--banner-height));min-height:400px;max-height:420px;position:relative;overflow:hidden;background:#b7b8b8;isolation:isolate}.hero-product{position:absolute;width:90%;max-width:none;left:50%;top:43%;transform:translate(-50%,-50%) rotate(-12deg);mix-blend-mode:multiply;animation:product-drift 13s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(transparent 35%,#0000000d 55%,#0009 100%)}.hero-copy{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);width:550px;max-width:90vw;text-align:center;color:white}.hero-copy h1{font-size:2.25rem;font-weight:600;line-height:1.1}.hero-copy p{font-size:1.25rem;font-weight:500;line-height:1.2;margin:1rem 0 1.5rem}.reassurance{display:grid;grid-template-columns:repeat(3,1fr);padding-block:1rem;gap:1rem}.reassurance>div{display:flex;align-items:center;flex-direction:column;gap:.5rem;padding-block:1rem;text-align:center;font-size:.813rem}.reassurance svg{width:2rem;height:2rem}
.proof-panel{background:#fff;border-radius:1.5rem;box-shadow:0 6px 10px #00000005;padding:2rem;display:flex;flex-direction:column;gap:2rem}.proof h2{color:var(--accent);font-size:2.25rem;line-height:1.1;text-align:center}.proof h2 br{display:none}.proof-facts{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.proof-facts p{font-style:italic;color:var(--muted);margin:.5rem 0;font-size:1rem}.proof-facts strong{font-size:.9rem;font-weight:500}.mini-icon{display:inline-block;color:var(--accent);font-weight:600;font-size:.85rem;letter-spacing:.1em}
.rail-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:auto;padding-inline:1rem;max-width:640px}.rail-controls{display:flex;gap:.5rem}.rail-controls button{border:1px solid #2e2e2a33;width:2rem;height:2rem;border-radius:50%}.rail-controls button:hover{background:white;color:var(--accent)}.rail{display:flex;gap:1rem;overflow-x:auto;padding:1.5rem max(1rem,calc((100% - 640px)/2));scroll-snap-type:x proximity;scroll-padding-left:max(1rem,calc((100% - 640px)/2));scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail>*{flex:none;scroll-snap-align:start}.use-card{width:20rem;max-width:85vw;aspect-ratio:300/418;border-radius:1.5rem;position:relative;overflow:hidden;text-align:left;padding:2rem;color:white;isolation:isolate}.use-card h3{font-size:1.5rem;font-weight:600;line-height:1.2;position:relative}.use-card p{font-size:1rem;position:relative;margin-top:.5rem}.collage-photo{position:absolute;inset:0;background-image:url('assets/product-2.jpg');background-repeat:no-repeat;background-size:auto 310%;z-index:-2}.evening{background-position:5% 90%}.desk{background-position:96% 26%}.travel{background-position:5% 26%}.quiet{background-position:96% 90%}.card-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(#0008,transparent 52%,#0001)}.circle-arrow{position:absolute;right:2rem;bottom:2rem;width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--muted)}.circle-arrow svg{width:1rem;height:1rem;transition:transform .2s}.use-card:hover .circle-arrow svg{transform:translateX(2px)}
.campaign{position:relative;isolation:isolate;text-align:center;color:white;padding:0 1rem;overflow:hidden}.campaign-image{position:absolute;inset:0 1rem;background:linear-gradient(#0005,#0009),url('assets/product-4.jpg') center 45%/cover;border-radius:1.5rem;z-index:-1}.campaign-copy{padding:3.5rem 2rem;max-width:760px;margin:auto}.campaign p{font-size:1.125rem;margin:1rem 0 1.5rem}.chips{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:1.5rem}.chips span{background:var(--canvas);color:var(--ink);border-radius:999px;padding:.6rem 1rem;font-size:.9rem}.chips i{display:inline-block;width:.4rem;height:.4rem;background:#84bb47;border-radius:50%;margin-right:.3rem}.steps-rail .step{width:20rem;max-width:85vw;text-align:center}.step-media{aspect-ratio:1;border-radius:1rem;overflow:hidden;background:white;position:relative}.step-media img{width:100%;height:100%;object-fit:cover}.step-number{position:absolute;top:1rem;left:1rem;background:white;border-radius:50%;width:2rem;height:2rem;display:grid;place-items:center;font-size:.9rem}.step-lifestyle{position:relative}.step-lifestyle img{width:220%;height:auto;max-width:none;position:absolute;left:-115%;top:-3%;transform:scale(1.05)}.step p{margin-top:1rem;font-size:1.125rem}.guide-note{font-size:.85rem;color:var(--muted);margin-top:.5rem}.product-card{width:20rem;max-width:80vw;aspect-ratio:320/433;background:white;border-radius:1.5rem;padding:1.25rem 1rem;text-align:left;display:flex;flex-direction:column;box-shadow:0 6px 10px #00000005}.product-image{flex:1;min-height:100px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:1rem}.product-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.product-card:hover img{transform:scale(1.03)}.product-content{padding-top:1rem;width:100%}.product-content .label{color:var(--accent);font-size:.813rem;font-weight:700}.product-content h3{font-size:1.313rem;font-weight:500;margin:.5rem 0}.product-content p{font-size:.875rem;color:#969694}.card-bottom{display:flex;justify-content:space-between;gap:.5rem;align-items:center;font-size:1rem;margin-top:1rem}
.tableau{text-align:left}.tableau h2 span{color:var(--muted)}.tableau-stage{position:relative;max-width:1080px;margin:auto;aspect-ratio:1;isolation:isolate}.tableau-stage>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.floating-tag{position:absolute;display:inline-flex;gap:.25rem;align-items:center;border-radius:999px;background:var(--accent-light);box-shadow:0 6px 18px #00000029;padding:.6rem .75rem;font-size:.813rem;font-weight:600;white-space:nowrap}.floating-tag svg{width:1rem;height:1rem}.tag-one{left:7%;top:30%;transform:rotate(-8deg)}.tag-two{right:3%;top:38%;transform:rotate(-8deg)}.tag-three{right:0;top:60%;transform:rotate(7deg)}.tag-four{left:18%;top:71%;transform:rotate(-6deg)}.tag-five{right:0;top:24%;transform:rotate(8deg)}.tag-six{left:0;top:55%;transform:rotate(8deg)}.tableau>p{max-width:350px;margin:1rem auto;text-align:center}.tableau>.button{display:flex;width:max-content;margin:auto}.support-panel{background:white;border-radius:1.5rem;padding:2rem 1rem;text-align:center;box-shadow:0 6px 10px #00000005}.support-panel h2,.support-panel p{max-width:685px;margin-inline:auto}.support-panel p{margin-block:1rem 1.5rem;color:var(--secondary)}.support-panel .actions{flex-direction:column;align-items:center}.support-panel .button{border-radius:.5rem;gap:1rem}
.faq{background:#e9e9e9;padding-block:4rem}.faq-inner{max-width:768px;padding-inline:1rem;margin:auto}.faq h2{text-align:center;margin-bottom:3rem}.faq details{border-bottom:1px solid #96969433}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;list-style:none;cursor:pointer;padding-block:1rem;font-size:1.125rem}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:1.6rem;font-weight:400;transition:transform .3s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:var(--secondary);padding-block:1rem 1.5rem;font-size:1rem}.ecosystem{display:flex;gap:2rem;flex-direction:column;align-items:center}.ecosystem>div{flex:1}.ecosystem p{margin:1rem 0 1.5rem;max-width:420px;font-size:1.125rem}.ecosystem-art{position:relative;min-width:0;background:#e9e9e9;border-radius:2rem;overflow:hidden}.ecosystem-art img{mix-blend-mode:multiply;transform:rotate(-15deg) scale(1.15)}.scene-label{position:absolute;bottom:2rem;left:2rem;font-size:.7rem;letter-spacing:.15em;color:var(--muted)}
.newsletter{position:relative;color:white;text-align:center;isolation:isolate}.newsletter-media{position:absolute;inset:0 1rem;background:linear-gradient(#0004,#0008),url('assets/product-3.jpg') center/cover;border-radius:1rem;z-index:-1}.newsletter-copy{max-width:440px;margin:auto;padding:3rem 1rem}.newsletter p{margin:1.5rem 0;font-size:1.125rem}.newsletter form{background:white;border-radius:999px;padding:.25rem;display:flex;gap:.5rem}.newsletter input{min-width:0;flex:1;border:0;background:none;padding-left:1rem;outline-offset:0;border-radius:999px;font-size:.9rem}.newsletter .button{font-size:.9rem}.newsletter .form-status{font-size:.9rem;line-height:1.4;margin:.75rem 0 0}.preview-caption{display:block;font-size:.7rem;margin-top:.8rem;color:#ffffffb0}.companion-panel{background:white;border-radius:.75rem;padding:1rem;display:flex;gap:2rem;flex-direction:column}.companion-panel>div{flex:1;min-width:0}.companion-image img{border-radius:.75rem;object-fit:cover;width:100%;height:100%;max-height:450px}.companion-copy{padding:.5rem}.companion-copy>span{font-size:1rem;color:var(--muted)}.companion h2{margin-bottom:1.5rem}.companion p{margin-bottom:1rem;font-size:1.125rem}.companion .button{margin-top:.5rem}
footer{padding:2rem 0 1rem}.footer-brand{margin-bottom:2rem}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.footer-grid h3{font-size:1.313rem;font-weight:500;margin-bottom:1.5rem}.footer-grid a,.footer-grid button{display:block;padding:.25rem 0;font-size:.813rem;text-align:left}.footer-grid a:hover,.footer-grid button:hover{text-decoration:underline}.footer-tile{background:#efefef;border-radius:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;text-align:center;grid-column:1/-1;grid-row:1}.footer-tile svg{width:2rem;height:2rem;color:var(--accent)}.footer-tile strong{font-size:1.125rem;font-weight:600}.footer-bottom{border-top:1px solid #0001;margin-top:3rem;padding-top:1rem;display:flex;gap:1rem;flex-wrap:wrap;font-size:.7rem;color:var(--muted)}.footer-bottom span{margin-left:auto}.help-launcher{position:fixed;right:1.5rem;bottom:1.5rem;width:3.5rem;height:3.5rem;background:var(--ink);color:white;border-radius:50%;z-index:40;display:grid;place-items:center;box-shadow:0 4px 12px #0002}.help-launcher svg{width:1.7rem;height:1.7rem}
dialog{border:0;padding:0;color:var(--ink);background:white;max-width:100%;box-shadow:0 10px 60px #0002}dialog::backdrop{background:#0009}dialog[open]{animation:sheet-in .25s ease-out}.detail-dialog{width:min(1256px,100%);max-height:90dvh;border-radius:1rem 1rem 0 0;margin: auto auto 0;position:fixed;bottom:0}.dialog-header{position:sticky;top:0;background:white;padding:1rem 1.5rem .5rem;display:flex;justify-content:flex-end;align-items:center;z-index:2}.dialog-header h2{margin-right:auto;font-size:1.6rem}.detail-body{padding:0 1.5rem 2.5rem}.detail-eyebrow{font-size:.813rem;color:var(--muted);margin-bottom:.5rem}.detail-body h2{font-size:2.25rem;margin-bottom:1rem}.detail-body>p{max-width:760px;font-size:1.125rem;margin-bottom:1.5rem}.detail-body ul{line-height:1.7;margin-bottom:2rem}.detail-image{border-radius:1rem;margin-top:2rem;max-height:480px;width:100%;object-fit:cover}.spec-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-block:2rem}.spec-list>div{background:var(--canvas);padding:1rem;border-radius:.75rem}.spec-list dt{font-size:.8rem;color:var(--muted);margin-bottom:.4rem}.spec-list dd{margin:0;font-size:1.1rem}.detail-body .actions{justify-content:flex-start}.product-detail{display:grid;grid-template-columns:1fr;gap:2rem}.product-gallery img{border-radius:1rem;max-height:520px;width:100%;object-fit:contain}.gallery-thumbs{display:flex;gap:.5rem;justify-content:center}.gallery-thumbs button{width:4rem;border:1px solid #ddd;border-radius:.5rem;padding:.25rem}.gallery-thumbs button.active{border-color:var(--accent)}.purchase-copy h2{font-size:2.25rem}.purchase-copy>p{margin-bottom:1.5rem;line-height:1.5}.purchase-copy label{display:block;font-size:.8rem;color:var(--muted);margin:1.5rem 0 .75rem}.selection-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.selection-buttons button{padding:.7rem 1rem;border:1px solid #ddd;border-radius:999px}.selection-buttons button.selected{border-color:var(--accent);color:var(--accent);background:#e7eefd}.purchase-facts{display:flex;gap:1.5rem;margin:2rem 0;font-size:.85rem}.purchase-facts span{display:flex;gap:.4rem;align-items:center}.preview-note{font-size:.85rem!important;color:var(--muted);margin-top:1.2rem}.cart-dialog{position:fixed;right:0;top:0;width:430px;height:100dvh;max-height:100dvh;margin:0 0 0 auto;border-radius:0;padding-bottom:2rem}.cart-dialog .dialog-header{padding:1.5rem}.cart-dialog #cart-content{padding:1.5rem}.bag-item{display:flex;gap:1rem;align-items:center}.bag-item img{width:100px}.bag-item h3{font-size:1.125rem;margin-bottom:.5rem}.bag-item p{font-size:.85rem}.quantity-controls{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.quantity-controls button{border:1px solid #ddd;border-radius:50%;width:2rem;height:2rem}.remove-item{font-size:.85rem;text-decoration:underline;margin-left:auto}.cart-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}.empty-bag{padding-block:2rem;line-height:1.5;color:var(--secondary)}.search-dialog{width:600px;border-radius:1rem;max-height:85vh}.search-dialog>label,.search-dialog>input,#search-results{margin:1rem 1.5rem}.search-dialog>label{display:block;font-size:.8rem}.search-dialog input{width:calc(100% - 3rem);padding:1rem;border:1px solid #ddd;border-radius:.5rem}.search-result{display:block;padding:1rem 0;border-bottom:1px solid #eee;color:var(--accent)}.search-result small{display:block;color:var(--muted);margin-top:.5rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);z-index:60;background:var(--ink);color:white;padding:1rem 1.5rem;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .2s;max-width:80vw;text-align:center}#toast.visible{opacity:1}
@keyframes product-drift{to{transform:translate(-50%,-52%) rotate(-8deg) scale(1.04)}}@keyframes sheet-in{from{transform:translateY(25px);opacity:.5}to{transform:translateY(0);opacity:1}}
@media(min-width:640px){.container,.rail-heading{max-width:768px}.announcement-inner{flex-direction:row;align-items:center;justify-content:space-between}.announcement .button{align-self:auto}.hero-copy h1{font-size:2.625rem}.use-card{width:24rem}.rail{padding-inline:max(1rem,calc((100% - 768px)/2));scroll-padding-left:max(1rem,calc((100% - 768px)/2))}.steps-rail .step{width:24rem}.tableau-stage{aspect-ratio:1.4}.tableau-stage img{object-fit:contain}.tableau .floating-tag{font-size:.875rem}.support-panel{padding-block:4rem}.newsletter-copy{padding-block:4rem}.product-detail{grid-template-columns:1fr 1fr}.proof-facts{gap:2rem 3rem}}
@media(min-width:768px){.container,.rail-heading{max-width:1024px}.rail{padding-inline:max(1rem,calc((100% - 1024px)/2));scroll-padding-left:max(1rem,calc((100% - 1024px)/2))}.hero-product{width:90%;top:40%}.hero-stage{max-height:420px}.steps-rail .step{width:23.33rem}.tag-one{left:18%;top:30%}.tag-two{right:18%;top:36%}.tag-three{right:14%;top:62%}.tag-four{left:28%;top:80%}.tag-five{right:5%;top:47%}.tag-six{left:13%;top:58%}}
@media(min-width:1024px){:root{font-size:16px}.container,.rail-heading{max-width:1024px}h2{font-size:2.25rem}.section-space{margin-block:6rem}.announcement-inner{padding-block:1rem}.desktop-nav{display:flex;gap:1.75rem;align-items:center;font-size:.813rem}.desktop-nav button{padding:0}.desktop-nav button span{padding-left:.3rem}.desktop-nav a:hover,.desktop-nav button:hover{color:var(--accent)}.menu-toggle{display:none}.hero-stage{max-height:980px}.hero-product{width:1000px;top:35%;animation:product-drift 13s ease-in-out infinite alternate}.hero-copy{bottom:3rem}.hero-copy h1{font-size:2rem;font-weight:500}.hero-copy p{margin-bottom:2rem}.proof{margin-block:8rem}.proof-panel{padding:3.5rem 4rem;flex-direction:row;gap:2rem;align-items:center}.proof h2{font-size:3rem;text-align:left;flex:0 0 30%}.proof h2 br{display:block}.proof-facts{flex:1;gap:2rem}.rail{padding-inline:max(1rem,calc((100% - 1024px)/2));scroll-padding-left:max(1rem,calc((100% - 1024px)/2))}.use-card{aspect-ratio:400/650}.campaign-copy{padding-block:4rem}.support-panel .actions{flex-direction:row}.faq{padding-block:8rem}.ecosystem{flex-direction:row;gap:5rem;min-height:500px}.ecosystem-art{height:460px;display:flex;align-items:center}.newsletter-copy{padding-block:8rem}.companion-panel{flex-direction:row;align-items:center}.companion-image{align-self:stretch}.footer-grid{grid-template-columns:1fr 1fr 1fr 1.5fr}.footer-tile{grid-column:auto;grid-row:auto}.footer-brand{margin-bottom:2rem}}
@media(min-width:1280px){.container,.rail-heading{max-width:1280px}.rail{padding-inline:max(1rem,calc((100% - 1280px)/2));scroll-padding-left:max(1rem,calc((100% - 1280px)/2))}.discovery .rail-heading{max-width:1312px}.discovery .rail{padding-inline:max(1rem,calc((100% - 1312px)/2));scroll-padding-left:max(1rem,calc((100% - 1312px)/2))}.steps-rail .step{width:26.66rem}.hero-product{width:1150px;top:33%}.campaign-copy{padding-block:4rem}.ecosystem-art{height:560px}}
@media(min-width:1512px){.container,.rail-heading{max-width:1512px}.rail,.discovery .rail{padding-inline:max(1rem,calc((100% - 1512px)/2));scroll-padding-left:max(1rem,calc((100% - 1512px)/2))}.discovery .rail-heading{max-width:1512px}.steps-rail .step{width:30.5rem}}
@media(max-width:639px){.brand{font-size:1.2rem}.nav-tools{gap:0}.icon-button{width:2.4rem}.hero-product{width:175%;top:28%}.proof-facts{grid-template-columns:1fr;gap:1.5rem}.proof h2 br{display:block}.proof-panel{padding:2rem 1.5rem}.proof-facts article{border-top:1px solid #eee;padding-top:1rem}.rail-controls{display:none}.tableau-stage{aspect-ratio:.9}.floating-tag{font-size:.65rem;padding:.45rem .55rem}.floating-tag svg{width:.75rem;height:.75rem}.tag-one{top:37%}.tag-two{top:48%}.tag-three{top:65%}.tag-four{top:80%}.tag-five{top:28%;right:3%}.tag-six{top:60%}.newsletter form{gap:0}.newsletter .button{padding-inline:.8rem}.footer-brand{display:flex;justify-content:center}.footer-bottom span{margin-left:0;width:100%}.spec-list{grid-template-columns:1fr}.purchase-facts{flex-wrap:wrap}.detail-body{padding:0 1rem 2rem}.hero-copy p{font-size:1.25rem}.help-launcher{right:1rem;bottom:1rem}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Keep editorial card copy at the top, as in the reference. */
.use-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.evening{background-position:25% 86%}.desk{background-position:75% 27%}.travel{background-position:25% 27%}.quiet{background-position:75% 86%}
.tableau-stage{background:var(--canvas)}
/* easystitchy — the reference layout, adapted to personal embroidery. */
select{font:inherit;color:inherit}input,select{max-width:100%}button:disabled{opacity:.45;cursor:not-allowed}.skip-link{position:fixed;top:8px;left:8px;padding:1rem;background:white;z-index:100;transform:translateY(-150%)}.skip-link:focus{transform:none}.brand{letter-spacing:normal}.brand img{width:13rem;height:auto}.site-header{position:sticky;top:var(--banner-height)}.announcement-inner{padding-right:2.5rem}.announcement .dismiss{top:.75rem;right:.75rem}.campaign-photo{width:100%;height:100%;object-fit:cover;object-position:center 32%}.hero-stage{background:#183950}.hero-shade{background:linear-gradient(transparent 40%,#0e21364d 70%,#0d243adb)}.hero-copy{bottom:2rem}.hero-copy h1{letter-spacing:-.025em}.concept-caption{position:absolute;bottom:1rem;left:1rem;font-size:.6rem;letter-spacing:.025em;color:#ffffff80}.name-sample{font-size:2.3rem;color:var(--accent);line-height:1.2;display:block;min-height:3rem}.signature{font-family:Sacramento,cursive}.bold-name{font-weight:700;letter-spacing:-.04em}.serif-name{font-family:'DM Serif Display',serif}.proof-facts img{height:3rem;width:3rem}.proof-facts p{font-style:normal;color:var(--secondary)}.editorial{background-image:url('assets/editorial-grid.png');background-repeat:no-repeat;background-size:200% 200%}.editorial-one{background-position:0 0}.editorial-two{background-position:100% 0}.editorial-three{background-position:0 100%}.editorial-four{background-position:100% 100%}.use-card .editorial{position:absolute;inset:0;z-index:-2;transition:transform .4s}.use-card:hover .editorial{transform:scale(1.03)}.use-card .card-overlay{background:linear-gradient(#0007,transparent 55%,#0003)}.campaign-image{background:linear-gradient(#102236b0,#102236e0),url('assets/campaign-hero.png') center 44%/cover}.chips i{background:var(--accent)}.step-garments{display:flex;height:100%;align-items:center;position:relative;background:#e7e8e3}.step-garments img{width:65%;height:85%;object-fit:contain;mix-blend-mode:multiply}.step-garments img+img{width:45%;position:absolute;right:0;bottom:4%;height:45%}.step-type{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.3rem;color:var(--accent)}.step-type>span:not(.step-number){font-size:2.3rem}.step-type .step-number{color:var(--ink)}.mini-swatches{display:flex;gap:.5rem}.mini-swatches i{background:var(--swatch);height:1rem;width:1rem;border-radius:50%;border:1px solid #0001}.step-icons{display:grid;grid-template-columns:1fr 1fr;padding:3rem;gap:1.5rem}.step-icons img{width:100%;height:100%;object-fit:contain}.product-image{position:relative;background:#e7e8e3}.product-image>img{mix-blend-mode:multiply;object-fit:cover}.product-card{padding:.8rem;min-height:420px}.product-content{padding:.5rem .45rem}.product-content p{color:var(--muted)}.product-content h3{margin:.4rem 0}.product-sample-name{position:absolute;top:35%;left:51%;font-family:Sacramento,cursive;font-size:1.6rem;line-height:1.15;max-width:26%;color:#005397;pointer-events:none;transform:rotate(-2deg)}.product-image.pants .product-sample-name{left:65%;top:25%;font-size:1.3rem}.product-image.cap .product-sample-name{left:42%;top:41%;color:white;font-size:1.9rem}.product-colour-dots{display:flex;gap:5px;margin-top:.7rem}.product-colour-dots i{display:block;width:.65rem;height:.65rem;border:1px solid #0002;border-radius:50%;background:var(--dot)}.shop-caption{font-size:.8rem;line-height:1.5;color:var(--muted);margin-top:.3rem}.shop-caption button{padding:0;text-decoration:underline}.shop-caption button:hover{color:var(--accent)}.icon-tableau{height:460px;position:relative;max-width:950px;margin:2rem auto 0;isolation:isolate}.big-buddy{position:absolute;width:45%;height:85%;object-fit:contain;left:27.5%;top:5%;filter:drop-shadow(0 12px 14px #00000008)}.orbit-buddy{position:absolute;width:12%;height:25%;object-fit:contain;animation:buddy-float 5s ease-in-out infinite alternate}.buddy-one{left:8%;top:4%;transform:rotate(-12deg)}.buddy-two{right:3%;top:10%;transform:rotate(8deg);animation-delay:-2s}.buddy-three{right:14%;bottom:0;animation-delay:-3s}.buddy-four{left:5%;bottom:6%;transform:rotate(-8deg);animation-delay:-1s}.buddy-five{right:1%;top:56%;animation-delay:-4s}.icon-tableau .tag-one{left:3%;top:39%;transform:rotate(-6deg)}.icon-tableau .tag-two{right:0;top:38%;transform:rotate(5deg)}.icon-tableau .tag-four{left:30%;top:85%;transform:rotate(-4deg)}.icon-tableau .tag-six{left:3%;top:70%;transform:rotate(7deg)}.ecosystem-art{background:#17384d;min-height:300px;width:100%}.ecosystem-art img{height:100%;width:100%;object-fit:cover;mix-blend-mode:normal;transform:none;object-position:54% 30%}.scene-label{color:white;text-shadow:0 1px 8px #0007}.newsletter-media{background:linear-gradient(#1230529c,#123052bf),url('assets/campaign-hero.png') center 15%/cover}.companion-image.editorial{height:340px;min-height:340px;border-radius:.75rem;background-size:200% 200%}.companion-copy>span{font-size:.75rem;letter-spacing:.08em}.footer-tile span{font-size:.8rem;color:var(--muted)}.footer-bottom button{padding:0}.dialog-brand{display:flex;align-items:center;gap:.6rem;margin-right:auto;font-size:.9rem;font-weight:600}.dialog-brand img{width:1.7rem}.design-dialog{height:90dvh;overflow:auto}.designer{display:grid;grid-template-columns:1fr;padding:0 1rem 1.5rem;gap:1.5rem}.design-visual{min-width:0}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;font-size:.65rem;letter-spacing:.08em;color:var(--muted);gap:.5rem}.text-button{font-size:.7rem;letter-spacing:0;text-decoration:underline;padding:0;color:var(--ink)}.garment-stage{aspect-ratio:1;background:#e7e8e3;border-radius:1rem;position:relative;overflow:hidden;isolation:isolate}.garment-stage img#garment-image{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.embroidery-name{position:absolute;left:56%;top:36%;width:26%;height:auto;text-align:center;font-family:Sacramento,cursive;color:#005397;line-height:1;pointer-events:none;white-space:pre-line;filter:drop-shadow(.6px 1px .3px #0002);transform:rotate(-2deg);font-synthesis:none}.embroidery-name::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(100deg,transparent 0 1px,#ffffff25 1px 1.5px);mix-blend-mode:soft-light;pointer-events:none}.embroidery-icon{position:absolute!important;left:20%;top:36%;width:9%;height:9%;object-fit:contain;filter:drop-shadow(.5px 1px 0 #0002)}.garment-stage.pants .embroidery-name{left:57%;top:23%;width:23%;transform:rotate(2deg)}.garment-stage.pants .embroidery-icon{left:24%;top:25%;width:8%;height:8%}.garment-stage.cap .embroidery-name{left:31%;top:37%;width:41%;transform:rotate(6deg)}.garment-stage.cap .embroidery-icon{left:71%;top:34%;width:10%;height:10%;transform:rotate(9deg)}.garment-stage.icon-view .embroidery-icon{width:20%;height:20%;left:40%;top:36%;transform:none}.garment-stage.icon-view .embroidery-name{display:none}.placement-note{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);max-width:90%;white-space:nowrap;background:#fffce8e6;border-radius:999px;padding:.45rem .7rem;font-size:.65rem;color:var(--secondary)}.preview-caption-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin:1rem 0;font-size:.75rem}.preview-caption-row>span,.preview-caption-row>button{display:flex;gap:.4rem;align-items:center}.preview-caption-row svg{width:1rem;height:1rem;color:var(--accent)}.preview-disclaimer{color:var(--muted);font-size:.75rem;line-height:1.5}.design-controls h2{font-size:1.7rem;margin:.3rem 0}.design-controls>p{font-size:.9rem;color:var(--muted);margin:.2rem 0 1rem}.product-pills{display:flex;gap:.4rem;margin-bottom:1.5rem}.product-pills button{border:1px solid #ddd;border-radius:999px;padding:.55rem .85rem;font-size:.85rem}.product-pills button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:#e8efff}.design-controls fieldset{padding:1rem 0 1.5rem;margin:0;border:0;border-top:1px solid #eee;min-width:0}.design-controls legend{font-size:1rem;font-weight:600;padding-top:1rem;width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;float:none;flex-wrap:wrap;margin-bottom:1rem}.design-controls legend>span{font-size:.75rem;color:var(--muted);font-weight:400}.design-controls legend .free-label{color:var(--accent);font-weight:500;font-size:.75rem;background:#e8efff;padding:.3rem .6rem;border-radius:999px}.design-controls label{display:block;margin:.8rem 0 .5rem;font-size:.8rem}.design-controls input[type=text]{width:100%;padding:.9rem 1rem;border:1px solid #c7c7c7;border-radius:.5rem;font-size:1.1rem;background:#fff}.design-controls select{padding:.6rem .8rem;border:1px solid #ccc;border-radius:.5rem;width:7rem;background:white;font-size:.85rem}.size-guide{font-size:.75rem;text-decoration:underline;margin-left:.7rem;color:var(--muted)}.garment-colour-row{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;clear:both}.garment-colour-row>div{display:flex;gap:.4rem}.colour-button{background:var(--swatch);width:1.8rem;height:1.8rem;border:1px solid #ccc;border-radius:50%;padding:0;position:relative}.colour-button[aria-pressed=true]::after{content:"";position:absolute;inset:-4px;border:1px solid var(--accent);border-radius:50%}.input-meta{display:flex;justify-content:space-between;margin:.4rem 0 1rem;gap:.5rem;color:var(--muted);font-size:.7rem}.font-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.font-option{border:1px solid #ddd;border-radius:.5rem;padding:.65rem .25rem;min-width:0;text-align:center}.font-option[aria-pressed=true]{border-color:var(--accent);background:#f1f5ff}.font-option>span{display:block;font-size:1.4rem;line-height:1.3;white-space:nowrap;overflow:hidden}.font-option small{font-family:Figtree,sans-serif;display:block;font-weight:400;color:var(--muted);font-size:.65rem;margin-top:.35rem}.thread-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.7rem .5rem;padding:.2rem .2rem}.thread-grid .colour-button{width:1.65rem;height:1.65rem;justify-self:center}.fit-status{font-size:.75rem;line-height:1.4;color:var(--muted);margin:.75rem 0 0;clear:both}.fit-status.warning{color:#9b3d25}.icon-selection-row{display:flex;justify-content:space-between;font-size:.8rem;margin:0 0 .75rem;clear:both}.icon-selection-row button{font-size:.75rem;text-decoration:underline;padding:0}.icon-tabs{display:flex;gap:.5rem;margin-bottom:.75rem;overflow:auto;scrollbar-width:none}.icon-tabs button{padding:.4rem .75rem;background:#f3f3f3;border-radius:999px;font-size:.75rem;white-space:nowrap}.icon-tabs button[aria-pressed=true]{background:var(--ink);color:white}.icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem;max-height:250px;overflow:auto;padding:.2rem .2rem}.icon-option{border:1px solid #e6e6e6;background:#fafafa;border-radius:.5rem;padding:.4rem;aspect-ratio:1;min-width:0;display:grid;place-items:center}.icon-option img{height:100%;width:100%;object-fit:contain}.icon-option:hover img{animation:wiggle .4s ease-in-out}.icon-option[aria-pressed=true]{border-color:var(--accent);background:#e8efff}.small-note{font-size:.72rem;color:var(--muted);line-height:1.45;margin-top:.75rem}.design-buy{position:sticky;bottom:0;background:linear-gradient(#ffffffe6,#fff 25%);padding:1.25rem 0 .6rem;display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;border-top:1px solid #eee;z-index:4}.design-buy>div{flex:1}.design-buy strong{display:block;font-size:1.4rem;letter-spacing:-.03em}.design-buy>div>span{font-size:.65rem;color:var(--muted);display:block;max-width:180px;margin-top:.25rem}.design-buy .button{padding:.8rem 1.3rem}.price-explainer{font-size:.65rem;color:var(--muted);text-decoration:underline;padding:0;width:100%;text-align:left}.full-icon-gallery{display:grid;grid-template-columns:repeat(3,1fr);padding:1rem 1rem 2rem;gap:1rem}.full-icon-gallery button{background:#f7f7f7;border:1px solid #eee;border-radius:.75rem;padding:1rem;min-width:0}.full-icon-gallery img{width:100%;max-width:100px;margin:auto;aspect-ratio:1}.full-icon-gallery span{font-size:.75rem;display:block;margin-top:.75rem}.full-icon-gallery button:hover{border-color:var(--accent)}.full-icon-gallery button:hover img{animation:wiggle .4s ease-in-out}.gallery-intro{padding:1rem 1.5rem;font-size:1rem;color:var(--secondary)}.bag-line{border-bottom:1px solid #eee;padding:1rem 0}.bag-line-head{display:flex;gap:1rem;align-items:center}.bag-line-head>img{width:80px;height:100px;object-fit:cover;background:#e7e8e3;border-radius:.5rem}.bag-line h3{font-size:1rem;margin-bottom:.4rem}.bag-line p{font-size:.75rem;color:var(--muted);line-height:1.4}.bag-line strong{font-size:.85rem}.bag-name{font-size:1.3rem;margin:.4rem 0;color:var(--accent)}.bag-line .quantity-controls{margin:.75rem 0 0;font-size:.85rem}.bag-market{margin:1rem 0;display:flex;justify-content:space-between;gap:.75rem;align-items:center;font-size:.8rem}.bag-market select{border:1px solid #ccc;border-radius:.5rem;padding:.5rem;max-width:55%;background:white}.bag-totals>div{display:flex;justify-content:space-between;font-size:.8rem;padding:.4rem 0}.bag-totals .bag-grand{font-size:1.15rem;border-top:1px solid #eee;margin-top:.5rem;padding-top:1rem}.order-status{background:#f2f5fb;border-radius:.75rem;padding:1rem;font-size:.8rem;color:var(--secondary);line-height:1.5;margin:1rem 0}.order-status strong{display:block;color:var(--ink);margin-bottom:.4rem}.bag-actions{display:flex;flex-direction:column;gap:.6rem;margin-top:1.5rem}.market-options{display:flex;gap:.75rem;flex-wrap:wrap}.market-options button{border:1px solid #ccc;border-radius:999px;padding:.75rem 1rem}.market-options button.active{border-color:var(--accent);background:#e8efff;color:var(--accent)}.estimation-list{list-style:none;padding:0;margin:1.5rem 0}.estimation-list li{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #eee;padding:.75rem 0;font-size:.9rem}.estimate-note{padding:1rem;background:#f3f5fb;border-radius:.75rem;color:var(--secondary);font-size:.85rem!important}.detail-body .fineprint{font-size:.8rem;color:var(--muted);margin-top:1rem}.native-icon{font-size:1rem}.help-launcher{width:3rem;height:3rem}.help-launcher svg{width:1.4rem}.product-sample-name{text-shadow:.5px 1px 1px #0002}.empty-bag .button{margin-top:1rem} .preview-caption-row button{font-size:.72rem;text-decoration:underline;padding:0}
@keyframes wiggle{25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}@keyframes buddy-float{to{translate:0 -8px}}
@media(min-width:640px){.full-icon-gallery{grid-template-columns:repeat(6,1fr)}.hero-copy{bottom:2rem}.icon-tableau{height:530px}.thread-grid{grid-template-columns:repeat(10,1fr)}.companion-image.editorial{height:440px}.designer{padding:0 1.5rem 2rem}.preview-caption-row{font-size:.8rem}}
@media(min-width:768px){.designer{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2rem}.design-visual{position:sticky;top:4.5rem;align-self:start}.design-controls{padding-right:.25rem}.garment-stage{aspect-ratio:.95}.design-buy{bottom:0}.thread-grid{grid-template-columns:repeat(8,1fr)}.hero-stage{max-height:550px}.campaign-photo{object-position:center 28%}.companion-image.editorial{height:440px}.gallery-intro{padding-inline:2rem}.full-icon-gallery{padding-inline:2rem}.design-controls h2{font-size:1.6rem}.size-guide{display:inline-block;margin:.7rem 0 0}.design-dialog .dialog-header{padding-bottom:.75rem}}
@media(min-width:1024px){.hero-stage{max-height:980px}.hero-copy{bottom:3rem}.hero-copy h1{font-size:2rem}.campaign-photo{object-position:center 28%}.hero-copy p{line-height:1.3}.name-sample{font-size:2.25rem}.proof h2{flex-basis:33%}.product-card{width:22rem;aspect-ratio:352/482}.icon-tableau{height:580px}.companion-image.editorial{height:430px;min-height:430px}.designer{gap:3rem;padding:0 2rem 2rem}.design-visual{top:4.5rem}.garment-stage{aspect-ratio:1}.icon-grid{max-height:250px}.font-option>span{font-size:1.55rem}.icon-option{padding:.45rem}.design-controls legend{font-size:.95rem}.thread-grid{grid-template-columns:repeat(10,1fr)}.size-guide{margin-left:.75rem}.gallery-intro{padding-inline:2rem}.preview-toolbar{font-size:.6rem}.bag-line-head>img{height:105px}}
@media(max-width:639px){.announcement-inner{padding-block:.85rem;gap:.65rem}.announcement-inner>div{padding-right:.3rem}.announcement p{font-size:.82rem}.announcement strong{font-size:.8rem}.announcement .button{align-self:flex-start;font-size:.8rem;padding:.55rem .8rem;min-height:2.2rem}.nav-inner{height:66px}.brand img{width:12rem}.hero-stage{min-height:480px;max-height:580px}.campaign-photo{object-position:52% 28%;height:100%;width:100%;object-fit:cover}.hero-copy{bottom:2rem;width:90%;}.hero-copy h1{font-size:2.15rem}.hero-copy p{font-size:1.15rem;margin-bottom:1.3rem}.hero .actions .button{font-size:.9rem}.reassurance>div{padding-block:.6rem}.reassurance{gap:.4rem;padding-inline:.4rem}.reassurance svg{width:1.7rem;height:1.7rem}.reassurance span{font-size:.7rem}.proof h2 br{display:none}.proof h2{font-size:2.4rem}.proof-facts{grid-template-columns:1fr 1fr;gap:1.5rem 1rem}.proof-facts article{padding-top:1rem;min-width:0}.proof-facts p{font-size:.85rem}.proof-facts strong{font-size:.78rem}.name-sample{font-size:1.7rem;min-height:3rem}.icon-tableau{height:360px}.big-buddy{width:52%;left:24%;top:5%;height:75%}.orbit-buddy{width:15%}.icon-tableau .tag-one{top:38%;left:0}.icon-tableau .tag-two{right:0;top:58%}.icon-tableau .tag-four{left:27%;top:82%}.icon-tableau .tag-six{left:3%;top:66%}.buddy-one{left:4%;top:5%}.buddy-two{top:3%;right:3%}.buddy-three{right:13%;bottom:1%}.buddy-four{left:0%;bottom:4%}.buddy-five{right:0%;top:35%}.companion-image.editorial{min-height:300px;height:300px}.designer{gap:2rem;padding-top:.25rem}.design-dialog{max-height:94dvh;height:94dvh}.dialog-header{padding:.7rem 1rem}.garment-stage{aspect-ratio:1.12}.design-controls h2{font-size:1.9rem}.preview-toolbar{padding:.6rem 0}.design-buy{bottom:0;padding-top:1rem}.design-buy .button{padding:.8rem 1rem}.full-icon-gallery{gap:.5rem}.full-icon-gallery button{padding:.75rem .5rem}.full-icon-gallery span{font-size:.65rem}.shop-caption{padding-inline:1rem;margin-top:0}.footer-brand img{width:13rem}.footer-bottom{font-size:.65rem}.font-option>span{font-size:1.5rem}.design-controls .size-guide{margin-left:.6rem}.thread-grid{grid-template-columns:repeat(8,1fr)}.design-controls legend>span{font-size:.68rem}.design-controls .free-label{font-size:.65rem!important}.preview-caption-row>span{font-size:.65rem}.preview-caption-row{gap:.5rem}.input-meta{font-size:.65rem}.icon-grid{grid-template-columns:repeat(6,1fr)}.product-image.pants .product-sample-name{font-size:1.2rem}.concept-caption{font-size:.55rem}.tableau>p{font-size:.95rem}.steps-rail .step{width:20rem}.product-card{width:20rem;min-height:0}.shop .rail{padding-block:1.5rem}}
.garment-tint,.card-garment-tint{position:absolute;inset:0;mask-size:contain;mask-position:center;mask-repeat:no-repeat;mix-blend-mode:multiply;opacity:.9;pointer-events:none}.embroidery-name,.embroidery-icon{z-index:2}.product-sample-name{z-index:2}.product-image{isolation:isolate}.product-image>img{object-fit:contain;width:100%;height:100%;max-height:320px}.garment-stage.icon-view #garment-image,.garment-stage.icon-view .garment-tint{opacity:.12}.garment-stage.icon-view .embroidery-icon{width:32%;height:32%;left:34%;top:32%}.garment-stage.icon-view{background:#eef1f8}
.garment-stage:not(.icon-view) .embroidery-name{left:51.5%;width:19%}.garment-stage.pants:not(.icon-view) .embroidery-name{left:57%;width:20%}.garment-stage.cap:not(.icon-view) .embroidery-name{left:31%;width:35%;top:44%}.garment-stage img#garment-image{filter:brightness(1.28)}.product-image>img{filter:brightness(1.28)}.product-sample-name{left:52%;top:35%;font-size:1.25rem;max-width:20%}.product-image.cap .product-sample-name{left:40%;top:45%;font-size:1.5rem}.product-image.pants .product-sample-name{font-size:1.1rem;left:60%;top:24%}.product-image .card-garment-tint{mask-size:contain}
@media(max-width:1023px){.hero-stage{min-height:400px;max-height:420px}}
.garment-stage.cap img#garment-image{filter:brightness(1.1)}
.sticker-sprite{display:block;aspect-ratio:1;background-size:300% 300%;background-repeat:no-repeat;width:100%;height:auto;flex:none}
.sticker-art{display:block;width:100%;height:100%}[data-colour-mode="match-name"] .sticker-art{filter:url(#sticker-thread-dye)}.thread-filter-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.icon-option .sticker-sprite{width:100%;height:auto;transition:transform .3s;filter:drop-shadow(0 2px 1px #00000008)}
.icon-option{display:flex;flex-direction:column;border-radius:.8rem;padding:.2rem .3rem .5rem;aspect-ratio:auto;justify-content:center}
.icon-option small{display:block;font-size:.6rem;line-height:1.15;color:var(--secondary);padding-bottom:.2rem}
.icon-option:hover .sticker-sprite,.full-icon-gallery button:hover .sticker-sprite{animation:stitch-wiggle .7s ease-in-out}
.icon-option[aria-pressed=true] .sticker-sprite{animation:stitch-breathe 3s ease-in-out infinite}
.icon-grid{grid-template-columns:repeat(4,1fr);max-height:340px;gap:.5rem}
.sticker-search{display:flex;align-items:center;gap:.75rem;margin:.75rem 0}
.sticker-search input{min-width:0;flex:1;background:#f6f6f6;border:1px solid #ddd;padding:.65rem .85rem;border-radius:.5rem;font:inherit;font-size:.8rem}
.sticker-search>span{font-size:.65rem;color:var(--muted);white-space:nowrap}
.no-icons{grid-column:1/-1;font-size:.8rem;padding:1rem}
.full-icon-gallery .sticker-sprite{width:100%;height:auto;max-width:150px;margin:0 auto;aspect-ratio:1}
.full-icon-gallery .icon-name{margin-top:.2rem}
.proof-facts .sticker-sprite{width:4.5rem;height:4.5rem;margin:-.6rem -.7rem -.2rem}
.step-icons .sticker-sprite{width:100%;height:auto}
.big-buddy.sticker-sprite{width:54%;height:auto;left:23%;top:0;aspect-ratio:1}
.orbit-buddy.sticker-sprite{width:20%;height:auto;aspect-ratio:1}
.kit .full-icon-gallery .sticker-sprite{margin:0 auto;width:100%;height:auto}
.product-pills{flex-wrap:wrap}.garment-colour-row{gap:.5rem;align-items:flex-start}.garment-colour-row>span{white-space:nowrap;padding-top:.4rem}.garment-colour-row>div{flex-wrap:wrap;justify-content:flex-end;max-width:65%;gap:.55rem}
.garment-views{display:flex;gap:.35rem;flex-wrap:wrap;margin:0 0 .75rem}
.garment-views button{padding:.4rem .7rem;border:1px solid #ddd;border-radius:999px;font-size:.7rem;background:white}
.garment-views button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}
.garment-stage{aspect-ratio:1!important}
.garment-stage .embroidery-name,.garment-stage .embroidery-icon{pointer-events:auto;cursor:grab;touch-action:none;left:50%;top:50%;width:19%;height:auto;white-space:pre-line;user-select:none;text-align:center;transform:translate(-50%,-50%)}
.garment-stage .embroidery-name:active,.garment-stage .embroidery-icon:active{cursor:grabbing}
.garment-stage .selected-artwork{outline:1px dashed #2b62ed80;outline-offset:5px;border-radius:2px}
.embroidery-name[hidden],.embroidery-icon[hidden]{display:none!important}
.garment-stage .embroidery-icon{background-size:300% 300%;filter:drop-shadow(.4px 1px .4px #0002)}
.garment-stage.icon-view .embroidery-icon{outline:none;cursor:default;filter:none}
.placement-guide{position:absolute;border:1px dashed #2b62ed70;background:#2b62ed05;z-index:1;pointer-events:none;border-radius:5px}
.placement-helper{font-size:.72rem;color:var(--muted);margin:.75rem 0 .25rem;line-height:1.4}
.placement-controls select{width:100%;font-size:.85rem;max-width:100%}
.edit-target{display:flex;gap:.4rem;clear:both;margin-bottom:1rem}
.edit-target button{flex:1;padding:.65rem 1rem;border:1px solid #ddd;border-radius:.5rem;font-size:.8rem}
.edit-target button[aria-pressed=true]{border-color:var(--accent);background:#edf2ff;color:var(--accent)}
.placement-sliders{margin:1rem 0 1.2rem}.placement-sliders label{display:flex;justify-content:space-between;font-size:.75rem}.placement-sliders output{color:var(--muted)}.placement-sliders input{width:100%;accent-color:var(--accent);display:block}
.garment-stage[data-view=left-sleeve] .placement-note,.garment-stage[data-view=right-sleeve] .placement-note,.garment-stage[data-view=left-side] .placement-note,.garment-stage[data-view=right-side] .placement-note{font-size:.6rem;max-width:95%}
@keyframes stitch-wiggle{20%{transform:rotate(-5deg) translateY(-3px)}60%{transform:rotate(4deg) translateY(-3px)}100%{transform:none}}
@keyframes stitch-breathe{50%{transform:translateY(-2px) rotate(1deg)}}
@media(min-width:1024px){.icon-grid{grid-template-columns:repeat(5,1fr)}.big-buddy.sticker-sprite{width:56%;left:22%}}
@media(max-width:639px){.orbit-buddy.sticker-sprite{width:24%}.big-buddy.sticker-sprite{width:62%;left:19%;top:5%}.icon-grid{grid-template-columns:repeat(4,1fr)}.icon-option small{font-size:.65rem}.garment-colour-row>div{max-width:62%}.preview-disclaimer{font-size:.68rem}.placement-note{font-size:.6rem}.product-pills button{padding:.5rem .7rem;font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.icon-option .sticker-sprite,.orbit-buddy.sticker-sprite,.full-icon-gallery .sticker-sprite{animation:none!important;transition:none!important}}
.placement-entry{display:block;width:100%;border:1px solid #ddd;border-radius:999px;padding:.6rem .75rem;text-align:center;font-size:.75rem;margin:.7rem 0;color:var(--accent)}
.design-dialog.placing .design-controls>fieldset:not(.placement-controls),.design-dialog.placing .design-controls>h2,.design-dialog.placing .design-controls>p,.design-dialog.placing .design-controls>.product-pills,.design-dialog.placing .design-controls>.detail-eyebrow{display:none}
.design-dialog.placing .preview-disclaimer,.design-dialog.placing .preview-caption-row{display:none}
#finish-placement{clear:both;display:block;padding:0 0 .75rem;margin-bottom:.75rem}#finish-placement[hidden]{display:none}
@media(max-width:767px){.design-dialog.placing .design-visual{position:sticky;top:3rem;z-index:3;background:white;padding-bottom:.2rem}.design-dialog.placing .garment-stage{max-width:220px;margin:0 auto}.design-dialog.placing .preview-toolbar{display:none}.design-dialog.placing .garment-views{justify-content:center}.design-dialog.placing .placement-helper{font-size:.65rem;text-align:center}.design-dialog.placing .designer{gap:.25rem}.design-dialog.placing .placement-controls{padding-bottom:.5rem}.design-dialog.placing .placement-entry{margin:.4rem 0;padding:.4rem}.design-dialog.placing .design-controls legend{display:none}.design-dialog.placing .placement-sliders label{margin-top:.5rem}.design-dialog.placing .design-controls label{margin-top:.5rem}.design-dialog.placing .small-note{font-size:.62rem}.design-dialog.placing #finish-placement{display:none}}

.icon-colour-modes{display:flex;gap:.5rem;clear:both;margin:.75rem 0}.icon-colour-modes button{flex:1;padding:.6rem .7rem;border:1px solid #ddd;border-radius:.5rem;font-size:.75rem;line-height:1.3}.icon-colour-modes button[aria-pressed=true]{border-color:var(--accent);background:#f1f5ff;color:var(--accent)}

.font-grid{max-height:330px;overflow-y:auto;padding:.2rem}.font-option>span{font-size:1.55rem}.font-option small{overflow-wrap:anywhere}.font-option[aria-pressed=true]{position:relative}
.design-controls{min-width:0}

.icon-pagination{display:flex;align-items:center;justify-content:space-between;gap:.5rem;clear:both;font-size:.72rem;padding:.7rem .2rem}.icon-pagination button{border:1px solid #ddd;border-radius:999px;padding:.5rem .7rem;white-space:nowrap}.icon-pagination button:disabled{opacity:.4;cursor:default}.icon-pagination span{color:var(--muted);white-space:nowrap}.gallery-tools{padding:0 2rem .5rem}.gallery-tools .sticker-search{margin:0 0 .75rem}.gallery-tools .icon-tabs{margin:0}.gallery-tools .icon-pagination{padding-top:.8rem}.full-icon-gallery .no-icons{grid-column:1/-1;text-align:center;padding:2rem}.icon-option small{overflow-wrap:anywhere}@media(max-width:639px){.gallery-tools{padding-inline:1rem}.gallery-tools .sticker-search input{font-size:.8rem}.icon-pagination{font-size:.65rem}.icon-pagination button{padding:.45rem .55rem}.font-grid{max-height:290px}}

#icon-layers{position:absolute;inset:0;pointer-events:none}.extra-icon-overlay{pointer-events:auto;cursor:grab}.extra-icon-overlay>.sticker-sprite{width:100%;height:100%}.extra-icon-overlay .sticker-art{width:100%;height:100%}.selected-icons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:.8rem 0}.selected-icons:empty{display:none}.selected-icons button{min-width:0;border:1px solid #ddd;border-radius:.6rem;padding:.4rem;text-align:left;display:flex;align-items:center;gap:.35rem}.selected-icons button[aria-pressed=true]{background:#edf2ff;border-color:var(--accent)}.selected-icons .sticker-sprite{width:2.5rem;min-width:2.5rem;height:2.5rem}.selected-icons span:not(.sticker-sprite){font-size:.6rem;overflow-wrap:anywhere}.selected-icons small{display:block;font-size:.55rem;color:var(--muted);margin-top:.2rem}.icon-side-counts{display:flex;flex-wrap:wrap;gap:.35rem}.icon-side-counts button{border:1px solid #ddd;border-radius:999px;padding:.35rem .55rem;font-size:.65rem}.icon-side-counts button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.icon-side-counts b{margin-left:.2rem}.sleeve-example{display:block;margin:.2rem 0 .7rem}.sleeve-examples{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.sleeve-example-card{position:relative;background:#e7e8e3;border-radius:1rem;aspect-ratio:1;overflow:hidden}.sleeve-example-card>img{width:100%;height:100%;object-fit:contain}.sleeve-example-card>.sticker-sprite{position:absolute;width:14%;height:14%;left:53%;top:45%}.sleeve-example-card.right>img{transform:scaleX(-1)}.sleeve-example-card.right>.sticker-sprite{left:33%}.sleeve-example-card strong{position:absolute;left:1rem;bottom:1rem;font-size:.8rem}.garment-stage[data-view="right-sleeve"] #garment-image,.garment-stage[data-view="right-sleeve"] #garment-tint{transform:scaleX(-1)}@media(max-width:639px){.selected-icons{grid-template-columns:repeat(2,minmax(0,1fr))}.sleeve-examples{gap:.5rem}}

.icon-flips{display:flex;gap:.4rem;flex-wrap:wrap;margin:1rem 0}.icon-flips>span{width:100%;font-size:.75rem;color:var(--muted)}.icon-flips button{border:1px solid #ddd;border-radius:999px;padding:.5rem .75rem;font-size:.72rem}.icon-flips button[aria-pressed=true]{background:#edf2ff;border-color:var(--accent);color:var(--accent)}

/* Finished-piece examples use their own photographed fabric and stitched lettering. */
.product-card.example-card{aspect-ratio:auto;min-height:0}.product-image.lifestyle{flex:none;aspect-ratio:1.15;width:100%;min-height:0;background:#e9e7e2}.product-image.lifestyle>img{display:block;position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;mix-blend-mode:normal;filter:none;transition:transform .5s ease}.example-card:hover .product-image.lifestyle>img{transform:scale(1.025)}@media(prefers-reduced-motion:reduce){.product-image.lifestyle>img{transition:none}.example-card:hover .product-image.lifestyle>img{transform:none}}

.product-content .example-details{font-size:.7rem;line-height:1.35;color:var(--secondary);margin-top:.6rem}

/* Keep white fabric separate from the canvas and preserve its weave and seams. */
.garment-stage{background:#d1d7dd}.garment-stage[data-light-garment="true"]{background:#bcc5ce}.garment-stage:not(.icon-view) img#garment-image{mix-blend-mode:normal;filter:brightness(1.08) drop-shadow(0 8px 9px #25334730)}.garment-stage.icon-view{background:#eef1f8}.sleeve-example-card{background:#bcc5ce}.sleeve-example-card>img{filter:brightness(1.04) drop-shadow(0 6px 8px #25334722)}.bag-line-head>img{background:#c6cfd8;border:1px solid #b9c3ce;object-fit:contain;padding:.2rem}.product-image.lifestyle{box-shadow:inset 0 0 0 1px #2733410d}.example-card{border:1px solid #e3e6e9}
.step-garments{background:#c6cfd8}.step-garments img{mix-blend-mode:normal;filter:drop-shadow(0 6px 8px #25334722)}
.garment-stage.cap[data-light-garment="true"]:not(.icon-view) img#garment-image{filter:brightness(1.16) drop-shadow(0 8px 9px #25334730)}
.garment-stage.tee:not(.icon-view) img#garment-image{filter:brightness(1) drop-shadow(0 8px 9px #25334730)}
.bag-garment-thumbnail{position:relative;display:block;flex-shrink:0;width:80px;height:100px;overflow:hidden;border-radius:.5rem;background:#c6cfd8;border:1px solid #b9c3ce;isolation:isolate}.bag-garment-thumbnail>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;filter:brightness(1.08) drop-shadow(0 3px 3px #25334730)}.garment-thumbnail-tint{position:absolute;inset:0;background:var(--garment-colour);mask:var(--garment-image) center/contain no-repeat;mix-blend-mode:multiply;opacity:.9;pointer-events:none}
.cart-dialog #bag-content{padding:0 1.5rem 1.5rem;min-width:0}.bag-line-head>div{min-width:0}.bag-line .quantity-controls{gap:.75rem}.quantity-controls button.remove-item{width:auto;height:auto;border:0;border-radius:0;white-space:nowrap;padding:.4rem .25rem}
.bag-garment-thumbnail[data-product="tee"]>img{filter:brightness(1) drop-shadow(0 3px 3px #25334730)}
.icon-size-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin:.8rem 0}.icon-size-presets button{padding:.6rem .2rem;border:1px solid #ddd;border-radius:.5rem;font-size:.8rem}.icon-size-presets small{display:block;color:var(--muted);font-size:.65rem;margin-top:.15rem}.icon-size-presets button:disabled{opacity:.3;cursor:not-allowed}.icon-price-table{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:1rem 0}.icon-price-table>span{padding:.8rem;border-radius:.5rem;background:#f1f3f5}.icon-price-table b{display:block}.size-guide-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.85rem}.size-guide-table th,.size-guide-table td{text-align:left;padding:.75rem .5rem;border-bottom:1px solid #e0e3e6;vertical-align:top}
.placement-controls>#embroidery-size-guide,.placement-controls>#reset-placement{display:block;margin:.75rem 0}

.preview-scale-note{font-size:.75rem;line-height:1.5;color:#4a5661;margin:.75rem 0 0}.preview-scale-note[hidden]{display:none}

.name-size-control{margin:1rem 0;padding:1rem;background:#f0f3f6;border-radius:.75rem}.name-size-control label{display:flex;justify-content:space-between;gap:1rem}.name-size-control output{font-size:.8rem;font-weight:600;color:#2b62ed}.name-size-control input{width:100%;margin:.8rem 0;accent-color:#2b62ed}

/* Printed cartoon artwork has a flat finish; name embroidery keeps its own texture. */
.garment-stage .embroidery-icon{filter:none}.sticker-art{image-rendering:auto}
.account-nav{font-size:.8rem;font-weight:600;padding:.5rem;white-space:nowrap}.creator-section{background:#f0f1e8;color:var(--ink)}.creator-feature{display:grid;grid-template-columns:1.15fr 1fr;gap:5rem;padding-top:5rem;padding-bottom:5rem;align-items:center}.creator-feature h2{font-size:clamp(2.8rem,5vw,4.6rem);line-height:1.04;letter-spacing:-.045em;margin:1rem 0 1.5rem}.creator-feature>div>p{max-width:480px;line-height:1.7}.creator-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin:1.5rem 0}.creator-steps>div{display:grid;grid-template-columns:3rem 1fr;padding:1.5rem 0;border-bottom:1px solid #d5d9ca;gap:.35rem 1rem}.creator-steps>div>span{grid-row:span 2;display:grid;place-items:center;width:2.8rem;height:2.8rem;border:1px solid #d5d9ca;border-radius:50%;font-size:.8rem}.creator-steps h3{font-size:1.25rem;margin:0}.creator-steps p{font-size:.9rem;color:var(--secondary);margin:0;line-height:1.5}.creator-steps>a{display:inline-block;margin-top:1.5rem;text-decoration:underline;font-size:.8rem}.creator-dialog{width:min(780px,96vw);max-height:90dvh}.creator-dialog-inner{padding:1.5rem 2rem 2.5rem;overflow:auto}.creator-dialog-inner>h2{font-size:1.8rem;line-height:1.15;margin-bottom:1rem}.creator-dialog form,.local-checkout form{display:grid;gap:.8rem}.creator-dialog label,.local-checkout label{display:grid;gap:.4rem;font-size:.85rem}.creator-dialog input:not([type=checkbox]),.creator-dialog textarea,.creator-dialog select,.local-checkout input:not([type=checkbox]){width:100%;padding:.8rem;border:1px solid #c6c9c2;border-radius:.5rem;background:#fff;font:inherit;min-width:0}.creator-dialog textarea{min-height:100px;resize:vertical}.creator-dialog .checkline,.local-checkout .checkline{display:flex;align-items:flex-start;gap:.65rem;line-height:1.5}.checkline input{flex:0 0 auto;width:18px;height:18px;margin:2px 0;accent-color:var(--accent)}.creator-dialog a{ text-decoration:underline}.account-tabs{display:flex;gap:.75rem;margin:1rem 0 1.5rem}.account-tabs button{border-bottom:2px solid transparent;padding:.5rem .2rem}.account-tabs button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}#creator-status{line-height:1.5;font-size:.9rem;color:#285844}#creator-status:empty{display:none}#creator-status.error{color:#9b3d25}.creator-welcome{display:flex;justify-content:space-between;gap:1rem;align-items:center}.credit-summary{display:grid;grid-template-columns:1fr 1fr;gap:1rem;background:#f0f1e8;padding:1.3rem;border-radius:.75rem;margin:1.25rem 0}.credit-summary span{display:block;font-size:.8rem}.credit-summary strong{display:block;font-size:2rem;margin-top:.25rem}.creator-dialog h3{margin:1.5rem 0 .8rem}.creator-empty{background:#f5f5f1;padding:1.5rem;border-radius:.5rem;line-height:1.5}.creator-design-list article{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid #eee}.creator-design-list img{width:90px;height:90px;object-fit:contain;background:#f4f4ef;border-radius:.6rem}.creator-design-list strong,.creator-design-list small{display:block}.creator-design-list small{font-size:.7rem;color:var(--secondary);margin:.4rem 0}.creator-design-list p{font-size:.8rem}.creator-design-list a,.creator-design-list button{display:inline-block;margin-right:1rem;margin-top:.5rem;font-size:.75rem}.review-state{font-size:.65rem;padding:.2rem .5rem;border-radius:2rem;background:#eee;margin-left:.6rem}.creator-order{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #eee;font-size:.8rem;gap:.5rem}.creator-attribution{display:block!important;font-size:.6rem!important;line-height:1.3;color:var(--secondary);margin-top:.25rem;word-break:break-word}.icon-option{aspect-ratio:auto;min-height:92px}.icon-option .sticker-sprite{width:100%;aspect-ratio:1}.upload-preview{width:180px;max-height:180px;object-fit:contain;background:repeating-conic-gradient(#f0f0ea 0% 25%,#fff 0% 50%) 50%/20px 20px;border-radius:.6rem}.moderation-item{border:1px solid #ddd;border-radius:.5rem;padding:1rem;margin:1rem 0;overflow-wrap:anywhere}.moderation-item>img{width:150px;height:150px;object-fit:contain;display:block;background:#f3f3ef;margin-bottom:.75rem}.moderation-item p,.moderation-item small{font-size:.8rem;line-height:1.5}.moderation-item form{margin-top:1rem}.local-checkout{border-top:1px solid #ddd;margin-top:2rem;padding-top:1.5rem}.local-checkout>p{font-size:.85rem;line-height:1.5}.local-quote{font-size:.85rem;line-height:1.5;padding:.5rem 0}.policy-page{max-width:800px;margin:3rem auto;padding:1.5rem;line-height:1.75}.policy-page h1{font-size:2.5rem;line-height:1.1}.policy-page h2{font-size:1.3rem;margin-top:2rem}.policy-page p{margin:1rem 0}.policy-page a{text-decoration:underline}.icon-tableau>span .sticker-sprite{width:100%;height:100%}.icon-tableau>span .sticker-art{height:100%;width:100%}@media(max-width:850px){.creator-feature{grid-template-columns:1fr;gap:2rem;padding-top:3rem;padding-bottom:3rem}.creator-dialog-inner{padding:1.25rem}.account-nav{font-size:.7rem;padding:.25rem}.creator-feature h2{font-size:3rem}.creator-order{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.creator-dialog *{scroll-behavior:auto!important}}
.garment-canvas{position:absolute;inset:0;transform:scale(var(--preview-zoom,.84));transform-origin:center;isolation:isolate}.garment-stage.icon-view .garment-canvas{transform:scale(1)}.garment-canvas #garment-image{width:100%;height:100%;object-fit:contain}.photo-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:.35rem;margin:.65rem 0}.photo-selection-bar button{min-width:34px;min-height:34px;border-radius:.5rem;font-size:.8rem}.photo-targets,.photo-zoom,.photo-history{display:flex;align-items:center;gap:.15rem}.photo-targets{padding:.15rem;border-radius:.65rem;background:#f0f1f3}.photo-targets button{padding:.25rem .65rem}.photo-targets button[aria-pressed=true]{background:white;box-shadow:0 1px 3px #0001;color:var(--accent)}.photo-zoom{border:1px solid #e6e6e6;border-radius:.65rem}#editor-zoom-fit{font-size:.7rem;padding:.25rem}.photo-history button{font-size:1.25rem;color:var(--secondary)}.art-transform-handle{position:absolute;width:25px;height:25px;padding:5px;background:white;border:1.5px solid var(--accent);color:var(--accent);border-radius:50%;z-index:8;touch-action:none;pointer-events:auto;cursor:nwse-resize;display:grid;place-items:center;filter:none}.art-transform-handle svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.resize-handle{bottom:-30px;right:-30px}.rotate-handle{top:-34px;left:calc(50% - 12px);cursor:grab}.rotate-handle:after{content:"";position:absolute;left:50%;top:23px;height:10px;width:1px;background:var(--accent)}.editor-dock{display:none}.editor-adjust-panel{display:none;padding:1rem 0}.design-dialog[data-editor-panel=adjust] .editor-adjust-panel{display:block}.design-dialog .placement-controls{display:none!important}.design-dialog[data-editor-panel=adjust] .design-controls>fieldset,.design-dialog[data-editor-panel=adjust] .design-controls>.detail-eyebrow,.design-dialog[data-editor-panel=adjust] .design-controls>h2,.design-dialog[data-editor-panel=adjust] .design-controls>p{display:none}.editor-adjust-heading{display:flex;gap:1rem;align-items:center;justify-content:space-between;font-size:.85rem}.photo-adjust-tools{display:flex;padding:.5rem;gap:.25rem;background:#f3f4f5;border-radius:.8rem;margin:1rem 0 1.25rem}.photo-adjust-tools button{flex:1;min-height:40px;border-radius:.5rem;font-size:.8rem}.photo-adjust-tools button[aria-pressed=true]{background:white;color:var(--accent);box-shadow:0 1px 3px #0001}.photo-tool-pane{display:none}.editor-adjust-panel[data-tool=size] [data-tool-pane=size],.editor-adjust-panel[data-tool=rotate] [data-tool-pane=rotate],.editor-adjust-panel[data-tool=flip] [data-tool-pane=flip],.editor-adjust-panel[data-tool=position] [data-tool-pane=position]{display:block}.photo-tool-pane>label{display:flex;justify-content:space-between;gap:1rem}.photo-tool-pane output{color:var(--accent)}.photo-tool-pane input[type=range]{width:100%;accent-color:var(--accent)}.photo-size-row{display:flex;align-items:center;gap:.8rem}.photo-size-row>button,.photo-nudge button{min-width:44px;min-height:44px;background:#f4f5f7;border-radius:.6rem;font-size:1.2rem}.photo-size-row>input{min-width:0;flex:1;height:36px}.photo-flip-tools{display:flex;gap:.75rem}.photo-flip-tools button{flex:1;min-height:48px;border:1px solid #d9dde4;border-radius:.7rem;font-size:.85rem}.photo-flip-tools button[aria-pressed=true]{background:#e9efff;border-color:var(--accent);color:var(--accent)}.photo-nudge{display:flex;gap:.35rem;align-items:center;justify-content:center;margin:.9rem 0}.photo-nudge #editor-center{font-size:.75rem;padding:.5rem}.photo-tool-pane select{width:100%;max-width:100%;min-height:44px}.mobile-picker{border:0}.mobile-picker>summary{display:none}.mobile-picker[open]>summary{display:none}.precision-controls>summary{font-size:.8rem;cursor:pointer}.garment-stage .selected-artwork{outline:1.5px solid #2b62edb0}.photo-tool-pane .small-note{line-height:1.5}#editor-fit-note{font-size:.75rem;color:var(--secondary)}
@media(max-width:1023px){.design-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;inset:0;margin:0;border-radius:0;overflow:hidden;padding:0;border:0}.design-dialog[open]{display:grid;grid-template-rows:48px minmax(0,1fr)}.design-dialog>.dialog-header{padding:.35rem 1rem;min-height:48px;position:relative;top:auto;border-bottom:1px solid #eceef1}.design-dialog>.dialog-header .icon-button{width:40px;height:40px}.design-dialog .designer{display:flex;flex-direction:column;gap:0;padding:0;min-height:0;overflow:hidden}.design-dialog .design-visual,.design-dialog.placing .design-visual{flex:0 0 auto;position:relative;top:auto;padding:.35rem .85rem .15rem;background:#f5f6f8}.design-dialog .preview-toolbar,.design-dialog .preview-caption-row,.design-dialog .preview-disclaimer,.design-dialog #sleeve-example,.design-dialog #preview-scale-note,.design-dialog .placement-entry,.design-dialog .placement-note{display:none!important}.design-dialog .garment-views{margin:.1rem 0 .4rem;justify-content:center;gap:.35rem}.design-dialog .garment-views button{padding:.5rem .7rem;min-height:34px;font-size:.72rem}.design-dialog .garment-stage,.design-dialog.placing .garment-stage{width:min(calc(100vw - 32px),36dvh,320px);max-width:none;height:auto;aspect-ratio:1;margin:0 auto;border-radius:.85rem}.design-dialog .photo-selection-bar{margin:.25rem 0;max-width:400px;margin-inline:auto}.design-dialog .photo-selection-bar button{min-height:36px}.design-dialog #placement-helper{font-size:.67rem;text-align:center;margin:.2rem 0;color:var(--secondary);line-height:1.3}.design-dialog .design-controls{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 1rem calc(94px + env(safe-area-inset-bottom));background:#fff}.design-dialog .design-controls>.detail-eyebrow,.design-dialog .design-controls>h2,.design-dialog .design-controls>p{display:none}.design-dialog .editor-dock{display:flex;position:sticky;top:0;z-index:6;background:#fff;margin:0 -1rem .6rem;padding:.3rem .6rem;border-bottom:1px solid #eceef1;gap:.5rem}.editor-dock>button{flex:1;display:grid;justify-items:center;gap:.3rem;padding:.45rem .2rem;min-height:54px;border-radius:.7rem;color:var(--secondary);font-size:.68rem}.editor-dock svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.editor-dock>button[aria-pressed=true]{color:var(--accent);background:#edf2ff}.design-dialog .design-controls>fieldset{display:none!important;margin:0;border-top:0;padding:0 0 1rem}.design-dialog[data-editor-panel=name] fieldset[data-editor-pane=name],.design-dialog[data-editor-panel=stickers] fieldset[data-editor-pane=stickers],.design-dialog[data-editor-panel=piece] fieldset[data-editor-pane=piece]{display:block!important}.design-dialog .design-controls legend{display:none}.design-dialog .design-controls .name-size-control{display:none}.design-dialog .input-meta{margin-bottom:.75rem}.design-dialog .mobile-picker>summary,.design-dialog .mobile-picker[open]>summary{display:flex;align-items:center;gap:.8rem;min-height:48px;border:1px solid #e0e3e9;border-radius:.65rem;padding:.75rem;font-size:.82rem;margin:.6rem 0;cursor:pointer;list-style:none}.mobile-picker>summary strong{font-size:.82rem;color:var(--accent);font-weight:500}.mobile-picker>summary>span{margin-left:auto;color:var(--muted);font-size:.7rem}.mobile-picker>summary::-webkit-details-marker{display:none}.design-dialog .thread-grid{padding:.5rem .3rem}.design-dialog .name-size-control~.small-note{font-size:.7rem}.design-dialog .design-controls label{margin:.6rem 0 .4rem}.design-dialog .design-controls input[type=text]{padding:.85rem;font-size:16px}.design-dialog .design-buy{position:fixed;inset:auto 0 0;bottom:0;z-index:10;background:#fff;display:flex;flex-wrap:nowrap;border-top:1px solid #e5e7eb;margin:0;padding:.8rem 1rem calc(.8rem + env(safe-area-inset-bottom));gap:.65rem;min-height:76px}.design-dialog .design-buy strong{font-size:1.15rem}.design-dialog .design-buy>div>span{font-size:.58rem;max-width:160px}.design-dialog .design-buy .button{min-height:44px;padding:.65rem 1rem;font-size:.8rem}.design-dialog .price-explainer{display:none}.design-dialog .product-pills{flex-wrap:wrap;gap:.4rem;margin:0 0 1rem}.design-dialog .product-pills button{min-height:40px}.design-dialog .editor-adjust-panel{padding:.25rem 0 1rem}.design-dialog .editor-back-button{display:none}.design-dialog .photo-adjust-tools{margin:.7rem 0 1rem;padding:.25rem}.design-dialog .photo-adjust-tools button{min-height:44px}.design-dialog .editor-adjust-heading{font-size:.8rem}.design-dialog .icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:none;overflow:visible}.design-dialog .icon-option{min-height:102px;padding:.45rem}.design-dialog .icon-tabs{padding-bottom:.2rem}.design-dialog .selected-icons{grid-template-columns:repeat(2,minmax(0,1fr))}.design-dialog .icon-side-counts{display:none}.design-dialog .icon-colour-modes button{min-height:40px;font-size:.7rem}.design-dialog .icon-selection-row{margin:.75rem 0;font-size:.75rem}.design-dialog .icon-selection-row #remove-icon{min-height:36px}.design-dialog .art-transform-handle{width:28px;height:28px;min-height:0;padding:6px}.design-dialog .resize-handle{right:-30px;bottom:-30px}.design-dialog .rotate-handle{top:-38px;left:calc(50% - 14px)}.design-dialog .rotate-handle:after{top:26px;height:10px}.design-dialog .small-note{font-size:.7rem}.design-dialog .garment-colour-row{gap:.7rem;flex-wrap:wrap}.design-dialog .garment-colour-row>div{flex-wrap:wrap}.design-dialog .colour-button{min-width:26px;min-height:26px}.design-dialog .size-guide{display:inline-block;font-size:.75rem;margin:.5rem 0!important}.design-dialog .photo-zoom button{min-width:32px}.design-dialog .photo-targets button{font-size:.75rem}}@media(max-width:1023px) and (max-height:700px){.design-dialog .garment-stage{width:min(calc(100vw - 32px),30dvh)}.design-dialog .photo-selection-bar{margin:.1rem 0}.design-dialog #placement-helper{display:none}}
.photo-history svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.art-transform-handle:before{content:"";position:absolute;inset:-9px;border-radius:50%}

/* Photographic use cases retain the original discovery rail and editorial rhythm. */
.use-card .use-case-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;z-index:-2;transition:transform .35s ease}.use-card:hover .use-case-photo{transform:scale(1.03)}.use-card .card-overlay{background:linear-gradient(#10192599 0%,#10192545 25%,transparent 52%,#10192538 100%)}.discovery-photo-caption{font-size:.72rem;color:var(--muted);margin:0 auto 1.5rem;line-height:1.5}.real-detail-photo{position:relative;overflow:hidden;border-radius:.8rem;background:#e7e8e3;width:100%;height:420px}.real-detail-photo>img{width:100%;height:100%;object-fit:cover;object-position:center}.photo-concept-label{position:absolute;left:1rem;bottom:1rem;padding:.35rem .65rem;background:#fffffff0;color:var(--secondary);font-size:.65rem;border-radius:999px}.creator-life-photo{margin:0 0 1rem}.creator-life-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:1rem;display:block}.creator-life-photo figcaption{font-size:.65rem;line-height:1.4;color:var(--muted);margin:.5rem .25rem 0}.creator-feature{gap:4rem;align-items:start}.creator-feature>div:first-child{padding-top:1.25rem}.creator-steps>div{padding:1rem 0}.editorial-one{background-image:url('assets/lifestyle-street-tee.webp')}.editorial-two{background-image:url('assets/lifestyle-city-cap.webp')}.editorial-three{background-image:url('assets/lifestyle-slow-sunday.webp')}.editorial-four{background-image:url('assets/lifestyle-gift-moment.webp')}.editorial{background-size:cover;background-position:center}.companion-copy>span{color:var(--secondary)}
@media(max-width:850px){.creator-feature{gap:2rem}.creator-feature>div:first-child{padding-top:0}.creator-life-photo img{max-height:300px}.real-detail-photo{height:330px}.use-card .use-case-photo{object-position:center 38%}}@media(prefers-reduced-motion:reduce){.use-card .use-case-photo{transition:none}}
.creator-feature{grid-template-columns:repeat(6,minmax(0,1fr));gap:2rem 3rem}.creator-feature>div:first-child{grid-column:span 3;align-self:center;padding-top:0}.creator-steps{display:contents}.creator-life-photo{grid-column:span 3;margin:0}.creator-life-photo img{height:auto}.creator-steps>div{grid-column:span 2;align-self:start}.creator-steps>a{grid-column:1/-1;margin-top:0}@media(max-width:850px){.creator-feature{grid-template-columns:1fr;gap:1.5rem}.creator-feature>div:first-child,.creator-life-photo,.creator-steps>div,.creator-steps>a{grid-column:auto}.creator-life-photo img{height:auto;max-height:300px}.creator-steps>div{padding:.75rem 0}}
.use-card{isolation:isolate}.use-card .use-case-photo{z-index:0}.use-card .card-overlay{z-index:1}.use-card>h3,.use-card>p,.use-card>.circle-arrow{position:relative;z-index:2}.use-card>.circle-arrow{position:absolute}
section[id]{scroll-margin-top:calc(var(--header-height) + var(--banner-height) + 1rem)}

/* Seven garment choices stay compact in the photo editor. */
.product-pills{flex-wrap:wrap;gap:.45rem}.product-pills button{flex:0 0 auto}.product-image.lifestyle.shorts img,.product-image.lifestyle.polo img{object-fit:cover}

.design-dialog [data-editor-pane="piece"] #sleeve-example:not([hidden]){display:inline-flex!important;margin:.75rem 0 0;min-height:40px}
/* Keep fabric shading, selected garment dye and thread ink consistent across previews. */
.garment-stage:not(.icon-view) .garment-tint,.garment-thumbnail-tint,.card-garment-tint{opacity:1}.garment-stage:not(.icon-view) img#garment-image,.garment-stage.cap:not(.icon-view) img#garment-image,.garment-stage.cap[data-light-garment="true"]:not(.icon-view) img#garment-image{filter:drop-shadow(0 8px 9px #25334730)}.bag-garment-thumbnail>img,.bag-garment-thumbnail[data-product="tee"]>img{filter:drop-shadow(0 3px 3px #25334730)}
.garment-stage.cap[data-garment-colour="White"]:not(.icon-view) img#garment-image{filter:brightness(1.16) drop-shadow(0 8px 9px #25334730)}

/* Keep control content within its column, including narrow tablets and browser zoom. */
.design-controls fieldset,.design-controls fieldset>legend,.product-pills{max-width:100%}
.product-pills{width:100%;clear:both}
.design-buy>div{min-width:0}
.design-buy .button{flex-shrink:0}
.design-buy{scroll-margin-bottom:1rem}
@media(max-width:1023px){.design-dialog .design-buy strong{font-size:clamp(.95rem,3.7vw,1.15rem)}.design-dialog .design-buy .button{padding-inline:.75rem}.design-dialog .design-controls{scroll-padding-block:64px 110px}}
/* A landscape phone gets two independently scrollable columns above the footer. */
@media(max-width:1023px) and (max-height:560px) and (orientation:landscape){
 .design-dialog .designer{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:.5rem;padding-bottom:94px}
 .design-dialog .design-visual,.design-dialog.placing .design-visual{height:100%;min-height:0;overflow-y:auto;padding:.35rem .5rem}
 .design-dialog .garment-stage,.design-dialog.placing .garment-stage{width:min(100%,calc(100dvh - 220px),220px)}
 .design-dialog .garment-views{flex-wrap:wrap;gap:.2rem}
 .design-dialog .garment-views button{padding:.35rem .5rem;min-height:30px}
 .design-dialog .photo-selection-bar{flex-wrap:wrap;justify-content:center;gap:.3rem}
 .design-dialog .design-controls{height:100%;min-height:0;padding:.1rem .75rem 1rem;scroll-padding-block:64px 16px}
 .design-dialog .editor-dock{margin-inline:-.75rem;gap:.2rem;padding-inline:.25rem}
 .design-dialog .design-buy{min-height:84px;padding:.55rem 1rem}
}

/* Creator shop: buyer mode, share codes, shop pages and the creator dashboard */
.design-dialog.buyer-mode .editor-dock,.design-dialog.buyer-mode .photo-selection-bar,.design-dialog.buyer-mode #placement-helper,.design-dialog.buyer-mode .placement-entry,.design-dialog.buyer-mode #download-art,.design-dialog.buyer-mode .product-pills,.design-dialog.buyer-mode #sleeve-example,.design-dialog.buyer-mode .art-transform-handle,.design-dialog.buyer-mode .editor-adjust-panel,.design-dialog.buyer-mode #placement-guide,.design-dialog.buyer-mode .design-controls>.detail-eyebrow,.design-dialog.buyer-mode .design-controls>fieldset{display:none!important}
.design-dialog.buyer-mode .design-controls>fieldset[data-editor-pane=piece]{display:block!important}
.design-dialog.buyer-mode .design-controls>fieldset[data-editor-pane=piece] legend{display:none}
.design-dialog.buyer-mode .design-controls>h2{font-size:1rem;margin:0}
.design-dialog.buyer-mode #name-overlay,.design-dialog.buyer-mode #icon-overlay,.design-dialog.buyer-mode [data-icon-instance]{pointer-events:none;cursor:default}
.design-dialog.buyer-mode .selected-artwork{outline:0!important}
.buyer-banner{padding:.25rem 0 1rem;margin-bottom:1rem;border-bottom:1px solid #eceef1}
.buyer-banner[hidden]{display:none}
.buyer-banner h2{font-size:1.7rem;line-height:1.15;letter-spacing:-.02em;margin:.35rem 0 .5rem}
.buyer-banner p{margin:.35rem 0;color:var(--secondary)}
.buyer-banner .text-button{display:inline-block;margin-top:.25rem}
.sell-button[hidden]{display:none}
.design-buy .sell-button{padding:.8rem 1rem}
@media(max-width:1023px){.design-dialog.buyer-mode .buyer-banner{padding-top:.85rem;margin-bottom:.5rem}.buyer-banner h2{font-size:1.25rem}.buyer-banner p{font-size:.8rem}.design-dialog .design-buy .sell-button{padding:.65rem .7rem;font-size:.72rem}}
.design-thumb{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;border-radius:.75rem;background:#e7ebef;isolation:isolate;container-type:inline-size}
.design-thumb>img{position:absolute;inset:4%;width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 3px 3px #25334730)}
.design-thumb>.garment-thumbnail-tint{inset:4%;mask-size:contain}
.design-thumb[data-product=cap] .design-thumb-art{top:42%}
.design-thumb-art{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);width:44%;display:grid;justify-items:center;gap:4cqi;pointer-events:none}
.design-thumb-name{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:9cqi;line-height:1.2}
.design-thumb-icons{display:flex;justify-content:center;gap:3cqi;width:100%}
.design-thumb-icons .sticker-sprite{width:14cqi;animation:none}
.shop-summary{margin:1.25rem 0 2rem}
.earnings-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;background:#eef2ff;padding:1.1rem;border-radius:.75rem;margin:.75rem 0 1rem}
.earnings-summary span{display:block;font-size:.75rem;color:var(--secondary)}
.earnings-summary strong{display:block;font-size:1.6rem;margin:.2rem 0;letter-spacing:-.02em}
.earnings-summary small{display:block;font-size:.68rem;color:var(--muted);line-height:1.35}
.share-row{display:flex;gap:.5rem;align-items:center;margin:.5rem 0 1rem}
.share-row input{flex:1;min-width:0;padding:.7rem .8rem;border:1px solid #d9dde4;border-radius:.6rem;font:inherit;font-size:.85rem;background:#fafafa}
.share-row .button{white-space:nowrap}
.profile-edit{margin:0 0 1rem}
.profile-edit>summary{cursor:pointer;font-size:.85rem;color:var(--accent)}
.profile-edit form{margin-top:.75rem}
.shop-design-row{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid #eee}
.shop-design-row>.design-thumb{width:96px;flex:0 0 96px}
.shop-design-row strong{font-size:.95rem}
.shop-design-row small{display:block;font-size:.75rem;color:var(--secondary);margin:.35rem 0;line-height:1.5}
.shop-design-row p{font-size:.8rem;margin:.3rem 0}
.review-state[data-state=live]{background:#e3f4ea;color:#1d6b3f}
.review-state[data-state=suspended]{background:#fde8e4;color:#9b3d25}
.row-actions{display:flex;flex-wrap:wrap;gap:.2rem .9rem}
.row-actions .text-button{font-size:.78rem;padding:.35rem 0;min-height:36px}
.sell-base{display:grid;gap:.15rem;background:#eef2ff;padding:1rem 1.1rem;border-radius:.75rem}
.sell-base span{font-size:.75rem;color:var(--secondary)}
.sell-base strong{font-size:1.6rem;letter-spacing:-.02em}
.sell-base small{font-size:.75rem;color:var(--secondary);line-height:1.45}
.sell-profit{font-weight:600;color:var(--accent);margin:0}
.sell-profit.error{color:#9b3d25}
.published-card{display:flex;gap:1rem;align-items:center;margin-bottom:1.25rem}
.published-card>.design-thumb{width:120px;flex:0 0 120px}
.published-card strong,.published-card small{display:block}
.published-card small{color:var(--secondary);margin-top:.3rem}
.design-code{font:600 2.4rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;margin:.4rem 0 .2rem;color:var(--ink)}
.creator-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin:1.25rem 0}
.shop-card{display:grid;gap:.35rem;text-align:left;padding:0;background:none;border:0;cursor:pointer;font:inherit;color:inherit}
.shop-card strong{font-size:.95rem;margin-top:.25rem}
.shop-card>span:last-child{font-size:.78rem;color:var(--secondary)}
.shop-card:hover .design-thumb,.shop-card:focus-visible .design-thumb{outline:2px solid var(--accent);outline-offset:2px}
.code-form{margin:1.25rem 0 .5rem;max-width:440px}
.code-form label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.4rem}
.code-form>div{display:flex;gap:.5rem}
.code-form input{flex:1;min-width:0;padding:.75rem .85rem;border:1px solid #d9dde4;border-radius:.6rem;font:inherit;font-size:16px;text-transform:uppercase;letter-spacing:.08em;background:#fff}
.code-form input::placeholder{text-transform:none;letter-spacing:0}
.bag-design-credit{font-size:.75rem;color:var(--accent);margin:.15rem 0 .2rem}
@media(max-width:560px){.earnings-summary{grid-template-columns:1fr;gap:.5rem}.earnings-summary strong{font-size:1.3rem}.share-row{flex-wrap:wrap}.share-row .button{width:100%}.shop-design-row>.design-thumb{width:76px;flex-basis:76px}.design-code{font-size:2rem}.creator-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}}
.shop-card{align-content:start}
.design-buy strong{white-space:nowrap}
.shop-design-row{align-items:flex-start}

/* Front-page marketplace: same cards, type and rails as the collection */
.mg{position:relative;display:block;width:100%;aspect-ratio:1;isolation:isolate;container-type:inline-size;transition:transform .3s}
.mg>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 9px #09162a1a);mix-blend-mode:normal}
.mg-tint{position:absolute;inset:0;background:var(--garment-colour);mask-image:var(--garment-image);mask-size:contain;mask-position:center;mask-repeat:no-repeat;mix-blend-mode:multiply;opacity:.85;pointer-events:none;z-index:1}
.mg-layer{position:absolute;z-index:2;display:block;pointer-events:none}
.mg-layer>img,.mg-layer>.sticker-sprite{display:block;width:100%;height:100%;object-fit:contain;transform:none!important}
.mg-layer .sticker-sprite{animation:none}
.design-thumb{background:#e7ebef}
.design-thumb>.mg{position:absolute;inset:0;height:100%}
.market-head{display:grid;gap:1.5rem;align-items:end;margin-bottom:1.5rem}
.market-head h2{font-size:2.25rem;line-height:1.1;letter-spacing:-.02em;margin:.5rem 0 .75rem;text-align:left;color:var(--ink)}
.market-head p{color:var(--secondary);max-width:34rem;line-height:1.5}
.market-search{display:flex;align-items:center;gap:.5rem;background:white;border-radius:999px;padding:.35rem .35rem .35rem 1rem;box-shadow:0 6px 18px #0000000a;border:1px solid #e6e7e3}
.market-search>svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round}
.market-search input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:16px;padding:.6rem 0;outline:none}
.market-search input::-webkit-search-cancel-button{cursor:pointer}
.market-search .button{padding:.65rem 1.2rem}
.market-search:focus-within{border-color:var(--accent-light)}
.market-toolbar{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:.5rem}
.market-filters{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;padding:.25rem 0;margin-inline:-1rem;padding-inline:1rem}
.market-filters::-webkit-scrollbar{display:none}
.market-filters button{flex:none;padding:.55rem 1rem;border-radius:999px;border:1px solid #2e2e2a26;background:white;font-size:.85rem;min-height:40px}
.market-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}
.market-sort{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--secondary)}
.market-sort select{font:inherit;font-size:.85rem;padding:.5rem 2rem .5rem .8rem;border-radius:999px;border:1px solid #2e2e2a26;background:white;min-height:40px}
.market-status{font-size:.85rem;color:var(--secondary);min-height:1.2em;margin:.25rem 0 .5rem}
.market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:1rem}
.market-grid .product-card,.creator-rail-card{width:auto;max-width:none;aspect-ratio:auto;min-height:0}
.market-card .product-image{flex:none;aspect-ratio:1;background:#e7e8e3}
.market-card .product-image>.mg{width:100%;height:100%}
.market-card:hover img,.creator-card:hover img{transform:none}
.market-card:hover .mg{transform:scale(1.03)}
.market-card .product-content h3{font-size:1.15rem}
.market-card .card-bottom small{display:block;font-size:.72rem;color:var(--muted);margin-top:.15rem}
.market-card:focus-visible,.creator-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.market-more{display:flex;justify-content:center;margin-top:1.75rem}
.market-more .button[hidden]{display:none}
.market-empty{grid-column:1/-1;text-align:center;padding:3rem 1rem;background:white;border-radius:1.5rem;display:grid;gap:1rem;justify-items:center;color:var(--secondary)}
.market-creators .rail-heading h2{text-align:left;margin:0;color:var(--ink)}
.creator-card{width:17rem}
.creator-card .creator-card-art{flex:none;aspect-ratio:4/3;display:grid;grid-template-columns:repeat(var(--cols,3),1fr);align-items:center;gap:0;padding:.5rem;background:#e7e8e3}
.creator-card .creator-card-art[data-count="1"]{--cols:1}
.creator-card .creator-card-art[data-count="2"]{--cols:2}
.creator-card .creator-card-art>span{display:block;min-width:0}
.creator-card .product-content p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.creator-card .card-bottom small{display:block;font-size:.72rem;color:var(--muted)}
.creator-card-art.join{display:grid;place-items:center;align-content:center;gap:.6rem;background:var(--accent);color:white;text-align:center}
.creator-card-art.join svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.creator-card-art.join strong{font-size:1.6rem;line-height:1.05;font-weight:600;letter-spacing:-.02em}
@media(min-width:768px){.market .container{max-width:1024px}.market-head{grid-template-columns:1fr minmax(18rem,26rem)}.market-head h2{font-size:2.6rem}}
@media(min-width:1280px){.market .container{max-width:1200px}}
@media(max-width:560px){.market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.market-card{padding:.45rem;border-radius:1.1rem}.market-card .product-image{border-radius:.8rem}.market-card .product-content{padding:.4rem .2rem .2rem}.market-card .product-content .label{font-size:.62rem;letter-spacing:.02em;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-card .product-content h3{font-size:.95rem;margin:.25rem 0}.market-card .product-content p{font-size:.72rem}.market-card .product-colour-dots{display:none}.market-card .card-bottom{font-size:.85rem;margin-top:.5rem}.market-card .card-bottom small{font-size:.62rem}.market-card .circle-arrow-static{display:none}.market-head h2{font-size:1.9rem}.market-search .button{padding:.6rem .9rem}.market-sort span{display:none}}
.market-card .product-image,.creator-card .creator-card-art>span{overflow:hidden}
.market-card .mg{transform:scale(1.32);transform-origin:50% 44%}
.market-card:hover .mg{transform:scale(1.36)}
.market-card .mg[data-product=cap]{transform:scale(1.12);transform-origin:50% 45%}
.market-card .mg[data-product=pants]{transform:scale(1.15);transform-origin:50% 35%}
#market-creators .rail-controls[hidden]{display:none}

.desktop-nav a,.desktop-nav button{white-space:nowrap}

/* Creator join screen: why sell on the left, a short form on the right */
.creator-dialog.is-join{width:min(960px,96vw)}
.creator-dialog.is-join .creator-dialog-inner{padding:0 0 0}
.creator-dialog.is-join #creator-dialog-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.creator-dialog.is-join #creator-status{margin:1rem 1.75rem 0}
.join-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:560px}
.join-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:1rem;padding:2.25rem 2rem;color:#fff;background:radial-gradient(circle at 85% 12%,#ffffff26,transparent 40%),linear-gradient(155deg,var(--accent) 0%,var(--accent-dark) 70%,#0e3aa8 100%)}
.join-panel:after{content:"";position:absolute;right:-90px;bottom:-90px;width:260px;height:260px;border-radius:50%;border:40px solid #ffffff12;pointer-events:none}
.join-panel img{width:140px;height:auto}
.join-eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.14em;opacity:.8;margin-top:.75rem}
.join-panel h3{font-size:2.3rem;line-height:1.02;letter-spacing:-.03em;font-weight:600;margin:0}
.join-perks{list-style:none;padding:0;margin:.5rem 0 0;display:grid;gap:.85rem}
.join-perks li{display:grid;grid-template-columns:24px 1fr;column-gap:.7rem;align-items:start}
.join-perks li:before{content:"";grid-row:span 2;width:22px;height:22px;border-radius:50%;background:#ffffff26 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/13px no-repeat}
.join-perks b{font-size:.95rem;font-weight:600}
.join-perks span{font-size:.82rem;opacity:.85;line-height:1.45}
.join-example{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;background:#ffffff17;border:1px solid #ffffff2e;border-radius:1rem;padding:.9rem;backdrop-filter:blur(6px)}
.join-example>span{grid-column:1/-1;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;opacity:.75}
.join-example div{display:grid;gap:.1rem}
.join-example small{font-size:.68rem;opacity:.8}
.join-example b{font-size:1.15rem;font-weight:600;letter-spacing:-.02em}
.join-example .earn{background:#fff;color:var(--accent-dark);border-radius:.6rem;padding:.35rem .5rem;margin:-.35rem -.25rem}
.join-example .earn small{opacity:.75}
.join-form{display:flex;flex-direction:column;padding:2rem 2.25rem 1.75rem;background:#fff}
.join-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;padding:.25rem;background:#f1f3f6;border-radius:999px;margin-bottom:1.5rem}
.join-tabs button{min-height:40px;border-radius:999px;font-size:.85rem;font-weight:600;color:var(--secondary);transition:background .2s,color .2s,box-shadow .2s}
.join-tabs button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 4px #0000001a}
.join-title{font-size:1.65rem;line-height:1.15;letter-spacing:-.02em;font-weight:600;margin:0}
.join-sub{color:var(--secondary);font-size:.9rem;line-height:1.5;margin:.4rem 0 1.25rem}
.join-badge{align-self:flex-start;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:#eef2ff;border-radius:999px;padding:.35rem .7rem;margin-bottom:1rem}
.creator-dialog .join-fields{display:grid;gap:.95rem}
.creator-dialog .join-fields>label:not(.checkline){display:grid;gap:.4rem;font-size:.8rem;font-weight:600;color:var(--ink)}
.join-fields input[type=text],.join-fields input[type=email],.join-fields input[type=password]{width:100%;min-height:48px;padding:.75rem .9rem;border:1px solid #d9dde4;border-radius:.75rem;font:inherit;font-size:16px;font-weight:400;background:#fff;transition:border-color .15s,box-shadow .15s}
.join-fields input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2b62ed26}
.join-fields input::placeholder{color:#a3a9b3}
.handle-field,.password-field{position:relative;display:flex;align-items:center}
.handle-field>span{position:absolute;left:.9rem;color:var(--muted);font-weight:500;pointer-events:none}
.handle-field input{padding-left:2rem!important}
.password-field input{padding-right:4.5rem!important}
.password-field .text-button{position:absolute;right:.6rem;font-size:.78rem;padding:.4rem .5rem;min-height:36px}
.field-hint{font-size:.75rem;color:var(--muted);margin:-.55rem 0 0;line-height:1.4;overflow-wrap:anywhere}
.field-hint b{color:var(--accent)}
.join-check{font-size:.78rem!important;font-weight:400!important;line-height:1.45;color:var(--secondary)}
.join-submit{width:100%;justify-content:center;min-height:50px;margin-top:.35rem;font-size:.95rem}
.join-switch{font-size:.85rem;color:var(--secondary);text-align:center;margin:1.1rem 0 0}
.join-switch .text-button{font-weight:600;color:var(--accent)}
.join-fine{font-size:.72rem;color:var(--muted);line-height:1.45;margin-top:auto;padding-top:1.25rem}
.join-actions{display:grid;gap:.75rem;justify-items:center;margin-top:.5rem}
@media(max-width:760px){
 .join-layout{grid-template-columns:1fr;min-height:0}
 .join-panel{padding:1.5rem 1.25rem 1.25rem;gap:.6rem}
 .join-panel img{width:110px}
 .join-eyebrow{margin-top:.25rem}
 .join-panel h3{font-size:1.7rem}
 .join-panel h3 br{display:none}
 .join-perks{gap:.5rem;margin-top:.25rem}
 .join-perks span{display:none}
 .join-perks li:before{grid-row:auto}
 .join-example{margin-top:.5rem;padding:.7rem}
 .join-example b{font-size:1rem}
 .join-form{padding:1.25rem 1.25rem 1.5rem}
 .join-title{font-size:1.4rem}
}
.join-submit,.join-submit:hover{text-decoration:none}

/* Welcome offer popup: 10% off for signing up */
.offer-dialog{width:min(720px,94vw);padding:0;border:0;border-radius:1.5rem;overflow:hidden;box-shadow:0 30px 80px #0b1a4433}
.offer-dialog::backdrop{background:#0b142680;backdrop-filter:blur(3px)}
.offer-dialog[open]{animation:offer-in .45s cubic-bezier(.3,1.3,.5,1)}
.offer-close{position:absolute;top:.75rem;right:.75rem;z-index:2;background:#fff;border-radius:50%}
.offer-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.offer-art{position:relative;overflow:hidden;display:grid;align-content:center;justify-items:center;gap:.1rem;padding:2.5rem 1.5rem;color:#fff;text-align:center;background:radial-gradient(circle at 80% 15%,#ffffff2e,transparent 45%),linear-gradient(155deg,var(--accent),var(--accent-dark) 70%,#0e3aa8)}
.offer-art:after{content:"";position:absolute;left:-70px;bottom:-70px;width:220px;height:220px;border-radius:50%;border:34px solid #ffffff14}
.offer-art img{width:120px;height:auto;margin-bottom:1.25rem;opacity:.95}
.offer-art strong{font-size:5.2rem;line-height:.9;font-weight:700;letter-spacing:-.05em}
.offer-art span{font-size:1.6rem;font-weight:700;letter-spacing:.3em;margin-left:.3em}
.offer-art small{font-size:.85rem;opacity:.85;margin-top:.4rem}
.offer-copy{display:flex;flex-direction:column;justify-content:center;padding:2.5rem 2.25rem 2rem;background:#fff}
.offer-eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.12em;color:var(--accent)}
.offer-copy h2{font-size:1.9rem;line-height:1.08;letter-spacing:-.03em;text-align:left;color:var(--ink);margin:.6rem 0 .75rem}
.offer-copy p{color:var(--secondary);font-size:.92rem;line-height:1.5;margin:0 0 1.4rem}
.offer-cta{width:100%;justify-content:center;min-height:50px;font-size:.95rem;text-decoration:none}
.offer-skip{align-self:center;margin-top:.75rem;font-size:.85rem;color:var(--secondary)}
.offer-copy .offer-fine{font-size:.72rem;color:var(--muted);margin:1rem 0 0;text-align:center}
@keyframes offer-in{from{transform:translateY(24px) scale(.96);opacity:0}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.offer-dialog[open]{animation:none}}
@media(max-width:600px){.offer-dialog{width:100vw;max-width:100vw;margin:auto 0 0;border-radius:1.5rem 1.5rem 0 0}.offer-layout{grid-template-columns:1fr}.offer-art{grid-template-columns:auto auto;grid-template-areas:"pct off" "pct sub";justify-content:center;align-items:center;column-gap:.75rem;padding:1.5rem 1.25rem}.offer-art img{display:none}.offer-art strong{grid-area:pct;font-size:3.6rem}.offer-art span{grid-area:off;font-size:1.2rem;align-self:end;margin:0}.offer-art small{grid-area:sub;align-self:start;margin:0}.offer-copy{padding:1.5rem 1.25rem max(1.25rem,env(safe-area-inset-bottom))}.offer-copy h2{font-size:1.5rem}}
/* The welcome code at the top of a new account */
.welcome-code{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin:1.25rem 0 1.5rem;padding:1.1rem 1.25rem;border-radius:1rem;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-dark))}
.welcome-code span{display:block;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.8}
.welcome-code strong{display:block;font-size:1.3rem;letter-spacing:-.02em;margin:.15rem 0}
.welcome-code small{display:block;font-size:.75rem;opacity:.85;max-width:22rem;line-height:1.4}
.welcome-code-chip{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}
.welcome-code code{font:700 1.3rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;background:#fff;color:var(--accent-dark);padding:.6rem .8rem;border-radius:.6rem;border:2px dashed #2b62ed66}
.welcome-code .button.primary{background:#fff;color:var(--accent-dark)}
.welcome-code .text-button{color:#fff}

#name-overlay.printed-text{filter:none!important;text-shadow:none!important}#text-method{width:100%;min-height:44px;margin:.5rem 0}#text-method-note{margin-bottom:.6rem}

.delete-handle{top:-30px;right:-30px;left:auto;color:#c02c35;border-color:#c02c35;cursor:pointer}.delete-handle:hover{background:#fff1f2}.delete-handle:focus-visible{outline:2px solid #c02c35;outline-offset:3px}
.clean-preview #placement-guide,.clean-preview .art-transform-handle,.clean-preview #placement-note,.clean-preview #placement-helper,.clean-preview .placement-entry,.clean-preview .photo-selection-bar{display:none!important}
.clean-preview #name-overlay,.clean-preview #icon-overlay,.clean-preview [data-icon-instance]{outline:none!important;border:none!important;box-shadow:none!important;pointer-events:none!important}
.clean-preview .selected-artwork{outline:none!important}
.preview-toolbar{flex-wrap:wrap;gap:.5rem}

/* Supplier collection and model portraits retain the Born2Flex palette. */
.collection-toolbar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.collection-tabs,.collection-view-tabs{display:flex;align-items:center;gap:.25rem;border:1px solid #dce2ea;border-radius:30px;padding:.3rem}.collection-tabs button,.collection-view-tabs button{border:0;background:transparent;padding:.65rem 1.2rem;border-radius:24px;font:inherit;font-size:.85rem;cursor:pointer;color:#555d68}.collection-tabs button[aria-pressed=true],.collection-view-tabs button[aria-pressed=true]{background:#2b62ed;color:white}.collection-tabs button:focus-visible,.collection-view-tabs button:focus-visible{outline:2px solid #2b62ed;outline-offset:3px}.collection-view-tabs{margin-left:auto}#collection-count{font-size:.8rem;color:#727986}.model-product{padding:0!important;overflow:hidden;position:relative}.on-model-frame{position:relative;width:100%;height:100%;overflow:hidden;background:#edf0f3;aspect-ratio:3/4}.on-model-frame img{position:absolute;width:200%!important;max-width:none!important;height:100%!important;max-height:none!important;left:0;top:0;object-fit:contain!important;filter:none!important}.on-model-frame[data-audience=women] img{left:-100%}.model-preview-tag{position:absolute;bottom:.7rem;left:.7rem;padding:.4rem .6rem;background:#ffffffdc;color:#39434f;font-size:.6rem;letter-spacing:.08em;border-radius:4px}.product-image.model-product{height:360px!important}.your-garment[data-supplier-photo=true] .your-garment-tint,.mg[data-supplier-photo=true] .mg-tint,.garment-stage[data-supplier-photo=true] #garment-tint{display:none!important}.your-garment[data-supplier-photo=true]>img,.mg[data-supplier-photo=true]>img,.garment-stage[data-supplier-photo=true] #garment-image{filter:none!important}.model-dialog{width:min(500px,94vw);max-height:94dvh}.model-preview-body{padding:1rem 1.5rem 1.5rem;text-align:center}.model-preview-body .collection-tabs{width:max-content;margin:0 auto 1rem}#model-photo{width:100%;height:min(55dvh,540px)}#model-colour-note{font-size:.8rem;margin:.8rem 0}.model-preview-body .small-note{margin-bottom:1rem}.preview-toolbar{flex-wrap:wrap;gap:.5rem}
@media(max-width:639px){.collection-toolbar{gap:.65rem}.collection-tabs button,.collection-view-tabs button{padding:.55rem .8rem}.collection-view-tabs{margin-left:0}.collection-toolbar #collection-count{margin-left:auto}.collection-view-tabs{width:100%;justify-content:center}.product-image.model-product{height:330px!important}.model-preview-body{padding:1rem}.preview-toolbar>span{width:100%}}

/* Frame the model around the garment being browsed. */
.on-model-frame[data-body] img{width:300%!important;height:200%!important;object-fit:cover!important;left:-25%;top:-10%}.on-model-frame[data-body][data-audience=women] img{left:-175%}.on-model-frame[data-body=lower] img{top:auto;bottom:0}

.customer-art{border:1px solid #dce2ea;border-radius:14px;padding:1rem;margin:1rem 0}.customer-art h3{font-size:1rem;margin:0 0 .4rem}.customer-art p{font-size:.8rem}.upload-art-label{cursor:pointer;display:inline-flex}.customer-art-preview{margin:1rem 0;background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border-radius:10px;display:grid;place-items:center;padding:1rem}.customer-art-preview img{max-width:100%;height:180px;object-fit:contain}.customer-art-actions{display:flex;gap:.6rem;flex-wrap:wrap}.customer-art .checkline{display:flex;align-items:center;gap:.5rem}.customer-art input[type=range]{width:100%}

.supplier-area-picker{display:flex;align-items:center;gap:.7rem;font-size:.8rem;margin:.6rem 0}.supplier-area-picker select{flex:1;min-width:0;padding:.55rem;border:1px solid #dce2ea;border-radius:8px;background:white}.clean-preview .supplier-area-picker{display:none!important}

.design-dialog.buyer-mode .supplier-area-picker{display:none!important}

/* A calm supplier-placement preview with a single active guide. */
.garment-stage[data-native-template=true]{background:#f6f7f9!important;border:1px solid #e6e9ef}
.garment-stage[data-native-template=true] #garment-image{filter:none!important;opacity:1!important}
.garment-stage[data-native-template=true] #garment-tint{display:none!important}
.garment-stage #placement-guide{border:1.5px dashed #4979e6;background:#4979e608;border-radius:2px;box-shadow:none}
.print-area-summary{position:absolute;top:12px;left:12px;max-width:calc(100% - 24px);padding:7px 11px;border-radius:8px;background:#fffefb;color:#3d4655;border:1px solid #e6e9ef;font-size:11px;line-height:1.4;z-index:5;pointer-events:none}
.supplier-area-picker{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;background:#f6f7f9;border:1px solid #e6e9ef;border-radius:12px;padding:12px;margin:10px 0;color:#374151}
.supplier-area-picker>span{font-weight:600}.supplier-area-picker select{width:100%;padding:9px 12px;background:white;font-size:12px}.supplier-area-picker small{grid-column:1/-1;font-size:11px;line-height:1.5;color:#727986}
.clean-preview .print-area-summary,.buyer-mode .print-area-summary{display:none!important}
@media(max-width:639px){.supplier-area-picker{padding:10px}.print-area-summary{font-size:10px;top:8px;left:8px;padding:5px 8px}}
/* Soft daylight studio backdrop for garment editing and clean previews. */
.design-dialog .garment-stage,.design-dialog .garment-stage[data-native-template=true]{background:#f7f8fa!important;border:1px solid #e3e2de}
.design-dialog .garment-stage.icon-view{background:#f7f7f5!important}

.garment-preview-switch{display:flex;gap:4px;justify-content:center;margin:9px 0}.garment-preview-switch button{padding:8px 14px;border:1px solid #dce2ea;border-radius:20px;font:inherit;font-size:12px;background:#fff;color:#596274}.garment-preview-switch button[aria-pressed=true]{background:#2b62ed;color:#fff;border-color:#2b62ed}.garment-stage[data-preview-mode=photo] #garment-image{filter:none!important;mix-blend-mode:multiply;opacity:1!important}.garment-stage[data-preview-mode=photo] #garment-tint{display:block!important}.garment-stage[data-preview-mode=photo][data-supplier-photo=true] #garment-tint{display:none!important}.clean-preview .garment-preview-switch,.buyer-mode .garment-preview-switch{display:none!important}
@media(min-width:1024px){.design-dialog .garment-stage{width:min(100%,calc(94dvh - 350px));height:auto;aspect-ratio:1;margin-inline:auto}}

.photo-artwork-plane{display:block;position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:2}.photo-artwork-plane #name-overlay,.photo-artwork-plane #icon-overlay,.photo-artwork-plane .extra-icon-overlay{pointer-events:auto}.mg{background:#f7f8fa;isolation:isolate}.mg>img{filter:none!important;mix-blend-mode:multiply}.mg .photo-artwork-plane .mg-layer{position:absolute}.mg[data-supplier-photo=true]>.mg-tint{display:none!important}.mg .photo-artwork-plane img{max-width:none}

.market-image{aspect-ratio:1;height:auto!important}.market-image .mg{width:100%;height:100%}.bag-garment-thumbnail>.mg{display:block;width:100%;height:100%}.bag-garment-thumbnail>.mg>img{width:100%;height:100%;object-fit:contain}.your-garment .photo-artwork-plane .your-garment-name{position:absolute}

.market-open{display:block;width:100%;padding:0;border:0;text-align:left;font:inherit;color:inherit;background:transparent;cursor:pointer}.market-photo-views{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .45rem;border-top:1px solid #e7e9ed;margin-top:.6rem}.market-photo-views button{width:30px;height:30px;border:1px solid #e3e6ec;border-radius:50%;background:white;font-size:16px;cursor:pointer}.market-photo-side{font-size:11px;color:#727986}.market-photo-views button:hover{color:#2b62ed;border-color:#2b62ed}.market-open:focus-visible,.market-photo-views button:focus-visible{outline:2px solid #2b62ed;outline-offset:3px}

.market-card .mg,.market-card:hover .mg,.market-card .mg[data-product=cap],.market-card .mg[data-product=pants]{transform:none!important;transform-origin:center}.market-card .market-image{overflow:hidden}.market-card .mg>img{max-height:none!important}
/* Garment previews have a clean backdrop, with no photographic scenery. */
.design-dialog .garment-stage,.design-dialog .garment-stage[data-native-template=true],.design-dialog .garment-stage.icon-view,.mg{background:#f7f8fa!important;background-image:none!important;border-color:#e6e9ef}