engraving-customizer-v2{display:block}.ec-trigger-wrap{margin-top:12px}.ec-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 20px;border:1.5px solid var(--ei-outline-variant, #e0bfbe);border-radius:6px;background:transparent;color:var(--ei-on-surface, #1a1c1c);font-family:var(--ei-font-body, "Plus Jakarta Sans", system-ui, sans-serif);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.ec-trigger:hover{background:var(--ei-surface-container-low, #f4f3f3);border-color:var(--ei-on-surface-variant, #584140)}.ec-status{display:flex;align-items:center;gap:6px;padding:6px 10px;margin-top:6px;font-family:var(--ei-font-body, "Plus Jakarta Sans", system-ui, sans-serif);font-size:.8125rem;color:#2a7a3b}.ec-status[hidden]{display:none}.ec-status__edit{margin-left:auto;background:none;border:none;font-family:var(--ei-font-body, "Plus Jakarta Sans", system-ui, sans-serif);font-size:.8125rem;font-weight:600;color:var(--ei-primary, #ab2b36);cursor:pointer;text-decoration:underline;padding:0}.ec-dialog{border:none;border-radius:12px;padding:0;max-width:1020px;width:94vw;max-height:92vh;background:var(--ei-surface-container-lowest, #ffffff);box-shadow:0 24px 56px #00000038}.ec-dialog::backdrop{background:#00000085}.ec-dialog__inner{display:flex;flex-direction:column;height:92vh;max-height:92vh;overflow:hidden}.ec-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--ei-outline-variant, #e0bfbe);flex-shrink:0}.ec-dialog__title{font-family:var(--ei-font-body, "Plus Jakarta Sans", system-ui, sans-serif);font-size:1.0625rem;font-weight:700;color:var(--ei-on-surface, #1a1c1c);margin:0}.ec-dialog__close{background:none;border:none;padding:4px;cursor:pointer;color:var(--ei-on-surface-variant, #584140);border-radius:4px;display:flex;align-items:center;justify-content:center;line-height:1}.ec-dialog__close:hover{background:var(--ei-surface-container, #eeeeee)}.ec-dialog__body{display:flex;flex:1;overflow:hidden;min-height:0}.ec-canvas-zone{flex:3;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--ei-surface-container-low, #f4f3f3);overflow:hidden;position:relative}.ec-canvas-wrap{position:relative;max-width:100%}.ec-canvas-wrap .canvas-container{border:1px dashed var(--ei-outline-variant, #e0bfbe);border-radius:4px;overflow:hidden;max-width:100%}.ec-canvas-wrap .canvas-container,.ec-canvas-wrap .lower-canvas,.ec-canvas-wrap .upper-canvas{box-sizing:content-box}.ec-canvas-wrap .upper-canvas{background:transparent!important}.ec-canvas-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--ei-surface-container-low, #f4f3f3);z-index:10;border-radius:4px}.ec-canvas-loading[hidden]{display:none}.ec-spinner{width:32px;height:32px;border:3px solid var(--ei-outline-variant, #e0bfbe);border-top-color:var(--ei-primary, #ab2b36);border-radius:50%;animation:ec-spin .7s linear infinite}@keyframes ec-spin{to{transform:rotate(360deg)}}.ec-tab-panel{flex:2;display:flex;flex-direction:column;border-left:1px solid var(--ei-outline-variant, #e0bfbe);overflow:hidden;min-width:0;max-width:320px;flex-basis:320px}.ec-tabs{display:flex;border-bottom:1px solid var(--ei-outline-variant, #e0bfbe);flex-shrink:0;background:var(--ei-surface-container-lowest, #fff)}.ec-tab{flex:1;padding:10px 6px;background:none;border:none;border-bottom:2px solid transparent;font-family:var(--ei-font-body, "Plus Jakarta Sans", system-ui, sans-serif);font-size:.8125rem;font-weight:600;color:var(--ei-on-surface-variant, #584140);cursor:pointer;transition:color .15s ease,border-color .15s ease;margin-bottom:-1px}.ec-tab:hover{color:var(--ei-on-surface, #1a1c1c)}.ec-tab.is-active{color:var(--ei-primary, #ab2b36);border-bottom-color:var(--ei-primary, #ab2b36)}.ec-tab-content{flex:1;overflow-y:auto;overflow-x:hidden}.ec-tab-pane{padding:16px}.ec-tab-pane[hidden]{display:none}.ec-tab-pane__placeholder{font-family:var(--ei-font-body, "Plus Jakarta Sans", system-ui, sans-serif);font-size:.8125rem;color:var(--ei-on-surface-variant, #584140);text-align:center;padding:24px 8px;margin:0;line-height:1.5}.ec-dialog__footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--ei-outline-variant, #e0bfbe);flex-shrink:0;gap:12px;background:var(--ei-surface-container-lowest, #fff)}.ec-layers-strip{flex:1;display:flex;align-items:center;gap:6px;overflow-x:auto;min-height:40px;scrollbar-width:none}.ec-layers-strip::-webkit-scrollbar{display:none}.ec-footer-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.ec-btn{padding:8px 18px;border-radius:6px;font-family:var(--ei-font-body, "Plus Jakarta Sans", system-ui, sans-serif);font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s ease,background .15s ease;white-space:nowrap}.ec-btn--ghost{background:none;border:1px solid var(--ei-outline-variant, #e0bfbe);color:var(--ei-on-surface-variant, #584140)}.ec-btn--ghost:hover{background:var(--ei-surface-container-low, #f4f3f3)}.ec-btn--primary{background:var(--ei-primary, #ab2b36);color:#fff;border:none}.ec-btn--primary:hover{opacity:.88}.ec-btn--primary:disabled{opacity:.55;cursor:not-allowed}.ec-ctrl-group{margin-bottom:14px}.ec-ctrl-group--danger{margin-top:20px;padding-top:14px;border-top:1px solid var(--ei-outline-variant, #e0bfbe)}.ec-label{display:flex;align-items:center;justify-content:space-between;font-family:var(--ei-font-body, "Plus Jakarta Sans", system-ui, sans-serif);font-size:.75rem;font-weight:600;color:var(--ei-on-surface-variant, #584140);margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em}.ec-label-value{font-weight:400;text-transform:none;letter-spacing:0;color:var(--ei-on-surface, #1a1c1c);font-size:.75rem}.ec-range{width:100%;accent-color:var(--ei-primary, #ab2b36);cursor:pointer}.ec-lib-search-wrap{margin-bottom:10px}.ec-lib-search{width:100%;box-sizing:border-box;padding:6px 10px;border:1px solid var(--ei-outline-variant, #e0bfbe);border-radius:6px;font-family:var(--ei-font-body, "Plus Jakarta Sans", system-ui, sans-serif);font-size:.8125rem;background:var(--ei-surface-container-lowest, #fff);color:var(--ei-on-surface, #1a1c1c);outline:none}.ec-lib-search:focus{border-color:var(--ei-primary, #ab2b36)}.ec-lib-pills{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.ec-lib-pill{padding:3px 10px;border-radius:20px;border:1px solid var(--ei-outline-variant, #e0bfbe);background:none;font-family:var(--ei-font-body, "Plus Jakarta Sans", system-ui, sans-serif);font-size:.75rem;font-weight:600;color:var(--ei-on-surface-variant, #584140);cursor:pointer;transition:background .12s,color .12s,border-color .12s;white-space:nowrap}.ec-lib-pill:hover{background:var(--ei-surface-container-low, #f4f3f3)}.ec-lib-pill.is-active{background:var(--ei-primary, #ab2b36);border-color:var(--ei-primary, #ab2b36);color:#fff}.ec-lib-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}.ec-lib-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border:1.5px solid var(--ei-outline-variant, #e0bfbe);border-radius:6px;background:var(--ei-surface-container-lowest, #fff);cursor:pointer;transition:border-color .12s,background .12s;text-align:center}.ec-lib-tile:hover{border-color:var(--ei-primary, #ab2b36);background:var(--ei-surface-container-low, #f4f3f3)}.ec-lib-tile__img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:3px}.ec-lib-tile__name{font-family:var(--ei-font-body, "Plus Jakarta Sans", system-ui, sans-serif);font-size:.6875rem;color:var(--ei-on-surface-variant, #584140);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.ec-lib-upload-wrap{margin-bottom:10px}.ec-lib-upload{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1.5px dashed var(--ei-primary, #ab2b36);border-radius:6px;background:var(--ei-surface-container-lowest, #fff);color:var(--ei-primary, #ab2b36);font-family:var(--ei-font-body, "Plus Jakarta Sans", system-ui, sans-serif);font-size:.8125rem;font-weight:600;cursor:pointer;width:100%;justify-content:center;transition:background .12s,border-color .12s;box-sizing:border-box}.ec-lib-upload:hover{background:var(--ei-surface-container-low, #f4f3f3);border-style:solid}.ec-tmpl-preview{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--ei-surface-container-lowest, #fff);border-radius:3px;overflow:hidden}.ec-tmpl-preview__svg{width:100%;height:100%;display:block}.ec-textarea{width:100%;box-sizing:border-box;padding:7px 10px;border:1px solid var(--ei-outline-variant, #e0bfbe);border-radius:6px;font-family:var(--ei-font-body, "Plus Jakarta Sans", system-ui, sans-serif);font-size:.875rem;background:var(--ei-surface-container-lowest, #fff);color:var(--ei-on-surface, #1a1c1c);resize:vertical;outline:none;transition:border-color .12s}.ec-textarea:focus{border-color:var(--ei-primary, #ab2b36)}.ec-select{width:100%;box-sizing:border-box;padding:6px 8px;border:1px solid var(--ei-outline-variant, #e0bfbe);border-radius:6px;font-family:var(--ei-font-body, "Plus Jakarta Sans", system-ui, sans-serif);font-size:.875rem;background:var(--ei-surface-container-lowest, #fff);color:var(--ei-on-surface, #1a1c1c);cursor:pointer;outline:none}.ec-select:focus{border-color:var(--ei-primary, #ab2b36)}.ec-toggle-group{display:flex;gap:4px}.ec-toggle-btn{padding:5px 10px;border:1.5px solid var(--ei-outline-variant, #e0bfbe);border-radius:4px;background:none;font-family:var(--ei-font-body, "Plus Jakarta Sans", system-ui, sans-serif);font-size:.875rem;font-weight:600;color:var(--ei-on-surface-variant, #584140);cursor:pointer;transition:background .12s,color .12s,border-color .12s;min-width:36px}.ec-toggle-btn:hover{background:var(--ei-surface-container-low, #f4f3f3)}.ec-toggle-btn.is-active{background:var(--ei-primary, #ab2b36);border-color:var(--ei-primary, #ab2b36);color:#fff}.ec-color-row{display:flex;align-items:center;gap:8px}.ec-color-input{width:36px;height:30px;padding:2px;border:1px solid var(--ei-outline-variant, #e0bfbe);border-radius:4px;cursor:pointer;background:none}.ec-color-hex{font-family:var(--ei-font-body, "Plus Jakarta Sans", system-ui, sans-serif);font-size:.8125rem;color:var(--ei-on-surface-variant, #584140)}.ec-font-hint{font-family:var(--ei-font-body, "Plus Jakarta Sans", system-ui, sans-serif);font-size:.75rem;color:var(--ei-on-surface-variant, #584140);margin:6px 0 0;line-height:1.35;font-style:italic}.ec-checkbox{accent-color:var(--ei-primary, #ab2b36);margin-right:4px}.ec-outline-sub{margin-top:8px;padding-left:8px;border-left:2px solid var(--ei-outline-variant, #e0bfbe)}.ec-btn--full{width:100%;justify-content:center;display:flex;align-items:center}.ec-icon-btn-row{display:flex;flex-wrap:wrap;gap:4px}.ec-icon-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 8px;border:1px solid var(--ei-outline-variant, #e0bfbe);border-radius:5px;background:none;cursor:pointer;font-family:var(--ei-font-body, "Plus Jakarta Sans", system-ui, sans-serif);font-size:.6875rem;color:var(--ei-on-surface-variant, #584140);transition:background .12s,border-color .12s;white-space:nowrap}.ec-icon-btn:hover{background:var(--ei-surface-container-low, #f4f3f3);border-color:var(--ei-on-surface-variant, #584140)}.ec-snap-btns{display:flex;gap:4px;margin-top:6px}.ec-snap-btn{flex:1;padding:3px 0;border:1px solid var(--ei-outline-variant, #e0bfbe);border-radius:4px;background:none;font-family:var(--ei-font-body, "Plus Jakarta Sans", system-ui, sans-serif);font-size:.6875rem;font-weight:600;color:var(--ei-on-surface-variant, #584140);cursor:pointer;transition:background .12s,color .12s}.ec-snap-btn:hover{background:var(--ei-primary, #ab2b36);border-color:var(--ei-primary, #ab2b36);color:#fff}.ec-btn--sm{padding:5px 12px;font-size:.8125rem}.ec-btn--danger{background:none;border:1.5px solid var(--ei-primary, #ab2b36);color:var(--ei-primary, #ab2b36)}.ec-btn--danger:hover{background:var(--ei-primary, #ab2b36);color:#fff}.ec-layer-empty{font-family:var(--ei-font-body, "Plus Jakarta Sans", system-ui, sans-serif);font-size:.75rem;color:var(--ei-on-surface-variant, #584140);opacity:.6;padding:0 4px;white-space:nowrap}.ec-layer-card{display:inline-flex;align-items:center;gap:5px;padding:4px 8px 4px 6px;border:1.5px solid var(--ei-outline-variant, #e0bfbe);border-radius:20px;background:var(--ei-surface-container-lowest, #fff);cursor:pointer;font-family:var(--ei-font-body, "Plus Jakarta Sans", system-ui, sans-serif);font-size:.75rem;color:var(--ei-on-surface-variant, #584140);white-space:nowrap;flex-shrink:0;transition:border-color .12s,background .12s;position:relative}.ec-layer-card:hover{border-color:var(--ei-on-surface-variant, #584140);background:var(--ei-surface-container-low, #f4f3f3)}.ec-layer-card.is-active{border-color:var(--ei-primary, #ab2b36);background:#fdf2f2;color:var(--ei-primary, #ab2b36)}.ec-layer-card__icon{opacity:.7;flex-shrink:0;display:flex;align-items:center}.ec-layer-card__name{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ec-layer-card__del{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:none;color:var(--ei-on-surface-variant, #584140);cursor:pointer;font-size:.875rem;line-height:1;border-radius:50%;padding:0;opacity:0;transition:opacity .1s,background .1s;flex-shrink:0}.ec-layer-card:hover .ec-layer-card__del{opacity:1}.ec-layer-card__del:hover{background:var(--ei-outline-variant, #e0bfbe)}@media(max-width:680px){.ec-dialog{width:100vw;max-width:100vw;max-height:100vh;border-radius:0;margin:0}.ec-dialog__inner{height:100vh;max-height:100vh}.ec-dialog__body{flex-direction:column}.ec-canvas-zone{flex:none;padding:12px;min-height:220px}.ec-tab-panel{flex:1;border-left:none;border-top:1px solid var(--ei-outline-variant, #e0bfbe);max-width:100%;min-width:0}.ec-tabs{overflow-x:auto;scrollbar-width:none}.ec-tabs::-webkit-scrollbar{display:none}.ec-tab{flex-shrink:0;padding:10px 16px}.ec-dialog__footer{flex-wrap:wrap}.ec-layers-strip{display:none}.ec-footer-actions{width:100%;justify-content:flex-end}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/engraving-customizer-v2.css.map */