#custom-case-app-section{font-family:inherit;position:relative}#custom-case-app-section .cc-design-anchor{display:block;height:0;overflow:hidden}#custom-case-app-section.is-model-switching .custom-case-layout{opacity:.35;pointer-events:none;transition:opacity .15s ease}#custom-case-app-section .case-model-switch-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;background:#f3f3f3b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#custom-case-app-section .case-model-switch-overlay[hidden]{display:none!important}#custom-case-app-section .case-model-switch-overlay__spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(0,0,0,.12);border-top-color:#222;animation:custom-case-spin .75s linear infinite}@keyframes custom-case-spin{to{transform:rotate(360deg)}}#custom-case-app-section .case-model-switch-overlay__label{font-size:.85rem;font-weight:500;color:#444}#custom-case-app-section .custom-case-layout{--case-controls-width: clamp(280px, 22vw + 4rem, 440px);display:flex;flex-direction:row;gap:0;flex-wrap:nowrap;align-items:flex-start;width:100%;max-width:none;margin:0;box-sizing:border-box;min-height:min(100vh,960px)}@media(min-width:1400px){#custom-case-app-section .custom-case-layout{--case-controls-width: clamp(320px, 20vw + 3rem, 460px)}}@media(min-width:861px){#custom-case-app-section .custom-case-preview{will-change:transform}}@media(min-width:1800px){#custom-case-app-section .custom-case-layout{--case-controls-width: clamp(340px, 18vw + 2.5rem, 480px)}}#custom-case-app-section .custom-case-preview{--case-preview-bg: #f3f3f3;position:sticky;top:0;z-index:1;flex:1 1 0;align-self:flex-start;min-width:0;height:100vh;height:100dvh;min-height:min(100vh,720px);max-height:100vh;max-height:100dvh;display:flex;justify-content:center;align-items:center;overflow:hidden;background:var(--case-preview-bg);box-sizing:border-box;padding:1.5rem;box-shadow:2px 0 4px #0000001f;-webkit-tap-highlight-color:transparent}#custom-case-app-section .product-info{position:absolute;top:0;right:0;bottom:0;left:0;z-index:28;pointer-events:none}#custom-case-app-section .product-info.is-open{pointer-events:auto}#custom-case-app-section .product-info__chip{pointer-events:auto;position:absolute;top:max(.65rem,env(safe-area-inset-top,0px));left:max(.65rem,env(safe-area-inset-left,0px));z-index:2;display:inline-flex;align-items:center;gap:.35rem;margin:0;padding:.4rem .7rem .4rem .5rem;border:1px solid rgba(0,0,0,.12);border-radius:999px;background:#fffffff0;color:#222;font-size:.8125rem;font-weight:600;line-height:1;cursor:pointer;box-shadow:0 1px 4px #0000001a;-webkit-tap-highlight-color:transparent;transition:background .15s ease,box-shadow .15s ease}#custom-case-app-section .product-info__chip:hover{background:#fff;box-shadow:0 2px 8px #0000001f}#custom-case-app-section .product-info__chip[aria-expanded=true]{background:#222;border-color:#222;color:#fff}#custom-case-app-section .product-info__chip-icon{width:1.05rem;height:1.05rem;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#custom-case-app-section .product-info__chip-label{transform:translateY(.02em)}#custom-case-app-section .use-photo-chip{position:absolute;top:max(.65rem,env(safe-area-inset-top,0px));right:max(.65rem,env(safe-area-inset-right,0px));z-index:27;display:inline-flex;align-items:center;gap:.4rem;margin:0;padding:.5rem .85rem .5rem .65rem;border:0;border-radius:999px;background:#1a7f37;color:#fff;font:inherit;font-size:.8125rem;font-weight:600;line-height:1;cursor:pointer;box-shadow:0 2px 10px #1a7f3759;-webkit-tap-highlight-color:transparent}#custom-case-app-section .use-photo-chip[hidden]{display:none}#custom-case-app-section .use-photo-chip:hover{background:#156b2e}#custom-case-app-section .use-photo-chip__icon{width:1.05rem;height:1.05rem;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#custom-case-app-section.is-marketing-capture .use-photo-chip{visibility:hidden!important}#custom-case-app-section .product-info__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;margin:0;padding:0;border:0;background:#14141459;cursor:pointer}#custom-case-app-section .product-info__panel{pointer-events:auto;position:absolute;z-index:3;top:max(.55rem,env(safe-area-inset-top,0px));left:max(.55rem,env(safe-area-inset-left,0px));right:max(.55rem,env(safe-area-inset-right,0px));bottom:auto;display:flex;flex-direction:column;width:auto;max-width:min(22rem,calc(100% - 1.1rem));max-height:min(70dvh,calc(100% - 1.5rem));margin:0;padding:0;border-radius:14px;background:#fff;box-shadow:0 12px 40px #00000038;overflow:hidden;box-sizing:border-box}#custom-case-app-section .product-info__panel[hidden]{display:none!important}#custom-case-app-section .product-info__panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex:0 0 auto;padding:.85rem .85rem .65rem 1rem;border-bottom:1px solid #eee}#custom-case-app-section .product-info__heading{min-width:0}#custom-case-app-section .product-info__kicker{margin:0 0 .15rem;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#777}#custom-case-app-section .product-info__title{margin:0;font-size:1.1rem;font-weight:700;line-height:1.25;color:#111}#custom-case-app-section .product-info__close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;padding:0;border:0;border-radius:999px;background:#f3f3f3;color:#222;cursor:pointer;-webkit-tap-highlight-color:transparent}#custom-case-app-section .product-info__close:hover{background:#e8e8e8}#custom-case-app-section .product-info__close svg{width:1.05rem;height:1.05rem;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#custom-case-app-section .product-info__panel-body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:.85rem 1rem 1.1rem;box-sizing:border-box}#custom-case-app-section .product-info__images{display:flex;flex-direction:column;gap:.55rem;margin:0 0 .85rem}#custom-case-app-section .product-info__image{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;object-position:center;border-radius:10px;background:#f3f3f3}#custom-case-app-section .product-info__body{margin:0;font-size:.9rem;line-height:1.45;color:#333}#custom-case-app-section .product-info__body>*:first-child{margin-top:0}#custom-case-app-section .product-info__body>*:last-child{margin-bottom:0}#custom-case-app-section .product-info__body p{margin:0 0 .65em}@media(min-width:861px){#custom-case-app-section .product-info__panel:has(.product-info__images:not([hidden])):has(.product-info__body){max-width:min(48rem,calc(100% - 1.1rem))}#custom-case-app-section .product-info__panel-body:has(.product-info__images:not([hidden])):has(.product-info__body){display:grid;grid-template-columns:clamp(9rem,calc((min(70dvh,100vh) - 9.5rem)/2),16rem) minmax(0,1fr);gap:.85rem;align-items:stretch}#custom-case-app-section .product-info__panel-body:has(.product-info__images:not([hidden])) .product-info__images{margin:0}#custom-case-app-section .product-info__panel-body:has(.product-info__images:not([hidden])) .product-info__body{contain:size;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1rem 1.1rem;border:1px solid #e6e6e6;border-radius:10px;background:#f7f7f7;box-sizing:border-box}}#custom-case-app-section .case-color-rail{position:absolute;left:clamp(.6rem,1.6vw,1.25rem);top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:.7rem}#custom-case-app-section .case-color-rail__swatch{width:42px;height:42px;padding:0;border-radius:50%;border:2px solid #d0d0d0;background:var(--case-swatch, #9e9e9e);box-shadow:0 1px 3px #0000001f;cursor:pointer}#custom-case-app-section .case-color-rail__swatch:hover{transform:scale(1.06)}#custom-case-app-section .case-color-rail__swatch[aria-pressed=true]{border-color:#111;box-shadow:0 0 0 2px #fff,0 0 0 4px #111}#custom-case-app-section .case-color-rail__swatch.case-color-swatch--dark-fill[aria-pressed=true]{box-shadow:0 0 0 2px #fff,0 0 0 4px #bbb}#custom-case-app-section .custom-case-stage{position:relative;display:block;width:fit-content;height:fit-content;max-width:100%;max-height:100%;line-height:0;--case-display-h: min(82vh, 768px);--case-model-scale: 1;transform:scale(var(--case-model-scale));transform-origin:center center;-webkit-tap-highlight-color:transparent}#custom-case-app-section #case-preview-image{display:block;width:auto;height:auto;max-width:100%;max-height:min(var(--case-display-h),min(90vh,900px));object-fit:contain;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}#custom-case-app-section .layer-slider-panel{--slider-len: clamp(120px, 24vh, 200px);--slider-thumb: 18px;position:absolute;right:clamp(.5rem,2vw,1.5rem);top:50%;transform:translateY(-50%);display:flex;gap:.75rem;z-index:20}#custom-case-app-section .layer-slider-panel[hidden]{display:none}#custom-case-app-section .layer-slider-group{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem .35rem;background:#ffffffeb;border:1px solid #e2e2e2;border-radius:999px;box-shadow:0 2px 8px #00000014}#custom-case-app-section .layer-slider-wrap{position:relative;width:24px;height:var(--slider-len)}#custom-case-app-section .layer-vertical-slider{-webkit-appearance:none;appearance:none;position:absolute;top:50%;left:50%;z-index:1;width:var(--slider-len);height:24px;margin:0;transform:translate(-50%,-50%) rotate(-90deg);background:transparent;cursor:pointer;touch-action:none}#custom-case-app-section .layer-vertical-slider::-webkit-slider-runnable-track{height:4px;background:#d9d9d9;border-radius:2px}#custom-case-app-section .layer-vertical-slider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--slider-thumb);height:var(--slider-thumb);margin-top:calc((4px - var(--slider-thumb)) / 2);border-radius:50%;background:transparent;border:none;box-sizing:border-box;box-shadow:none}#custom-case-app-section .layer-vertical-slider::-moz-range-track{height:4px;background:#d9d9d9;border-radius:2px}#custom-case-app-section .layer-vertical-slider::-moz-range-thumb{width:var(--slider-thumb);height:var(--slider-thumb);border-radius:50%;background:transparent;border:none;box-sizing:border-box;box-shadow:none}#custom-case-app-section .slider-thumb-visual{position:absolute;left:50%;top:50%;width:var(--slider-thumb);height:var(--slider-thumb);transform:translate(-50%,-50%);border-radius:50%;background:#111;border:2px solid #fff;box-sizing:border-box;box-shadow:0 1px 4px #0000004d;pointer-events:none;z-index:3}#custom-case-app-section .layer-slider-label{display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;color:#444;-webkit-user-select:none;user-select:none}#custom-case-app-section .layer-slider-label svg{display:block;width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#custom-case-app-section .rotate-tick{position:absolute;left:50%;transform:translate(-50%,-50%);width:32px;height:10px;padding:0;border:none;background:transparent;cursor:pointer;z-index:2}#custom-case-app-section .rotate-tick--p90{top:calc(var(--slider-thumb) / 2 + (100% - var(--slider-thumb)) * .25)}#custom-case-app-section .rotate-tick--zero{top:50%}#custom-case-app-section .rotate-tick--m90{top:calc(var(--slider-thumb) / 2 + (100% - var(--slider-thumb)) * .75)}#custom-case-app-section .rotate-tick:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);background:#b8b8b8;border-radius:1px}#custom-case-app-section .rotate-tick:hover:after,#custom-case-app-section .rotate-tick:focus-visible:after{background:#111}@media(max-width:860px){#custom-case-app-section .layer-slider-panel{--slider-len: clamp(100px, 18vh, 150px);right:.4rem;gap:.5rem}}#custom-case-app-section .print-area-overlay{position:absolute;box-sizing:border-box;border:2px dashed rgba(255,255,255,.7);pointer-events:none;z-index:5;left:0;top:0;transition:opacity .18s ease}#custom-case-app-section .print-area-overlay.is-pending{opacity:0;transition:none}#custom-case-app-section .print-area-overlay--svg{border:none;overflow:visible}#custom-case-app-section .print-area-overlay-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}#custom-case-app-section .print-area-overlay-svg path{fill:none;stroke:#ffffffd9;stroke-width:2.5;stroke-dasharray:10 7;vector-effect:non-scaling-stroke}#custom-case-app-section .print-area-overlay--ink-black .print-area-overlay-svg path{stroke:#000000d9}#custom-case-app-section .print-area-clip{position:absolute;left:0;top:0;overflow:hidden;box-sizing:border-box;z-index:10}#custom-case-app-section .snap-line{position:absolute;background:#ffffffe6;pointer-events:none;z-index:20;display:none}#custom-case-app-section .snap-line--vertical{top:0;bottom:0;width:1px}#custom-case-app-section .snap-line--horizontal{left:0;right:0;height:1px}#custom-case-app-section .text-layer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0) scale(1);font-size:26px;font-weight:600;letter-spacing:.01em;line-height:1.2;color:#111;cursor:move;border:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;z-index:10;width:max-content;max-width:96%;box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word;touch-action:none;display:flex;align-items:center;justify-content:center;min-width:calc(48px * var(--layer-inv-scale, 1));min-height:calc(48px * var(--layer-inv-scale, 1));padding:calc(.35rem + 6px * var(--layer-inv-scale, 1)) calc(.45rem + 6px * var(--layer-inv-scale, 1))}#custom-case-app-section .text-layer .text-inner{display:block;box-sizing:border-box;overflow-wrap:inherit;word-break:inherit;font-family:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit}#custom-case-app-section .text-layer:after{content:"";position:absolute;top:-.65rem;right:-.5rem;bottom:-.65rem;left:-.5rem;border:calc(2px * var(--layer-inv-scale, 1)) dashed transparent;border-radius:calc(4px * var(--layer-inv-scale, 1));pointer-events:none}#custom-case-app-section .text-layer.selected:after{border-color:#ffffffe6}#custom-case-app-section .layer-rotate,#custom-case-app-section .layer-resize{position:absolute;width:12px;height:12px;border:none;border-radius:0;background:transparent;box-shadow:none;display:none;align-items:center;justify-content:center;color:#111;filter:drop-shadow(0 0 1px rgba(255,255,255,.9)) drop-shadow(0 1px 1px rgba(0,0,0,.25));transform-origin:center center;touch-action:none;box-sizing:border-box;padding:0}#custom-case-app-section .layer-rotate svg,#custom-case-app-section .layer-resize svg{display:block;width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}@media(max-width:860px){#custom-case-app-section .layer-rotate,#custom-case-app-section .layer-resize{width:16px;height:16px}#custom-case-app-section .layer-rotate{top:-28px}#custom-case-app-section .layer-resize{bottom:-22px;right:-22px}}#custom-case-app-section .text-layer.selected .layer-rotate,#custom-case-app-section .text-layer.selected .layer-resize,#custom-case-app-section .image-layer.selected .layer-rotate,#custom-case-app-section .image-layer.selected .layer-resize{display:flex}#custom-case-app-section .layer-rotate{top:-24px;left:50%;transform:translate(-50%);cursor:grab}#custom-case-app-section .layer-resize{bottom:-18px;right:-18px;cursor:nwse-resize}#custom-case-app-section .custom-case-controls{flex:0 0 var(--case-controls-width);width:var(--case-controls-width);max-width:100%;min-width:260px;display:flex;flex-direction:column;container-type:inline-size;container-name:case-controls;box-sizing:border-box;padding:1.25rem clamp(1rem,1.5vw,1.75rem) 2rem;background:#fff}@media(max-width:860px){#custom-case-app-section.mobile-layout-active{--shopify-chrome-bottom: 0px;--mobile-header-h: 4.25rem;--mobile-bar-gap: 0px;--mobile-bar-h: calc(3.5rem + env(safe-area-inset-bottom, 0px) + var(--shopify-chrome-bottom) + var(--mobile-bar-gap));position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;overflow:hidden;overscroll-behavior:none;touch-action:none;background:#f3f3f3}#custom-case-app-section.mobile-layout-active .mobile-editor-bar,#custom-case-app-section.mobile-layout-active.mobile-tools-open .mobile-tools-backdrop{display:flex}#custom-case-app-section.mobile-layout-active .custom-case-layout{height:100%;min-height:0;max-height:100%;flex-wrap:nowrap;flex-direction:column;position:relative;overflow:hidden;overscroll-behavior:none}#custom-case-app-section.mobile-layout-active .custom-case-preview{position:relative;top:auto;flex:1 1 auto;width:100%;min-width:0;height:calc(100dvh - var(--mobile-bar-h));min-height:0;max-height:calc(100dvh - var(--mobile-bar-h));order:0;flex-direction:column;justify-content:center;align-items:center;padding:calc(var(--mobile-header-h) + .85rem) .5rem .85rem;box-shadow:none;overflow:hidden;overscroll-behavior:none;touch-action:none}#custom-case-app-section.mobile-layout-active .custom-case-stage{--case-fit-h: calc(100dvh - var(--mobile-bar-h) - var(--mobile-header-h) - 1.7rem);--case-display-h: calc(var(--case-fit-h) / var(--case-model-scale, 1));max-height:var(--case-fit-h);margin:0 auto;transform-origin:center center}#custom-case-app-section.mobile-layout-active .product-info__chip{top:calc(var(--mobile-header-h) + .5rem)}#custom-case-app-section.mobile-layout-active .case-color-rail{top:calc((var(--mobile-header-h) + 100%) / 2)}#custom-case-app-section.mobile-layout-active #case-preview-image{max-height:var(--case-display-h)}#custom-case-app-section.mobile-layout-active .custom-case-controls{position:fixed;left:0;right:0;bottom:var(--shopify-chrome-bottom, 0px);z-index:40;flex:none;display:flex;flex-direction:column;width:100%;max-width:none;min-width:0;max-height:min(75dvh,520px);margin:0;padding:.75rem max(1rem,env(safe-area-inset-right,0px)) 0 max(1rem,env(safe-area-inset-left,0px));background:#fff;border-radius:14px 14px 0 0;box-shadow:0 -8px 32px #0000001f;overflow:hidden;transform:translateY(100%);transition:transform .28s ease;box-sizing:border-box}#custom-case-app-section.mobile-layout-active.mobile-tools-open .custom-case-controls{transform:translateY(0)}#custom-case-app-section.mobile-layout-active .mobile-tools-sheet-body{display:block;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:0 0 calc(var(--mobile-bar-h) + .85rem);box-sizing:border-box}#custom-case-app-section.mobile-layout-active{--sep-pad-x: .9rem;--sep-pad-y: .95rem}#custom-case-app-section.mobile-layout-active .add-layer-btn{min-height:52px}#custom-case-app-section.mobile-layout-active #custom-case-add-to-cart,#custom-case-app-section.mobile-layout-active .upload-btn,#custom-case-app-section.mobile-layout-active .styles-library-btn{min-height:44px}#custom-case-app-section.mobile-layout-active .editor-toolbar-btn{min-width:44px;min-height:44px}#custom-case-app-section.mobile-layout-active .layer-editor-toggle{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}#custom-case-app-section.mobile-layout-active .controls-section--styles{overflow:visible}#custom-case-app-section.mobile-layout-active .preset-carousel{--preset-thumb-size: 84px;--preset-grid-gap: .75rem .55rem;margin-top:.35rem;padding:.55rem .35rem .65rem;box-sizing:border-box}#custom-case-app-section.mobile-layout-active .preset-carousel-container{padding:.45rem .15rem .55rem}#custom-case-app-section.mobile-layout-active .upload-modal,#custom-case-app-section.mobile-layout-active .styles-library-modal{padding:max(1rem,env(safe-area-inset-top,0px)) max(1rem,env(safe-area-inset-right,0px)) max(1rem,env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-left,0px));align-items:center;justify-content:center;z-index:2000}#custom-case-app-section.mobile-layout-active .upload-modal-content{max-height:min(88dvh,calc(100dvh - 2rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:min(var(--modal-max),100%)}#custom-case-app-section.mobile-layout-active .styles-library-panel{width:100%;max-width:min(720px,100%);max-height:min(88dvh,calc(100dvh - 2rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)))}#custom-case-app-section.mobile-layout-active.mobile-overlay-open .mobile-editor-bar,#custom-case-app-section.mobile-layout-active.mobile-overlay-open .mobile-tools-backdrop,#custom-case-app-section.mobile-layout-active.mobile-overlay-open .custom-case-controls{visibility:hidden;pointer-events:none}}@media(max-width:860px){#custom-case-app-section:not(.mobile-layout-active) .custom-case-layout{min-height:0;flex-wrap:wrap;flex-direction:column}#custom-case-app-section:not(.mobile-layout-active) .custom-case-preview{position:relative;top:auto;flex:1 1 100%;width:100%;min-width:0;height:auto;max-height:none;min-height:clamp(240px,50dvh,420px);order:-1;padding:1rem;box-shadow:0 2px 4px #0000001f}#custom-case-app-section:not(.mobile-layout-active) .custom-case-controls{flex:1 1 100%;width:100%;max-width:none;min-width:0;padding:1rem 1rem calc(1.25rem + env(safe-area-inset-bottom,0px))}#custom-case-app-section:not(.mobile-layout-active){--sep-pad-x: .75rem;--sep-pad-y: .85rem}#custom-case-app-section:not(.mobile-layout-active) .add-layer-btn{min-height:52px}#custom-case-app-section:not(.mobile-layout-active) #custom-case-add-to-cart,#custom-case-app-section:not(.mobile-layout-active) .upload-btn,#custom-case-app-section:not(.mobile-layout-active) .styles-library-btn{min-height:44px}#custom-case-app-section:not(.mobile-layout-active) .editor-toolbar-btn{min-width:44px;min-height:44px}#custom-case-app-section:not(.mobile-layout-active) .layer-editor-toggle{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}#custom-case-app-section:not(.mobile-layout-active) .checkout-actions{position:sticky;bottom:0;z-index:25;margin-top:1rem;margin-inline:calc(-1 * var(--sep-pad-x));padding:.75rem var(--sep-pad-x) calc(.75rem + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #eee;box-shadow:0 -4px 12px #0000000f}#custom-case-app-section:not(.mobile-layout-active) .preset-carousel{--preset-thumb-size: 88px;padding-inline:4px}#custom-case-app-section:not(.mobile-layout-active) .layer-slider-panel{--slider-len: clamp(88px, 16dvh, 130px);right:.25rem}#custom-case-app-section .case-color-rail{left:.4rem;gap:.5rem}#custom-case-app-section .case-color-rail__swatch{width:34px;height:34px}#custom-case-app-section:not(.mobile-layout-active) .upload-modal{padding:max(1rem,env(safe-area-inset-top,0px)) max(1rem,env(safe-area-inset-right,0px)) max(1rem,env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-left,0px));align-items:flex-end}#custom-case-app-section:not(.mobile-layout-active) .upload-modal-content{max-height:calc(100dvh - 2rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:min(var(--modal-max),100%)}#custom-case-app-section:not(.mobile-layout-active) .styles-library-modal{padding:max(.75rem,env(safe-area-inset-top,0px)) max(.75rem,env(safe-area-inset-right,0px)) max(.75rem,env(safe-area-inset-bottom,0px)) max(.75rem,env(safe-area-inset-left,0px));align-items:flex-end}#custom-case-app-section:not(.mobile-layout-active) .styles-library-panel{width:100%;max-height:calc(100dvh - 1.5rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}}@media(hover:none)and (pointer:coarse){#custom-case-app-section .layer-slider-panel{display:none!important}#custom-case-app-section .image-layer.selected{border-color:transparent}#custom-case-app-section .text-layer.selected .layer-rotate,#custom-case-app-section .text-layer.selected .layer-resize,#custom-case-app-section .image-layer.selected .layer-rotate,#custom-case-app-section .image-layer.selected .layer-resize{display:none!important}}@media(max-width:520px){#custom-case-app-section:not(.mobile-layout-active) .custom-case-preview{min-height:clamp(220px,45dvh,360px);padding:.75rem}#custom-case-app-section .custom-case-controls{padding-inline:.85rem}#custom-case-app-section{--modal-pad-y: 1.25rem;--modal-pad-x: 1.15rem;--modal-max: 100%}#custom-case-app-section .preset-carousel{--preset-thumb-size: 80px;--preset-grid-gap: .65rem .4rem}#custom-case-app-section .upload-actions{flex-direction:column-reverse}#custom-case-app-section .upload-actions .upload-btn{width:100%}}#custom-case-app-section .phone-model-picker{margin:0;padding:0;box-sizing:border-box}#custom-case-app-section .phone-model-picker-toggle,#custom-case-app-section .styles-fold-toggle{display:flex;align-items:center;gap:.65rem;width:100%;margin:0;padding:0;border:none;background:transparent;cursor:pointer;font:inherit;text-align:left;color:#222}#custom-case-app-section .phone-model-picker-chevron,#custom-case-app-section .styles-fold-chevron{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#a8a8a8;transition:transform .2s ease;transform:rotate(0)}#custom-case-app-section .phone-model-picker:not(.phone-model-picker--collapsed) .phone-model-picker-chevron,#custom-case-app-section .styles-fold:not(.styles-fold--collapsed) .styles-fold-chevron{transform:rotate(90deg)}#custom-case-app-section .phone-model-picker-chevron svg,#custom-case-app-section .styles-fold-chevron svg{display:block}#custom-case-app-section .phone-model-picker-summary{flex:1;min-width:0}#custom-case-app-section .phone-model-picker-current{display:flex;align-items:center;gap:.55rem;min-width:0}#custom-case-app-section .phone-model-picker-current-label{font-size:.95rem;font-weight:600;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#custom-case-app-section .phone-model-picker-current-thumb{width:36px;height:36px;border-radius:50%;border:1px solid #e8e8e8;background:#f5f5f5;object-fit:contain;flex-shrink:0}#custom-case-app-section .phone-model-picker-hint{font-size:.75rem;font-weight:500;color:#999;flex-shrink:0;margin-left:auto}#custom-case-app-section .phone-model-picker--collapsed .phone-model-picker-body{display:none}#custom-case-app-section .phone-model-picker-body{margin-top:.75rem}#custom-case-app-section .styles-fold{margin:0;padding:0}#custom-case-app-section .styles-fold-toggle .phone-model-picker-current-label{flex:1;min-width:0}#custom-case-app-section .styles-fold--collapsed .styles-fold-body{display:none}#custom-case-app-section .styles-fold-body{margin-top:.75rem}#custom-case-app-section .phone-model-picker-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#666;margin:0 0 .55rem}#custom-case-app-section .case-option-block{margin-bottom:1rem;padding:4px 8px 0;box-sizing:border-box}#custom-case-app-section .case-option-block--swatches-only{margin:0;padding:0}#custom-case-app-section .controls-section--options>.case-option-block:first-child{padding-top:0}#custom-case-app-section .visually-hidden,#custom-case-app-section .case-option-select--hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#custom-case-app-section .phone-model-row{display:grid;grid-template-columns:repeat(3,72px);justify-content:space-between;row-gap:.85rem;align-items:start;overflow:visible;padding:4px 0 6px;box-sizing:border-box}#custom-case-app-section .phone-model-item{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:72px}#custom-case-app-section .phone-model-circle{width:72px;height:72px;flex:0 0 72px;border-radius:50%;border:2px solid #ddd;background:#f3f3f3;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;font-size:.75rem;font-weight:700;color:#333;line-height:1.1;text-align:center;text-decoration:none;box-sizing:border-box;overflow:hidden;transition:border-color .2s,background .2s,box-shadow .2s,transform .15s}#custom-case-app-section a.phone-model-circle{color:#333}#custom-case-app-section .phone-model-circle.phone-model-circle--image{overflow:visible;background:transparent}#custom-case-app-section .phone-model-circle img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;pointer-events:none;transform-origin:center bottom}#custom-case-app-section .phone-model-circle:hover{border-color:#999;transform:scale(1.04)}#custom-case-app-section #phone-model-picker .phone-model-circle[aria-pressed=true]{border-color:#222;box-shadow:0 2px 8px #0003}#custom-case-app-section #phone-model-picker .phone-model-circle:not(.phone-model-circle--image)[aria-pressed=true]{background:#222;color:#fff}#custom-case-app-section .phone-model-circle.case-color-swatch{--case-swatch: #9e9e9e;background:var(--case-swatch);color:transparent;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;box-shadow:none}#custom-case-app-section .phone-model-circle.case-color-swatch:hover{border-color:#999;background:var(--case-swatch);color:transparent}#custom-case-app-section .phone-model-circle.case-color-swatch[aria-pressed=true]{border-color:#000;background:var(--case-swatch);color:transparent}#custom-case-app-section .phone-model-circle.case-color-swatch--dark-fill[aria-pressed=true]{border-color:#ccc}#custom-case-app-section .phone-model-label{font-size:.7rem;color:#555;text-align:center;max-width:100%;line-height:1.2}#custom-case-app-section .preset-carousel{--preset-thumb-size: 96px;--preset-grid-gap: .75rem .5rem;margin-bottom:1.25rem;margin-top:.15rem;padding-inline:8px;box-sizing:border-box}#custom-case-app-section .preset-carousel-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--preset-grid-gap);width:100%;padding:.2rem 0 .35rem;box-sizing:border-box;-webkit-user-select:none;user-select:none}#custom-case-app-section .preset-carousel-container>.preset-item-wrap:nth-child(n+7){display:none}@container case-controls (min-width: 420px){#custom-case-app-section .preset-carousel-container{grid-template-columns:repeat(4,minmax(0,1fr))}#custom-case-app-section .preset-carousel-container>.preset-item-wrap:nth-child(n+7){display:flex}#custom-case-app-section .preset-carousel-container>.preset-item-wrap:nth-child(n+9){display:none}}@container case-controls (max-width: 360px){#custom-case-app-section .preset-carousel-container{grid-template-columns:repeat(3,minmax(0,1fr))}#custom-case-app-section .preset-carousel-container>.preset-item-wrap:nth-child(n+7){display:none}}@property --styles-rainbow-angle{syntax: "<angle>"; inherits: false; initial-value: -90deg;}#custom-case-app-section .styles-library-btn{--styles-rainbow-angle: -90deg;position:relative;display:block;width:100%;margin-top:.65rem;padding:.55rem .75rem;border:1px solid #d4d4d4;border-radius:12px;background:#e5e5e5;color:#222;font-weight:600;font-size:.85rem;cursor:pointer;isolation:isolate;transition:background .2s ease,border-color .15s ease,box-shadow .25s ease}#custom-case-app-section .styles-library-btn:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:2px;box-sizing:border-box;background:conic-gradient(from var(--styles-rainbow-angle),#ff3b5c,#ff8a00,#ffd400,#3ddc84,#2ec5ff,#4f7cff,#c44dff,#ff3b5c);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0}#custom-case-app-section .styles-library-btn:hover{border-color:transparent;background:#ebebeb;box-shadow:0 0 10px #ff5aa047,0 0 18px #5aaaff38}#custom-case-app-section .styles-library-btn:hover:before{opacity:1;filter:drop-shadow(0 0 5px rgba(255,120,200,.4));animation:styles-library-rainbow-spin 1.5s linear infinite}@keyframes styles-library-rainbow-spin{to{--styles-rainbow-angle: 270deg}}#custom-case-app-section .styles-library-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;align-items:center;justify-content:center;background:#0000008c;padding:1rem;box-sizing:border-box}#custom-case-app-section .styles-library-modal.active{display:flex}#custom-case-app-section .styles-library-panel{position:relative;width:min(720px,100%);max-height:min(80vh,720px);overflow:hidden;background:#fff;border-radius:var(--modal-radius, 14px);padding:var(--modal-pad-y, 1.5rem) var(--modal-pad-x, 1.5rem);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--modal-gap, .85rem)}#custom-case-app-section .styles-library-close{position:relative;top:auto;align-self:flex-end;z-index:2;width:36px;height:36px;margin:0;border:none;border-radius:50%;background:#f0f0f0;color:#222;font-size:1.35rem;line-height:1;cursor:pointer;flex-shrink:0}#custom-case-app-section .styles-library-close:hover{background:#e4e4e4}#custom-case-app-section .styles-library-scroller{display:flex;align-items:stretch;gap:.65rem;flex:1 1 auto;min-height:0}#custom-case-app-section .styles-library-scroll{flex:1 1 auto;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}#custom-case-app-section .styles-library-scroll::-webkit-scrollbar{display:none;width:0;height:0}#custom-case-app-section .styles-library-scrollbar{flex:0 0 6px;width:6px;align-self:stretch;box-sizing:border-box}#custom-case-app-section .styles-library-scrollbar[hidden]{display:none}#custom-case-app-section .styles-library-scrollbar-track{position:relative;width:100%;height:100%;border-radius:999px;background:#f0f0f0;cursor:pointer}#custom-case-app-section .styles-library-scrollbar-thumb{position:absolute;left:0;top:0;width:100%;min-height:24px;border-radius:999px;background:#bdbdbd;cursor:grab;touch-action:none;will-change:top,height}#custom-case-app-section .styles-library-scrollbar-thumb:active{cursor:grabbing;background:#9e9e9e}#custom-case-app-section .styles-library-grid{--preset-thumb-size: 88px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin:0;clear:both}@media(max-width:520px){#custom-case-app-section .styles-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem .65rem;--preset-thumb-size: 76px}}#custom-case-app-section .styles-library-grid .preset-item-wrap{gap:.4rem}#custom-case-app-section .styles-library-grid .preset-item{width:min(var(--preset-thumb-size),100%);height:auto;aspect-ratio:1 / 1}#custom-case-app-section .styles-library-grid .preset-label{font-size:.75rem;color:#555;line-height:1.25;text-align:center}#custom-case-app-section .preset-item-wrap{display:flex;flex-direction:column;align-items:center;gap:.28rem;min-width:0;cursor:pointer}#custom-case-app-section .preset-item{box-sizing:border-box;width:min(var(--preset-thumb-size),100%);height:auto;aspect-ratio:1 / 1;max-width:100%;border-radius:50%;background:#f5f5f5;border:2px solid #e5e5e5;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s;position:relative;overflow:hidden;flex-shrink:0}#custom-case-app-section .preset-item:hover{border-color:#111;background:#f0f0f0}#custom-case-app-section .preset-item img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;border-radius:0;object-fit:cover;object-position:center;transform:none;pointer-events:none;image-rendering:auto}#custom-case-app-section .preset-item.empty{background:#fafafa}#custom-case-app-section .preset-item.empty:after{content:"+";font-size:2.5rem;color:#999;font-weight:300}#custom-case-app-section .preset-label{font-size:.68rem;color:#666;text-align:center;max-width:100%;line-height:1.15}#custom-case-app-section .controls-content{flex:1;display:flex;flex-direction:column}#custom-case-app-section{--sep-gap: .9rem;--sep-pad-y: .95rem;--sep-pad-x: .8rem;--sep-radius: 14px;--sep-bg: #fff;--sep-border: 1px solid #f0f0f0;--sep-shadow: 0 1px 3px rgba(0, 0, 0, .06)}#custom-case-app-section .controls-section{margin:0;padding:var(--sep-pad-y) var(--sep-pad-x);border-radius:var(--sep-radius);background:var(--sep-bg);border:var(--sep-border);box-shadow:var(--sep-shadow);box-sizing:border-box}#custom-case-app-section .controls-section+.controls-section,#custom-case-app-section .controls-section+.controls-content,#custom-case-app-section .controls-section+form,#custom-case-app-section .custom-case-controls>.controls-section+form,#custom-case-app-section .mobile-tools-sheet-body>.controls-section+form{margin-top:var(--sep-gap)}#custom-case-app-section .controls-content>.controls-section+.controls-section{margin-top:var(--sep-gap)}#custom-case-app-section .controls-section--styles .preset-carousel{margin-bottom:0}#custom-case-app-section .controls-section--layers .add-layer-btn:first-child{margin-top:0}#custom-case-app-section .controls-section--layers .editor-toolbar{margin-top:1rem}#custom-case-app-section .dev-tools{margin-top:1.5rem;padding:.9rem .9rem 1rem;border:1px dashed #c9a227;border-radius:12px;background:#fffbea}#custom-case-app-section .dev-tools>.homepage-shot-btn:first-of-type{margin-top:.85rem}#custom-case-app-section .dev-tools__title{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7a5d00}#custom-case-app-section .dev-tools__hint{margin:.2rem 0 .7rem;font-size:.75rem;color:#7a6a3a}#custom-case-app-section .dev-tools__key-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}#custom-case-app-section .dev-tools__label{flex:0 0 100%;font-size:.75rem;font-weight:600;color:#555}#custom-case-app-section .dev-tools__input{flex:1 1 140px;min-width:0;padding:.5rem .65rem;border:1px solid #ddd;border-radius:8px;font:inherit;font-size:.85rem}#custom-case-app-section .dev-tools__save{padding:.5rem .9rem;border:1px solid #222;border-radius:8px;background:#222;color:#fff;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer}#custom-case-app-section .dev-tools__status{margin:.35rem 0 0;min-height:1em;font-size:.75rem;color:#156b2e}#custom-case-app-section .dev-tools__status.is-error{color:#b42318}#custom-case-app-section .dev-preset{margin-top:.9rem;padding-top:.85rem;border-top:1px dashed #e0c868}#custom-case-app-section .dev-preset code{font-size:.7rem;background:#fff3c4;padding:.05em .3em;border-radius:4px}#custom-case-app-section .dev-preset__link-row[hidden]{display:none}#custom-case-app-section .dev-suite{margin-top:.9rem;padding-top:.85rem;border-top:1px dashed #e0c868}#custom-case-app-section .dev-suite>.dev-tools__label{display:block;margin-top:.35rem}#custom-case-app-section .dev-suite>.dev-tools__input{display:block;width:100%;box-sizing:border-box;margin-top:.25rem}#custom-case-app-section .dev-suite__save-all{margin-top:.7rem}#custom-case-app-section .dev-suite__singles{display:flex;flex-direction:column;gap:.45rem;margin-top:.45rem}#custom-case-app-section .dev-suite__singles .homepage-shot-btn{margin-top:0;padding:.55rem .75rem;background:#fff;color:#222}#custom-case-app-section .dev-suite__singles .homepage-shot-btn:hover{background:#f3f3f3;border-color:#222}#custom-case-app-section .dev-suite__links{display:flex;flex-direction:column;gap:.45rem;margin-top:.75rem}#custom-case-app-section .dev-suite__links[hidden]{display:none}#custom-case-app-section .dev-suite__links .dev-tools__hint{margin:0}#custom-case-app-section .dev-phones{margin-top:.75rem;padding:.75rem .8rem .85rem;border:1px dashed #c9a227;border-radius:12px;background:#fffbea}#custom-case-app-section .dev-phones__heading{margin:.6rem 0 .35rem;font-size:.72rem;font-weight:600;color:#7a6a3a}#custom-case-app-section .dev-phones__note{margin:.35rem 0 0;padding:.4rem .55rem;border-radius:8px;background:#fde68a;font-size:.75rem;font-weight:600;color:#5c4300}#custom-case-app-section .dev-phones__note[hidden]{display:none}#custom-case-app-section .dev-phones__row{display:flex;flex-wrap:wrap;gap:.4rem}#custom-case-app-section .dev-phones__empty{font-size:.75rem;color:#8a7a4a}#custom-case-app-section .dev-phones__chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border:1px solid #e0c868;border-radius:999px;background:#fff;color:#333;font:inherit;font-size:.75rem;font-weight:600;cursor:pointer}#custom-case-app-section .dev-phones__chip img{width:22px;height:42px;object-fit:cover;border-radius:4px}#custom-case-app-section .dev-phones__chip[aria-pressed=true]{border-color:#222;background:#222;color:#fff}#custom-case-app-section .dev-grade__adjust{margin-top:.45rem;font-size:.75rem;color:#5c4f2a}#custom-case-app-section .dev-grade__adjust summary{cursor:pointer;font-weight:600}#custom-case-app-section .dev-grade__sliders{display:grid;grid-template-columns:5.5rem minmax(0,1fr) 2.5rem;align-items:center;gap:.3rem .5rem;margin-top:.45rem}#custom-case-app-section .dev-grade__sliders input[type=range]{width:100%}#custom-case-app-section .dev-grade__sliders output{text-align:right;font-variant-numeric:tabular-nums}#custom-case-app-section .dev-grade__prompt-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.6rem}#custom-case-app-section .dev-grade-overlay,#custom-case-app-section .dev-grade-overlay>div{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#custom-case-app-section .dev-grade-overlay{z-index:26}#custom-case-app-section.is-dev-phone .case-color-rail{display:none}#custom-case-app-section.is-dev-phone #custom-case-add-to-cart{opacity:.45;pointer-events:none}#custom-case-app-section .homepage-shot-btn{width:100%;padding:.75rem;margin-top:1.5rem;border-radius:999px;border:1px solid #222;background:#222;color:#fff;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}#custom-case-app-section .homepage-shot-btn:hover{background:#444;border-color:#444}#custom-case-app-section .homepage-shot-btn:disabled{background:#999;border-color:#999;cursor:wait}#custom-case-app-section .homepage-shot-btn--ad{margin-top:.75rem;background:#fff;color:#222}#custom-case-app-section .homepage-shot-btn--ad:hover{background:#f3f3f3;border-color:#222}#custom-case-app-section .homepage-shot-hint{margin:.45rem 0 0;font-size:.75rem;line-height:1.35;color:#666}#custom-case-app-section .homepage-shot-hint code{font-size:.7rem;background:#f0f0f0;padding:.05em .3em;border-radius:3px}#custom-case-app-section .send-to-jig-wrap{display:none;margin-top:1.5rem}#custom-case-app-section .send-to-jig-wrap.is-local{display:block}#custom-case-app-section .send-to-jig-btn{width:100%;padding:.75rem;border-radius:999px;border:1px solid #222;background:#fff;color:#222;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}#custom-case-app-section .send-to-jig-btn:hover{background:#f3f3f3}#custom-case-app-section .send-to-jig-btn:disabled{background:#eee;color:#888;cursor:wait}#custom-case-app-section .send-to-jig-status{margin:.45rem 0 0;font-size:.75rem;line-height:1.35;color:#666}#custom-case-app-section .send-to-jig-status.is-error{color:#b42318}#custom-case-app-section.is-marketing-capture .custom-case-stage{transform:none!important;background:#f3f3f3!important}#custom-case-app-section.is-marketing-capture .print-area-overlay,#custom-case-app-section.is-marketing-capture .snap-line,#custom-case-app-section.is-marketing-capture .layer-slider-panel,#custom-case-app-section.is-marketing-capture .layer-rotate,#custom-case-app-section.is-marketing-capture .layer-resize,#custom-case-app-section.is-marketing-capture .product-info{visibility:hidden!important}#custom-case-app-section.is-marketing-capture .text-layer.selected:after{border-color:transparent!important}#custom-case-app-section.is-marketing-capture .image-layer.selected{outline:none!important;box-shadow:none!important}#custom-case-app-section .advanced-editor-btn{width:100%;padding:.75rem;border-radius:999px;border:1px solid #ddd;background:#fff;color:#222;font-weight:600;cursor:pointer;margin-top:.75rem;transition:all .2s}#custom-case-app-section .advanced-editor-btn:hover{background:#f7f7f7;border-color:#ccc}#custom-case-app-section .test-unlock-btn{width:100%;padding:.55rem;border-radius:999px;border:1px dashed #bbb;background:#fafafa;color:#666;font-weight:500;font-size:.85rem;cursor:pointer;margin-top:.5rem}#custom-case-app-section .test-unlock-btn:hover{background:#f0f0f0;border-color:#999;color:#333}#custom-case-app-section select,#custom-case-app-section input[type=text],#custom-case-app-section input[type=email]{width:100%;max-width:100%;padding:.6rem .75rem;border-radius:6px;border:1px solid #ddd;margin-top:.25rem;box-sizing:border-box}#custom-case-app-section .add-layer-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;width:100%;min-height:52px;padding:.9rem 1rem;border-radius:14px;border:1.5px solid transparent;cursor:pointer;margin-top:.65rem;background:#f3f3f3;color:#111;font:inherit;font-size:1.02rem;font-weight:650;letter-spacing:.01em;line-height:1.1;box-sizing:border-box;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}#custom-case-app-section .add-layer-btn-icon{width:1.2rem;height:1.2rem;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#custom-case-app-section .add-layer-btn:hover{background:#e8e8e8}#custom-case-app-section .add-photo-btn{background:#111;color:#fff;box-shadow:0 6px 16px #00000024}#custom-case-app-section .add-photo-btn:hover{background:#2a2a2a;box-shadow:0 8px 20px #0000002e}#custom-case-app-section .add-text-btn{background:#fff;color:#111;border-color:#d8d8d8}#custom-case-app-section .add-text-btn:hover{background:#fafafa;border-color:#bbb}#custom-case-app-section .add-photo-btn:disabled,#custom-case-app-section .add-layer-btn:disabled,#custom-case-app-section .custom-case-controls #custom-case-add-to-cart:disabled{opacity:.55;cursor:not-allowed}#custom-case-app-section .editor-toolbar{display:flex;gap:.5rem;margin-top:.75rem}#custom-case-app-section .editor-toolbar-btn{flex:1;padding:.55rem .75rem;border-radius:10px;border:1px solid #ddd;background:#fafafa;color:#222;font-weight:600;cursor:pointer}#custom-case-app-section .editor-toolbar-btn--icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;min-width:2.5rem;padding:.55rem}#custom-case-app-section .editor-toolbar-btn--icon svg{display:block;width:1.15rem;height:1.15rem;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#custom-case-app-section .editor-toolbar-btn:disabled{opacity:.45;cursor:not-allowed}#custom-case-app-section .editor-toolbar-btn--danger{color:#b42318;border-color:#ecc8c5}#custom-case-app-section .editor-toolbar-btn--danger:hover{background:#fdf1f0}#custom-case-app-section .custom-case-preview.case-editor--interacting{touch-action:none;-webkit-user-select:none;user-select:none}#custom-case-app-section .custom-case-preview.case-editor--interacting .image-layer,#custom-case-app-section .custom-case-preview.case-editor--interacting .text-layer,#custom-case-app-section .custom-case-preview.case-editor--interacting img{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important}#custom-case-app-section .image-layer,#custom-case-app-section .text-layer{outline:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#custom-case-app-section .image-layer:focus,#custom-case-app-section .image-layer:focus-visible,#custom-case-app-section .text-layer:focus,#custom-case-app-section .text-layer:focus-visible{outline:none}#custom-case-app-section .image-layer img::selection,#custom-case-app-section .image-layer::selection,#custom-case-app-section .text-layer::selection{background:transparent;color:inherit}#custom-case-app-section .advanced-editor-btn{display:none}#custom-case-app-section .checkout-actions{margin-top:var(--sep-gap, .9rem);padding:0;border:none;background:transparent;box-shadow:none}#custom-case-app-section .mobile-editor-bar,#custom-case-app-section .mobile-tools-backdrop{display:none}#custom-case-app-section .mobile-tools-sheet-body{display:contents}#custom-case-app-section .mobile-editor-bar{--shopify-chrome-bottom: 0px;--mobile-bar-gap: 0px;--mobile-bar-h: calc(3.5rem + env(safe-area-inset-bottom, 0px) + var(--shopify-chrome-bottom) + var(--mobile-bar-gap));position:fixed;left:0;right:0;bottom:var(--shopify-chrome-bottom, 0px);z-index:50;flex-wrap:wrap;align-items:stretch;gap:.5rem;padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e8e8e8;border-radius:14px 14px 0 0;box-shadow:0 -4px 16px #00000014;box-sizing:border-box;touch-action:manipulation;isolation:isolate}#custom-case-app-section .mobile-editor-bar:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;z-index:-1;border-radius:inherit;pointer-events:none}#custom-case-app-section .mobile-editor-bar.mobile-bar-has-selection .mobile-checkout-slot{flex:1 1 100%}#custom-case-app-section .mobile-tools-toggle{flex:0 0 auto;min-width:5.5rem;min-height:44px;padding:.55rem 1rem;border-radius:12px;border:1px solid #ddd;background:#f5f5f5;color:#222;font:inherit;font-weight:600;font-size:.95rem;cursor:pointer}#custom-case-app-section .mobile-tools-toggle:disabled{opacity:.5;cursor:not-allowed}#custom-case-app-section .mobile-text-edit-btn{flex:0 0 auto;min-width:4.5rem;min-height:44px;padding:.55rem 1rem;border-radius:12px;border:1px solid #111;background:#111;color:#fff;font:inherit;font-weight:600;font-size:.95rem;cursor:pointer}#custom-case-app-section .mobile-delete-layer-btn{flex:0 0 auto;min-width:4.5rem;min-height:44px;padding:.55rem 1rem;border-radius:12px;border:1px solid #e0b4b4;background:#fff5f5;color:#b42318;font:inherit;font-weight:600;font-size:.95rem;cursor:pointer}#custom-case-app-section.mobile-layout-active.mobile-text-editing .mobile-text-edit-btn,#custom-case-app-section.mobile-layout-active.mobile-text-editing .mobile-delete-layer-btn{display:none!important}#custom-case-app-section .mobile-text-dock-delete{min-height:40px;padding:.45rem .85rem;border:1px solid #e0b4b4;border-radius:10px;background:#fff5f5;color:#b42318;font:inherit;font-weight:600;cursor:pointer;flex-shrink:0}#custom-case-app-section .mobile-checkout-slot{flex:1 1 auto;min-width:0;display:flex;align-items:stretch}#custom-case-app-section .mobile-checkout-slot .checkout-actions{margin:0;flex:1 1 auto;display:flex}#custom-case-app-section .mobile-checkout-slot .checkout-actions #custom-case-add-to-cart{flex:1 1 auto;width:100%;min-height:48px;margin:0}#custom-case-app-section .mobile-tools-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#00000073;cursor:pointer}#custom-case-app-section .custom-case-controls #custom-case-add-to-cart{display:inline-flex;align-items:center;justify-content:center;margin-top:0;width:100%;min-height:48px;padding:.85rem 1.1rem;border:none;border-radius:12px;background:#1a7f37;color:#fff;font:inherit;gap:0;font-size:1rem;font-weight:600;letter-spacing:.01em;cursor:pointer;box-shadow:0 6px 16px #1a7f3747;transition:background .15s ease,box-shadow .15s ease,transform .1s ease}#custom-case-app-section .add-to-cart-price:before{content:"\b7";margin:0 .4rem;font-weight:500;opacity:.75}#custom-case-app-section .add-to-cart-price{white-space:nowrap;font-variant-numeric:tabular-nums}#custom-case-app-section .custom-case-controls #custom-case-add-to-cart:hover{background:#156b2e;box-shadow:0 8px 20px #1a7f3757}#custom-case-app-section .custom-case-controls #custom-case-add-to-cart:active{transform:translateY(1px)}#custom-case-app-section .custom-case-controls #custom-case-add-to-cart:disabled{background:#8bbb98;box-shadow:none;cursor:not-allowed;transform:none}#custom-case-app-section .layer-editor{border:1px solid #e5e5e5;border-radius:12px;background:#fff;padding:1rem;margin-top:1rem;box-shadow:0 1px 2px #0000000f;min-width:0;box-sizing:border-box}#custom-case-app-section .layer-editor-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}#custom-case-app-section .layer-drag-handle{flex:0 0 auto;width:22px;height:26px;padding:0;border:none;background:transparent;color:#b5b5b5;cursor:grab;touch-action:none;display:flex;align-items:center;justify-content:center}#custom-case-app-section .layer-drag-handle:hover{color:#555}#custom-case-app-section .layer-editor--dragging{opacity:.85;box-shadow:0 6px 18px #0000002e;border-color:#bbb;position:relative;z-index:5}#custom-case-app-section .layer-editor--dragging .layer-drag-handle{cursor:grabbing}#custom-case-app-section .layer-editor--collapsed .layer-editor-header{margin-bottom:0}#custom-case-app-section .layer-editor-toggle{flex:1;min-width:0;display:flex;align-items:flex-start;gap:.45rem;margin:0;padding:0;border:none;background:transparent;cursor:pointer;font:inherit;text-align:left;color:#222}#custom-case-app-section .layer-editor-chevron{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.3rem;color:#a8a8a8;transition:transform .2s ease;transform:rotate(90deg)}#custom-case-app-section .layer-editor-chevron svg{display:block}#custom-case-app-section .layer-editor--collapsed .layer-editor-chevron{transform:rotate(0)}#custom-case-app-section .layer-editor-title-stack{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;min-width:0;flex:1}#custom-case-app-section .layer-editor-title{margin:0;font-size:1.1rem;font-weight:600;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}#custom-case-app-section .layer-editor-text-preview{font-size:.78rem;font-weight:400;color:#888;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}#custom-case-app-section .layer-editor-text-preview:empty{display:none}#custom-case-app-section .layer-editor-body{display:block}#custom-case-app-section .layer-editor--collapsed .layer-editor-body{display:none}#custom-case-app-section .layer-editor h3{margin:0;font-size:1.1rem;font-weight:600;color:#222;flex:1;min-width:0}#custom-case-app-section .layer-editor-field-label{display:block;font-family:inherit;font-size:.8125rem;font-weight:600;color:#444;line-height:1.3;margin-top:.75rem;margin-bottom:0}#custom-case-app-section .layer-editor-body>.layer-editor-field-label:first-child{margin-top:0}#custom-case-app-section .layer-delete-btn,#custom-case-app-section .layer-visibility-btn{border:none;background:transparent;cursor:pointer;font-size:1rem;line-height:1;padding:.1rem .4rem;border-radius:999px;color:#555;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}#custom-case-app-section .layer-visibility-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#custom-case-app-section .layer-delete-btn:hover,#custom-case-app-section .layer-visibility-btn:hover{background:#f2f2f2}#custom-case-app-section .layer-visibility-btn[aria-pressed=true]{color:#888}#custom-case-app-section .layer-editor--layer-hidden{opacity:.72}#custom-case-app-section .layer-editor--layer-hidden .layer-editor-title,#custom-case-app-section .layer-editor--layer-hidden h3{color:#888}#custom-case-app-section .text-layer.layer--hidden,#custom-case-app-section .image-layer.layer--hidden{visibility:hidden;pointer-events:none}#custom-case-app-section .text-color-row{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}#custom-case-app-section .text-color-swatch{width:26px;height:26px;border-radius:50%;cursor:pointer;border:2px solid #ddd;box-sizing:border-box}#custom-case-app-section .text-color-swatch.active{border-color:#000}#custom-case-app-section .text-color-swatch--none{background:#fff;position:relative;overflow:hidden}#custom-case-app-section .text-color-swatch--none:after{content:"";position:absolute;left:3px;right:3px;top:50%;height:2px;margin-top:-1px;background:#e11d2e;transform:rotate(-40deg);border-radius:1px}#custom-case-app-section .text-color-more-btn,#custom-case-app-section .font-more-btn{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:.4rem .85rem;border-radius:10px;border:1px solid #e5e5e5;background:#fff;color:#222;font-family:inherit;font-size:.8125rem;font-weight:600;letter-spacing:.01em;line-height:1.2;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}#custom-case-app-section .text-color-more-btn:hover,#custom-case-app-section .font-more-btn:hover{background:#f3f3f3;border-color:#d0d0d0;color:#111}#custom-case-app-section .font-more-btn{margin-top:.5rem;width:100%}#custom-case-app-section .layered-toggle-row{display:flex;align-items:center;gap:.65rem;width:100%;box-sizing:border-box;margin:.75rem 0 .35rem;padding:.65rem .85rem;border:1px solid #e5e5e5;border-radius:10px;background:#fff;font-family:inherit;font-size:.8125rem;font-weight:600;letter-spacing:.01em;color:#222;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}#custom-case-app-section .layered-toggle-row:hover{background:#f3f3f3;border-color:#d0d0d0}#custom-case-app-section .layered-toggle-row:has(input:checked){background:#f7f7f7;border-color:#222;box-shadow:inset 0 0 0 1px #222}#custom-case-app-section .layered-toggle-row input[type=checkbox]{width:1.05rem;height:1.05rem;margin:0;flex-shrink:0;cursor:pointer;accent-color:#111}#custom-case-app-section .layered-toggle-row>span:first-of-type{flex:1;min-width:0}#custom-case-app-section .layered-toggle-hint{flex:none;font-size:.75rem;font-weight:600;color:#888;letter-spacing:.02em}#custom-case-app-section .layered-toggle-hint:after{content:"Off"}#custom-case-app-section .layered-toggle-row:has(input:checked) .layered-toggle-hint{color:#222}#custom-case-app-section .layered-toggle-row:has(input:checked) .layered-toggle-hint:after{content:"On"}#custom-case-app-section .text-border-controls{margin:.35rem 0 .75rem;padding:.65rem .75rem .75rem;background:#f7f7f7;border-radius:10px;border:1px solid #ebebeb}#custom-case-app-section .text-border-controls.hidden{display:none}#custom-case-app-section .text-border-size-row{display:flex;align-items:center;gap:.65rem}#custom-case-app-section .text-border-size{flex:1;min-width:0;margin:0;accent-color:#111}#custom-case-app-section .text-border-size-value{min-width:1.75rem;font-size:.8125rem;font-weight:600;color:#444;text-align:right}#custom-case-app-section .text-fold{margin:.55rem 0 .35rem}#custom-case-app-section .text-fold-toggle{width:100%;display:flex;align-items:center;gap:.45rem;padding:.55rem .65rem;border:1px solid #e4e4e4;border-radius:10px;background:#fafafa;cursor:pointer;font:inherit;color:#222;text-align:left}#custom-case-app-section .text-fold-toggle.is-open{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}#custom-case-app-section .text-fold-toggle-label{font-size:.8125rem;font-weight:600}#custom-case-app-section .text-fold-toggle-value{margin-left:auto;font-size:.75rem;color:#666;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#custom-case-app-section .text-fold-colour-value{display:inline-flex;align-items:center;justify-content:flex-end;gap:.4rem;overflow:visible}#custom-case-app-section .text-fold-colour-chip{display:inline-block;width:2.35rem;height:.72rem;border-radius:4px;border:1px solid rgba(0,0,0,.18);box-sizing:border-box;flex:0 0 auto}#custom-case-app-section .text-fold-colour-chip[hidden]{display:none}#custom-case-app-section .text-fold-colour-note:empty{display:none}#custom-case-app-section .text-fold-toggle .layer-editor-chevron{display:inline-flex;flex:0 0 auto;transition:transform .15s ease}#custom-case-app-section .text-fold-toggle.is-open .layer-editor-chevron{transform:rotate(90deg)}#custom-case-app-section .text-fold-body{border:1px solid #e4e4e4;border-top:none;border-radius:0 0 10px 10px;background:#fff;padding:.65rem}#custom-case-app-section .text-fold-body.hidden{display:none}#custom-case-app-section .text-fold-body .layered-toggle-row{margin-top:.75rem}#custom-case-app-section .text-fold-body .text-border-controls{margin-top:.5rem;margin-bottom:0}#custom-case-app-section .text-shape-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}#custom-case-app-section .text-shape-preset{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.55rem .4rem .45rem;border:1.5px solid #ddd;border-radius:10px;background:#fafafa;cursor:pointer;font:inherit;color:#222}#custom-case-app-section .text-shadow-ui{display:none!important}#custom-case-app-section .text-shape-preset-label{font-size:.7rem;font-weight:600}#custom-case-app-section .text-shape-preset-icon{width:52px;height:28px;border-radius:4px;color:#888;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 120%,transparent 54%,#bbb 55%,#bbb 58%,transparent 59%),linear-gradient(#ddd,#ddd);background-size:100% 100%,70% 2px;background-position:center,center;background-repeat:no-repeat}#custom-case-app-section .text-shape-preset-icon--svg{background:none}#custom-case-app-section .text-shape-preset-icon-svg{display:block;width:52px;height:28px;overflow:visible;shape-rendering:geometricPrecision}#custom-case-app-section .text-shape-preset.is-selected .text-shape-preset-icon{color:#222}#custom-case-app-section .text-shape-preset-icon--straight{background:linear-gradient(#bbb,#bbb);background-size:70% 2px;background-position:center;background-repeat:no-repeat}#custom-case-app-section .text-shape-preset-icon--arc_soft,#custom-case-app-section .text-shape-preset-icon--arc_strong,#custom-case-app-section .text-shape-preset-icon--circle,#custom-case-app-section .text-shape-preset-icon--wave,#custom-case-app-section .text-shape-preset-icon--repeat_wave,#custom-case-app-section .text-shape-preset-icon--repeat_diagonal{background:none}#custom-case-app-section .text-shape-preset-icon--wave{position:relative}#custom-case-app-section .text-shape-preset-icon--wave:after{content:none}#custom-case-app-section .text-layer--shaped{overflow-wrap:normal;word-break:normal;max-width:none}#custom-case-app-section .text-layer--fill{max-width:none}#custom-case-app-section .text-layer .text-glyph--word{white-space:pre}#custom-case-app-section .text-layer .text-inner--shaped{display:block;position:relative;line-height:1;overflow:visible}#custom-case-app-section .text-layer .text-glyph{position:absolute;left:50%;top:50%;display:inline-block;white-space:pre;line-height:1;transform-origin:center center;pointer-events:none}#custom-case-app-section .layered-colors{margin-top:.75rem;padding:.75rem;background:#f9f9f9;border-radius:8px;border:1px solid #eee}#custom-case-app-section .layered-colors.hidden,#custom-case-app-section .multitone-colors.hidden{display:none}#custom-case-app-section .layered-color-group{margin-bottom:.5rem}#custom-case-app-section .layered-color-group:last-child{margin-bottom:0}#custom-case-app-section .layered-color-group label{font-family:inherit;font-size:.8125rem;font-weight:600;color:#444;line-height:1.3;display:block;margin-bottom:.25rem}#custom-case-app-section .visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#custom-case-app-section .font-picker{margin-bottom:.75rem}#custom-case-app-section .font-chip-row{display:flex;flex-wrap:wrap;gap:.4rem}#custom-case-app-section .font-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-width:3.4rem;padding:.4rem .45rem .35rem;border-radius:10px;border:1.5px solid #ddd;background:#fafafa;cursor:pointer;color:#222;line-height:1.1}#custom-case-app-section .font-chip:hover{border-color:#999}#custom-case-app-section .font-chip.is-selected{border-color:#111;background:#fff;box-shadow:0 0 0 1px #111}#custom-case-app-section .font-chip-sample{font-size:1.15rem;line-height:1.2;color:#111}#custom-case-app-section .font-chip-label{font-family:inherit;font-size:.62rem;font-weight:600;color:#666;max-width:4.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#custom-case-app-section .font-picker-current{margin:.4rem 0 0;font-size:.78rem;color:#555}#custom-case-app-section .font-library-modal-content{max-width:min(440px,100%);max-height:min(86vh,640px)}#custom-case-app-section .font-library-search{width:100%;box-sizing:border-box;padding:.55rem .7rem;border-radius:10px;border:1px solid #ddd;font-size:.9rem}#custom-case-app-section .font-library-cats{display:flex;flex-wrap:wrap;gap:.35rem}#custom-case-app-section .font-library-cat{padding:.28rem .7rem;border-radius:999px;border:1px solid #ddd;background:#f7f7f7;font-size:.75rem;font-weight:600;cursor:pointer;color:#444}#custom-case-app-section .font-library-cat.is-active{background:#111;border-color:#111;color:#fff}#custom-case-app-section .font-library-list{display:flex;flex-direction:column;gap:.35rem;max-height:320px;overflow:auto;padding-right:.15rem}#custom-case-app-section .font-library-item{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;width:100%;text-align:left;padding:.55rem .7rem;border-radius:10px;border:1px solid #ececec;background:#fafafa;cursor:pointer}#custom-case-app-section .font-library-item:hover{border-color:#ccc}#custom-case-app-section .font-library-item.is-selected{border-color:#111;background:#fff}#custom-case-app-section .font-library-item-sample{font-size:1.2rem;color:#111}#custom-case-app-section .font-library-item-meta{font-family:inherit;font-size:.68rem;font-weight:600;color:#888;text-transform:capitalize;flex-shrink:0}#custom-case-app-section .font-library-empty{margin:.5rem 0 0;font-size:.85rem;color:#777}#custom-case-app-section .color-library-modal-content{max-width:min(460px,100%);max-height:min(88vh,720px)}#custom-case-app-section .color-library-grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:3px;max-height:min(52vh,380px);overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:2px;touch-action:pan-y}#custom-case-app-section .color-library-swatch{aspect-ratio:1;width:100%;min-width:0;min-height:0;padding:0;border-radius:4px;border:1px solid rgba(0,0,0,.12);cursor:pointer;box-sizing:border-box;touch-action:manipulation}#custom-case-app-section .color-library-swatch:hover{transform:scale(1.08);z-index:1}#custom-case-app-section .color-library-swatch.is-selected{outline:2px solid #111;outline-offset:1px;border-color:#111}#custom-case-app-section .color-library-custom{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.15rem}#custom-case-app-section .color-library-custom-label{font-size:.85rem;font-weight:600;color:#333}#custom-case-app-section .color-library-custom-input{width:3rem;height:2rem;padding:0;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer}@media(max-width:860px){#custom-case-app-section .color-library-modal-content{max-width:100%;max-height:min(90dvh,720px)}#custom-case-app-section .color-library-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;max-height:min(58dvh,420px);padding:4px 2px}#custom-case-app-section .color-library-swatch{min-height:40px;border-radius:6px}#custom-case-app-section .color-library-swatch:hover{transform:none}#custom-case-app-section .color-library-custom-input{width:3.5rem;height:2.75rem}}#custom-case-app-section .text-color-swatch[data-color="#ffffff"],#custom-case-app-section .text-color-swatch[data-color="#FFFFFF"]{border-color:#c8c8c8}#custom-case-app-section .font-input.regular-font-select{font-size:.9rem;line-height:1.35;color:#222;font-weight:600}#custom-case-app-section .font-input.regular-font-select option{font-weight:600;color:#222}#custom-case-app-section .multitone-preview-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}#custom-case-app-section .multitone-preview-item{width:44px;height:44px;border-radius:50%;border:2px solid #ddd;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#f5f5f5;transition:border-color .2s,transform .15s}#custom-case-app-section .multitone-preview-item:hover{border-color:#999;transform:scale(1.05)}#custom-case-app-section .multitone-preview-item.selected{border-color:#333;border-width:2px}#custom-case-app-section .multitone-preview-item span{font-size:1.25rem;font-weight:700;pointer-events:none}#custom-case-app-section{--modal-pad-y: 1.5rem;--modal-pad-x: 1.5rem;--modal-gap: .85rem;--modal-max: 400px;--modal-radius: 14px;--modal-title-size: 1.15rem;--modal-hint-size: .9rem;--modal-actions-pt: .35rem;--modal-btn-pad-y: .55rem;--modal-btn-pad-x: 1rem;--modal-btn-radius: 10px;--modal-drop-min-h: 112px}#custom-case-app-section .upload-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0000008c;z-index:2000;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}#custom-case-app-section .upload-modal.active{display:flex}#custom-case-app-section #color-library-modal.active,#custom-case-app-section #font-library-modal.active{z-index:2300}#custom-case-app-section .upload-modal-content{background:#fff;padding:var(--modal-pad-y) var(--modal-pad-x);border-radius:var(--modal-radius);max-width:var(--modal-max);width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--modal-gap)}#custom-case-app-section .upload-modal-content h3{margin:0;font-family:inherit;font-weight:600;font-size:var(--modal-title-size);color:#222;line-height:1.25}#custom-case-app-section .upload-modal-hint{margin:0;font-size:var(--modal-hint-size);color:#555;line-height:1.45}#custom-case-app-section .upload-generations-left{margin:0;padding:.55rem .75rem;border-radius:8px;background:#f0f7ff;color:#1a5fb4;font-size:.85rem;font-weight:500;line-height:1.35}#custom-case-app-section .upload-generations-left.warning{background:#fff8e6;color:#9a6700}#custom-case-app-section .upload-generations-left.empty{background:#fef2f2;color:#b42318}#custom-case-app-section .unlock-marketing-row{margin:0}#custom-case-app-section .upload-modal-content input[type=email]{width:100%;margin:0;padding:.7rem .85rem;border-radius:10px;border:1px solid #ddd;font-family:inherit;font-size:.95rem;box-sizing:border-box}#custom-case-app-section .upload-modal-content input[type=email]:focus{outline:none;border-color:#111}#custom-case-app-section .add-text-modal-input{width:100%;min-height:3.25rem;margin:0;padding:.75rem .85rem;border:1px solid #ddd;border-radius:12px;font:inherit;font-size:1.05rem;line-height:1.4;color:#222;background:#fff;resize:vertical;box-sizing:border-box}#custom-case-app-section .add-text-modal-input:focus{outline:none;border-color:#111}#custom-case-app-section .mobile-text-dock-panel .add-text-modal-input{min-height:0;height:2.75rem;padding:.55rem .85rem;resize:none}#custom-case-app-section .add-text-modal-swatches .text-color-swatch{width:36px;height:36px;border-radius:999px;border:2px solid #ddd;padding:0;cursor:pointer}#custom-case-app-section .add-text-modal-swatches .text-color-swatch.active{border-color:#222;box-shadow:0 0 0 2px #fff,0 0 0 4px #222}#custom-case-app-section .mobile-text-dock{--keyboard-inset: 0px;display:none;position:fixed;left:0;right:0;top:0;bottom:var(--keyboard-inset, 0px);z-index:2000;align-items:center;justify-content:center;padding:max(1rem,env(safe-area-inset-top,0px)) max(1rem,env(safe-area-inset-right,0px)) max(1rem,env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-left,0px));background:#0000008c;box-sizing:border-box;overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}#custom-case-app-section.mobile-layout-active.mobile-text-editing .mobile-text-dock{display:flex}#custom-case-app-section.mobile-layout-active.mobile-text-editing .mobile-editor-bar,#custom-case-app-section.mobile-layout-active.mobile-text-editing .mobile-tools-backdrop,#custom-case-app-section.mobile-layout-active.mobile-text-editing .custom-case-controls{visibility:hidden!important;pointer-events:none!important}#custom-case-app-section .mobile-text-dock-panel{display:flex;flex-direction:column;gap:.65rem;width:100%;max-width:min(400px,100%);max-height:100%;margin:auto;padding:1.15rem 1.1rem 1.1rem;background:#fff;border-radius:14px;box-shadow:0 12px 40px #00000038;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}#custom-case-app-section .mobile-text-dock-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}#custom-case-app-section .mobile-text-dock-title{font-weight:650;font-size:1.1rem;color:#222}#custom-case-app-section .mobile-text-dock-footer{display:flex;margin-top:.35rem}#custom-case-app-section .mobile-text-dock-done{width:100%;min-height:48px;padding:.7rem 1rem;border:none;border-radius:12px;background:#111;color:#fff;font:inherit;font-weight:600;font-size:1rem;cursor:pointer}#custom-case-app-section .upload-selected-style{display:flex;align-items:center;gap:.75rem;margin:0;padding:.55rem .65rem;border:1px solid #eee;border-radius:12px;background:#fafafa;box-sizing:border-box}#custom-case-app-section .upload-selected-style[hidden]{display:none!important}#custom-case-app-section .upload-selected-style-circle{position:relative;width:56px;height:56px;flex-shrink:0;border-radius:50%;overflow:hidden;background:#f0f0f0;border:2px solid #111;display:flex;align-items:center;justify-content:center;font-weight:700;color:#555}#custom-case-app-section .upload-selected-style-circle img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:none;display:block;pointer-events:none}#custom-case-app-section .upload-selected-style-copy{display:flex;flex-direction:column;gap:.15rem;min-width:0}#custom-case-app-section .upload-selected-style-kicker{font-size:.72rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:#777}#custom-case-app-section .upload-selected-style-name{font-size:1rem;font-weight:650;color:#111}#custom-case-app-section .upload-file-wrap{position:relative;margin:0;width:100%;min-width:0;box-sizing:border-box;overflow:hidden}#custom-case-app-section .upload-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0;pointer-events:none}#custom-case-app-section .upload-file-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;width:100%;min-height:var(--modal-drop-min-h);padding:1.25rem;border:2px dashed #ddd;border-radius:10px;background:#fafafa;cursor:pointer;transition:border-color .2s,background .2s;font-family:inherit;font-size:.95rem;font-weight:500;color:#555;box-sizing:border-box;overflow:hidden;caret-color:transparent;outline:none;user-select:none;-webkit-user-select:none}#custom-case-app-section .upload-file-label:focus{border-color:#888;background:#f5f5f5}#custom-case-app-section .upload-file-preview{display:block;width:auto;max-width:100%;max-height:140px;border-radius:10px;object-fit:contain;background:#fff;pointer-events:none}#custom-case-app-section .upload-file-preview[hidden]{display:none!important}#custom-case-app-section .upload-file-label.has-preview{min-height:0;padding:.85rem}#custom-case-app-section .upload-file-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;pointer-events:none}#custom-case-app-section .upload-file-label:hover{border-color:#999;background:#f5f5f5}#custom-case-app-section .upload-file-label.has-file{border-style:solid;border-color:#222;background:#f7f7f7;color:#222}#custom-case-app-section .upload-style-row{display:flex;flex-direction:column;gap:.35rem;margin:0;text-align:left}#custom-case-app-section .upload-style-label{font-size:.8rem;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.04em}#custom-case-app-section .upload-style-scroller{display:flex;flex-direction:column;gap:.45rem;min-width:0}#custom-case-app-section .upload-style-list{display:flex;gap:.65rem;overflow-x:auto;padding:.25rem .1rem .15rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}#custom-case-app-section .upload-style-list::-webkit-scrollbar{display:none;width:0;height:0}#custom-case-app-section .upload-style-scrollbar{height:6px;padding:0 .1rem;box-sizing:border-box}#custom-case-app-section .upload-style-scrollbar[hidden]{display:none}#custom-case-app-section .upload-style-scrollbar-track{position:relative;height:100%;border-radius:999px;background:#f0f0f0;cursor:pointer}#custom-case-app-section .upload-style-scrollbar-thumb{position:absolute;top:0;left:0;height:100%;min-width:24px;border-radius:999px;background:#bdbdbd;cursor:grab;touch-action:none;will-change:left,width}#custom-case-app-section .upload-style-scrollbar-thumb:active{cursor:grabbing}#custom-case-app-section .upload-style-item-wrap{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:0 0 auto}#custom-case-app-section .upload-style-item{position:relative;width:56px;height:56px;padding:0;border-radius:50%;border:2px solid #ddd;background:#fafafa;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#999;transition:border-color .15s ease,box-shadow .15s ease}#custom-case-app-section .upload-style-item img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:none;display:block;pointer-events:none}#custom-case-app-section .upload-style-item:hover{border-color:#999}#custom-case-app-section .upload-style-item.selected{border-color:#111;box-shadow:0 0 0 2px #11111126}#custom-case-app-section .upload-style-item--empty{border-style:dashed;background:#fafafa;color:#bbb;font-size:.7rem;font-weight:700;letter-spacing:.02em}#custom-case-app-section .upload-style-item--empty.selected{border-color:#111;color:#111}#custom-case-app-section .upload-style-name{font-size:.7rem;color:#555;-webkit-user-select:none;user-select:none;white-space:nowrap}#custom-case-app-section #upload-sticker-border-row{display:none!important}#custom-case-app-section .upload-remove-bg-row{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.95rem;color:#333;cursor:pointer;-webkit-user-select:none;user-select:none}#custom-case-app-section .upload-remove-bg-row input[type=checkbox]{width:18px;height:18px;accent-color:#111;cursor:pointer;flex-shrink:0}#custom-case-app-section .upload-actions{display:flex;gap:.5rem;justify-content:flex-end;margin:0;padding-top:var(--modal-actions-pt)}#custom-case-app-section .upload-btn{padding:var(--modal-btn-pad-y) var(--modal-btn-pad-x);border-radius:var(--modal-btn-radius);border:none;cursor:pointer;font-weight:600;font-family:inherit;font-size:.95rem}#custom-case-app-section .added-case-preview{display:block;width:auto;max-width:100%;height:220px;object-fit:contain;margin:0 auto;border-radius:12px;background:transparent}#custom-case-app-section .added-case-preview[hidden]{display:none}#custom-case-app-section a.upload-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-align:center;box-sizing:border-box}#custom-case-app-section .upload-btn-primary{background:#222;color:#fff}#custom-case-app-section .added-cart-actions{flex-direction:column;align-items:stretch;justify-content:stretch}#custom-case-app-section .added-cart-secondary{display:flex;gap:.5rem}#custom-case-app-section .added-cart-secondary .upload-btn{flex:1 1 0;width:auto;min-width:0;padding-left:.55rem;padding-right:.55rem}#custom-case-app-section a.added-go-cart{width:100%;min-height:calc((var(--modal-btn-pad-y) * 2 + 1.35rem) * 2);padding:.85rem 1.1rem;border-radius:12px;background:#1a7f37;color:#fff;font-size:1rem;font-weight:600;box-shadow:0 6px 16px #1a7f3747}#custom-case-app-section a.added-go-cart:hover{background:#156b2e;color:#fff}#custom-case-app-section .upload-btn-secondary{background:#e5e5e5;color:#222}#custom-case-app-section .upload-btn-danger{background:#b42318;color:#fff}#custom-case-app-section .upload-btn-danger:hover{background:#9a1c12}#custom-case-app-section .upload-modal-content .upload-form{font-family:inherit;display:flex;flex-direction:column;gap:var(--modal-gap)}#custom-case-app-section .upload-modal-content.loading .upload-form{display:none}#custom-case-app-section .upload-loading{display:none;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem;font-family:inherit}#custom-case-app-section .upload-modal-content.loading .upload-loading{display:flex}#custom-case-app-section .upload-loader{width:200px;height:60px;position:relative;z-index:1}#custom-case-app-section .upload-loader .circle{width:20px;height:20px;position:absolute;border-radius:50%;background-color:#111;left:15%;transform-origin:50%;animation:upload-loader-circle .5s alternate infinite ease}@keyframes upload-loader-circle{0%{top:60px;height:5px;border-radius:50px 50px 25px 25px;transform:scaleX(1.7)}40%{height:20px;border-radius:50%;transform:scaleX(1)}to{top:0%}}#custom-case-app-section .upload-loader .circle:nth-child(2){left:45%;animation-delay:.2s}#custom-case-app-section .upload-loader .circle:nth-child(3){left:auto;right:15%;animation-delay:.3s}#custom-case-app-section .upload-loader .shadow{width:20px;height:4px;border-radius:50%;background-color:#00000059;position:absolute;top:62px;transform-origin:50%;z-index:-1;left:15%;filter:blur(1px);animation:upload-loader-shadow .5s alternate infinite ease}@keyframes upload-loader-shadow{0%{transform:scaleX(1.5)}40%{transform:scaleX(1);opacity:.7}to{transform:scaleX(.2);opacity:.4}}#custom-case-app-section .upload-loader .shadow:nth-child(4){left:45%;animation-delay:.2s}#custom-case-app-section .upload-loader .shadow:nth-child(5){left:auto;right:15%;animation-delay:.3s}#custom-case-app-section .upload-loading-text{font-size:.95rem;font-weight:500;color:#555}#custom-case-app-section .upload-loading-note{font-size:.85rem;font-weight:450;color:#777;text-align:center}#custom-case-app-section .upload-loading-note[hidden]{display:none}#custom-case-app-section .upload-status{margin:0;font-size:.9rem;color:#666;font-family:inherit;min-height:0}#custom-case-app-section .upload-status:empty{display:none}#custom-case-app-section .upload-status.error{color:#c00}#custom-case-app-section .image-layer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0) scale(1);cursor:move;border:calc(2px * var(--layer-inv-scale, 1)) dashed transparent;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;z-index:10;touch-action:none}#custom-case-app-section .image-layer.selected{border-color:#ffffffe6}#custom-case-app-section .image-layer img{max-width:200px;max-height:200px;object-fit:contain;display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;pointer-events:none}#custom-case-app-section .image-layer--photo img{max-width:none;max-height:none;object-fit:cover}#custom-case-app-section .image-fit-controls{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}#custom-case-app-section .image-fit-btn{flex:1 1 auto;min-width:4.5rem;padding:.5rem .65rem;border-radius:10px;border:1px solid #ddd;background:#fafafa;color:#222;font-weight:600;font-size:.875rem;cursor:pointer}#custom-case-app-section .image-fit-btn:hover{background:#eee}#custom-case-app-section .image-fit-btn.active{background:#111;color:#fff;border-color:#111}#custom-case-app-section .print-queue-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e5e5}#custom-case-app-section .print-queue-title{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:#222}#custom-case-app-section .print-queue-desc{font-size:.85rem;color:#666;margin-bottom:.75rem}#custom-case-app-section .confirm-design-btn{width:100%;padding:.75rem;border-radius:999px;border:none;cursor:pointer;margin-bottom:1rem;background:#222;color:#fff;font-weight:600;transition:background .2s}#custom-case-app-section .confirm-design-btn:hover{background:#444}#custom-case-app-section .confirm-design-btn:disabled{background:#ccc;cursor:not-allowed}#custom-case-app-section .template-preview-wrap{width:100%;max-width:400px;aspect-ratio:1;background:#f5f5f5;border:1px solid #ddd;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}#custom-case-app-section #template-preview-canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}#custom-case-app-section .template-queue-status{font-size:.8rem;color:#666;margin-top:.5rem}#custom-case-app-section .download-rip-btn{width:100%;padding:.6rem;margin-top:.75rem;border-radius:8px;border:1px solid #333;background:#333;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s}#custom-case-app-section .download-rip-btn:hover{background:#555}#custom-case-app-section .download-rip-btn:disabled{background:#999;cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-case-app.css.map */