.image-editor{--editor-bg: #f5f5f5;--editor-surface: #ffffff;--editor-surface-hover: #f0f0f0;--editor-border: #e0e0e0;--editor-text: #1a1a1a;--editor-text-secondary: #666666;--editor-accent: #2563eb;--editor-accent-hover: #1d4ed8;--editor-success: #16a34a;--editor-warning: #f59e0b;--editor-error: #dc2626;--editor-canvas-bg: #e5e5e5;--editor-toolbar-bg: #ffffff;--editor-panel-bg: #ffffff;--editor-overlay: rgba(0, 0, 0, .5);--editor-shadow: 0 4px 12px rgba(0, 0, 0, .1)}[data-theme=dark] .image-editor,.image-editor[data-theme=dark]{--editor-bg: #0a0a0a;--editor-surface: #1a1a1a;--editor-surface-hover: #2a2a2a;--editor-border: #333333;--editor-text: #f5f5f5;--editor-text-secondary: #a0a0a0;--editor-accent: #3b82f6;--editor-accent-hover: #60a5fa;--editor-success: #22c55e;--editor-warning: #fbbf24;--editor-error: #ef4444;--editor-canvas-bg: #0f0f0f;--editor-toolbar-bg: #1a1a1a;--editor-panel-bg: #1a1a1a;--editor-overlay: rgba(0, 0, 0, .8);--editor-shadow: 0 4px 12px rgba(0, 0, 0, .4)}.image-editor{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--editor-bg);color:var(--editor-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}body:has(.image-editor){overflow:hidden!important}body:has(.image-editor)>header,body:has(.image-editor)>footer,body:has(.image-editor) .announcement-bar,body:has(.image-editor) .shopify-section-header,body:has(.image-editor) .shopify-section-footer,body:has(.image-editor) .section-header,body:has(.image-editor) .footer,body:has(.image-editor) #shopify-section-header,body:has(.image-editor) #shopify-section-footer,body:has(.image-editor) #shopify-section-announcement-bar{display:none!important}.image-editor__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--editor-surface);border-bottom:1px solid var(--editor-border);flex-shrink:0;gap:1rem;z-index:100}.image-editor__header-left,.image-editor__header-right{display:flex;align-items:center;gap:.5rem}.image-editor__header-center{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.image-editor__title{font-size:1.125rem;font-weight:600;margin:0;white-space:nowrap}.image-editor__subtitle{font-size:.75rem;color:var(--editor-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.image-editor__back-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:transparent;border:1px solid var(--editor-border);border-radius:6px;color:var(--editor-text);font-size:.875rem;cursor:pointer;transition:all .15s ease}.image-editor__back-btn:hover{background:var(--editor-surface-hover)}.image-editor__reset-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:transparent;border:1px solid var(--editor-border);border-radius:6px;color:var(--editor-text-secondary);font-size:.875rem;cursor:pointer;transition:all .15s ease}.image-editor__reset-btn:hover{background:var(--editor-surface-hover);color:var(--editor-text)}.image-editor__apply-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500}.image-editor__main{display:flex;flex:1;min-height:0;overflow:hidden}.image-editor__toolbar{display:flex;flex-direction:column;width:72px;background:var(--editor-toolbar-bg);border-right:1px solid var(--editor-border);padding:.75rem .5rem;gap:.25rem;flex-shrink:0;overflow-y:auto}.image-editor__tool-group{display:flex;flex-direction:column;gap:.25rem}.image-editor__tool-divider{height:1px;background:var(--editor-border);margin:.5rem .25rem}.image-editor__tool{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.625rem .25rem;background:transparent;border:none;border-radius:8px;color:var(--editor-text-secondary);cursor:pointer;transition:all .15s ease;gap:.25rem}.image-editor__tool:hover{background:var(--editor-surface-hover);color:var(--editor-text)}.image-editor__tool--active{background:var(--editor-accent);color:#fff}.image-editor__tool--active:hover{background:var(--editor-accent-hover);color:#fff}.image-editor__tool-label{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.image-editor__canvas-container{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--editor-canvas-bg);position:relative}.image-editor__canvas-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative;overflow:hidden}.image-editor__image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:var(--editor-shadow)}.image-editor__crop-overlay{position:absolute;top:0;left:0;pointer-events:none;display:block!important}.image-editor__crop-overlay.interactive{pointer-events:auto;cursor:move}.image-editor__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--editor-text-secondary)}.image-editor__spinner{width:32px;height:32px;border:3px solid var(--editor-border);border-top-color:var(--editor-accent);border-radius:50%;animation:spin .8s linear infinite}.image-editor__spinner--large{width:48px;height:48px;border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}.image-editor__info-bar{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.625rem 1rem;background:var(--editor-surface);border-top:1px solid var(--editor-border);font-size:.8125rem;flex-wrap:wrap}.image-editor__info-item{color:var(--editor-text-secondary)}.image-editor__info-divider{color:var(--editor-border)}.image-editor__info-status{display:flex;align-items:center;gap:.375rem;font-weight:500}.image-editor__info-status.valid{color:var(--editor-success)}.image-editor__info-status.warning{color:var(--editor-warning)}.image-editor__info-status.error{color:var(--editor-error)}.image-editor__warning-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f59e0b1a;border-top:1px solid var(--editor-warning);color:var(--editor-warning);font-size:.875rem}.image-editor__panel{width:280px;background:var(--editor-panel-bg);border-left:1px solid var(--editor-border);overflow-y:auto;flex-shrink:0}.image-editor__panel-content{padding:1.25rem}.image-editor__panel-title{font-size:1rem;font-weight:600;margin:0 0 .5rem}.image-editor__panel-description{font-size:.8125rem;color:var(--editor-text-secondary);margin:0 0 1rem;line-height:1.5}.image-editor__panel-section{margin-bottom:1.25rem}.image-editor__panel-section:last-child{margin-bottom:0}.image-editor__label{display:block;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--editor-text-secondary);margin-bottom:.5rem}.image-editor__aspect-display{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--editor-surface-hover);border-radius:6px;font-size:.9375rem;font-weight:500}.image-editor__aspect-locked{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--editor-text-secondary)}.image-editor__aspect-row{display:flex;align-items:center;gap:.75rem}.image-editor__aspect-row .image-editor__aspect-display{flex:1}.image-editor__rotate-crop-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:var(--editor-surface-hover);border:1px solid var(--editor-border);border-radius:6px;color:var(--editor-text);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.image-editor__rotate-crop-btn:hover{border-color:var(--editor-accent);background:#2563eb1a;color:var(--editor-accent)}.image-editor__rotate-crop-btn svg{flex-shrink:0}.image-editor__checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer}.image-editor__checkbox-label input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--editor-accent)}.image-editor__rotate-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.image-editor__rotate-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--editor-surface-hover);border:1px solid var(--editor-border);border-radius:8px;color:var(--editor-text);font-size:.75rem;cursor:pointer;transition:all .15s ease}.image-editor__rotate-btn:hover{border-color:var(--editor-accent);background:#2563eb1a}.image-editor__flip-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.image-editor__flip-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;background:var(--editor-surface-hover);border:1px solid var(--editor-border);border-radius:8px;color:var(--editor-text);font-size:.75rem;cursor:pointer;transition:all .15s ease}.image-editor__flip-btn:hover{border-color:var(--editor-accent);background:#2563eb1a}.image-editor__flip-btn.active{border-color:var(--editor-accent);background:#2563eb26;color:var(--editor-accent)}.image-editor__slider-container{display:flex;align-items:center;gap:.75rem}.image-editor__slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--editor-border);border-radius:2px;outline:none}.image-editor__slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--editor-accent);border-radius:50%;cursor:pointer;transition:transform .1s ease}.image-editor__slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.image-editor__slider::-moz-range-thumb{width:16px;height:16px;background:var(--editor-accent);border:none;border-radius:50%;cursor:pointer}.image-editor__slider-value{min-width:3rem;text-align:right;font-size:.875rem;font-weight:500;font-variant-numeric:tabular-nums}.image-editor__reset-adjustments{width:100%;padding:.625rem;margin-top:1rem;background:transparent;border:1px solid var(--editor-border);border-radius:6px;color:var(--editor-text-secondary);font-size:.8125rem;cursor:pointer;transition:all .15s ease}.image-editor__reset-adjustments:hover{background:var(--editor-surface-hover);color:var(--editor-text)}.image-editor__presets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.image-editor__preset{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.5rem;background:transparent;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s ease}.image-editor__preset:hover{background:var(--editor-surface-hover)}.image-editor__preset--active{border-color:var(--editor-accent);background:#2563eb1a}.image-editor__preset-preview{width:100%;aspect-ratio:1;border-radius:6px;border:1px solid var(--editor-border)}.image-editor__preset-name{font-size:.6875rem;font-weight:500;color:var(--editor-text-secondary)}.image-editor__preset--active .image-editor__preset-name{color:var(--editor-accent)}.image-editor__auto-buttons{display:flex;flex-direction:column;gap:.75rem}.image-editor__auto-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem}.image-editor__reset-defaults-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.625rem;background:transparent;border:1px solid var(--editor-border);border-radius:6px;color:var(--editor-text-secondary);font-size:.8125rem;cursor:pointer;transition:all .15s ease}.image-editor__reset-defaults-btn:hover{background:var(--editor-surface-hover);color:var(--editor-text)}.image-editor__dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--editor-overlay);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.image-editor__dialog{background:var(--editor-surface);border-radius:12px;padding:1.5rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d}.image-editor__dialog-title{font-size:1.25rem;font-weight:600;margin:0 0 1.25rem;text-align:center}.image-editor__dialog-preview{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.25rem}.image-editor__dialog-image{flex:1;text-align:center}.image-editor__dialog-image img{max-width:100%;max-height:200px;border-radius:6px;border:1px solid var(--editor-border)}.image-editor__dialog-image-label{display:block;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--editor-text-secondary);margin-bottom:.5rem}.image-editor__dialog-arrow{color:var(--editor-text-secondary);flex-shrink:0}.image-editor__dialog-changes{background:var(--editor-surface-hover);border-radius:8px;padding:1rem;margin-bottom:1rem}.image-editor__dialog-changes h4{font-size:.875rem;font-weight:600;margin:0 0 .5rem}.image-editor__dialog-changes ul{list-style:none;padding:0;margin:0;font-size:.875rem;color:var(--editor-text-secondary)}.image-editor__dialog-changes li{padding:.25rem 0}.image-editor__dialog-changes li:before{content:"\2022  ";color:var(--editor-success)}.image-editor__dialog-warning{display:flex;gap:.75rem;padding:1rem;background:#f59e0b1a;border:1px solid var(--editor-warning);border-radius:8px;margin-bottom:1rem;color:var(--editor-warning)}.image-editor__dialog-warning strong{display:block;margin-bottom:.25rem}.image-editor__dialog-warning p{margin:0;font-size:.8125rem;opacity:.9}.image-editor__dialog-checkbox{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--editor-surface-hover);border-radius:8px;margin-bottom:1.25rem;cursor:pointer}.image-editor__dialog-checkbox input{margin-top:.125rem;width:1.125rem;height:1.125rem;accent-color:var(--editor-accent)}.image-editor__dialog-checkbox span{font-size:.9375rem;line-height:1.4}.image-editor__dialog-actions{display:flex;gap:.75rem}.image-editor__dialog-btn{flex:1;padding:.875rem 1rem;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .15s ease}.image-editor__dialog-btn--secondary{background:transparent;border:1px solid var(--editor-border);color:var(--editor-text)}.image-editor__dialog-btn--secondary:hover{background:var(--editor-surface-hover)}.image-editor__dialog-btn--primary{background:var(--editor-accent);border:none;color:#fff}.image-editor__dialog-btn--primary:hover:not(:disabled){background:var(--editor-accent-hover)}.image-editor__dialog-btn--primary:disabled{opacity:.5;cursor:not-allowed}.image-editor__processing-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--editor-overlay);display:flex;align-items:center;justify-content:center;z-index:2000}.image-editor__processing-content{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#fff;text-align:center}.image-editor__rotation-section{margin-bottom:1rem}.image-editor__rotation-dial{position:relative;padding:.5rem 0 1.5rem}.image-editor__rotation-slider{width:100%;height:24px;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.image-editor__rotation-slider::-webkit-slider-track{height:2px;background:var(--editor-border);border-radius:1px}.image-editor__rotation-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:var(--editor-accent);border-radius:50%;margin-top:-11px;box-shadow:0 2px 6px #0003}.image-editor__rotation-slider::-moz-range-track{height:2px;background:var(--editor-border);border-radius:1px}.image-editor__rotation-slider::-moz-range-thumb{width:24px;height:24px;background:var(--editor-accent);border-radius:50%;border:none;box-shadow:0 2px 6px #0003}.image-editor__rotation-ticks{display:flex;justify-content:space-between;padding:0 10px;margin-top:.25rem}.image-editor__rotation-ticks .tick{font-size:.625rem;color:var(--editor-muted);position:relative}.image-editor__rotation-ticks .tick:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:1px;height:4px;background:var(--editor-border)}.image-editor__rotation-ticks .tick--center{color:var(--editor-text);font-weight:500}.image-editor__rotation-ticks .tick--center:before{height:6px;background:var(--editor-accent)}.image-editor__rotation-value{text-align:center;font-size:1.5rem;font-weight:600;color:var(--editor-text);margin-top:.5rem}.image-editor__fine-rotation{margin-bottom:1rem}.image-editor__rotation-slider{width:100%;height:8px;-webkit-appearance:none;appearance:none;background:var(--editor-input-bg);border-radius:4px;outline:none;cursor:pointer}.image-editor__rotation-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--editor-accent);border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003}.image-editor__rotation-slider::-moz-range-thumb{width:20px;height:20px;background:var(--editor-accent);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.image-editor__rotation-scale{display:flex;justify-content:space-between;font-size:.7rem;color:var(--editor-text-muted);margin-top:.25rem}.image-editor__quick-rotate{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:.75rem}.image-editor__quick-rotate .image-editor__rotate-btn{padding:.75rem 1.25rem;min-width:auto}.image-editor__quick-rotate .image-editor__rotation-value{min-width:4rem;text-align:center;font-size:1.1rem;font-weight:600;color:var(--editor-text)}.image-editor__panel-divider{height:1px;background:var(--editor-border);margin:1rem 0}.image-editor__panel-header-mobile{display:none}@media(max-width:768px){.image-editor__header{padding:.5rem}.image-editor__back-btn span,.image-editor__reset-btn span{display:none}.image-editor__back-btn,.image-editor__reset-btn{padding:.5rem}.image-editor__title{font-size:1rem}.image-editor__subtitle{display:none}.image-editor__apply-btn{padding:.5rem .75rem;font-size:.8125rem}.image-editor__main{flex-direction:column}.image-editor__toolbar{order:2;width:100%;flex-direction:row;border-right:none;border-top:1px solid var(--editor-border);padding:.5rem;overflow-x:auto;overflow-y:hidden;justify-content:center}.image-editor__tool-group{flex-direction:row}.image-editor__tool-divider{width:1px;height:32px;margin:0 .5rem}.image-editor__tool{padding:.5rem .75rem}.image-editor__tool-label{display:none}.image-editor__canvas-container{order:1}.image-editor__canvas-wrapper{padding:1rem}.image-editor__panel{order:3;position:fixed;bottom:0;left:0;right:0;width:100%;max-height:50vh;border-left:none;border-top:1px solid var(--editor-border);border-radius:16px 16px 0 0;transform:translateY(100%);transition:transform .3s ease;z-index:200}.image-editor__panel.open{transform:translateY(0)}.image-editor__panel-header-mobile{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem .5rem;border-bottom:1px solid var(--editor-border)}.image-editor__panel-drag-handle{width:40px;height:4px;background:var(--editor-muted);border-radius:2px;opacity:.5}.image-editor__panel-close-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;background:var(--editor-accent);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.image-editor__panel-close-btn:hover{opacity:.9}.image-editor__panel-close-btn svg{width:16px;height:16px}.image-editor__panel:before{display:none}.image-editor__panel-content-placeholder:before{content:"";display:block;width:40px;height:4px;background:var(--editor-border);border-radius:2px;margin:.75rem auto}.image-editor__info-bar{font-size:.75rem;gap:.5rem;padding:.5rem}.image-editor__dialog{padding:1rem;max-height:85vh}.image-editor__dialog-preview{flex-direction:column}.image-editor__dialog-arrow{transform:rotate(90deg)}.image-editor__dialog-actions{flex-direction:column}.image-editor__presets-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:769px)and (max-width:1024px){.image-editor__panel{width:240px}.image-editor__presets-grid{grid-template-columns:repeat(2,1fr)}}.product-custom-options__file-requirements{font-size:.8125rem;color:var(--color-foreground-secondary, #666);margin-bottom:.5rem}.product-custom-options__min-resolution{display:block;font-size:.75rem;opacity:.8}.product-custom-options__upload-slot{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-border, #e0e0e0)}.product-custom-options__upload-slot:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.image-editor__dialog-terms{margin-bottom:1rem;padding:.75rem;background:var(--editor-panel-bg);border-radius:6px;border:1px solid var(--editor-border);font-size:.875rem;line-height:1.5}.image-editor__dialog-terms-text{font-weight:600;margin:0 0 .5rem;font-size:.875rem}.image-editor__dialog-terms-list{list-style:disc;padding-left:1.25rem;margin:.5rem 0;font-size:.8125rem}.image-editor__dialog-terms-list li{margin:.375rem 0;line-height:1.4}.image-editor__dialog-terms-notice{font-size:.75rem;color:var(--editor-text-secondary);margin:.75rem 0 0;font-style:italic;line-height:1.4}@media(max-width:768px){.image-editor__dialog-overlay{padding:.75rem}.image-editor__dialog{padding:1rem}.image-editor__dialog-title{font-size:1.125rem;margin-bottom:1rem}.image-editor__dialog-terms{padding:.625rem;font-size:.8125rem}.image-editor__dialog-terms-text{font-size:.8125rem;margin-bottom:.375rem}.image-editor__dialog-terms-list{font-size:.75rem;padding-left:1rem}.image-editor__dialog-terms-list li{margin:.25rem 0}.image-editor__dialog-terms-notice{font-size:.6875rem;margin-top:.5rem;line-height:1.3}.image-editor__dialog-checkbox{font-size:.875rem}.image-editor__dialog-checkbox span{font-size:.8125rem;line-height:1.4}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/image-editor.css.map */