.product-live-preview{border:1px solid #dddcd4;background:#fff;border-radius:10px;overflow:hidden;margin:18px 0}.product-live-preview svg{display:block;width:100%;height:440px;max-height:65vh;background:#fff;cursor:grab}.preview-actions{display:flex;gap:8px;flex-wrap:wrap;padding:10px;border-bottom:1px solid #eee}.preview-actions button{padding:8px 12px;border:1px solid #d9d7cc;border-radius:5px;background:#faf8f2;color:#513d30;cursor:pointer}.product-live-preview small{display:block;padding:10px;color:#777}.preview-config-panel{border:1px solid #deddd4;padding:18px;border-radius:10px;margin:18px 0}.preview-config-panel .preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.preview-config-panel input,.preview-config-panel select{max-width:100%;width:100%}.preview-config-panel input[type=checkbox]{width:auto}.preview-color-choices{display:flex;flex-wrap:wrap;gap:8px}.preview-color-choices button{min-height:46px;padding:7px 10px;background:white;border:1px solid #ccc;border-radius:6px;display:flex;gap:6px;align-items:center}.preview-color-choices i{width:18px;height:18px;border-radius:50%;background:var(--color);box-shadow:inset 0 0 0 1px #0002}.preview-color-choices [aria-pressed=true]{outline:2px solid #a54e2e}.preview-config-panel .check-line{display:flex;gap:8px;align-items:center}@media(max-width:700px){.preview-config-panel .preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-live-preview svg{height:330px}}
.product-live-preview.is-editor [data-preview-slot]{cursor:grab}.product-live-preview.is-editor.is-dragging svg,.product-live-preview.is-editor [data-preview-slot][data-dragging=true]{cursor:grabbing}.preview-drag-box,.preview-drag-handle,.preview-drag-tag,.preview-drag-tag-text{display:none}.preview-drag-hitarea{cursor:grab;pointer-events:all;touch-action:none}.preview-text-color{margin:10px 0 0!important;padding:12px 13px;border:1px solid #e2d9d1;border-radius:7px;background:#fff}.preview-text-color span{display:block;margin-bottom:4px;font-size:11px;color:#817267;font-weight:400}
.jersey-retouch{width:min(1150px,96vw);max-height:94vh;border:1px solid #d9d7cc;border-radius:12px;padding:20px;background:#faf9f5;color:#293730}.jersey-retouch::backdrop{background:#0007}.jersey-retouch header,.jersey-retouch footer,.retouch-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.jersey-retouch header{justify-content:space-between}.jersey-retouch button{padding:9px 13px;border:1px solid #cfcfc4;border-radius:5px;background:white;color:#653e2a;cursor:pointer}.jersey-retouch button[aria-pressed=true]{background:#a54e2e;color:white}.retouch-tools{margin:12px 0}.retouch-tools label{font-size:12px;max-width:220px}.retouch-stage{position:relative;background:#e6e5e0;overflow:auto;max-height:58vh}.retouch-stage canvas{display:block;max-width:100%;height:auto;margin:auto;touch-action:none;cursor:crosshair}.retouch-stage [data-box]{position:absolute;pointer-events:none;border:2px dashed #ac482b;background:#a54e2e1c;display:none}.jersey-retouch footer span,.jersey-retouch p{font-size:13px;color:#686d64}.jersey-retouch footer{margin-top:12px}
.auto-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.auto-comparison figure{margin:0;min-width:0;padding:12px;background:#fff;border:1px solid #deddd4;border-radius:8px}.auto-comparison img{width:100%;max-height:48vh;object-fit:contain}.auto-comparison figcaption{margin-bottom:8px;font-weight:600}.jersey-auto button:disabled{opacity:.5;cursor:default}@media(max-width:600px){.auto-comparison{grid-template-columns:1fr}}
.removal-regions{position:relative;max-width:700px;margin:auto;touch-action:none;cursor:crosshair;user-select:none}.auto-comparison .removal-regions img{display:block;width:100%;height:auto;max-height:none;pointer-events:none}.removal-overlay{position:absolute;inset:0;pointer-events:none}.removal-overlay>div{position:absolute;border:2px solid #d75431;background:#d7543120;box-sizing:border-box;color:#fff;text-shadow:0 1px 2px #000;font-weight:bold}.auto-comparison figure:has(.removal-regions){grid-column:1/-1}

.storefront .listing-photo-stage.has-custom-preview{background:white;aspect-ratio:auto;min-height:0}.has-custom-preview #selected-product-main,.has-custom-preview #selected-product-video,.has-custom-preview #photo-prev,.has-custom-preview #photo-next,.has-custom-preview #photo-count{display:none!important}.listing-photo-stage .product-live-preview{margin:0;border:0;width:100%}.listing-photo-stage .product-live-preview svg{width:100%;height:auto;max-height:none;aspect-ratio:3/2}.auto-comparison figure:has([data-composite]){grid-column:1/-1}
.listing-photo-stage.has-custom-preview.show-gallery-media .product-live-preview{display:none!important}.listing-photo-stage.has-custom-preview.show-gallery-media #selected-product-main:not([hidden]),.listing-photo-stage.has-custom-preview.show-gallery-media #selected-product-video:not([hidden]),.listing-photo-stage.has-custom-preview.show-gallery-media #photo-prev:not([hidden]),.listing-photo-stage.has-custom-preview.show-gallery-media #photo-next:not([hidden]),.listing-photo-stage.has-custom-preview.show-gallery-media #photo-count:not([hidden]){display:block!important}

.preview-is-missing svg,.preview-is-missing .preview-actions,.preview-is-missing small{display:none!important}.preview-unavailable{padding:70px 24px;text-align:center;color:#71513f;background:#faf6f1;line-height:1.7}.jersey-builder-help{font-size:13px;line-height:1.6;color:#74675e;margin:0 0 18px}.lettering-color-label{font-size:14px;font-weight:600;margin:16px 0 8px}
.storefront .studio .viewport-wrap{position:sticky;top:8px;align-self:start}.jersey-live-preview{position:sticky;top:8px;z-index:12;display:none;grid-template-columns:128px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;margin:4px 0 2px;padding:8px;border:1px solid #d9d1ca;border-radius:11px;background:#fffffff2;box-shadow:0 8px 24px #3b271915;backdrop-filter:blur(10px)}.jersey-live-preview-art{width:128px;aspect-ratio:3/2;overflow:hidden;border:1px solid #eee7e1;border-radius:7px;background:#fff}.jersey-live-preview-art svg{display:block;width:100%;height:100%;max-height:none;background:#fff;pointer-events:none}.jersey-live-preview>span{display:grid;gap:3px;min-width:0}.jersey-live-preview strong{color:#302923;font-size:13px;line-height:1.2}.jersey-live-preview small{color:#776c64;font-size:10px;line-height:1.35}.jersey-live-preview button{min-height:36px;padding:7px 10px;border:1px solid #d7cec6;border-radius:7px;background:#fff;color:#8f482e;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer}.jersey-live-preview button:hover{border-color:#a84d2d}@media(max-width:700px){.storefront .studio .viewport-wrap{position:static}.jersey-live-preview{display:grid;top:6px;grid-template-columns:clamp(140px,38vw,170px) minmax(0,1fr) auto;gap:8px;padding:6px}.jersey-live-preview-art{width:clamp(140px,38vw,170px)}.jersey-live-preview small{display:none}.jersey-live-preview button{min-height:36px;padding:7px 8px;font-size:10px}}@media(max-width:340px){.jersey-live-preview>span{display:none}.jersey-live-preview{grid-template-columns:140px minmax(0,1fr) auto}.jersey-live-preview-art{width:140px}}.jersey-color-controls{display:grid;grid-template-columns:1fr;gap:8px;margin:4px 0 6px}.jersey-color-section{min-width:0;padding:0;border:1px solid #ded8d1;border-radius:10px;background:#fff;overflow:hidden}.thread-color-section{background:#faf8f5}.jersey-color-section[open]{background:#fff;border-color:#cda994;box-shadow:inset 0 3px 0 #aa4c2c}.color-palette-summary{display:grid;grid-template-columns:minmax(0,1fr) auto 12px;align-items:center;gap:10px;min-height:58px;padding:10px 13px;color:#2f2925;cursor:pointer;list-style:none}.color-palette-summary::-webkit-details-marker{display:none}.color-palette-summary::marker{display:none;content:""}.color-palette-summary:hover{background:#f6f1ec}.color-palette-summary:focus-visible{outline:2px solid #a84d2d;outline-offset:-3px}.color-palette-summary>span:first-child{display:grid;gap:2px}.color-palette-summary strong{font-size:14px;line-height:1.2}.color-palette-summary small{color:#776c64;font-size:10px;font-weight:400;line-height:1.25}.color-palette-current{display:inline-flex;align-items:center;gap:6px;max-width:135px;color:#5b5048;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-palette-current::before{content:"";width:16px;height:16px;flex:0 0 16px;border-radius:50%;background:var(--selected-color);box-shadow:inset 0 0 0 1px #0002}.color-palette-summary>i{width:8px;height:8px;border-right:1.5px solid #766a62;border-bottom:1.5px solid #766a62;transform:rotate(45deg) translateY(-2px);transition:transform .18s}.jersey-color-section[open] .color-palette-summary>i{transform:rotate(225deg) translate(-2px,-2px)}.jersey-color-controls .preview-color-choices{display:flex;flex-wrap:nowrap;gap:7px;margin:0;padding:4px 13px 13px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.jersey-color-controls .preview-color-choices button{justify-content:flex-start;flex:1 0 72px;width:auto;min-width:72px;min-height:38px;padding:6px;border-color:#d8d2cc;border-radius:7px;font-size:12px;line-height:1.15;white-space:nowrap;text-align:left}.jersey-color-controls .preview-color-choices [aria-pressed=true]{border-color:#a84d2d;outline:0;box-shadow:0 0 0 2px #a84d2d}.jersey-color-controls .preview-color-choices i{width:15px;height:15px;flex:0 0 15px}@media(max-width:760px){.storefront .studio .viewport-wrap{position:sticky;top:8px;align-self:start}.jersey-live-preview{position:sticky;top:8px;z-index:12;display:none;grid-template-columns:128px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;margin:4px 0 2px;padding:8px;border:1px solid #d9d1ca;border-radius:11px;background:#fffffff2;box-shadow:0 8px 24px #3b271915;backdrop-filter:blur(10px)}.jersey-live-preview-art{width:128px;aspect-ratio:3/2;overflow:hidden;border:1px solid #eee7e1;border-radius:7px;background:#fff}.jersey-live-preview-art svg{display:block;width:100%;height:100%;max-height:none;background:#fff;pointer-events:none}.jersey-live-preview>span{display:grid;gap:3px;min-width:0}.jersey-live-preview strong{color:#302923;font-size:13px;line-height:1.2}.jersey-live-preview small{color:#776c64;font-size:10px;line-height:1.35}.jersey-live-preview button{min-height:36px;padding:7px 10px;border:1px solid #d7cec6;border-radius:7px;background:#fff;color:#8f482e;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer}.jersey-live-preview button:hover{border-color:#a84d2d}@media(max-width:700px){.storefront .studio .viewport-wrap{position:static}.jersey-live-preview{display:grid;top:6px;grid-template-columns:clamp(140px,38vw,170px) minmax(0,1fr) auto;gap:8px;padding:6px}.jersey-live-preview-art{width:clamp(140px,38vw,170px)}.jersey-live-preview small{display:none}.jersey-live-preview button{min-height:36px;padding:7px 8px;font-size:10px}}@media(max-width:340px){.jersey-live-preview>span{display:none}.jersey-live-preview{grid-template-columns:140px minmax(0,1fr) auto}.jersey-live-preview-art{width:140px}}.jersey-color-controls{gap:7px}.color-palette-summary{min-height:56px;padding:10px 11px}.color-palette-summary small{display:none}.color-palette-current{max-width:110px}.jersey-color-controls .preview-color-choices{padding:4px 11px 11px;overflow-x:auto}.jersey-color-controls .preview-color-choices button{flex:0 0 calc((100% - 49px)/8);min-width:0;min-height:42px;padding:5px 2px;justify-content:center}.jersey-color-controls .preview-color-choices button .preview-color-name{display:none}.jersey-color-controls .preview-color-choices i{width:20px;height:20px;flex-basis:20px}}.order-custom-preview{width:200px;height:205px;flex:0 0 200px;overflow:hidden;background:#fafafa;display:grid;place-items:center}.order-custom-preview>.product-live-preview{width:100%;height:100%;margin:0;border:0;border-radius:0;background:#fafafa}.order-custom-preview .preview-actions,.order-custom-preview .product-live-preview>small,.order-custom-preview .preview-unavailable{display:none!important}.order-custom-preview .product-live-preview>p{font-size:11px;color:#777}.order-custom-preview .product-live-preview svg{width:100%;height:100%;max-height:none;cursor:default;background:#fafafa}.order-custom-preview>img{width:100%;height:100%;object-fit:contain}.payment-item>.order-custom-preview{width:112px;height:96px;flex-basis:112px;border-radius:7px}.detail-item>.order-custom-preview{width:min(560px,100%);height:auto;aspect-ratio:3/2;margin:14px 0;flex-basis:auto}@media(max-width:700px){.order-custom-preview{width:100px;height:120px;flex-basis:100px}.payment-item>.order-custom-preview{width:92px;height:80px;flex-basis:92px}}
.order-custom-preview>svg{display:block;width:100%;height:100%;max-height:none;background:#fafafa}
.order-preview-column{display:flex!important;flex-direction:column!important;align-items:center;min-width:0}.order-preview-column .order-custom-preview{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;cursor:zoom-in}.order-preview-column .order-custom-preview>svg,.order-preview-column .order-custom-preview>img{background:transparent!important}.order-preview-zoom-trigger{display:inline-flex!important;align-items:center!important;justify-content:center;gap:6px;width:auto!important;min-height:28px!important;margin:7px auto 0!important;padding:4px 8px!important;border:0!important;background:transparent!important;color:#8f5138!important;font-size:11px!important;font-weight:700!important;text-decoration:none!important;cursor:pointer}.order-preview-zoom-trigger:hover{text-decoration:underline!important}.order-preview-zoom-trigger svg{width:14px;height:14px;flex:none}.customer-order-items .order-preview-column{flex:0 0 350px!important;width:350px!important}.customer-order-items .order-preview-column .order-custom-preview{width:350px!important;height:233px!important;flex-basis:233px!important}.payment-item>.order-preview-column{flex:0 0 180px!important;width:180px!important}.payment-item>.order-preview-column .order-custom-preview{width:180px!important;height:120px!important;flex-basis:120px!important}dialog.order-image-zoom{width:min(1120px,calc(100vw - 40px));height:min(700px,calc(100dvh - 40px));max-width:none;max-height:none;padding:0;border:0;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 28px 90px #14100d55}dialog.order-image-zoom::backdrop{background:#17120eaa;backdrop-filter:blur(3px)}.order-image-zoom-close{position:absolute;z-index:2;right:18px;top:16px;width:42px;height:42px;padding:0;border:1px solid #ddd4cc;border-radius:50%;background:#fff;color:#514239;font-size:22px;line-height:1;cursor:pointer}.order-image-zoom-stage{display:grid;place-items:center;width:100%;height:100%;overflow:hidden;background:#fff}.order-image-zoom-stage>img{display:block;width:100%;height:100%;object-fit:contain;background:transparent}.order-image-zoom-stage>.product-live-preview{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100%;margin:0;border:0;border-radius:0}.order-image-zoom-stage>.product-live-preview>svg{display:block;width:100%;height:100%;min-height:0;max-height:none;background:#fff}@media(max-width:700px){.customer-order-items .order-preview-column{flex:0 0 150px!important;width:150px!important}.customer-order-items .order-preview-column .order-custom-preview{width:150px!important;height:100px!important;flex-basis:100px!important}.payment-item>.order-preview-column{flex:0 0 140px!important;width:140px!important}.payment-item>.order-preview-column .order-custom-preview{width:140px!important;height:93px!important;flex-basis:93px!important}dialog.order-image-zoom{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.order-image-zoom-close{right:10px;top:10px}}

/* Saved PNG proofs must fill the same proof frame as legacy SVG proofs. */
.order-preview-column .order-custom-preview{position:relative!important}
.order-preview-column .order-custom-preview>img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;border-radius:0!important}
@media(max-width:700px){.storefront .listing-photo-stage .product-live-preview{border:1px solid #e6e0da;border-radius:14px;box-shadow:0 8px 24px #3b2d2410}.storefront .listing-photo-stage .preview-actions{display:grid;grid-template-columns:minmax(0,1.45fr) repeat(2,minmax(0,1fr)) 44px 44px;gap:6px;padding:8px;background:#faf9f7;border-bottom:1px solid #eee8e2;flex-wrap:nowrap}.storefront .listing-photo-stage .preview-actions button{min-width:0;min-height:44px;padding:7px 5px;border-color:#ded8d1;border-radius:8px;background:#fff;color:#413932;font-size:12px;font-weight:600;white-space:nowrap}.storefront .listing-photo-stage .preview-actions button[aria-pressed=true]{border-color:#a94d2c;background:#a94d2c;color:#fff;box-shadow:0 2px 7px #8e3b2026}.storefront .listing-photo-stage .preview-actions button[data-preview-action=minus],.storefront .listing-photo-stage .preview-actions button[data-preview-action=plus]{font-size:19px;font-weight:500}.storefront .listing-photo-stage .product-live-preview svg{width:100%;height:auto;max-height:none;aspect-ratio:3/2;background:#fff}.storefront .listing-photo-stage .product-live-preview>small{padding:10px 12px;border-top:1px solid #f0ebe7;background:#fff;color:#756b64;font-size:11px;line-height:1.45}}
.product-live-preview>small.preview-caption{display:flex;align-items:center;gap:10px;padding:10px 13px;border-top:1px solid #eee7e1;background:#fff;color:#645b54;font-size:11px;line-height:1.35}.preview-caption strong{flex:none;padding:4px 8px;border:1px solid #dfc7ba;border-radius:999px;background:#fff6f1;color:#9d492d;font-size:8px;font-weight:850;letter-spacing:.75px;line-height:1.15;white-space:nowrap}.preview-caption span{min-width:0;font-weight:600}@media(max-width:700px){.product-live-preview>small.preview-caption{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;font-size:10px}.preview-caption strong{padding:4px 7px;font-size:7px;letter-spacing:.6px}.preview-caption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

.storefront #selected-product-thumbs .custom-preview-thumbnail{position:relative;overflow:hidden;padding:0;border-color:#b45227;background:#fff}.storefront #selected-product-thumbs .custom-preview-thumbnail .custom-preview-thumb-art{position:absolute;inset:0;display:block;background:#fff}.storefront #selected-product-thumbs .custom-preview-thumbnail .custom-preview-thumb-art img,.storefront #selected-product-thumbs .custom-preview-thumbnail .custom-preview-thumb-art svg{display:block;width:100%;height:100%;object-fit:contain}.storefront #selected-product-thumbs .custom-preview-thumbnail .custom-preview-thumb-label{position:absolute;z-index:1;left:4px;right:auto;bottom:4px;padding:2px 4px;border-radius:4px;background:#a94424e8;color:#fff;font-size:6px;font-weight:800;line-height:1.15;letter-spacing:.15px;text-align:center}.storefront #selected-product-thumbs .custom-preview-thumbnail.active{border-color:#b45227!important;box-shadow:none}

@media(max-width:700px){.storefront #selected-product-thumbs .custom-preview-thumbnail{width:82px}}

/* Checkout order proof: keep the saved 3:2 customer image large enough to inspect. */
@media(min-width:701px){
 .payment-item{gap:12px}
 .payment-item>.order-preview-column{flex:0 0 240px!important;width:240px!important}
 .payment-item>.order-preview-column .order-custom-preview{width:240px!important;height:160px!important;flex-basis:160px!important}
 .payment-item>.order-preview-column .order-preview-zoom-trigger{margin-top:8px!important}

.preview-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;background:#faf9f7;border-bottom:1px solid #ece6e0}.preview-view-switcher{display:grid;grid-template-columns:minmax(104px,1.35fr) repeat(2,minmax(62px,1fr));flex:1 1 auto;gap:2px;min-width:0;padding:3px;border:1px solid #ded7d0;border-radius:11px;background:#eeeae6}.preview-zoom-controls{display:grid;grid-template-columns:repeat(2,38px);flex:none;gap:2px;padding:3px;border:1px solid #ded7d0;border-radius:11px;background:#eeeae6}.preview-actions .preview-view-switcher button,.preview-actions .preview-zoom-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:36px;padding:7px 10px;border:0;border-radius:7px;background:transparent;color:#554b44;font-size:12px;font-weight:650;line-height:1;white-space:nowrap;box-shadow:none;transition:background .16s,color .16s,box-shadow .16s}.preview-actions .preview-view-switcher button:hover,.preview-actions .preview-zoom-controls button:not(:disabled):hover{background:#fff;color:#9d482c}.preview-actions .preview-view-switcher button[aria-pressed=true]{background:#a94d2c;color:#fff;box-shadow:0 2px 6px #67301e2b}.preview-actions .preview-zoom-controls button{padding:7px}.preview-actions .preview-zoom-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.preview-actions .preview-zoom-controls button:disabled{opacity:.34;cursor:not-allowed}.preview-actions .preview-view-switcher button:focus-visible,.preview-actions .preview-zoom-controls button:focus-visible{outline:2px solid #a94d2c;outline-offset:2px}@media(max-width:700px){.storefront .listing-photo-stage .preview-actions{display:flex;grid-template-columns:none;gap:7px;padding:7px}.storefront .listing-photo-stage .preview-view-switcher{grid-template-columns:minmax(92px,1.35fr) repeat(2,minmax(48px,1fr));gap:2px;padding:3px}.storefront .listing-photo-stage .preview-zoom-controls{grid-template-columns:repeat(2,35px);gap:2px;padding:3px}.storefront .listing-photo-stage .preview-actions .preview-view-switcher button,.storefront .listing-photo-stage .preview-actions .preview-zoom-controls button{min-height:34px;padding:6px 5px;border:0;border-radius:7px;font-size:11px}.storefront .listing-photo-stage .preview-actions .preview-view-switcher button[aria-pressed=true]{border:0;background:#a94d2c;color:#fff}.storefront .listing-photo-stage .preview-actions .preview-zoom-controls button{font-size:0;font-weight:400}}
 .payment-item>strong{font-size:12px}
}
@media(max-width:700px){
 .payment-item{gap:12px}
 .payment-item>.order-preview-column{flex:0 0 160px!important;width:160px!important}
 .payment-item>.order-preview-column .order-custom-preview{width:160px!important;height:107px!important;flex-basis:107px!important}
}
@media(max-width:380px){
 .payment-item>.order-preview-column{flex:0 0 100%!important;width:100%!important}
 .payment-item>.order-preview-column .order-custom-preview{width:100%!important;height:auto!important;aspect-ratio:3/2;flex-basis:auto!important}
}

/* Saved order image viewer: display the PNG at native pixels and allow inspection. */
dialog.order-image-zoom{width:min(1320px,calc(100vw - 32px));height:min(860px,calc(100dvh - 32px))}
.order-image-zoom-stage:has(.order-image-zoom-viewport){display:grid;grid-template-rows:auto minmax(0,1fr);place-items:stretch;overflow:hidden;background:#f3f0ec}
.order-image-zoom-toolbar{position:relative;z-index:1;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:12px;min-height:64px;padding:10px 76px 10px 18px;border-bottom:1px solid #e4ddd6;background:#fff;color:#40362f;box-shadow:0 2px 10px #3d302414}
.order-image-zoom-toolbar>strong{font-size:14px;white-space:nowrap}.order-image-zoom-dimensions{font-size:12px;color:#786a60;white-space:nowrap}.order-image-zoom-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}
.order-image-zoom-controls button,.order-image-zoom-controls a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 11px;border:1px solid #d9d0c8;border-radius:8px;background:#fff;color:#57483f;font:700 12px/1.2 inherit;text-decoration:none;cursor:pointer;white-space:nowrap}
.order-image-zoom-controls button:hover,.order-image-zoom-controls a:hover{border-color:#ad694c;color:#934a2d;background:#fff8f4}.order-image-zoom-controls button:disabled{opacity:.4;cursor:not-allowed}.order-image-zoom-controls .order-image-zoom-step{width:38px;padding:7px;font-size:19px;font-weight:500}
.order-image-zoom-viewport{position:relative;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;cursor:grab;touch-action:none;scrollbar-color:#b8aaa0 #ebe6e1}.order-image-zoom-viewport.is-dragging{cursor:grabbing;user-select:none}
.order-image-zoom-surface{position:relative;flex:none;margin:16px;background:#fff;box-shadow:0 4px 24px #2f251d24}.order-image-zoom-surface>img{display:block;width:100%;height:100%;max-width:none;object-fit:fill;background:#fff;user-select:none}
@media(max-width:700px){dialog.order-image-zoom{width:calc(100vw - 12px);height:calc(100dvh - 12px)}.order-image-zoom-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;min-height:98px;padding:8px 52px 8px 10px}.order-image-zoom-toolbar>strong{font-size:12px}.order-image-zoom-dimensions{font-size:10px;text-align:right}.order-image-zoom-controls{grid-column:1/-1;justify-content:flex-start;overflow-x:auto;padding-bottom:1px}.order-image-zoom-controls button,.order-image-zoom-controls a{min-height:34px;padding:6px 9px;font-size:11px}.order-image-zoom-controls .order-image-zoom-step{width:36px;font-size:18px}.order-image-zoom-surface{margin:10px}}

/* Mobile customizer: keep the sticky proof readable without leaving large gaps around it. */
@media(max-width:700px){
 #jersey-builder{gap:12px}
 #jersey-builder .jersey-position-fields{gap:14px}
 .jersey-live-preview{grid-template-columns:clamp(156px,41.5vw,180px) minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:10px;row-gap:7px;margin:0;padding:5px 6px}
 .jersey-live-preview-art{grid-column:1;grid-row:1/3;width:clamp(156px,41.5vw,180px)}
 .jersey-live-preview>span{grid-column:2;grid-row:1;display:block;width:auto;max-width:none;align-self:end}
 .jersey-live-preview strong{display:block;white-space:nowrap}
 .jersey-live-preview button{grid-column:2;grid-row:2;justify-self:start;align-self:start;min-width:78px;min-height:32px;padding:5px 10px}
}
@media(max-width:360px){
 .jersey-live-preview{grid-template-columns:156px minmax(0,1fr)}
 .jersey-live-preview-art{width:156px}
}

/* Image-only mobile proof card with a discreet full-preview control. */
@media(max-width:700px){
 .jersey-live-preview{position:sticky;display:block;min-height:0;padding:8px;text-align:center}
 .jersey-live-preview-art{width:clamp(280px,76vw,360px);max-width:100%;margin:0 auto}
 .jersey-live-preview-art svg{shape-rendering:geometricPrecision;text-rendering:geometricPrecision}
 .jersey-live-preview>span{display:none}
 .jersey-live-preview button{position:absolute;top:9px;right:9px;display:grid;width:34px;min-width:34px;height:34px;min-height:34px;padding:0;place-items:center;border-radius:50%;background:#fffffff0;box-shadow:0 2px 8px #2f241a1a}
 .jersey-live-preview button svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
}

@media(max-width:700px){.storefront .listing-photo-stage .preview-actions{display:flex;align-items:center;justify-content:space-between;grid-template-columns:none;gap:7px;padding:7px;background:#faf9f7;border-bottom:1px solid #ece6e0}.storefront .listing-photo-stage .preview-view-switcher{display:grid;grid-template-columns:minmax(92px,1.35fr) repeat(2,minmax(48px,1fr));flex:1 1 auto;gap:2px;min-width:0;padding:3px;border:1px solid #ded7d0;border-radius:11px;background:#eeeae6}.storefront .listing-photo-stage .preview-zoom-controls{display:grid;grid-template-columns:repeat(2,35px);flex:none;gap:2px;padding:3px;border:1px solid #ded7d0;border-radius:11px;background:#eeeae6}.storefront .listing-photo-stage .preview-actions .preview-view-switcher button,.storefront .listing-photo-stage .preview-actions .preview-zoom-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:34px;padding:6px 5px;border:0;border-radius:7px;background:transparent;color:#554b44;font-size:11px;font-weight:650;line-height:1;white-space:nowrap;box-shadow:none}.storefront .listing-photo-stage .preview-actions .preview-view-switcher button[aria-pressed=true]{border:0;background:#a94d2c;color:#fff;box-shadow:0 2px 6px #67301e2b}.storefront .listing-photo-stage .preview-actions .preview-zoom-controls button{padding:6px;font-size:0;font-weight:400}.storefront .listing-photo-stage .preview-actions .preview-zoom-controls button:disabled{opacity:.34;cursor:not-allowed}.storefront .listing-photo-stage .preview-actions .preview-zoom-controls svg{display:block;width:18px;height:18px;max-height:none;aspect-ratio:auto;background:transparent;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;cursor:default}}

.order-image-label-short{display:none}.order-image-zoom-toolbar{grid-template-columns:auto minmax(0,1fr);gap:16px;min-height:68px;padding:10px 68px 10px 16px;background:#fff}.order-image-zoom-heading{display:grid;gap:2px;min-width:150px}.order-image-zoom-heading>strong{font-size:13px;line-height:1.2;white-space:nowrap}.order-image-zoom-heading .order-image-zoom-dimensions{font-size:10px;line-height:1.2;color:#8a7d73}.order-image-zoom-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}.order-image-zoom-group{display:flex;align-items:center;flex:none;gap:2px;padding:3px;border:1px solid #ded6cf;border-radius:10px;background:#f1ede9}.order-image-zoom-controls .order-image-zoom-group button{min-height:34px;padding:6px 10px;border:0;border-radius:7px;background:transparent;color:#51463f;font-size:11px;box-shadow:none}.order-image-zoom-controls .order-image-zoom-group button:not(:disabled):hover{border:0;background:#fff;color:#98472c}.order-image-zoom-controls .order-image-zoom-group button[aria-pressed=true]{background:#a94d2c;color:#fff;box-shadow:0 2px 5px #73331e2b}.order-image-zoom-controls .order-image-zoom-step{width:32px;padding:5px;font-size:17px}.order-image-zoom-controls .order-image-zoom-original{min-height:40px;padding:8px 13px;border:1px solid #a94d2c;border-radius:9px;background:#a94d2c;color:#fff;font-size:11px;box-shadow:0 2px 6px #73331e26}.order-image-zoom-controls .order-image-zoom-original:hover{border-color:#87391f;background:#87391f;color:#fff}.order-image-zoom-close{top:14px;right:14px;width:38px;height:38px;background:#faf8f5}@media(max-width:700px){.order-image-label-full{display:none}.order-image-label-short{display:inline}.order-image-zoom-toolbar{grid-template-columns:1fr;gap:7px;min-height:92px;padding:8px 48px 8px 9px}.order-image-zoom-heading{display:flex;align-items:baseline;gap:8px;min-width:0}.order-image-zoom-heading>strong{font-size:11px}.order-image-zoom-heading .order-image-zoom-dimensions{font-size:9px}.order-image-zoom-controls{grid-column:auto;justify-content:flex-start;gap:5px;overflow-x:auto;padding:0 0 1px;scrollbar-width:none}.order-image-zoom-controls::-webkit-scrollbar{display:none}.order-image-zoom-group{padding:2px;border-radius:8px}.order-image-zoom-controls .order-image-zoom-group button{min-height:30px;padding:5px 8px;font-size:10px}.order-image-zoom-controls .order-image-zoom-step{width:29px;padding:4px;font-size:16px}.order-image-zoom-controls .order-image-zoom-original{min-height:35px;padding:7px 10px;font-size:10px}.order-image-zoom-close{top:8px;right:8px;width:34px;height:34px}}
