.poptex-design-page{margin:0;overflow:hidden}.poptex-design-page.design-template-open{overflow:hidden}.poptex-design-page .shopify-section:has(>.design-app){display:block;width:100%;max-width:none}.poptex-design-page #MainContent{min-height:100dvh}.design-app{--ink: #171312;--muted: #746d69;--line: #e8e3df;--soft: #faf8f6;--accent: #5b270f;--accent-2: #7d3a1b;--ok: #25794c;--warn: #a15a28;width:100vw;max-width:none;height:100dvh;min-height:620px;display:grid;grid-template-rows:86px minmax(0,1fr);overflow:hidden;background:#fcfbfa;color:var(--ink);font-family:inherit}.design-app *,.design-app *:before,.design-app *:after{box-sizing:border-box}.design-app button,.design-app input,.design-app select,.design-app textarea{font:inherit}.design-app button{cursor:pointer}.design-app [hidden]{display:none!important}.design-app svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.7}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.design-app__bar{display:grid;grid-template-columns:minmax(0,17fr) minmax(0,56fr) minmax(0,27fr);align-items:center;gap:clamp(12px,1.3vw,20px);padding:0 clamp(16px,1.6vw,26px);border-bottom:1px solid var(--line);background:#fff}.design-brand{display:grid;color:var(--ink);text-decoration:none;line-height:1}.design-brand strong{font-size:25px;font-weight:900}.design-brand span{margin-top:5px;color:var(--muted);font-size:10px;letter-spacing:1.8px;text-transform:uppercase}.design-app__title{display:flex;align-items:center;gap:20px;min-width:0}.design-app__title>div{min-width:0;display:grid;gap:3px}.design-app__title strong{font-size:14px;line-height:1.2}.design-app__title small{overflow:hidden;color:var(--muted);font-size:9.5px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.design-app__title span{color:var(--muted);font-size:11px}.design-app__actions{display:flex;justify-self:end;gap:10px}.design-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;border:1px solid #d9d1cc;border-radius:6px;background:#fff;color:var(--ink);font-size:12px;font-weight:750;text-decoration:none;transition:border-color .16s ease,background .16s ease,transform .16s ease}.design-btn:hover,.design-btn:focus-visible{border-color:var(--accent-2)}.design-btn--primary{border-color:var(--accent);background:var(--accent);color:#fff}.design-btn--primary:hover,.design-btn--primary:focus-visible{background:#47200e;color:#fff}.design-btn--quiet{border-color:#ded8d3;background:#fff;color:#5f5955;font-weight:700}.design-btn--quiet:hover,.design-btn--quiet:focus-visible{border-color:#bdb5af;background:#faf9f8;color:var(--ink)}.design-btn--records span{color:#9a8f88}.design-btn[disabled]{cursor:not-allowed;opacity:.48}.design-btn[aria-disabled=true]{cursor:not-allowed}.design-app__workspace{min-height:0;display:grid;grid-template-columns:minmax(0,17fr) minmax(0,56fr) minmax(0,27fr);gap:clamp(12px,1.3vw,20px);padding:0 clamp(12px,1.55vw,24px) clamp(12px,2.5dvh,26px)}.design-nav{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:18px 16px 16px;border:1px solid var(--line);border-radius:7px;background:#fff}.design-nav ol{min-height:0;display:grid;align-content:start;gap:0;margin:0;padding:0;list-style:none}.design-nav li+li{border-top:1px solid #f0ece9}.design-nav button{width:100%;min-height:73px;display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:10px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink);text-align:left}.design-nav button:hover{background:var(--soft)}.design-nav button.is-active{border-color:#ead5c9;background:#faf1eb}.design-nav button b{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#eceae8;font-size:12px}.design-nav button.is-active b{background:var(--accent);color:#fff}.design-nav button.is-complete b{border:1px solid var(--accent);background:#fff;color:var(--accent)}.design-nav button.is-complete i:after{content:"\2713";width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#dff2e7;color:var(--ok);font-size:11px;font-style:normal;font-weight:900}.design-nav button.is-stale i:after{content:"!";width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#fff0df;color:var(--warn);font-size:11px;font-style:normal;font-weight:900}.design-nav button span{min-width:0;display:grid;gap:2px}.design-nav button strong,.design-nav button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-nav button strong{font-size:13px}.design-nav button small{color:var(--muted);font-size:10.5px}.design-nav__help{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;padding:14px;border:1px solid var(--line);border-radius:7px}.design-nav__help>span{color:var(--accent)}.design-nav__help div{display:grid}.design-nav__help strong{font-size:11px}.design-nav__help small{color:var(--muted);font-size:9px}.design-nav__help a{grid-column:1 / -1;margin-top:6px;padding:7px;border:1px solid #d7b9a8;border-radius:5px;color:var(--accent);font-size:11px;font-weight:750;text-align:center;text-decoration:none}.design-stage{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#fff}.design-stage__head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:clamp(18px,2.45dvh,25px) clamp(18px,1.7vw,28px) 12px}.design-stage__head span{color:var(--accent-2);font-size:11px;font-weight:750}.design-stage__head h1{margin:7px 0 5px;font-size:27px;line-height:1.15;letter-spacing:0}.design-stage__head p{margin:0;color:var(--muted);font-size:12px}.design-stage__surface-switch{display:flex;gap:6px;padding-bottom:2px}.design-stage__surface-switch button{min-width:72px;min-height:34px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--muted);font-weight:750}.design-stage__surface-switch button.is-selected{border-color:#c9b7ab;background:#f5efeb;color:var(--accent)}.design-stage__scroll{min-height:0;overflow-y:auto;padding:clamp(14px,3.1dvh,32px) clamp(18px,1.7vw,28px) clamp(20px,3dvh,30px);overscroll-behavior:contain}.design-step{width:100%;margin:0 auto}.design-step[data-step-panel=size]{padding-top:clamp(0px,1.9dvh,20px)}.design-app[data-active-step=product] .design-stage__head{padding-top:clamp(11px,1.6dvh,17px);padding-bottom:8px}.design-app[data-active-step=product] .design-stage__head h1{margin-top:4px;font-size:clamp(23px,1.55vw,26px)}.design-app[data-active-step=product] .design-stage__scroll{padding-top:clamp(7px,1.15dvh,12px);padding-bottom:clamp(8px,1.3dvh,14px)}.design-product-section-title{display:flex;align-items:center;gap:10px;margin-bottom:11px}.design-product-section-title span{width:25px;height:25px;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;background:#f6eee8;color:var(--accent-2);font-size:10px;font-weight:850}.design-product-section-title strong{font-size:13px;line-height:1.2}.design-product-section-title--construction{margin-top:clamp(16px,2dvh,22px)}.design-product-section-title--construction>strong{margin-right:auto}.design-product-compare{display:inline-flex;align-items:center;gap:6px;padding:4px 0;border:0;background:transparent;color:var(--accent-2);font-size:9.5px;font-weight:700}.design-product-compare svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.design-product-compare:hover,.design-product-compare:focus-visible{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.design-product-modes{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1vw,16px)}.design-product-modes button{position:relative;min-width:0;min-height:clamp(108px,14dvh,124px);display:grid;grid-template-columns:minmax(126px,40%) minmax(0,1fr);align-items:stretch;gap:clamp(9px,.8vw,13px);overflow:hidden;padding:clamp(9px,.75vw,12px);border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);text-align:left}.design-product-modes button:before,.design-product-grid button:before{content:"";position:absolute;z-index:2;top:10px;right:10px;width:17px;height:17px;border:1px solid #cfc8c3;border-radius:50%;background:#fff}.design-product-modes button:after,.design-product-grid button:after{content:"\2713";position:absolute;z-index:3;top:10px;right:10px;width:17px;height:17px;display:none;place-items:center;color:#fff;font-size:10px;font-weight:900;line-height:1}.design-product-modes button img{width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;border-radius:5px;background:#faf7f4}.design-product-mode-copy{min-width:0;display:grid;align-content:center;gap:5px;padding:0}.design-product-modes strong{padding-right:20px;font-size:13px}.design-product-modes small{color:var(--muted);font-size:10px;line-height:1.45}.design-product-modes em{width:auto;max-width:100%;justify-self:start;margin-top:2px;padding:4px 7px;border-radius:9px;background:#f7f2ee;color:#675c55;overflow-wrap:anywhere;font-size:8.5px;font-style:normal;line-height:1.2}.design-product-modes em b{color:var(--ink)}.design-product-modes button.is-selected{border-color:#9c5734;background:#fffaf7;box-shadow:inset 0 0 0 1px #ecd5c8}.design-product-modes button.is-selected:before,.design-product-grid button.is-selected:before{border-color:var(--accent);background:var(--accent)}.design-product-modes button.is-selected:after,.design-product-grid button.is-selected:after{display:grid}.design-product-help{min-height:26px;display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:3px 0;border:0;background:transparent;color:#315d94;font-size:9.5px;text-align:left}.design-product-help strong{padding:0;color:inherit;font-size:inherit}.design-product-help__icon{display:grid;color:#547db2}.design-product-help__icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.design-product-help:hover,.design-product-help:focus-visible{color:#244f84;text-decoration:underline;text-underline-offset:3px}.design-product-grid,.design-size-grid,.design-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.design-product-grid button,.design-size-grid button,.design-preset-grid button{position:relative;min-width:0;min-height:clamp(220px,min(22vw,34dvh),340px);display:grid;align-content:start;gap:8px;padding:clamp(11px,1vw,16px);border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);text-align:left}.design-product-grid button{min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;align-items:start;gap:clamp(6px,.8dvh,9px);padding:clamp(10px,.8vw,13px);overflow:hidden}.design-product-grid button.is-selected{border-color:#9c5734;background:#fffbf8;box-shadow:none}.design-product-grid button:hover,.design-size-grid button:hover,.design-preset-grid button:hover,.design-app button.is-selected{border-color:#cdb9ad;box-shadow:none}.design-product-modes button:focus-visible,.design-product-grid button:focus-visible{outline:2px solid #c99e87;outline-offset:2px}.design-product-material-media{position:relative;width:100%;height:clamp(144px,17dvh,188px);display:grid;place-items:center;align-self:start;overflow:visible;background:transparent}.design-product-grid .design-product-material-image{width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;background:transparent}.design-preset-grid img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:4px;background:var(--soft)}.design-product-image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;place-items:center;padding:12px;border:1px dashed #e3d8d0;border-radius:5px;background:#fcfaf8;color:var(--muted);font-size:10px;text-align:center}.design-product-image-placeholder:not([hidden]){display:grid}.design-product-construction-copy{min-width:0;min-height:46px;display:grid;align-content:start;gap:5px;padding:0 24px 0 0}.design-product-grid .design-product-construction-copy>strong{padding-right:0;font-size:14px;line-height:1.2}.design-product-construction-copy em{color:#a64d20;font-size:9px;font-style:normal;font-weight:800}.design-product-layer-guide{min-width:0;width:100%;height:auto;aspect-ratio:16 / 7;display:block;margin-top:1px;overflow:visible;background:transparent}.design-product-grid .design-product-layer-diagram{width:100%;height:100%;min-height:0;display:block;object-fit:contain;object-position:left center;background:transparent}.design-product-best{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;margin-top:1px;padding-top:8px;border-top:1px solid #eee8e3}.design-product-best-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:5px;background:#fbf5f1;color:var(--accent-2)}.design-product-best-icon svg{width:17px;height:17px}.design-product-best>span:last-child{display:grid;gap:1px}.design-product-best small{font-size:9px}.design-product-best b{font-size:9.5px;line-height:1.35}.design-product-grid button.is-unavailable{cursor:not-allowed;opacity:.68}.design-product-grid button.is-unavailable:hover{border-color:var(--line);box-shadow:none}.design-product-grid .design-product-art{height:90px;display:grid;place-items:center;border-radius:4px;background:#eadbd1}.design-product-art span{width:58px;height:68px;border:2px solid #7a5948;border-radius:3px;background:#c99675;box-shadow:7px 7px #f3ede8}.design-product-grid strong,.design-size-grid strong,.design-preset-grid strong{font-size:13px}.design-product-grid small,.design-size-grid small,.design-preset-grid small{color:var(--muted);font-size:10px;line-height:1.4}.design-size-grid button{min-height:clamp(150px,min(13vw,21dvh),240px);align-content:center;justify-items:center;text-align:center}.design-size-shape{display:block;border:1px solid #817873;border-radius:2px;background:#fafafa}.design-size-shape--sm{width:43px;height:58px}.design-size-shape--md{width:48px;height:68px}.design-size-shape--lg{width:52px;height:75px}.design-size-grid em{min-height:19px;padding:3px 8px;border-radius:10px;background:#fae9dd;color:var(--accent-2);font-size:9px;font-style:normal}.design-size-guide{margin-top:clamp(14px,2.1dvh,22px);padding:clamp(12px,1.15vw,18px);border:1px solid var(--line);border-radius:7px;background:#fff}.design-size-guide>header strong{font-size:13px}.design-size-guide>header p{margin:5px 0 clamp(9px,1.35dvh,14px);color:var(--muted);font-size:11px}.design-size-guide>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,.8vw,12px)}.design-size-guide article{display:grid;align-content:start;gap:7px;padding:clamp(8px,.65vw,10px);border:1px solid var(--line);border-radius:6px}.design-size-guide article img{width:100%;height:auto;aspect-ratio:8 / 5;object-fit:contain;border-radius:4px;background:#fff}.design-size-guide article strong{font-size:11px}.design-size-guide article p{margin:0;color:var(--muted);font-size:9px;line-height:1.4}.design-guide-art{position:relative;height:76px;display:block;overflow:hidden;border-radius:4px;background:#f6f1ec}.design-guide-art:before,.design-guide-art:after{content:"";position:absolute;left:50%;transform:translate(-50%);border:1px solid #d7c8bc;background:#fff}.design-guide-art--sofa:before{bottom:14px;width:76%;height:38px;border-radius:16px 16px 5px 5px;box-shadow:-8px 17px 0 -7px #a9876c,8px 17px 0 -7px #a9876c}.design-guide-art--sofa:after{bottom:14px;width:34%;height:48px;border:0;border-radius:5px 5px 1px 1px;background:#d8c1aa}.design-guide-art--twin:before,.design-guide-art--queen:before{top:13px;width:65%;height:45px;border-radius:5px 5px 2px 2px;box-shadow:0 7px #b69576}.design-guide-art--queen:before{width:82%}.design-guide-art--twin:after,.design-guide-art--queen:after{top:26px;width:70%;height:38px;border:0;border-radius:1px 1px 7px 7px;background:#d4b596}.design-guide-art--queen:after{width:88%;background:#cda682}.design-surface-tabs{display:flex;gap:6px;margin-bottom:12px}.design-surface-tabs button{min-width:90px;min-height:34px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--muted);font-weight:750}.design-surface-tabs button.is-selected{border-color:#c9b7ab;background:#f5efeb;color:var(--accent);box-shadow:none}.design-source-modes{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1vw,16px);margin-bottom:clamp(14px,2.1dvh,22px)}.design-source-modes>button{height:clamp(300px,min(24vw,44dvh),460px);display:grid;grid-template-rows:minmax(58px,auto) minmax(0,1fr) 48px;gap:clamp(10px,1.35dvh,14px);padding:clamp(13px,1.2vw,20px);border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);text-align:left}.design-source-modes>button>span:first-child{display:grid;align-content:start;gap:6px}.design-source-modes strong{font-size:14px}.design-source-modes small{color:var(--muted);font-size:10px;line-height:1.45}.design-source-modes>button>b{display:flex;align-items:center;justify-content:space-between;padding:0 14px;border:1px solid #d1c7c1;border-radius:5px;color:#5f5955;font-size:11px;text-align:center}.design-source-modes>button.is-selected{border-color:#cdb9ad;background:#fff;box-shadow:none}.design-source-modes>button.is-selected>b{border-color:#b9aaa1;background:#f7f3f0;color:var(--ink)}.design-source-modes__art{min-height:0;overflow:hidden;border-radius:5px}.design-source-modes__art img{width:100%;height:100%;object-fit:contain}.design-source-modes__upload{min-height:0;display:grid;place-items:center;align-content:center;gap:8px;border:1px dashed #d6b9a6;border-radius:6px;background:#fffaf7;color:var(--accent);text-align:center}.design-source-modes__upload em{color:var(--ink);font-size:10px;font-style:normal;font-weight:650}.design-source-entry{min-width:0;min-height:clamp(340px,52dvh,520px);display:grid;grid-template-rows:auto minmax(0,1fr) 44px;gap:clamp(10px,1.5dvh,16px);padding:clamp(14px,1.25vw,20px);border:1px solid var(--line);border-radius:7px;background:#fff}.design-source-entry>div:first-child{display:grid;align-content:start;gap:6px}.design-source-entry>div:first-child strong{font-size:14px}.design-source-entry>div:first-child small{max-width:280px;color:var(--muted);font-size:10px;line-height:1.5}.design-source-entry>button:last-child{min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border:1px solid #d1c7c1;border-radius:5px;background:#fff;color:#5f5955;font-size:11px;font-weight:750}.design-source-entry>button:last-child:hover,.design-source-entry>button:last-child:focus-visible{border-color:#b9aaa1;background:#faf9f8;color:var(--ink)}.design-source-entry__art{min-height:0;display:grid;place-items:center;overflow:hidden}.design-source-entry__art img{width:100%;height:100%;object-fit:contain}.design-source-entry__drop{min-height:0;display:grid;place-items:center;align-content:center;gap:10px;padding:20px;border:1px dashed #d6b9a6;border-radius:6px;background:#fffaf7;color:var(--ink);text-align:center;transition:border-color .16s ease,background .16s ease}.design-source-entry__drop .design-upload-icon{width:40px;height:40px;display:grid;place-items:center;color:#9a7360;font-size:32px;font-weight:300;line-height:1}.design-source-entry__drop strong{font-size:10px;line-height:1.55}.design-source-entry__drop small{color:var(--muted);font-size:9px}.design-source-entry--upload.is-dragging{border-color:#b9aaa1;background:#faf9f8;box-shadow:none}.design-source-entry--upload.is-dragging .design-source-entry__drop{border-color:#b9aaa1;background:#faf9f8}.design-source-detail{margin-top:4px;padding:16px;border:1px solid var(--line);border-radius:7px}.design-source-detail>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.design-source-detail>header strong{font-size:12px}.design-source-detail>header small{color:var(--muted);font-size:9px}.design-template-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.design-template-toolbar select{width:100%;height:38px;border:1px solid var(--line);border-radius:5px;padding:0 10px;background:#fff;color:var(--ink)}.design-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.design-template-grid button{min-width:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);text-align:left}.design-template-grid img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.design-template-grid span{display:grid;gap:3px;padding:9px}.design-template-grid strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.design-template-grid small{color:var(--muted);font-size:9px}.design-loading{grid-column:1 / -1;padding:28px;color:var(--muted);text-align:center}.design-upload{display:grid;gap:12px}.design-upload>button:first-of-type{min-height:190px;display:grid;place-items:center;align-content:center;gap:8px;border:1px dashed #cda992;border-radius:7px;background:#fffaf7;color:var(--accent)}.design-upload>button span{color:var(--muted);font-size:10px}.design-upload__selected{grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:7px}.design-upload__selected img{width:90px;height:72px;object-fit:contain;background:var(--soft)}.design-upload__selected div{min-width:0;display:grid;gap:4px}.design-upload__selected strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.design-upload__selected small{color:var(--muted);font-size:10px}.design-upload__selected button{border:0;background:transparent;color:#b43b33;font-weight:750}.design-upload--logo{margin-bottom:12px}.design-selected-source{min-height:218px;margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:7px}.design-selected-source>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.design-selected-source>header strong{font-size:12px}.design-selected-source>header span{padding:5px 9px;border-radius:12px;background:#e7f5ec;color:var(--ok);font-size:9px}.design-selected-source>div{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:18px}.design-selected-source img{width:170px;height:145px;object-fit:cover;border-radius:5px;background:var(--soft)}.design-selected-source p{display:grid;gap:6px;margin:0}.design-selected-source p strong{overflow-wrap:anywhere;font-size:12px}.design-selected-source p small{color:var(--muted);font-size:10px}.design-surface-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.1vw,18px)}.design-surface-board>.design-source-modes{grid-column:1 / -1;margin-bottom:0}.design-surface-board.is-single{grid-template-columns:minmax(0,1fr)}.design-surface-card{min-width:0;display:grid;grid-template-rows:auto minmax(190px,1fr) auto auto;gap:12px;padding:clamp(12px,1.15vw,18px);border:1px solid var(--line);border-radius:7px;background:#fff}.design-surface-card.is-active{border-color:#d4b19d;box-shadow:inset 0 0 0 1px #ead1c2}.design-surface-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.design-surface-card>header div{display:grid;gap:3px}.design-surface-card>header span{color:var(--accent-2);font-size:9px;font-weight:800;text-transform:uppercase}.design-surface-card>header h2{margin:0;font-size:16px;letter-spacing:0}.design-surface-card>header>strong{flex:0 0 auto;padding:5px 8px;border-radius:12px;font-size:8.5px}.design-surface-card>header>strong.is-complete{background:#e7f5ec;color:var(--ok)}.design-surface-card>header>strong.is-incomplete{background:#fff0df;color:var(--warn)}.design-surface-card__preview{min-height:190px;display:grid;place-items:center;overflow:hidden;border:1px dashed #d7c8be;border-radius:6px;background:#fbf8f5}.design-surface-card__preview.has-image{border-style:solid;background:var(--soft)}.design-surface-card__preview img{width:100%;height:100%;max-height:clamp(230px,31dvh,360px);object-fit:contain}.design-surface-card__preview>div{display:grid;justify-items:center;gap:6px;padding:24px;color:var(--muted);text-align:center}.design-surface-card__preview>div>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #d7c8be;border-radius:50%;color:var(--accent);font-size:24px;font-weight:300}.design-surface-card__preview strong{color:var(--ink);font-size:11px}.design-surface-card__preview small{max-width:210px;font-size:9px;line-height:1.4}.design-template-gallery{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;height:clamp(320px,47dvh,430px);padding:8px;border:1px solid #d7c8be;border-radius:6px;background:#fbf8f5}.design-template-gallery__main{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center;border-radius:4px;background:#fff}.design-template-gallery__thumbs{width:auto;height:100%;aspect-ratio:1 / 1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;min-width:0;min-height:0}.design-template-gallery__thumbs img{width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:1 / 1;object-fit:cover;object-position:center;border:1px solid var(--line);border-radius:4px;background:#fff}.design-surface-card__details{min-width:0;display:grid;gap:4px}.design-surface-card__details span{color:var(--accent-2);font-size:8.5px;font-weight:800;text-transform:uppercase}.design-surface-card__details strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.design-surface-card__details small{min-height:28px;color:var(--muted);font-size:9px;line-height:1.45}.design-surface-card__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.design-surface-card__actions .design-btn{min-width:0;min-height:39px;padding:0 9px;font-size:10px}.design-surface-card__copy{min-height:31px;border:0;background:transparent;color:var(--accent);font-size:9px;font-weight:750}.design-step-subhead{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;margin-bottom:clamp(14px,2dvh,20px)}.design-step-subhead>div{min-width:0;display:grid;gap:4px;padding-top:2px}.design-step-subhead strong{font-size:14px}.design-step-subhead small{color:var(--muted);font-size:10px;line-height:1.45}.design-step-subhead .design-btn{min-width:150px;min-height:42px;padding:0 18px;border-color:#ded8d3;background:#fff;color:#69615c;font-size:11px;font-weight:750;box-shadow:none}.design-step-subhead .design-btn:hover,.design-step-subhead .design-btn:focus-visible{border-color:#bdb5af;background:#faf9f8;color:var(--ink)}.design-text-editor{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1fr);gap:clamp(14px,1.3vw,20px);align-items:stretch}.design-text-editor.is-disabled{opacity:.72}.design-text-guide,.design-text-panel{min-width:0;padding:clamp(14px,1.2vw,20px);border:1px solid var(--line);border-radius:7px;background:#fff}.design-text-guide{display:grid;align-content:start;gap:10px}.design-text-guide__blanket{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:6px;background:linear-gradient(135deg,#f7f2ed,#fff 45%,#e9ded5);box-shadow:inset 0 0 0 1px #eadfd7}.design-text-guide__blanket:before{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border:1px dashed #ccb7a9;border-radius:5px}.design-text-guide__blanket:after{content:"Bottom right only";position:absolute;right:7%;bottom:7%;padding:5px 7px;border-radius:999px;background:#5b270f1a;color:var(--accent);font-size:8px;font-weight:800;text-transform:uppercase}.design-text-guide__blanket span{position:absolute;right:8%;bottom:16%;max-width:48%;overflow:hidden;color:#b3842f;font-size:clamp(17px,2.2vw,30px);line-height:1;text-align:right;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.6)}.design-text-guide__blanket span.is-empty{opacity:.38}.design-text-guide strong{font-size:13px}.design-text-guide small{color:var(--muted);font-size:10px;line-height:1.45}.design-text-panel{display:grid;gap:13px;align-content:start}.design-text-panel label{display:grid;gap:8px}.design-text-panel label>span{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.design-text-panel input{width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}.design-text-panel input:focus{outline:1px solid var(--accent);border-color:var(--accent)}.design-text-panel>small{min-height:18px;color:var(--muted);font-size:10px;line-height:1.4}.design-text-options{display:grid;gap:8px}.design-text-options>strong{font-size:11px}.design-text-options>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.design-text-options button{min-width:0;min-height:36px;padding:0 10px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);font-size:10px;font-weight:750;text-align:left}.design-text-options button.is-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.design-text-options button[disabled]{cursor:not-allowed;opacity:.5}.design-text-colors button{display:flex;align-items:center;gap:7px}.design-text-colors span{width:16px;height:16px;flex:0 0 auto;border:1px solid #d5ccc6;border-radius:50%}.design-text-colors [data-text-color=gold] span{background:#b3842f}.design-text-colors [data-text-color=black] span{background:#161210}.design-text-colors [data-text-color=white] span{background:#fffaf2}.design-text-colors [data-text-color=navy] span{background:#15345b}.design-text-colors [data-text-color=burgundy] span{background:#7a1f2d}.design-text-colors [data-text-color=forest] span{background:#1f5b3d}.design-card-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.design-card-options button{min-width:0;display:grid;align-content:start;gap:7px;padding:10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);text-align:left}.design-card-options button>span{display:block;overflow:hidden;aspect-ratio:1 / 1;border-radius:4px;background:#f8f4f0}.design-card-options img{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover}.design-card-options strong{font-size:12px}.design-card-options small{color:var(--muted);font-size:9.5px;line-height:1.4}.design-card-message{display:grid;gap:9px;margin-top:clamp(16px,2.2dvh,22px)}.design-card-message>span{display:flex;justify-content:space-between;gap:12px}.design-card-message strong{font-size:13px}.design-card-message small{color:var(--muted);font-size:10px}.design-card-message textarea{width:100%;min-height:clamp(110px,15dvh,160px);resize:vertical;padding:12px;border:1px solid var(--line);border-radius:6px;color:var(--ink)}.design-logo-upload{display:grid;grid-template-columns:minmax(0,.82fr) minmax(260px,1fr);gap:clamp(12px,1.3vw,18px);align-items:stretch;margin-bottom:clamp(14px,2dvh,20px);padding:clamp(14px,1.2vw,20px);border:1px solid var(--line);border-radius:7px;background:#fff}.design-logo-upload>div{display:grid;align-content:center;gap:7px}.design-logo-upload>div strong{font-size:14px}.design-logo-upload>div small{max-width:320px;color:var(--muted);font-size:10px;line-height:1.45}.design-logo-upload__drop{min-height:150px;display:grid;place-items:center;align-content:center;gap:7px;padding:14px;border:1px dashed #d6b9a6;border-radius:6px;background:#fffaf7;color:var(--ink);text-align:center}.design-logo-upload__drop>span{color:var(--accent);font-size:30px;line-height:1}.design-logo-upload__drop img{width:82px;height:82px;object-fit:contain;border-radius:5px;background:#fff}.design-logo-upload__drop strong{max-width:100%;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.design-logo-upload__drop small{color:var(--muted);font-size:9px}.design-preset-grid button{min-height:clamp(205px,min(19vw,30dvh),320px);padding:8px}.design-preset-grid button span{display:grid;gap:3px}.design-preset-grid.is-disabled button{cursor:not-allowed;opacity:.46;filter:grayscale(.2)}.design-preset-grid.is-disabled button:after{content:"Upload logo first";position:absolute;top:12px;right:12px;padding:4px 7px;border-radius:999px;background:#5b270fe0;color:#fff;font-size:8px;font-weight:850}.design-preview{min-width:0;min-height:0;display:grid;align-content:start;gap:clamp(8px,1.1dvh,12px);overflow:visible;padding:0;background:transparent}.design-config-panel,.design-price-panel{min-width:0;border:1px solid #ebe3dc;border-radius:8px;box-shadow:none}.design-config-panel{border:0;border-radius:0;background:transparent}.design-price-panel{background:#fff8f2}.design-config-panel{display:grid;padding:0}.design-price-panel{padding:clamp(10px,1.2dvh,14px)}.design-config-panel>header,.design-price-panel>header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:clamp(7px,.9dvh,10px)}.design-config-panel>header strong,.design-price-panel>header strong{font-size:13px}.design-config-panel>header span,.design-price-panel>header span{color:var(--muted);font-size:9px}.design-surface-tabs--compact{margin:0}.design-surface-tabs--compact button{min-width:62px;min-height:28px;font-size:9px}.design-config-list{min-height:0;display:grid;gap:clamp(7px,.9dvh,10px)}.design-summary-module{position:relative;min-width:0;display:grid;gap:clamp(8px,.9dvh,11px);padding:clamp(9px,1dvh,12px);border:1px solid #ebe3dc;border-radius:7px;background:transparent;color:var(--ink);cursor:pointer;transition:border-color .16s ease}.design-summary-module:hover{border-color:#d9c9bd;background:transparent}.design-summary-module:focus-visible{outline:2px solid rgba(125,58,27,.28);outline-offset:2px}.design-summary-module.is-missing{border-color:#ead1bd;background:transparent}.design-summary-module>header,.design-summary-module.is-compact-media>header{position:static;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:9px}.design-summary-module>header>span,.design-summary-module.is-compact-media>header>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#f5eee8;color:var(--accent);font-size:10.5px;font-weight:850}.design-summary-module>header strong,.design-summary-module.is-compact-media>header strong{min-width:0;font-size:13px}.design-summary-status{display:inline-grid;place-items:center;min-width:24px;min-height:19px;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:850;line-height:1}.design-summary-status.is-summary-selected{background:#e8f6ed;color:var(--ok)}.design-summary-status.is-summary-skipped{background:#f2eee9;color:var(--muted)}.design-summary-status.is-summary-missing{background:#fff0df;color:var(--accent)}.design-summary-image{width:clamp(58px,4.3vw,66px);flex:0 0 auto;aspect-ratio:1 / 1;display:grid;place-items:center;overflow:hidden;border:1px solid #efe7df;border-radius:6px;background:#faf7f4}.design-summary-image img{width:100%;height:100%;object-fit:cover}.design-summary-image--empty{color:#b88b72;background:#fff9f4}.design-summary-image--empty svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.design-summary-product,.design-summary-logo{position:relative;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}.design-summary-product div,.design-summary-logo div{min-width:0;display:grid;gap:4px;padding-top:0}.design-summary-copy-head{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:7px}.design-summary-copy-head small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-summary-product small,.design-summary-logo small,.design-summary-artwork small,.design-personal-row small{color:var(--muted);font-size:9.5px;font-weight:750;text-transform:uppercase}.design-summary-product strong,.design-summary-logo strong,.design-summary-artwork strong,.design-personal-row strong{display:-webkit-box;overflow:hidden;font-size:11.5px;line-height:1.32;-webkit-box-orient:vertical;-webkit-line-clamp:2}.design-summary-product p,.design-summary-logo p,.design-summary-artwork p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:10px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.design-summary-size{min-width:0;min-height:31px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 0;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);text-align:left}.design-summary-size span{color:var(--muted);font-size:10.5px}.design-summary-size strong{overflow:hidden;font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.design-summary-artwork{display:grid;gap:7px}.design-summary-artwork.is-double{grid-template-columns:repeat(2,minmax(0,1fr))}.design-summary-artwork article{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;padding:0;border:0;border-radius:6px;background:transparent}.design-summary-artwork article+article{padding-top:7px;border-top:1px solid #ebe3dc}.design-summary-artwork.is-double article+article{padding-top:0;padding-left:7px;border-top:0;border-left:1px solid #ebe3dc}.design-summary-artwork article.is-missing{background:transparent}.design-summary-artwork article div{min-width:0;display:grid;gap:4px}.design-summary-artwork.is-double article{grid-template-columns:52px minmax(0,1fr);gap:7px}.design-summary-artwork.is-double .design-summary-image{width:52px}.design-summary-artwork.is-double p{display:none}.design-summary-artwork.is-double small{font-size:8.5px}.design-summary-artwork.is-double strong{font-size:10.5px;-webkit-line-clamp:2}.design-summary-artwork.is-double .design-summary-status{min-width:19px;min-height:19px;padding:3px 5px}.design-summary-module.is-design .design-summary-artwork article:first-child div{padding-top:0}.design-summary-logo{background:transparent}.design-personal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.design-personal-row{position:relative;min-width:0;min-height:62px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;padding:9px 34px 9px 9px;border:1px solid #ebe3dc;border-radius:6px;background:transparent;color:var(--ink);text-align:left;box-shadow:none}.design-personal-row:hover{border-color:#d9c9bd;background:transparent;box-shadow:none}.design-personal-row:focus-visible{outline:2px solid rgba(125,58,27,.24);outline-offset:1px}.design-personal-row.is-summary-selected,.design-personal-row.is-summary-skipped,.design-personal-row.is-summary-missing{border-color:#ebe3dc;background:transparent;box-shadow:none}.design-personal-row .design-summary-status{position:absolute;top:7px;right:7px;min-width:19px;padding-inline:5px}.design-summary-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:6px;background:#fff3e9;color:var(--accent)}.design-summary-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.design-personal-row>span:nth-child(2){min-width:0;display:grid;gap:3px}.design-personal-row strong{-webkit-line-clamp:2}.design-order-controls{display:grid;gap:9px}.design-order-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(174px,56%);align-items:center;gap:12px;color:var(--ink);font-size:10.5px}.design-order-controls input,.design-order-controls select{min-width:0;height:36px;padding:0 9px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);font-size:10.5px}.design-quantity-stepper{display:grid;grid-template-columns:36px minmax(48px,1fr) 36px;height:36px;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:#fff}.design-quantity-stepper input{width:100%;height:100%;border:0;border-inline:1px solid var(--line);border-radius:0;text-align:center}.design-quantity-stepper button{border:0;background:#fff;color:var(--ink);font-size:15px}.design-quantity-stepper button:disabled{color:#c8beb6;cursor:not-allowed}.design-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;font-weight:850}.design-total strong{color:var(--ink);font-size:16px}.design-price-note{display:flex;align-items:center;gap:6px;margin:6px 0 0;color:var(--muted);font-size:9px;line-height:1.35}.design-price-note span{text-decoration:underline;text-underline-offset:2px}.design-price-note i{width:14px;height:14px;display:inline-grid;place-items:center;border:1px solid #aaa09a;border-radius:50%;font-size:8px;font-style:normal;text-decoration:none}.design-readiness{margin:9px 0;padding:0;background:transparent;color:#42617d;font-size:9.5px;line-height:1.4}.design-readiness.is-ready{background:transparent;color:var(--ok)}.design-readiness button{padding:0;border:0;background:none;color:inherit;font-size:inherit;font-weight:800;text-decoration:underline}.design-generate{width:100%;min-height:46px;border-color:var(--accent);background:var(--accent);color:#fff;font-size:13px;font-weight:850;box-shadow:0 5px 14px #5b270f26}.design-generate:hover,.design-generate:focus-visible{background:#47200e;color:#fff;transform:translateY(-1px)}.design-ai-note{margin:8px 0 0;color:var(--muted);font-size:9px;line-height:1.35;text-align:center}.design-post-ai{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.design-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px}.design-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border:0;background:#14100e9e}.design-modal>section{position:relative;width:min(520px,100%);display:grid;gap:14px;padding:24px;border-radius:8px;background:#fff;box-shadow:0 22px 70px #0000004d}.design-modal h2{margin:0;font-size:20px}.design-modal p{margin:0;color:var(--muted);font-size:12px}.design-modal section>div:last-child{display:flex;justify-content:flex-end;gap:8px}.design-records{position:fixed;top:0;right:0;bottom:0;left:0;z-index:115}.design-records[hidden]{display:none}.design-records__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#120c0875;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.design-records__drawer{position:absolute;top:0;right:0;bottom:0;width:min(100%,420px);display:grid;grid-template-rows:auto minmax(0,1fr);background:#fffdf9;color:var(--ink);box-shadow:-24px 0 60px #21120938}.design-records__drawer header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px;border-bottom:1px solid var(--line)}.design-records__drawer header small{display:block;color:var(--accent);font-size:10px;font-weight:900}.design-records__drawer h2{margin:4px 0 0;font-size:22px}.design-records__drawer header button{width:38px;height:38px;border:1px solid var(--line);border-radius:8px;background:#fff8f1;color:inherit;font-size:22px}.design-records__list{min-height:0;display:grid;align-content:start;gap:12px;overflow:auto;padding:16px}.design-records__list p{margin:0;color:var(--muted);font-size:13px}.design-record-card{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.design-record-card header{display:flex;justify-content:space-between;gap:10px;padding:0;border:0}.design-record-card h3{margin:0;font-size:13px}.design-record-card small,.design-record-card span{color:var(--muted);font-size:10px}.design-record-card header span{padding:4px 7px;border-radius:999px;background:#f3eee9;color:var(--accent);font-weight:850;text-transform:capitalize}.design-record-card header span.is-completed{background:#e7f5ec;color:var(--ok)}.design-record-card header span.is-failed{background:#fff0ef;color:#b43b33}.design-record-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:6px;background:var(--soft)}.design-record-card>div:last-child{display:flex;flex-wrap:wrap;gap:6px}.design-template-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:grid;place-items:center;padding:16px}.design-template-modal>section{position:relative;width:min(1280px,calc(100vw - 32px));height:min(860px,calc(100dvh - 32px));min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:16px;padding:24px;overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 22px 70px #0000004d}.design-template-modal>section>header{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px) 36px;align-items:center;gap:18px}.design-template-modal>section>header>div{display:grid;gap:4px}.design-template-modal header span{color:var(--accent-2);font-size:9px;font-weight:800;text-transform:uppercase}.design-template-modal h2{margin:0;font-size:22px;letter-spacing:0}.design-template-modal p{margin:0;color:var(--muted);font-size:11px}.design-template-modal__search input{width:100%;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);font-size:11px}.design-template-modal__search input:focus{outline:1px solid var(--accent);border-color:var(--accent)}.design-template-modal__close{width:36px;height:36px;flex:0 0 auto;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);font-size:24px;line-height:1}.design-template-modal .design-template-toolbar{margin:0}.design-template-modal .design-template-toolbar label{display:grid;gap:5px;color:var(--muted);font-size:9px}.design-template-modal .design-template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.design-template-modal .design-template-grid button.is-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.design-template-modal__scroll{min-height:0;overflow-y:auto;padding:1px 5px 8px 1px;overscroll-behavior:contain}.design-product-compare-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:112;display:grid;place-items:center;padding:16px}.design-product-compare-modal>section{position:relative;width:min(1360px,calc(100vw - 32px));max-height:min(820px,calc(100dvh - 32px));min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px;padding:22px;overflow:hidden;border-radius:8px;background:#fffdfb;box-shadow:0 22px 70px #0000004d}.design-product-compare-modal>section>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.design-product-compare-modal>section>header>div{display:grid;gap:4px}.design-product-compare-modal header small{color:var(--accent-2);font-size:10px;font-weight:850;text-transform:uppercase}.design-product-compare-modal h2,.design-product-compare-modal h3,.design-product-compare-modal p{margin:0}.design-product-compare-modal h2{font-size:24px}.design-product-compare-modal p{color:var(--muted);font-size:12px}.design-product-compare-modal__close{width:38px;height:38px;flex:0 0 auto;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);font-size:25px;line-height:1}.design-product-compare-modal__grid{min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;overflow:auto;overscroll-behavior:contain}.design-product-compare-modal__grid article{min-width:0;display:grid;gap:9px;padding:12px;border:1px solid var(--line);border-radius:7px;background:#fff}.design-product-compare-modal__grid h3{font-size:14px}.design-product-compare-modal__grid img{width:100%;height:auto;aspect-ratio:16 / 7;display:block;object-fit:contain;background:transparent}body.design-product-compare-open{overflow:hidden}.design-spinner{width:38px;height:38px;justify-self:center;border:3px solid #eadbd2;border-top-color:var(--accent);border-radius:50%;animation:design-spin .8s linear infinite}.design-progress{height:7px;overflow:hidden;border-radius:4px;background:#eee9e5}.design-progress span{display:block;width:5%;height:100%;background:var(--accent);transition:width .3s ease}.design-toast{position:fixed;left:50%;bottom:20px;z-index:120;transform:translate(-50%,12px);opacity:0;pointer-events:none;padding:10px 15px;border-radius:5px;background:#211915;color:#fff;font-size:11px;transition:.18s ease}.design-toast.is-visible{transform:translate(-50%);opacity:1}@keyframes design-spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.design-app__workspace{grid-template-columns:minmax(0,17fr) minmax(0,56fr) minmax(0,27fr);gap:12px;padding-inline:12px}.design-app__bar{grid-template-columns:minmax(0,17fr) minmax(0,56fr) minmax(0,27fr)}.design-template-modal .design-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.poptex-design-page{overflow:auto}.design-app{width:100%;height:auto;min-height:100dvh;grid-template-rows:64px auto;overflow:visible}.design-app__bar{position:sticky;top:0;z-index:20;grid-template-columns:auto minmax(0,1fr) auto;padding:0 12px}.design-brand span,.design-app__title span,.design-app__title small{display:none}.design-app__title{justify-content:center}.design-app__title strong{font-size:12px}.design-app__actions .design-btn{min-height:36px;padding:0 10px;font-size:10px}.design-app__workspace{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto}.design-nav{position:sticky;top:64px;z-index:18;display:block;padding:8px 10px;overflow-x:auto;border:0;border-bottom:1px solid var(--line);scrollbar-width:none}.design-nav::-webkit-scrollbar{display:none}.design-nav ol{display:flex;gap:5px;width:max-content}.design-nav li{width:118px}.design-nav button{min-height:48px;grid-template-columns:26px minmax(0,1fr);padding:6px}.design-nav button b{width:24px;height:24px}.design-nav button i,.design-nav button small,.design-nav__help{display:none}.design-stage{min-height:620px;border:0}.design-stage__head{padding:18px 16px 8px}.design-stage__scroll{padding:10px 16px 20px}.design-preview{display:grid;overflow:visible;padding:12px 16px 24px}.design-config-panel{max-height:none}.design-surface-board,.design-source-modes,.design-text-editor,.design-logo-upload{grid-template-columns:1fr}.design-surface-card__preview img{max-height:380px}.design-source-entry{min-height:420px}.design-template-gallery{height:min(430px,52dvh)}.design-text-guide__blanket{max-height:360px}}@media(max-width:560px){.design-brand strong{font-size:18px}.design-app__title{display:none}.design-app__bar{grid-template-columns:1fr auto}.design-product-section-title{flex-wrap:wrap}.design-product-help{margin-left:35px}.design-product-section-title--construction{flex-wrap:wrap}.design-product-compare{margin-left:35px}.design-product-modes,.design-product-grid{grid-template-columns:1fr}.design-product-modes button{min-height:118px;grid-template-columns:40% minmax(0,1fr);grid-template-rows:none}.design-product-grid button{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto}.design-product-material-media{height:clamp(170px,40vw,230px)}.design-product-layer-guide{height:auto;aspect-ratio:16 / 7}.design-size-grid,.design-preset-grid,.design-template-grid,.design-card-options{grid-template-columns:1fr 1fr}.design-preset-grid button{min-height:210px}.design-size-grid button{min-height:165px}.design-card-options button:last-child{grid-column:1 / -1}.design-template-toolbar{grid-template-columns:1fr}.design-stage__head h1{font-size:21px}.design-template-modal{padding:10px}.design-template-modal>section{width:calc(100vw - 20px);height:calc(100dvh - 20px);padding:16px}.design-template-modal>section>header{grid-template-columns:minmax(0,1fr) 36px;gap:10px}.design-template-modal__search{grid-column:1 / -1;grid-row:2}.design-template-modal .design-template-toolbar{grid-template-columns:1fr}.design-template-modal .design-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-template-gallery{grid-template-columns:1fr;height:auto;min-height:0}.design-template-gallery__main{height:min(58dvh,320px);min-height:250px}.design-template-gallery__thumbs{width:100%;height:auto;aspect-ratio:auto;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto}.design-template-gallery__thumbs img{height:auto;aspect-ratio:1 / 1}.design-step-subhead{grid-template-columns:1fr}.design-step-subhead .design-btn{justify-self:end;min-width:min(220px,100%)}.design-text-options>div{grid-template-columns:1fr}.design-text-guide__blanket span{max-width:56%;font-size:18px}.design-product-compare-modal{padding:10px}.design-product-compare-modal>section{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:16px}.design-product-compare-modal__grid{grid-template-columns:1fr;overflow-y:auto}.design-product-compare-modal__grid article{padding:10px}.design-surface-card__actions{grid-template-columns:1fr}.design-surface-card__copy{min-height:36px}}@media(max-width:420px){.design-summary-image{width:52px}.design-summary-product,.design-summary-logo,.design-summary-artwork article{gap:8px}}@media(max-width:340px){.design-personal-list,.design-order-row,.design-summary-artwork.is-double{grid-template-columns:1fr}.design-summary-artwork.is-double article+article{padding-top:7px;padding-left:0;border-top:1px solid #ebe3dc;border-left:0}.design-product-grid button{grid-template-columns:1fr}.design-product-material-media{width:100%;justify-self:stretch}.design-product-construction-copy{padding-right:0}}@media(min-height:921px)and (min-width:901px){.design-app[data-active-step=product] .design-stage__head{padding-top:17px;padding-bottom:10px}.design-app[data-active-step=product] .design-stage__scroll{padding-top:13px;padding-bottom:16px}.design-product-modes button{min-height:124px}.design-product-grid button{padding:12px}.design-product-material-media{height:190px}}@media(min-height:1001px)and (min-width:901px){.design-preview,.design-config-list{gap:12px}.design-summary-module{gap:9px;padding:10px}.design-summary-image{width:68px}.design-summary-product,.design-summary-logo,.design-summary-artwork article{gap:12px}.design-personal-list{gap:8px}.design-personal-row{min-height:64px;padding:9px 35px 9px 9px}.design-summary-artwork.is-double .design-summary-image{width:54px}.design-price-panel{padding:12px}}@media(min-height:801px)and (max-height:1000px)and (min-width:901px){.design-app{grid-template-rows:64px minmax(0,1fr)}.design-preview{gap:4px}.design-config-list{gap:7px}.design-summary-module{gap:5px;padding:6px 7px}.design-summary-image{width:60px}.design-summary-product,.design-summary-logo,.design-summary-artwork article{gap:10px}.design-summary-product p,.design-summary-logo p,.design-summary-artwork p{display:none}.design-personal-list{gap:6px}.design-personal-row{min-height:54px;padding:6px 30px 6px 7px}.design-summary-artwork.is-double .design-summary-image{width:52px}.design-price-panel{padding:6px 9px}}@media(max-height:800px)and (min-width:901px){.design-app{grid-template-rows:64px minmax(0,1fr)}.design-stage__head{padding-top:13px;padding-bottom:7px}.design-stage__head h1{margin-top:4px;font-size:24px}.design-stage__scroll{padding-top:7px;padding-bottom:8px}.design-product-section-title{margin-bottom:6px}.design-product-section-title--construction{margin-top:8px}.design-product-modes{gap:9px}.design-product-modes button{min-height:104px;grid-template-columns:minmax(112px,39%) minmax(0,1fr);gap:7px;padding:8px}.design-product-mode-copy{gap:2px;padding:0}.design-product-modes small{line-height:1.25}.design-product-modes em{margin-top:0;padding-block:3px}.design-product-grid{gap:9px}.design-product-grid button{gap:4px;padding:8px}.design-product-material-media{height:136px}.design-product-construction-copy{min-height:42px;gap:2px;padding:0 20px 0 0}.design-product-grid .design-product-construction-copy>strong{font-size:13.5px}.design-product-grid small{font-size:9.5px;line-height:1.3}.design-product-best{margin-top:0;padding-top:5px}.design-product-best-icon{width:27px;height:27px}.design-product-best small{font-size:8.5px}.design-product-best b{display:-webkit-box;overflow:hidden;font-size:9px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.design-config-panel{padding:0}.design-price-panel{padding:4px 8px}.design-config-panel>header{display:none}.design-price-panel>header{display:none}.design-config-list{gap:6px}.design-preview{gap:4px}.design-summary-module{gap:4px;padding:4px 6px}.design-summary-product div,.design-summary-logo div,.design-summary-module.is-design .design-summary-artwork article:first-child div{padding-top:0}.design-summary-product p,.design-summary-logo p,.design-summary-artwork p{display:none}.design-summary-size{min-height:23px;padding-top:4px}.design-personal-list{gap:5px}.design-personal-row{min-height:49px;grid-template-columns:24px minmax(0,1fr);gap:6px;padding:5px 28px 5px 6px}.design-summary-icon{width:23px;height:23px}.design-summary-icon svg{width:14px;height:14px}.design-order-controls{gap:6px;margin-top:0}.design-order-controls input,.design-order-controls select,.design-quantity-stepper{height:34px}.design-total{margin-top:4px;padding-top:4px}.design-price-note{margin-top:4px}.design-readiness{margin:4px 0;padding:0}.design-generate{min-height:40px}.design-ai-note{margin-top:5px}}@media(max-height:700px)and (min-width:901px){.design-app{grid-template-rows:64px minmax(0,1fr)}.design-nav{padding-block:10px}.design-nav button{min-height:54px}.design-nav__help{padding:8px}.design-stage__head{padding-top:14px}.design-app[data-active-step=product] .design-stage__scroll{overflow-y:auto}}@media(prefers-reduced-motion:reduce){.design-app *,.design-app *:before,.design-app *:after{scroll-behavior:auto!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/design-studio-v2.css.map */