#editor-page-loader{position:fixed;inset:0;z-index:99999;background:#f6f1ff;display:flex;align-items:center;justify-content:center;transition:opacity .4s ease}#editor-page-loader.epl-done{opacity:0;pointer-events:none}#editor-page-loader .epl-inner{display:flex;flex-direction:column;align-items:center;gap:20px}#editor-page-loader .epl-spinner{position:relative;width:56px;height:56px}#editor-page-loader .epl-spinner div{box-sizing:border-box;display:block;position:absolute;width:46px;height:46px;margin:5px;border:4px solid transparent;border-top-color:#5e29a9;border-radius:50%}.ltr #editor-page-loader .epl-spinner div{animation:epl-spin-ltr 1s cubic-bezier(.5,.1,.5,.9) infinite}.rtl #editor-page-loader .epl-spinner div{animation:epl-spin-rtl 1s cubic-bezier(.5,.1,.5,.9) infinite}#editor-page-loader .epl-spinner div:nth-child(1){animation-delay:-.45s;border-top-color:#7c3aed}#editor-page-loader .epl-spinner div:nth-child(2){animation-delay:-.3s;border-top-color:#5e29a9;width:36px;height:36px;margin:10px}#editor-page-loader .epl-spinner div:nth-child(3){animation-delay:-.15s;border-top-color:#9d5cf0;width:26px;height:26px;margin:15px}#editor-page-loader .epl-spinner div:nth-child(4){border-top-color:#c4a8f0;width:16px;height:16px;margin:20px}#editor-page-loader .epl-text{font-size:14px;font-weight:600;color:#5e29a9;letter-spacing:.3px;margin:0}@keyframes epl-spin-ltr{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes epl-spin-rtl{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.customize-editor{max-width:600px;margin:0 auto;padding-bottom:90px}.customize-editor .customize-editor-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #ece6f7}.customize-editor .customize-editor-header .back-link,.customize-editor .customize-editor-header .cart-link{color:#2a155c;font-size:20px;text-decoration:none;position:relative}.customize-editor .customize-editor-header .editor-title{font-size:17px;font-weight:700;color:#2a155c;margin:0}.customize-editor .customize-editor-header .cart-count{position:absolute;top:-8px;background:#e53935;color:#fff;font-size:10px;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.ltr .customize-editor .customize-editor-header .cart-count{right:-10px}.rtl .customize-editor .customize-editor-header .cart-count{left:-10px}.customize-editor .btn:hover{background-color:#5e29a9!important;color:#fff!important}.customize-editor .customize-editor-tabs{display:flex;gap:10px;padding:14px 16px}.customize-editor .customize-editor-tabs .tab-btn{flex:1;padding:10px;border-radius:8px;border:1px solid #ddd2f3;background:#fff;color:#2a155c;font-weight:600;font-size:14px}.customize-editor .customize-editor-tabs .tab-btn.active{background:#5e29a9;border-color:#5e29a9;color:#fff}.customize-editor .customize-editor-colors{padding:0 16px 14px}.customize-editor .customize-editor-colors label{display:block;font-size:13px;font-weight:600;color:#2a155c;margin-bottom:8px}.customize-editor .customize-editor-colors .color-options{display:flex;gap:10px}.customize-editor .customize-editor-colors .color-option{width:28px;height:28px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #ddd2f3}.customize-editor .customize-editor-colors .color-option.active{box-shadow:0 0 0 2px #5e29a9}.customize-editor .customize-editor-stage{position:relative;background:#f6f1ff;padding:16px 16px 20px;display:flex;flex-direction:column;align-items:center;gap:20px}.customize-editor .customize-editor-stage .mockup-stage-wrap{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:8px}.customize-editor .customize-editor-stage .mockup-side-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#8b85a0;background:#fff;border:1.5px solid #ede8f8;border-radius:20px;padding:5px 14px;cursor:pointer;transition:all .18s;letter-spacing:.3px;align-self:flex-start}.customize-editor .customize-editor-stage .mockup-side-label.active{background:#5e29a9;border-color:#5e29a9;color:#fff}.customize-editor .customize-editor-stage .mockup-stage{position:relative;width:100%;max-width:360px;aspect-ratio:360/420;height:auto;border-radius:8px;overflow:visible;background:#f0f0f0;flex-shrink:0}.customize-editor .customize-editor-stage .mockup-stage .mockup-bg-img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:block}.customize-editor .customize-editor-stage .mockup-stage .print-zone-wrapper{position:absolute;overflow:visible}.customize-editor .customize-editor-stage .mockup-stage .print-zone-wrapper:after{content:"";position:absolute;inset:0;border:2px dashed #5e29a9;border-radius:2px;pointer-events:none;z-index:10}.customize-editor .customize-editor-stage .mockup-stage .print-zone-wrapper div,.customize-editor .customize-editor-stage .mockup-stage .print-zone-wrapper canvas{background:transparent!important;overflow:visible!important}.customize-editor .customize-editor-stage .selection-toolbar{position:absolute;bottom:12px;display:flex;gap:6px;background:#fff;border-radius:30px;padding:6px 10px;box-shadow:0 4px 20px #5e29a92e;z-index:20}.ltr .customize-editor .customize-editor-stage .selection-toolbar{left:50%;transform:translate(-50%)}.rtl .customize-editor .customize-editor-stage .selection-toolbar{right:50%;transform:translate(50%)}.customize-editor .customize-editor-stage .selection-toolbar .sel-btn{position:relative;width:36px;height:36px;border-radius:50%;border:none;background:#f6f1ff;color:#5e29a9;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .1s}.customize-editor .customize-editor-stage .selection-toolbar .sel-btn:hover{background:#ece6f7;transform:scale(1.1)}.customize-editor .customize-editor-stage .selection-toolbar .sel-btn.sel-btn--danger{background:#fff0f0;color:#d32f2f}.customize-editor .customize-editor-stage .selection-toolbar .sel-btn.sel-btn--danger:hover{background:#ffd7d7}.customize-editor .customize-editor-stage .selection-toolbar .sel-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 7px);transform:translate(-50%);background:#1a1a2e;color:#fff;font-size:11px;font-weight:500;white-space:nowrap;padding:4px 8px;border-radius:6px;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s;z-index:100}.ltr .customize-editor .customize-editor-stage .selection-toolbar .sel-btn[data-tooltip]:after{left:50%;transform:translate(-50%) translateY(4px)}.rtl .customize-editor .customize-editor-stage .selection-toolbar .sel-btn[data-tooltip]:after{right:50%;transform:translate(50%) translateY(4px)}.customize-editor .customize-editor-stage .selection-toolbar .sel-btn[data-tooltip]:before{content:"";position:absolute;bottom:calc(100% + 2px);border:4px solid transparent;border-top-color:#1a1a2e;pointer-events:none;opacity:0;transition:opacity .15s;z-index:100}.ltr .customize-editor .customize-editor-stage .selection-toolbar .sel-btn[data-tooltip]:before{left:50%;transform:translate(-50%)}.rtl .customize-editor .customize-editor-stage .selection-toolbar .sel-btn[data-tooltip]:before{right:50%;transform:translate(50%)}.customize-editor .customize-editor-stage .selection-toolbar .sel-btn[data-tooltip]:hover:after,.customize-editor .customize-editor-stage .selection-toolbar .sel-btn[data-tooltip]:hover:before{opacity:1}.ltr .customize-editor .customize-editor-stage .selection-toolbar .sel-btn[data-tooltip]:hover:after,.ltr .customize-editor .customize-editor-stage .selection-toolbar .sel-btn[data-tooltip]:hover:before{transform:translate(-50%) translateY(0)}.rtl .customize-editor .customize-editor-stage .selection-toolbar .sel-btn[data-tooltip]:hover:after,.rtl .customize-editor .customize-editor-stage .selection-toolbar .sel-btn[data-tooltip]:hover:before{transform:translate(50%) translateY(0)}.customize-editor .customize-editor-stage .canvas-history-controls{position:absolute;top:12px;display:flex;flex-direction:row;gap:6px;z-index:30}.ltr .customize-editor .customize-editor-stage .canvas-history-controls{right:12px}.rtl .customize-editor .customize-editor-stage .canvas-history-controls{left:12px}.customize-editor .customize-editor-stage .canvas-history-controls .history-btn{width:44px;height:44px;border-radius:10px;border:none;background:#fff;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#2a155c;font-size:16px}.customize-editor .customize-editor-stage .canvas-history-controls .history-btn span{font-size:9px;font-weight:600}.customize-editor .customize-editor-stage .canvas-history-controls .history-btn:disabled{opacity:.35}.customize-editor .customize-editor-tools{background:#fff;padding:20px 16px}.customize-editor .customize-editor-tools .tools-heading{font-size:15px;font-weight:800;color:#2a155c;margin-bottom:16px;letter-spacing:-.2px}.customize-editor .customize-editor-tools .tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.customize-editor .customize-editor-tools .tool-btn{position:relative;border:1.5px solid #ede8f8;border-radius:16px;background:#fff;padding:14px 6px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #5e29a90f;overflow:hidden}.customize-editor .customize-editor-tools .tool-btn:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .2s;border-radius:inherit}.ltr .customize-editor .customize-editor-tools .tool-btn:before{background:linear-gradient(135deg,#f6f1ff,#fff)}.rtl .customize-editor .customize-editor-tools .tool-btn:before{background:linear-gradient(-135deg,#f6f1ff,#fff)}.customize-editor .customize-editor-tools .tool-btn .tool-icon-wrap{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #5e29a94d;transition:transform .2s,box-shadow .2s;position:relative;z-index:1}.ltr .customize-editor .customize-editor-tools .tool-btn .tool-icon-wrap{background:linear-gradient(135deg,#7c3aed,#5e29a9)}.rtl .customize-editor .customize-editor-tools .tool-btn .tool-icon-wrap{background:linear-gradient(-135deg,#7c3aed,#5e29a9)}.customize-editor .customize-editor-tools .tool-btn .las{font-size:22px;color:#fff}.customize-editor .customize-editor-tools .tool-btn .tool-label{font-size:11px;font-weight:700;color:#2a155c;text-align:center;line-height:1.3;position:relative;z-index:1}.customize-editor .customize-editor-tools .tool-btn .tool-sub{display:none}.customize-editor .customize-editor-tools .tool-btn:hover{border-color:#c4a8f0;box-shadow:0 6px 18px #5e29a924;transform:translateY(-2px)}.customize-editor .customize-editor-tools .tool-btn:hover:before{opacity:1}.customize-editor .customize-editor-tools .tool-btn:hover .tool-icon-wrap{transform:scale(1.08);box-shadow:0 6px 18px #5e29a966}.customize-editor .customize-editor-tools .tool-btn.active{border-color:#5e29a9;background:#f6f1ff;box-shadow:0 0 0 3px #5e29a926,0 4px 14px #5e29a92e;transform:translateY(-1px)}.customize-editor .customize-editor-tools .tool-btn.active:before{opacity:1}.customize-editor .customize-editor-tools .tool-btn.active .tool-icon-wrap{box-shadow:0 4px 16px #5e29a973}.ltr .customize-editor .customize-editor-tools .tool-btn.active .tool-icon-wrap{background:linear-gradient(135deg,#5e29a9,#3b1278)}.rtl .customize-editor .customize-editor-tools .tool-btn.active .tool-icon-wrap{background:linear-gradient(-135deg,#5e29a9,#3b1278)}.customize-editor .customize-editor-tools .tool-btn.active .tool-label{color:#5e29a9}.customize-editor .customize-editor-tools .shape-grid,.customize-editor .customize-editor-tools .sticker-grid{display:flex;gap:10px;margin-bottom:16px}.customize-editor .customize-editor-tools .shape-btn,.customize-editor .customize-editor-tools .sticker-btn{width:44px;height:44px;border-radius:8px;border:1px solid #ece6f7;background:#fff;font-size:18px;color:#5e29a9}.customize-editor .customize-editor-tools .text-field-group{margin-bottom:18px}.customize-editor .customize-editor-tools .text-field-group label{display:block;font-size:13px;font-weight:600;color:#2a155c;margin-bottom:6px}.customize-editor .customize-editor-tools .text-field-group .form-control{width:100%;border:1px solid #ddd2f3;border-radius:8px;padding:10px 12px;font-size:14px}.customize-editor .customize-editor-tools .editor-options-row{display:flex;gap:20px;margin-bottom:18px;flex-wrap:wrap}.customize-editor .customize-editor-tools .editor-options-row label{display:block;font-size:13px;font-weight:600;color:#2a155c;margin-bottom:8px}.customize-editor .customize-editor-tools .font-style-group,.customize-editor .customize-editor-tools .text-color-group{flex:1;min-width:140px}.customize-editor .customize-editor-tools .font-swatches{display:flex;gap:6px}.customize-editor .customize-editor-tools .font-swatch{width:36px;height:36px;border-radius:6px;border:1px solid #ddd2f3;background:#fff;font-size:13px}.customize-editor .customize-editor-tools .font-swatch.active{border-color:#5e29a9;background:#f6f1ff}.customize-editor .customize-editor-tools .color-swatches{display:flex;gap:6px}.customize-editor .customize-editor-tools .color-swatch{width:24px;height:24px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #ddd2f3}.customize-editor .customize-editor-tools .color-swatch.active{box-shadow:0 0 0 2px #5e29a9}.customize-editor .customize-editor-tools .rainbow-swatch{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.customize-editor .customize-editor-tools .position-group label{display:block;font-size:13px;font-weight:600;color:#2a155c;margin-bottom:8px}.customize-editor .customize-editor-tools .position-buttons{display:flex;gap:10px}.customize-editor .customize-editor-tools .position-btn{flex:1;padding:10px;border-radius:8px;border:1px solid #ddd2f3;background:#fff;color:#2a155c;font-size:13px;font-weight:600}.customize-editor .customize-editor-tools .position-btn.active{border-color:#5e29a9;background:#f6f1ff;color:#5e29a9}.customize-editor .customize-editor-bottom-bar{position:fixed;bottom:0;left:0;right:0;max-width:600px;margin:0 auto;background:#f6f1ff;padding:14px 16px;display:flex;align-items:center;gap:14px;border-top:1px solid #ddd2f3;z-index:50}.customize-editor .customize-editor-bottom-bar .price-block{display:flex;flex-direction:column}.customize-editor .customize-editor-bottom-bar .price-block .price-label{font-size:11px;color:#5b5468}.customize-editor .customize-editor-bottom-bar .price-block .price-value{font-size:18px;font-weight:700;color:#5e29a9}.customize-editor .customize-editor-bottom-bar .qty-stepper{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #ddd2f3;border-radius:8px;padding:6px 10px}.customize-editor .customize-editor-bottom-bar .qty-stepper button{border:none;background:none;font-size:16px;color:#5e29a9;font-weight:700}.customize-editor .customize-editor-bottom-bar .save-design-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;padding:12px;border-radius:8px;border-color:#5e29a9;color:#5e29a9}.customize-editor .customize-editor-bottom-bar .add-to-cart-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:#5e29a9;border-color:#5e29a9;font-weight:600;padding:12px;border-radius:8px}.customize-editor .font-format-group{margin-top:12px}.customize-editor .font-format-group label{font-size:12px;font-weight:600;color:#5b5468;display:block;margin-bottom:6px}.customize-editor .font-format-group .font-format-row{display:flex;align-items:center;gap:8px}.customize-editor .font-format-group .fmt-btn{width:36px;height:36px;border-radius:8px;border:1.5px solid #ddd2f3;background:#fff;color:#2a155c;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.customize-editor .font-format-group .fmt-btn.active{background:#5e29a9;border-color:#5e29a9;color:#fff}.customize-editor .font-format-group .font-size-control{display:flex;align-items:center;gap:6px;border:1.5px solid #ddd2f3;border-radius:8px;padding:4px 10px;background:#fff}.customize-editor .font-format-group .font-size-control .size-btn{border:none;background:none;font-size:18px;color:#5e29a9;font-weight:700;cursor:pointer;line-height:1;padding:0}.customize-editor .font-format-group .font-size-control .size-value{font-size:14px;font-weight:600;color:#2a155c;min-width:28px;text-align:center}.customize-editor .atc-modal{position:fixed;inset:0;background:#00000073;z-index:9999;display:flex;align-items:flex-end}.customize-editor .atc-modal__box{background:#fff;width:100%;max-width:480px;margin:0 auto;border-radius:20px 20px 0 0;padding:24px 20px 36px;position:relative}.customize-editor .atc-modal__close{position:absolute;top:14px;border:none;background:none;font-size:20px;color:#5b5468;cursor:pointer}.ltr .customize-editor .atc-modal__close{right:16px}.rtl .customize-editor .atc-modal__close{left:16px}.customize-editor .atc-modal__title{font-size:17px;font-weight:700;color:#2a155c;margin-bottom:18px}.customize-editor .atc-modal__field{margin-bottom:14px}.customize-editor .atc-modal__field label{font-size:12px;font-weight:600;color:#5b5468;display:block;margin-bottom:5px}.customize-editor .atc-modal__field .form-control{border-color:#ddd2f3;border-radius:8px}.customize-editor .atc-modal__price-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0ebfa;font-size:14px;color:#5b5468}.customize-editor .atc-modal__price-row--total{border-bottom:none;border-top:2px solid #ddd2f3;margin-top:4px;font-weight:700;color:#2a155c;font-size:16px}.customize-editor .atc-modal__price-value{font-weight:700;color:#5e29a9;font-size:16px}.customize-editor .atc-modal__actions{margin-top:20px}.customize-editor .customize-editor-footer{display:flex;justify-content:space-around;flex-wrap:wrap;gap:8px;padding:10px 16px 80px;font-size:11px;color:#8b85a0}.ltr .customize-editor .customize-editor-footer .las{margin-right:4px}.rtl .customize-editor .customize-editor-footer .las{margin-left:4px}