.open-product-designer{width:100%;margin:0 0 10px;color:#102844!important;background:#fffaf0!important;border-color:#bd963d!important}.designer-saved{color:#34614c;margin-bottom:12px;display:block}.product-designer-overlay{z-index:1001}.product-designer-dialog{--designer-top:max(12px, env(safe-area-inset-top));--designer-bottom:max(12px, env(safe-area-inset-bottom));--designer-edge:max(12px, env(safe-area-inset-left), env(safe-area-inset-right));box-sizing:border-box;min-width:0;height:min(900px, calc(100dvh - var(--designer-top) - var(--designer-bottom)));max-height:calc(100dvh - var(--designer-top) - var(--designer-bottom));z-index:1002;color:#102844;flex-direction:column;margin-inline:auto;display:flex;overflow:hidden;top:var(--designer-top)!important;left:var(--designer-edge)!important;right:var(--designer-edge)!important;width:calc(100vw - var(--designer-edge) - var(--designer-edge))!important;background:#faf8f2!important;max-width:1100px!important}.product-designer-dialog>[data-slot=dialog-header]{flex:none;padding-right:24px}.product-designer-dialog>.designer-workspace{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding-right:4px;overflow:hidden auto}.designer-workspace{grid-template-columns:250px minmax(0,1fr);gap:20px;display:grid}.designer-tools{flex-direction:column;gap:13px;display:flex}.designer-tools label{flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.designer-tools textarea,.designer-tools select{color:#102844;background:#fff;border:1px solid #d5d0c4;border-radius:7px;width:100%;padding:9px}.designer-tools textarea{min-height:70px}.designer-main-actions,.designer-row{flex-wrap:wrap;gap:6px;display:flex}.designer-row button{color:#102844;background:#fff;border:1px solid #d5d0c4;border-radius:6px;padding:7px 9px;font-size:12px}.designer-row button[aria-pressed=true]{color:#fff;background:#102844}.designer-row button:disabled{opacity:.4}.designer-print-label{letter-spacing:.06em;justify-content:space-between;padding-bottom:10px;font-size:12px;display:flex}.designer-canvas-wrap{touch-action:none;background-color:#fff;background-image:linear-gradient(45deg,#f0eee8 25%,#0000 25%),linear-gradient(-45deg,#f0eee8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f0eee8 75%),linear-gradient(-45deg,#0000 75%,#f0eee8 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:2px dashed #bd963d;min-width:0;max-width:480px;margin:auto}.designer-canvas-wrap .canvas-container{max-width:100%}.designer-stage>p{color:#566475;margin:10px 0;font-size:12px;line-height:1.5}.designer-stage .designer-warning{color:#775b12;background:#fff1cb;border-radius:6px;padding:10px}.designer-stage .designer-error{color:#a22e29;background:#ffe5df;padding:10px}.designer-preview{background:#fff;border:1px solid #ded8cb;border-radius:9px;align-items:center;gap:12px;margin-top:15px;padding:12px;display:flex}.designer-preview span{flex-direction:column;gap:5px;display:flex}.designer-preview small{color:#566475;max-width:220px;font-size:11px}.designer-product{aspect-ratio:1;flex-shrink:0;width:160px;position:relative;overflow:hidden}.designer-product>img:first-child{object-fit:contain;width:100%;height:100%}.designer-preview-art{object-fit:contain;width:34%;max-height:48%;position:absolute;top:28%;left:33%}.designer-preview-art.chest{width:12%;max-height:18%;top:30%;left:55%}.koozie .designer-preview-art{width:40%;max-height:40%;top:32%;left:30%}.designer-layers{flex-direction:column;gap:5px;font-size:12px;display:flex}.designer-layers button{text-align:left;color:#102844;background:#fff;border:1px solid #ded8cb;border-radius:5px;padding:7px 9px}.designer-layers .selected{background:#fff3d6;border-color:#bd963d}.designer-footer{border-top:1px solid #ddd5c4;grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;padding-top:15px;display:flex}.designer-footer span{color:#566475;font-size:12px}.designer-tools input[type=range]{accent-color:#ae842d;width:100%}.designer-tools input[type=color]{width:100%;height:32px}.designer-tools button:focus-visible{outline-offset:2px;outline:3px solid #bd963d}@media (max-width:650px){.designer-workspace{grid-template-columns:minmax(0,1fr);gap:12px}.designer-stage{grid-row:1}.designer-tools{gap:10px}.designer-tools label{font-size:14px}.designer-canvas-wrap{max-width:280px}.designer-product{width:110px}.designer-footer{z-index:3;background:#faf8f2;padding:12px 0;position:sticky;bottom:0}.designer-footer span{display:none}.product-designer-dialog{padding:18px!important}.designer-tools .designer-main-actions{z-index:2;background:#faf8f2;padding:8px 0;position:sticky;top:0}}.saved-design-review{padding:8px;font-size:12px}.saved-design-review>button{color:#102844;background:#fffaf0;border:1px solid #bd963d;border-radius:6px;width:100%;height:auto;padding:7px 9px;position:static}.saved-design-review>small{margin-top:5px;line-height:1.5;display:block}.designer-shape-picker{border:1px solid #ded8cb;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;display:grid}.designer-shape-picker legend{padding:0 4px;font-size:13px;font-weight:700}.designer-shape-picker button{color:#102844;background:#fff;border:1px solid #d5d0c4;border-radius:7px;flex-direction:column;align-items:center;gap:5px;min-height:70px;padding:10px 4px;font-size:12px;display:flex}.designer-shape-picker svg{fill:currentColor;width:30px;height:30px}.designer-shape-picker button:hover{background:#fff3d6;border-color:#bd963d}