.flickity-container .ai-design-generator{max-width:none;margin:0;padding:0}@media screen and (min-width:768px){product-page .grid:has(.ai-design-generator){--col-gap: 16px}}.ai-design-generator{max-width:720px;margin:0 auto;padding:2rem 1rem}.ai-design-generator__heading{text-align:center;margin-bottom:1.5rem}.ai-design-generator__canvas-wrap{position:relative;width:100%;margin-bottom:1.5rem;border-radius:15px;overflow:hidden;background:#f0ece4}#ai-design-canvas,#upload-design-canvas{display:block;width:100%;height:auto;border-radius:15px}@media screen and (min-width:768px){#upload-design-generator .ai-design-generator__canvas-wrap{max-width:75%;margin-inline:auto}}.ai-design-generator__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#373737b3;border-radius:15px;color:#fae8ab;font-size:1rem}.ai-design-generator__loading[hidden]{display:none}.ai-design-generator__spinner{width:48px;height:48px;border:4px solid rgba(250,232,171,.3);border-top-color:#fae8ab;border-radius:50%;animation:ai-spin .8s linear infinite;margin-bottom:.75rem}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-design-generator__canvas-row{display:flex;gap:.5rem;align-items:flex-start;margin-bottom:1.5rem}.ai-design-generator__canvas-row .ai-design-generator__canvas-wrap{flex:1;min-width:0;margin-bottom:0}.ai-design-generator__options{flex-shrink:0;width:200px}.ai-design-generator__options-label{font-family:var(--font-stack-headings-primary, sans-serif);font-size:.75rem;margin:0 0 .4rem;text-align:center}.ai-design-generator__options-grid{display:flex;flex-direction:column;gap:.4rem}.ai-design-generator__thumb{width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:border-color .15s}.ai-design-generator__thumb:hover{border-color:var(--color-artglo-beige, #fae8ab)}.ai-design-generator__thumb--selected{border-color:var(--color-artglo-charcoal, #333)}.ai-design-generator__form{display:flex;flex-direction:column;gap:1rem}.ai-design-generator__field{display:flex;flex-direction:column;gap:.25rem}.ai-design-generator__field label{font-family:var(--font-stack-headings-primary, sans-serif);font-size:var(--font-size--default, 1rem)}.ai-design-generator__field textarea,.ai-design-generator__field select{background:#fff;border:1px solid #ccc;border-radius:10px;padding:.75rem;font-size:1rem;font-family:inherit;resize:vertical}.ai-design-generator__field textarea{min-height:0;height:3.5rem}.ai-design-generator__field textarea:focus,.ai-design-generator__field select:focus{outline:none;border-color:var(--color-artglo-charcoal, #333);box-shadow:0 0 0 2px #a3e6354d}.ai-design-generator__charcount{text-align:right;font-size:.8rem;color:#888}.ai-design-generator__btn{background:var(--color-artglo-charcoal, #333);color:var(--color-artglo-beige, #fae8ab);border:none;border-radius:25px;padding:14px 32px;font-size:1rem;font-family:var(--font-stack-body-primary, sans-serif);font-weight:var(--font-weight-buttons, 600);text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}.ai-design-generator__btn:hover:not(:disabled){background:var(--color-artglo-beige, #fae8ab);color:var(--color-artglo-charcoal, #333)}.ai-design-generator__btn:disabled{opacity:.6;cursor:not-allowed}.ai-design-generator__btn--secondary{background:transparent;color:var(--color-artglo-charcoal, #333);border:1px solid var(--color-artglo-charcoal, #333)}.ai-design-generator__btn--secondary:hover:not(:disabled){background:var(--color-artglo-charcoal, #333);color:var(--color-artglo-beige, #fae8ab)}.ai-design-generator__hint{text-align:center;font-size:.85rem;color:#888;margin:0}.ai-design-generator__error{color:#c62828;font-size:.9rem;margin:0}.ai-design-generator__btn--confirm{background:#365417;color:#fae8ab}.ai-design-generator__btn--confirm:hover:not(:disabled){background:#4a7a1e;color:#fff}.ai-design-generator__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.ai-design-generator__modal[hidden]{display:none}.ai-design-generator__modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009}.ai-design-generator__modal-content{position:relative;background:#fffcf5;border-radius:15px;padding:2rem;max-width:540px;width:100%;text-align:center;box-shadow:0 8px 32px #00000040;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);overflow-y:auto;overscroll-behavior:contain}.ai-design-generator__modal-close{position:absolute;top:.6rem;right:.6rem;background:none;border:0;font-size:1.8rem;line-height:1;color:#666;cursor:pointer;padding:.25rem .5rem}.ai-design-generator__modal-close:hover{color:#000}.ai-design-generator__modal-content h3{margin:0 0 .5rem;font-family:var(--font-stack-headings-primary, sans-serif)}.ai-design-generator__modal-content p{color:#666;font-size:.9rem;margin:0 0 1rem}.ai-design-generator__modal-img{width:100%;max-height:360px;object-fit:contain;border-radius:10px;border:3px solid #333;margin-bottom:1.5rem}.ai-design-generator__modal-subtitle{font-weight:700;color:#333!important;text-transform:uppercase;font-size:.85rem!important;letter-spacing:.03em}.ai-design-generator__modal-checklist{text-align:left;margin-bottom:1rem}.ai-design-generator__modal-checklist p{font-weight:600;color:#333!important;margin-bottom:.5rem}.ai-design-generator__modal-checklist ul{list-style:none;padding:0;margin:0}.ai-design-generator__modal-checklist li{font-size:.85rem;color:#555;padding:.25rem 0}.ai-design-generator__modal-confirm{display:flex;align-items:flex-start;gap:.5rem;text-align:left;font-size:.8rem;color:#555;margin-bottom:1.25rem;cursor:pointer}.ai-design-generator__modal-confirm input[type=checkbox]{margin-top:.2rem;flex-shrink:0;width:18px;height:18px}.ai-design-generator__modal-actions{display:flex;gap:.75rem;justify-content:center}.ai-design-generator__onboarding{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:#000000bf;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:aiFadeIn .3s ease}.ai-design-generator__onboarding[hidden]{display:none}.ai-design-generator__onboarding-callout{position:absolute;color:#fff;text-align:center;font-size:1.25rem;font-weight:700;pointer-events:none}.ai-design-generator__onboarding-arrow{display:block;font-size:2rem;margin-top:.25rem;animation:aiBounce 1s ease infinite}@keyframes aiBounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes aiFadeIn{0%{opacity:0}to{opacity:1}}.ai-design-generator__onboarding-fade{animation:aiFadeOut .3s ease forwards}@keyframes aiFadeOut{0%{opacity:1}to{opacity:0}}#ai-design-canvas,#upload-design-canvas{touch-action:none}@media screen and (max-width:767px){.ai-design-generator{padding:1rem .75rem}.ai-design-generator__canvas-row{flex-direction:column}.ai-design-generator__options{width:100%}.ai-design-generator__options-grid{flex-direction:row}.ai-design-generator__thumb{width:25%}}.upload-design-generator__file-label{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 2rem;background:#365417;color:#fae8ab;border:2px solid #fae8ab;border-radius:30px;text-align:center;font-weight:700;font-size:1.1rem;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:background .2s,box-shadow .3s;animation:upload-btn-glow 2.5s ease-in-out infinite}.upload-design-generator__file-label:hover{background:#4e7335;box-shadow:0 0 20px #a3e63599}.upload-design-generator__file-label.user-clicked{animation:none;box-shadow:none}@keyframes upload-btn-glow{0%,to{box-shadow:0 0 12px #a3e63559,0 0 4px #fae8ab33}50%{box-shadow:0 0 25px #a3e635b3,0 0 50px #a3e63540}}.upload-design-generator__file-hint{text-align:center;font-size:.8rem;color:#888;margin-top:.5rem}.upload-design-generator__quality{text-align:center;font-size:.85rem;font-weight:600;margin:.75rem 0}.upload-design-generator__form{display:flex;flex-direction:column;gap:.75rem}.upload-design-generator__rotate-control{display:flex;flex-direction:column;gap:.25rem}.upload-design-generator__rotate-control label{font-size:.85rem;font-weight:600;color:#555;text-align:center}.upload-design-generator__rotate-control input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#ddd;outline:none}.upload-design-generator__rotate-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#365417;cursor:grab;border:2px solid #fae8ab}.upload-design-generator__rotate-control input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#365417;cursor:grab;border:2px solid #fae8ab}.upload-design-generator__rotate-control input[type=range]:active::-webkit-slider-thumb{cursor:grabbing}.upload-design-generator__rotate-control input[type=range]:active::-moz-range-thumb{cursor:grabbing}.upload-text__panel[hidden]{display:none}.upload-text__panel{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border:1px solid #ddd;border-radius:12px;background:#fafafa}.upload-text__input{background:#fff;border:1px solid #ccc;border-radius:10px;padding:.75rem;font-size:1rem;font-family:inherit;resize:none}.upload-text__input:focus{outline:none;border-color:var(--color-artglo-charcoal, #333);box-shadow:0 0 0 2px #a3e6354d}.upload-text__fonts{display:flex;gap:.5rem;overflow-x:auto;padding:.25rem 0 .5rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.upload-text__font-chip{flex:0 0 auto;min-height:44px;padding:.4rem .9rem;border:1px solid #ccc;border-radius:10px;background:#fff;color:#333;font-size:1.05rem;line-height:1.2;cursor:pointer;white-space:nowrap}.upload-text__font-chip.is-active{border-color:var(--color-artglo-charcoal, #333);box-shadow:0 0 0 2px #a3e63573}.upload-text__slider-label{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#555}.upload-text__slider-label input[type=range]{flex:1;min-height:44px;accent-color:var(--color-artglo-charcoal, #333)}.upload-text__color-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.upload-text__swatches{display:flex;gap:.5rem}.upload-text__swatch{width:34px;height:34px;border-radius:50%;border:1px solid #bbb;cursor:pointer;padding:0}.upload-text__swatch.is-active{box-shadow:0 0 0 3px #a3e63599}#upload-text-color-custom{width:34px;height:34px;border:1px solid #bbb;border-radius:8px;padding:2px;background:#fff;cursor:pointer}.upload-text__outline-label{display:flex;align-items:center;gap:.35rem;font-size:.9rem;color:#555;margin-left:auto;min-height:44px}.upload-text__delete{align-self:flex-start;background:transparent;border:1px solid #c62828;color:#c62828;border-radius:10px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;min-height:44px}.upload-text__delete:hover{background:#c62828;color:#fff}.upload-text__hint{margin:0;font-size:.8rem;color:#888;text-align:center}@media screen and (max-width:767px){.ai-design-generator--text-editing .ai-design-generator__field,.ai-design-generator--text-editing #upload-quality,.ai-design-generator--text-editing #upload-aifit-btn,.ai-design-generator--text-editing #upload-aifit-note,.ai-design-generator--text-editing #upload-reset-btn,.ai-design-generator--text-editing #upload-addtext-btn,.ai-design-generator--text-editing #upload-hint{display:none}}.upload-text__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.upload-text__header-label{font-size:.85rem;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.04em}.upload-text__done{background:var(--color-artglo-charcoal, #333);color:var(--color-artglo-beige, #fae8ab);border:none;border-radius:18px;padding:.5rem 1.4rem;font-size:.9rem;font-weight:600;cursor:pointer;min-height:44px}@media screen and (min-width:768px){#upload-design-generator .ai-design-generator__inner{display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:1rem;align-items:start}#upload-design-generator .ai-design-generator__heading{grid-column:1 / -1}#upload-design-generator .ai-design-generator__canvas-row{grid-column:1;margin-bottom:0}#upload-design-generator #upload-form{grid-column:2}#upload-design-generator .ai-design-generator__canvas-wrap{max-width:100%}}.upload-text__panel{max-width:100%;min-width:0}.upload-text__fonts{max-width:100%}@media screen and (max-width:767px){.ai-design-generator--text-editing .ai-design-generator__canvas-wrap{display:flex;justify-content:center;background:transparent}.ai-design-generator--text-editing #upload-design-canvas{width:auto;max-width:100%;max-height:36vh}}.upload-overlay-cta{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);z-index:5;background:var(--color-artglo-charcoal, #333);color:var(--color-artglo-beige, #fae8ab);border-radius:30px;padding:16px 34px;font-family:var(--font-stack-body-primary, sans-serif);font-weight:700;font-size:1.05rem;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;cursor:pointer;animation:upload-cta-glow 1.8s ease-in-out infinite}.upload-overlay-cta:hover{background:var(--color-artglo-beige, #fae8ab);color:var(--color-artglo-charcoal, #333)}.ai-design-generator--has-image .upload-overlay-cta{display:none}@keyframes upload-cta-glow{0%,to{box-shadow:0 0 #fae8abf2,0 6px 18px #0006;filter:brightness(1)}50%{box-shadow:0 0 0 16px #fae8ab00,0 6px 18px #0006;filter:brightness(1.15)}}.flickity-container .ai-design-generator{width:100%;min-width:0;box-sizing:border-box}.ai-design-generator__inner,.upload-design-generator__form{max-width:100%;min-width:0}@media screen and (max-width:767px){.upload-text__panel{position:fixed;left:0;right:0;bottom:0;z-index:1000;max-height:52vh;overflow-y:auto;margin:0;border:none;border-top:1px solid #ddd;border-radius:16px 16px 0 0;background:#fff;box-shadow:0 -6px 24px #0000002e;padding:.9rem 1rem calc(1rem + env(safe-area-inset-bottom,0px))}.upload-text__panel[hidden]{display:none}}.upload-editor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;flex-direction:column;background:#f6f5f2}.upload-editor[hidden]{display:none}.upload-editor__header{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;background:#fff;border-bottom:1px solid #e2e0da;flex-wrap:wrap}.upload-editor__title{font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.9rem;color:#333}.upload-editor__history{display:flex;gap:.4rem}.upload-editor__hbtn{background:transparent;border:1px solid #ccc;border-radius:10px;padding:.45rem .8rem;font-size:.85rem;color:#333;cursor:pointer;min-height:44px}.upload-editor__hbtn:disabled{opacity:.35;cursor:not-allowed}.upload-editor__actions{margin-left:auto;display:flex;gap:.5rem}.upload-editor__cancel{background:transparent;border:1px solid var(--color-artglo-charcoal, #333);color:var(--color-artglo-charcoal, #333);border-radius:20px;padding:.5rem 1.2rem;font-weight:600;cursor:pointer;min-height:44px}.upload-editor__apply{background:#365417;color:#fff;border:none;border-radius:20px;padding:.5rem 1.6rem;font-weight:700;cursor:pointer;min-height:44px}.upload-editor__stage{flex:1;min-height:0;position:relative;display:flex}.upload-editor__scroll{flex:1;min-width:0;min-height:0;overflow:auto;display:flex;padding:1rem}.upload-editor__scroll canvas{margin:auto;flex-shrink:0}.upload-editor__zoom{position:absolute;right:12px;bottom:12px;display:flex;gap:2px;background:#fff;border:1px solid #ccc;border-radius:999px;padding:3px;box-shadow:0 2px 10px #0000001f}.upload-editor__zoom button{min-width:40px;min-height:38px;border:none;background:transparent;border-radius:999px;font-size:1rem;font-weight:600;color:#333;cursor:pointer}.upload-editor__zoom button:hover{background:#f0ede5}#upload-editor-canvas{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:8px;box-shadow:0 4px 24px #00000026;background:#fff;touch-action:none}.upload-editor__toolbar{background:#fff;border-top:1px solid #e2e0da;padding:.75rem 1rem calc(.9rem + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:.6rem}.upload-editor__tools{display:flex;gap:.5rem;justify-content:center}.upload-editor__tool{background:#fff;border:1px solid #ccc;border-radius:12px;padding:.6rem 1.3rem;font-size:.95rem;font-weight:600;color:#333;cursor:pointer;min-height:44px}.upload-editor__tool.is-active{border-color:var(--color-artglo-charcoal, #333);box-shadow:0 0 0 2px #a3e63573}.upload-editor__hint{margin:0;text-align:center;font-size:.85rem;color:#777}.upload-editor__crop-bar{display:flex;gap:.5rem;justify-content:center}.upload-editor__color-bar{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.upload-editor__color-from{width:30px;height:30px;border-radius:50%;border:2px solid #333;display:inline-block}.upload-editor__color-arrow{color:#777;font-size:1.1rem}.upload-editor__swatches{display:flex;gap:.45rem;flex-wrap:wrap}.upload-editor__swatch{width:34px;height:34px;border-radius:50%;border:1px solid #bbb;cursor:pointer;padding:0}#ed-color-custom{width:34px;height:34px;border:1px solid #bbb;border-radius:8px;padding:2px;background:#fff;cursor:pointer}.upload-editor__crop-bar[hidden],.upload-editor__color-bar[hidden]{display:none}.upload-editor__delete{background:transparent;border:1px solid #c62828;color:#c62828;border-radius:20px;padding:.5rem 1.2rem;font-weight:600;cursor:pointer;min-height:44px}.upload-editor__delete:hover{background:#c62828;color:#fff}.upload-editor__desktop-note{display:none;margin:0;text-align:center;font-size:.8rem;color:#8a7b4f;background:#fdf6e3;border:1px solid #efe3bd;border-radius:10px;padding:.5rem .75rem}@media(pointer:coarse){#ed-tool-select{display:none}.upload-editor__desktop-note{display:block}}.upload-editor__text-note{margin:0;text-align:center;font-size:.8rem;color:#4a6b8a;background:#eef4fb;border:1px solid #d3e2f2;border-radius:10px;padding:.5rem .75rem}.upload-editor__text-note[hidden]{display:none}.upload-editor__scope{display:flex;gap:.3rem;flex-basis:100%;justify-content:center}.upload-editor__scope-btn{background:#fff;border:1px solid #ccc;border-radius:999px;padding:.35rem .9rem;font-size:.8rem;font-weight:600;color:#555;cursor:pointer;min-height:38px}.upload-editor__scope-btn.is-active{background:var(--color-artglo-charcoal, #333);color:var(--color-artglo-beige, #fae8ab);border-color:var(--color-artglo-charcoal, #333)}.upload-editor__subzone{min-height:96px;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width:767px){.upload-editor__subzone{min-height:132px}}.upload-editor__xbtn{width:38px;height:38px;border-radius:50%;border:1px solid #ccc;background:#fff;color:#555;font-size:1.3rem;line-height:1;cursor:pointer;margin-left:.25rem}.upload-editor__xbtn:hover{background:#333;color:#fff}
/*# sourceMappingURL=/cdn/shop/t/41/assets/ai-design-generator.css.map */