.product-design-mobile-editor-entry{display:none;width:100%;min-height:48px;margin:12px 0 0;padding:12px 18px;border:1px solid #151515;border-radius:8px;background:#151515;color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer}@media(max-width:1099.98px)and (pointer:coarse){.product-design-mobile-editor-entry:not([hidden]){display:block}}.product-design-mobile-editor{--mobile-design-ink: #151515;--mobile-design-muted: #686868;--mobile-design-line: #dededb;--mobile-design-accent: #1947d1;position:fixed;top:0;right:0;bottom:0;left:0;box-sizing:border-box;width:100%;height:var(--mobile-design-height, 100dvh);max-width:none;max-height:none;margin:0;padding:env(safe-area-inset-top,0px) 0 0;overflow:hidden;border:0;border-radius:0;background:#fff;color:var(--mobile-design-ink);font-family:inherit;font-size:14px;line-height:1.3;overscroll-behavior:none}.product-design-mobile-editor[open]{display:grid;grid-template-rows:auto auto minmax(80px,1fr) auto auto auto}.product-design-mobile-editor::backdrop{background:#00000073}.product-design-mobile-editor *,.product-design-mobile-editor *:before,.product-design-mobile-editor *:after{box-sizing:border-box}.product-design-mobile-editor [hidden]{display:none!important}.product-design-mobile-editor button,.product-design-mobile-editor select,.product-design-mobile-editor input{font:inherit}.product-design-mobile-editor button{-webkit-tap-highlight-color:transparent}.product-design-mobile-editor button:focus-visible,.product-design-mobile-editor input:focus-visible,.product-design-mobile-editor select:focus-visible,.product-design-mobile-editor-entry:focus-visible{outline:2px solid var(--mobile-design-accent, #1947d1);outline-offset:-3px}.product-design-mobile-editor__button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;min-height:44px;padding:8px 12px;margin:0;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--mobile-design-ink);font-weight:550;line-height:1.2;cursor:pointer;touch-action:manipulation}.product-design-mobile-editor__button:disabled{opacity:.32;cursor:default}.product-design-mobile-editor__button:not(:disabled):active{background:#eaeae7}.product-design-mobile-editor__header{display:flex;align-items:center;gap:8px;padding:4px max(8px,env(safe-area-inset-right)) 4px max(8px,env(safe-area-inset-left))}.product-design-mobile-editor__header>button{font-size:28px;font-weight:400}.product-design-mobile-editor__title{flex:1;margin:0;font-size:17px;font-weight:650;letter-spacing:0;color:var(--mobile-design-ink)}.product-design-mobile-editor__history{display:flex;gap:4px}.product-design-mobile-editor__history button{font-size:26px;font-weight:400}.product-design-mobile-editor__zones{display:flex;gap:8px;padding:4px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));overflow:auto;scrollbar-width:none;border-bottom:1px solid var(--mobile-design-line)}.product-design-mobile-editor__zones button{min-height:44px;padding:9px 14px;border:1px solid var(--mobile-design-line);border-radius:30px;white-space:nowrap;font-size:13px}.product-design-mobile-editor__zones button[aria-pressed=true]{border-color:var(--mobile-design-ink);background:var(--mobile-design-ink);color:#fff}.product-design-mobile-editor__canvas{position:relative;display:flex;justify-content:center;align-items:center;min-width:0;min-height:0;overflow:hidden;background:#f5f5f2;touch-action:none;user-select:none;-webkit-user-select:none}.product-design-mobile-editor [data-mobile-design-slide]{position:relative;display:block;flex:none;min-width:0;min-height:0;padding:0;margin:0;overflow:visible;opacity:1;visibility:visible;transform-origin:center;transition:none}.product-design-mobile-editor [data-mobile-design-slide]>.product__media-item-container,.product-design-mobile-editor [data-mobile-design-slide] .product__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;min-height:0;padding:0;margin:0;border:0;border-radius:0;background:transparent;overflow:visible}.product-design-mobile-editor [data-mobile-design-slide] .product__media>img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;min-width:0;max-width:none;margin:0;padding:0;opacity:1;transform:none;transition:none;pointer-events:none}.product-design-mobile-editor .product__design-studio{opacity:1}.product-design-mobile-editor .product__design-visual-layer{transform:none!important}.product-design-mobile-editor .product__design-zone-shell{min-width:0;min-height:0}.product-design-mobile-editor .product__design-zone{--product-design-grid-line-color: rgba(25, 71, 209, .55);box-shadow:none}.product-design-mobile-editor .product__design-zone-grid{opacity:.35}.product-design-mobile-editor .product__design-zone-parts{opacity:1}.product-design-mobile-editor .product__design-zone-shape-stroke{stroke:#1947d1;stroke-width:1.5}.product-design-mobile-editor .product__design-zone-shape-fill{fill:#1947d108}.product-design-mobile-editor .product__design-zone-shape-grid{opacity:.3}.product-design-mobile-editor .product__design-artwork{min-width:0;min-height:0;transition:none}.product-design-mobile-editor .product__design-artwork-mask,.product-design-mobile-editor .product__design-artwork-mask img{opacity:1!important;transition:none!important}.product-design-mobile-editor .product__design-artwork:before{border-width:1px}.product-design-mobile-editor .product__design-toolbar,.product-design-mobile-editor .product__design-artwork-handle,.product-design-mobile-editor .product__design-rotate-handle,.product-design-mobile-editor .product__design-zone-label,.product-design-mobile-editor .product__design-download,.product-design-mobile-editor .product__design-image-zoom,.product-design-mobile-editor .product__design-view-switcher{display:none!important}.product-design-mobile-editor.is-zone-pulsing .product__design-zone-grid,.product-design-mobile-editor.is-zone-pulsing .product__design-zone-parts{animation:product-design-mobile-zone-pulse 1s ease-in-out 2}.product-design-mobile-editor.is-zone-pulsing .product__design-zone{animation:product-design-mobile-zone-border 1s ease-in-out 2}@keyframes product-design-mobile-zone-pulse{0%,to{opacity:.15}45%,55%{opacity:1}}@keyframes product-design-mobile-zone-border{0%,to{border-color:#1947d126}45%,55%{border-color:#1947d1}}.product-design-mobile-editor__empty{position:absolute;inset-inline:12px;bottom:16px;z-index:5;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.product-design-mobile-editor__empty p{margin:0;padding:4px 8px;border-radius:4px;background:#ffffffe6;color:var(--mobile-design-muted);font-size:13px}.product-design-mobile-editor__empty button{border-color:#151515;background:#151515;color:#fff;pointer-events:auto}.product-design-mobile-editor__view{padding:5px max(12px,env(safe-area-inset-right)) 4px max(12px,env(safe-area-inset-left));border-top:1px solid var(--mobile-design-line);background:#fff}.product-design-mobile-editor__hint{margin:0;color:var(--mobile-design-muted);font-size:11px;text-align:center}.product-design-mobile-editor__camera{display:flex;justify-content:center;align-items:center;gap:6px}.product-design-mobile-editor__camera button{font-size:22px;font-weight:400}.product-design-mobile-editor__camera output{min-width:44px;color:var(--mobile-design-muted);text-align:center;font-size:12px;font-variant-numeric:tabular-nums}.product-design-mobile-editor__controls{min-width:0;padding:0 max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));border-top:1px solid var(--mobile-design-line);background:#fff}.product-design-mobile-editor__artworks{width:100%;height:44px;margin:8px 0 0;padding:8px 12px;border:1px solid var(--mobile-design-line);border-radius:6px;background:#fff;color:var(--mobile-design-ink);font-size:16px!important}.product-design-mobile-editor__tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px 0}.product-design-mobile-editor__tabs button{min-width:0;padding:8px 2px;border-radius:6px;font-size:13px;color:var(--mobile-design-muted)}.product-design-mobile-editor__tabs button[aria-selected=true]{background:#f0f0ed;color:var(--mobile-design-ink)}.product-design-mobile-editor__panel{display:flex;justify-content:center;align-items:center;gap:8px;min-height:68px}.product-design-mobile-editor__panel--size{gap:4px}.product-design-mobile-editor__panel--size>button{background:#f3f3f0;font-size:23px;font-weight:400}.product-design-mobile-editor__panel>output{min-width:40px;color:var(--mobile-design-muted);font-size:12px;text-align:right;font-variant-numeric:tabular-nums}.product-design-mobile-editor__range{display:flex;flex:1;min-width:0;flex-direction:column}.product-design-mobile-editor__range>span{font-size:11px;color:var(--mobile-design-muted)}.product-design-mobile-editor__range input{width:100%;height:44px;margin:0;padding:0;accent-color:var(--mobile-design-ink);cursor:pointer;touch-action:none}.product-design-mobile-editor__panel--position{gap:6px}.product-design-mobile-editor__panel--position button{border-color:var(--mobile-design-line);padding:8px}.product-design-mobile-editor__panel--position button:not([data-mobile-design-action=center]){font-size:22px;font-weight:400}.product-design-mobile-editor__panel--rotation>button{border-color:var(--mobile-design-line)}.product-design-mobile-editor__panel--more{align-items:stretch;gap:6px}.product-design-mobile-editor__panel--more button{flex:1;min-width:0;padding:8px 6px;border-color:var(--mobile-design-line);font-size:12px}.product-design-mobile-editor__panel--more [data-mobile-design-action=delete]{color:#a52c23}.product-design-mobile-editor__footer{padding:4px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#fff}.product-design-mobile-editor__footer button{width:100%;min-height:48px;background:var(--mobile-design-ink);color:#fff;font-size:15px}.product-design-mobile-editor__status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.product-design-mobile-editor__status:not(:empty){position:static;grid-column:1 / -1;width:auto;height:auto;margin:0;padding:8px 12px;clip-path:none;white-space:normal;color:#a52c23;font-size:13px;background:#fff}@media(orientation:landscape)and (max-height:600px){.product-design-mobile-editor[open]{grid-template-columns:minmax(0,1fr) 290px;grid-template-rows:auto auto minmax(0,1fr) auto}.product-design-mobile-editor__header{grid-column:1 / -1}.product-design-mobile-editor__zones{grid-column:1;grid-row:2;padding-block:0 4px}.product-design-mobile-editor__canvas{grid-column:1;grid-row:3 / 5}.product-design-mobile-editor__view{grid-column:2;grid-row:2;border-top:0;border-left:1px solid var(--mobile-design-line)}.product-design-mobile-editor__hint{font-size:10px}.product-design-mobile-editor__controls{grid-column:2;grid-row:3;overflow-y:auto;border-left:1px solid var(--mobile-design-line)}.product-design-mobile-editor__footer{grid-column:2;grid-row:4;border-left:1px solid var(--mobile-design-line)}.product-design-mobile-editor__panel--position{gap:2px}.product-design-mobile-editor__panel--position button{padding:6px}}@media(prefers-reduced-motion:reduce){.product-design-mobile-editor.is-zone-pulsing .product__design-zone-grid,.product-design-mobile-editor.is-zone-pulsing .product__design-zone-parts,.product-design-mobile-editor.is-zone-pulsing .product__design-zone{animation:none}.product-design-mobile-editor .product__design-zone-parts{opacity:1}.product-design-mobile-editor .product__design-zone{border-color:#1947d1}}
/*# sourceMappingURL=/cdn/shop/t/368/assets/component-product-design-mobile-editor.css.map */