.template-editor{position:fixed;inset:0;background:var(--nike-white);z-index:2000;display:flex;flex-direction:column}.template-editor__header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--nike-grey-200);background:var(--nike-white);height:60px;flex-shrink:0}.template-editor__back{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;background:none;font-family:inherit;font-size:.875rem;font-weight:500;color:var(--nike-grey-500);cursor:pointer;border-radius:6px;transition:all .2s}.template-editor__back:hover{background:var(--nike-grey-100);color:var(--nike-grey-900)}.template-editor__back svg{width:16px;height:16px}.template-editor__title{display:flex;flex-direction:column;align-items:center;gap:2px}.template-editor__title span:first-child{font-size:1rem;font-weight:600;color:var(--nike-grey-900)}.template-editor__product{font-size:.75rem;color:var(--nike-grey-500)}.template-editor__actions{display:flex;gap:12px}.template-editor__btn{padding:10px 20px;border-radius:24px;font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.template-editor__btn--secondary{background:transparent;border:2px solid var(--nike-grey-200);color:var(--nike-grey-900)}.template-editor__btn--secondary:hover{border-color:var(--nike-grey-900)}.template-editor__btn--primary{background:var(--nike-grey-900);border:2px solid var(--nike-grey-900);color:var(--nike-white)}.template-editor__btn--primary:hover{background:var(--nike-grey-700);border-color:var(--nike-grey-700)}.template-editor__btn--primary:disabled{background:var(--nike-grey-300);border-color:var(--nike-grey-300);cursor:not-allowed}.template-editor__body{flex:1;display:grid;grid-template-columns:1fr 420px;overflow:hidden}.template-editor__preview{display:flex;align-items:center;justify-content:center;padding:24px;background:var(--nike-grey-100);overflow:hidden}.template-editor__preview-inner{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-height:100%}.template-editor__canvas{position:relative;width:min(90%,600px,calc(60vh * var(--canvas-aspect, 1.5)));max-height:60vh;margin:0 auto;box-shadow:0 10px 40px #0000001a,0 2px 10px #0000000d;overflow:hidden}.template-editor__canvas--shaped{box-shadow:0 10px 40px #00000014,0 2px 10px #0000000a}.template-editor__dimensions{font-size:12px;font-weight:500;color:var(--nike-grey-500);background:var(--nike-grey-100);padding:4px 12px;border-radius:16px;backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center}.template-editor__tbt-width{font-size:11px;color:#2563eb;font-weight:600;text-align:center;margin-top:2px}.template-editor__canvas--tbt-mode{box-shadow:0 10px 40px #0000001a,0 2px 10px #0000000d}.template-editor__sidebar{display:flex;flex-direction:column;border-left:1px solid var(--nike-grey-200);background:var(--nike-white);overflow-y:auto;padding:24px}.template-editor__sidebar-header{margin-bottom:24px}.template-editor__sidebar-title{font-size:24px;font-weight:700;color:var(--nike-grey-900);margin:0 0 8px}.template-editor__sidebar-desc{font-size:14px;color:var(--nike-grey-500);margin:0}.template-editor__quantity-badge{display:flex;align-items:center;gap:8px;margin-top:8px;padding:6px 12px;background:var(--nike-grey-100);border-radius:6px;font-size:13px;color:var(--nike-grey-700)}.template-editor__quantity-badge span{font-weight:500}.template-editor__quantity-change{font-size:12px;color:#2563eb;text-decoration:none;cursor:pointer}.template-editor__quantity-change:hover{text-decoration:underline}.template-editor__completion{font-size:12px;font-weight:500;color:var(--nike-grey-500);padding:6px 12px;background:var(--nike-grey-100);border-radius:6px;margin-top:4px}.template-editor__completion--done{color:#16a34a;background:#f0fdf4}.template-editor__field-group--error{animation:shake .4s ease}.template-editor__input--error{border-color:#ef4444!important;box-shadow:0 0 0 2px #ef444426}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.template-editor__panel-fields{display:flex;flex-direction:column;gap:28px}.template-editor__empty-panel{text-align:center;padding:32px 0;color:var(--nike-grey-500);font-size:14px}.template-editor__section-header{padding-bottom:4px}.template-editor__section-title{font-size:18px;font-weight:600;color:var(--nike-grey-900);margin:0 0 4px}.template-editor__section-desc{font-size:14px;color:var(--nike-grey-500);margin:0}.template-editor__field-group{display:flex;flex-direction:column;gap:0}.template-editor__label{display:block;font-size:14px;font-weight:600;color:var(--nike-grey-900);margin-bottom:8px}.template-editor__required{color:#ef4444;margin-left:4px}.zone-same-toggle{display:flex;gap:0;border:1.5px solid var(--nike-grey-200);border-radius:8px;overflow:hidden;margin-bottom:10px}.zone-same-toggle__btn{flex:1;padding:7px 12px;border:none;background:var(--nike-white);color:var(--nike-grey-400);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}.zone-same-toggle__btn:first-child{border-right:1px solid var(--nike-grey-200)}.zone-same-toggle__btn--active{background:var(--nike-grey-900);color:var(--nike-white);font-weight:600}.zone-same-toggle__btn:hover:not(.zone-same-toggle__btn--active){background:var(--nike-grey-100);color:var(--nike-grey-700)}.zone-same-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--nike-grey-100);border:1px solid var(--nike-grey-200);border-radius:8px;margin-bottom:8px;min-height:32px}.zone-same-badge__icon{width:14px;height:14px;color:var(--nike-grey-400);flex-shrink:0}.zone-same-badge__text{font-size:12px;font-weight:500;color:var(--nike-grey-400)}.zone-field--shared{opacity:.45;pointer-events:none;user-select:none}.template-editor__divider{height:1px;background:linear-gradient(to right,transparent,var(--nike-grey-200),transparent);margin:4px 0}.template-editor__input-wrap{position:relative}.template-editor__input{width:100%;padding:14px 64px 14px 16px;border:2px solid var(--nike-grey-200);border-radius:8px;font-family:inherit;font-size:16px;color:var(--nike-grey-900);background:var(--nike-white);outline:none;box-sizing:border-box;transition:border-color .15s ease;min-height:48px}.template-editor__input:focus{border-color:var(--nike-grey-900)}.template-editor__textarea{resize:none;line-height:1.4}.template-editor__char-count{position:absolute;right:12px;bottom:14px;font-size:12px;color:var(--nike-grey-400);pointer-events:none}.template-editor__text-color-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--nike-grey-100)}.template-editor__text-color-label{display:block;font-size:13px;font-weight:600;color:var(--nike-grey-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.template-editor__text-color-options{display:flex;flex-direction:column;gap:12px}.template-editor__color-swatches{display:flex;gap:10px;flex-wrap:wrap}.template-editor__color-swatch{width:40px;height:40px;border-radius:50%;border:2px solid transparent;cursor:pointer;box-shadow:inset 0 0 0 1px #00000014;transition:transform .15s ease,box-shadow .15s ease;padding:0;outline:none}.template-editor__color-swatch:hover{transform:scale(1.15)}.template-editor__color-swatch--active{border-color:var(--nike-grey-900);box-shadow:0 0 0 2px var(--nike-white),0 0 0 4px var(--nike-grey-900),inset 0 0 0 1px #00000014;transform:scale(1.05)}.template-editor__color-swatch--active:hover{transform:scale(1.05)}.template-editor__custom-color{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;font-weight:500;color:var(--nike-grey-500);transition:color .15s ease}.template-editor__custom-color:hover{color:var(--nike-grey-900)}.template-editor__color-input{width:32px;height:32px;border-radius:50%;border:2px solid var(--nike-grey-200);cursor:pointer;padding:0;transition:border-color .15s ease}.template-editor__color-input:hover{border-color:var(--nike-grey-900)}.template-editor__size-presets{display:flex;align-items:center;gap:8px;margin-top:12px}.template-editor__size-label{font-size:13px;color:var(--nike-grey-500)}.template-editor__size-preset{padding:6px 14px;border:2px solid var(--nike-grey-200);border-radius:6px;background:var(--nike-white);color:var(--nike-grey-900);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.template-editor__size-preset:hover{border-color:var(--nike-grey-900)}.template-editor__size-preset--active{border-color:var(--nike-grey-900);background:var(--nike-grey-900);color:var(--nike-white)}.template-editor__image-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px}.template-editor__image-fit-toggle{display:flex;align-items:center;gap:8px}.template-editor__image-scale{display:flex;align-items:center;gap:6px}.template-editor__scale-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border:2px solid var(--nike-grey-200);border-radius:6px;background:var(--nike-white);color:var(--nike-grey-900);cursor:pointer;transition:all .15s ease;padding:0}.template-editor__scale-btn:hover:not(:disabled){border-color:var(--nike-grey-900);background:var(--nike-grey-100)}.template-editor__scale-btn:disabled{opacity:.3;cursor:not-allowed}.template-editor__scale-value{font-size:13px;font-weight:600;color:var(--nike-grey-900);min-width:40px;text-align:center}.template-editor__image-preview{position:relative;display:flex;align-items:center;justify-content:center;padding:16px;border:2px solid var(--nike-grey-200);border-radius:8px;background:var(--nike-grey-100)}.template-editor__image-preview img{max-width:100%;max-height:150px;object-fit:contain}.template-editor__image-preview--draggable{cursor:grab;user-select:none;touch-action:none;padding:0;overflow:hidden;border-color:#3b82f6}.template-editor__image-preview--draggable:active{cursor:grabbing}.template-editor__image-preview--draggable img{max-width:none;max-height:none;width:100%;height:150px;object-fit:cover;border-radius:6px}.template-editor__crop-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;font-size:11px;color:var(--nike-grey-400)}.template-editor__crop-reset{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border:1px solid var(--nike-grey-300);border-radius:4px;background:transparent;font-size:11px;color:var(--nike-grey-500);cursor:pointer;transition:color .15s,border-color .15s}.template-editor__crop-reset:hover{color:var(--nike-grey-900);border-color:var(--nike-grey-400)}.template-editor__image-remove{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;background:var(--nike-grey-900);color:var(--nike-white);cursor:pointer;padding:0}.template-editor__file-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px;border:2px dashed var(--nike-grey-200);border-radius:8px;background:var(--nike-grey-100);color:var(--nike-grey-500);cursor:pointer;position:relative;transition:border-color .15s ease}.template-editor__file-label:hover{border-color:var(--nike-grey-900)}.template-editor__info{margin-top:auto;padding-top:20px;border-top:1px solid var(--nike-grey-200);font-size:.75rem;color:var(--nike-grey-500)}.template-editor__info p{margin:4px 0}.template-editor__mobile-footer{display:none}@media(max-width:768px){.template-editor__header{padding:12px 16px}.template-editor__title span:first-child{font-size:.875rem}.template-editor__product,.template-editor__actions{display:none}.template-editor__body{grid-template-columns:1fr;grid-template-rows:40% 1fr}.template-editor__preview{padding:16px;min-height:160px;max-height:260px}.template-editor__canvas{width:min(95%,500px,calc(max(calc(40vh - 60px),180px) * var(--canvas-aspect, 1.5)));max-height:max(calc(40vh - 60px),180px)}.template-editor__sidebar{border-left:none;border-top:1px solid var(--nike-grey-200);padding:16px 16px 96px;overflow-y:auto;overscroll-behavior:contain}.template-editor__sidebar-title{font-size:20px}.template-editor__mobile-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 80px 16px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom,0px));border-top:1px solid var(--nike-grey-200);background:var(--nike-white);flex-shrink:0}.template-editor__mobile-footer .template-editor__btn{flex:1;min-height:48px}}.template-editor__canvas--position-mode{touch-action:none}.template-editor__zone--movable{cursor:move}.template-editor__zone--movable:hover{outline:2px dashed rgba(59,130,246,.5);outline-offset:-2px}.template-editor__zone--selected{outline:2px solid #3b82f6;outline-offset:-2px;z-index:100!important}.template-editor__zone--dragging{cursor:grabbing;box-shadow:0 4px 12px #00000026}.template-editor__position-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:20px;padding:12px 16px;border:2px dashed var(--nike-grey-200);border-radius:8px;background:var(--nike-grey-50);color:var(--nike-grey-500);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.template-editor__position-toggle:hover{border-color:var(--nike-grey-900);color:var(--nike-grey-900);background:var(--nike-grey-100)}.template-editor__position-panel{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 0}.template-editor__position-selected{text-align:center;padding:8px 16px;background:var(--nike-grey-100);border-radius:8px;width:100%}.template-editor__zone-selector{display:flex;flex-direction:column;gap:8px;width:100%}.template-editor__zone-selector-list{display:flex;flex-wrap:wrap;gap:8px}.template-editor__zone-selector-btn{padding:8px 14px;border:1.5px solid var(--nike-grey-200);border-radius:8px;background:var(--nike-white);font-size:13px;cursor:pointer;transition:all .15s}.template-editor__zone-selector-btn:hover{border-color:var(--nike-grey-400);background:var(--nike-grey-100)}.template-editor__zone-selector-btn--active{border-color:#3b82f6;background:var(--nike-grey-100);color:#3b82f6;font-weight:600}.dpad{display:grid;grid-template-columns:48px 48px 48px;grid-template-rows:48px 48px 48px;grid-template-areas:".    up    ." "left center right" ".    down  .";gap:4px;outline:none}.dpad__btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:44px;min-height:44px;border:2px solid var(--nike-grey-200);border-radius:10px;background:var(--nike-white);color:var(--nike-grey-900);cursor:pointer;transition:all .15s ease;padding:0;-webkit-user-select:none;user-select:none;touch-action:manipulation}.dpad__btn:hover:not(:disabled){border-color:var(--nike-grey-900);background:var(--nike-grey-100)}.dpad__btn:active:not(:disabled){background:var(--nike-grey-200);transform:scale(.95)}.dpad__btn:disabled{opacity:.3;cursor:not-allowed}.dpad__btn--reset{background:var(--nike-grey-100);border-color:var(--nike-grey-300)}.dpad__btn--reset:hover:not(:disabled){border-color:var(--nike-grey-900);background:var(--nike-grey-200)}@media(max-width:768px){.dpad{grid-template-columns:56px 56px 56px;grid-template-rows:56px 56px 56px}.dpad__btn{width:56px;height:56px}.template-editor__position-toggle{padding:14px 16px}}.item-strip{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--nike-grey-200)}.item-strip__pills{display:flex;gap:6px;overflow-x:auto;padding:4px 0;scrollbar-width:thin}.item-strip__pills::-webkit-scrollbar{height:4px}.item-strip__pills::-webkit-scrollbar-thumb{background:var(--nike-grey-300);border-radius:4px}.item-strip__pill{position:relative;min-width:44px;height:44px;border:2px solid var(--nike-grey-200);border-radius:8px;background:var(--nike-white);color:var(--nike-grey-900);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center}.item-strip__pill:hover{border-color:var(--nike-grey-900)}.item-strip__pill--active{border-color:var(--nike-grey-900);background:var(--nike-grey-900);color:var(--nike-white)}.item-strip__pill--add{border-style:dashed;color:var(--nike-grey-400);font-size:18px;font-weight:400}.item-strip__pill--add:hover{border-color:var(--nike-grey-900);color:var(--nike-grey-900);background:var(--nike-grey-100)}.item-strip__pill-dot{position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background:#ef4444;border:2px solid var(--nike-white)}.item-strip__pill-remove{position:absolute;top:-8px;right:-8px;width:18px;height:18px;border-radius:50%;border:none;background:#ef4444;color:var(--nike-white);font-size:12px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0}.item-strip__pill:hover .item-strip__pill-remove{display:flex}.item-strip__meta{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:8px}.item-strip__count{font-size:12px;font-weight:600;color:var(--nike-grey-900);background:var(--nike-grey-100);padding:4px 10px;border-radius:12px;flex-shrink:0}.item-strip__mode-label{font-size:12px;font-weight:500;color:var(--nike-grey-500)}.item-strip__nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--nike-grey-200)}.item-strip__nav-btn{padding:8px 16px!important;font-size:13px!important}.item-strip__nav-label{font-size:13px;font-weight:500;color:var(--nike-grey-500)}.piece-count{background:var(--nike-grey-50);border:1px solid var(--nike-grey-200);border-radius:12px;padding:16px;margin-bottom:20px}.piece-count__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.piece-count__title{font-size:13px;font-weight:600;color:var(--nike-grey-900);text-transform:uppercase;letter-spacing:.04em}.piece-count__counter{display:flex;align-items:center;gap:0;border:2px solid var(--nike-grey-200);border-radius:8px;overflow:hidden;background:var(--nike-white)}.piece-count__counter-btn{width:36px;height:36px;border:none;background:var(--nike-grey-100);color:var(--nike-grey-900);font-size:18px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease;padding:0}.piece-count__counter-btn:hover:not(:disabled){background:var(--nike-grey-200)}.piece-count__counter-btn:disabled{opacity:.3;cursor:not-allowed}.piece-count__counter-input{width:48px;height:36px;border:none;border-left:1px solid var(--nike-grey-200);border-right:1px solid var(--nike-grey-200);text-align:center;font-family:inherit;font-size:15px;font-weight:600;color:var(--nike-grey-900);outline:none;background:var(--nike-white);-moz-appearance:textfield}.piece-count__counter-input::-webkit-inner-spin-button,.piece-count__counter-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.piece-count .item-strip{margin-bottom:0;padding-bottom:0;border-bottom:none;margin-top:12px}@media(prefers-reduced-motion:reduce){.template-editor__input,.template-editor__file-label,.template-editor__color-swatch,.template-editor__color-input,.template-editor__custom-color,.template-editor__size-preset,.template-editor__btn,.dpad__btn,.zone-same-toggle__btn{transition:none}}@media(max-width:768px){.item-strip__pills{padding:2px 0}.item-strip__nav{display:none}.zone-same-toggle__btn{min-height:40px;font-size:13px;padding:8px 14px}.zone-same-badge{padding:8px 14px;min-height:36px}}