#ecs-stable-launcher,
#ecs-designer-launcher,
#ecs-modal-shell,
#ecs-designer-shell,
#ecs-v4-launcher,
#ecs-v4-shell,
#exotic-custom-studio{
  display:none!important;
  visibility:hidden!important;
}

#exotic-designer-launcher{
  width:100%;
  max-width:1540px;
  margin:18px auto 20px;
  box-sizing:border-box;
  position:relative;
  z-index:10;
}
#exotic-designer-launcher button{
  width:100%;
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 18px;
  border:1px solid #e31b23;
  border-radius:10px;
  background:#0d0d0f;
  color:#fff;
  text-align:left;
  cursor:pointer;
  box-sizing:border-box;
}
#exotic-designer-launcher strong{display:block;font-size:17px;color:#fff;line-height:1.2}
#exotic-designer-launcher small{display:block;margin-top:4px;color:#c7c7c7;font-size:12px}
#exotic-designer-launcher b{font-size:28px;color:#ef1c24;line-height:1}

#exotic-designer-app{
  display:none;
  position:fixed;
  inset:0;
  z-index:999999;
  font-family:inherit;
}
#exotic-designer-app.open{display:block}
.exa-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.8)}
.exa-dialog{
  position:absolute;
  left:50%;
  top:2.5vh;
  transform:translateX(-50%);
  width:min(1320px,96vw);
  height:95vh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #34343a;
  border-radius:14px;
  background:#101014;
  color:#fff;
  box-shadow:0 25px 90px rgba(0,0,0,.55);
}
.exa-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:16px 20px;
  border-bottom:1px solid #303038;
  background:#0b0b0e;
}
.exa-header span{font-size:11px;color:#ef1c24;font-weight:900;letter-spacing:.12em}
.exa-header h2{margin:2px 0 0;color:#fff;font-size:25px;line-height:1.15}
.exa-close{
  flex:0 0 auto;
  width:42px;
  height:42px;
  border:1px solid #555;
  border-radius:50%;
  background:#111;
  color:#fff;
  font-size:28px;
  cursor:pointer;
}
.exa-body{
  display:grid;
  grid-template-columns:390px minmax(0,1fr);
  min-height:0;
  flex:1;
}
.exa-controls{
  overflow:auto;
  border-right:1px solid #303038;
  padding:14px;
  background:#111116;
}
.exa-preview{
  overflow:auto;
  padding:18px;
  background:#16161b!important;
  color:#fff!important;
}
.exa-controls section{
  padding:14px 0;
  border-bottom:1px solid #2d2d33;
}
.exa-controls h3,
.exa-summary h3{
  margin:0 0 10px;
  color:#fff;
  font-size:15px;
}
.exa-zones{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.exa-zones button{
  padding:10px;
  border:1px solid #444;
  border-radius:7px;
  background:#1a1a20;
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
.exa-zones button.active{
  border-color:#ef1c24;
  background:#281418;
}
.exa-upload{
  min-height:94px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px dashed #65656d;
  border-radius:8px;
  background:#19191f;
  text-align:center;
  cursor:pointer;
}
.exa-upload input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.exa-upload strong{display:block;font-size:15px}
.exa-upload small{display:block;margin-top:4px;color:#aaa;font-size:11px}
.exa-status{margin-top:7px;color:#71d98a;font-size:12px}
.exa-rowhead{display:flex;align-items:center;justify-content:space-between;gap:10px}
.exa-zone-name{color:#ef1c24;font-size:11px}
.exa-empty{color:#888;font-size:12px}
.exa-layer-list{display:grid;gap:7px}
.exa-layer{
  width:100%;
  display:flex;
  align-items:center;
  gap:9px;
  padding:8px;
  border:1px solid #34343b;
  border-radius:7px;
  background:#18181e;
  color:#fff;
  text-align:left;
  cursor:pointer;
}
.exa-layer.active{border-color:#ef1c24}
.exa-layer img,
.exa-pdf{
  flex:0 0 auto;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  object-fit:contain;
  border-radius:5px;
  background:#fff;
  color:#111;
  font-size:10px;
  font-weight:900;
}
.exa-layer span:last-child{min-width:0;flex:1}
.exa-layer strong,
.exa-layer small{
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.exa-layer small{color:#aaa;font-size:10px}
.exa-selected label,
.exa-controls>section>label{
  display:block;
  color:#c6c6cb;
  font-size:11px;
}
.exa-selected select,
.exa-repair-type,
.exa-notes{
  width:100%;
  box-sizing:border-box;
  margin-top:5px;
  padding:8px;
  border:1px solid #444;
  border-radius:6px;
  background:#0d0d10;
  color:#fff;
}
.exa-size{width:100%;margin-top:6px}
.exa-nudge{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:6px;
  margin-top:10px;
}
.exa-nudge button,
.exa-remove{
  padding:8px;
  border:1px solid #444;
  border-radius:6px;
  background:#1c1c22;
  color:#fff;
  cursor:pointer;
}
.exa-remove{
  width:100%;
  margin-top:10px;
  border-color:#7b2529;
  color:#ffb4b7;
}
.exa-check{display:flex!important;align-items:flex-start;gap:8px}
.exa-check input{margin-top:2px}
.exa-preview-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  margin-bottom:12px;
}
.exa-preview-head>div:first-child strong{display:block;font-size:20px}
.exa-preview-head>div:first-child small{display:block;margin-top:3px;color:#aaa;font-size:11px}
.exa-price{text-align:right}
.exa-price span,
.exa-price small{display:block;color:#aaa;font-size:10px}
.exa-price strong{display:block;color:#fff;font-size:26px}
.exa-stage{
  position:relative;
  width:min(620px,100%);
  aspect-ratio:4/5;
  margin:0 auto;
  overflow:hidden;
  border-radius:12px;
  background:#eee;
  touch-action:none;
  user-select:none;
}
.exa-garment{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  pointer-events:none;
}
.exa-guide{
  position:absolute;
  pointer-events:none;
  border:1px dashed rgba(239,28,36,.65);
  border-radius:8px;
}
.exa-artboard{position:absolute;inset:0}
.exa-art{
  position:absolute;
  transform:translate(-50%,-50%);
  border:1px solid transparent;
  cursor:grab;
  touch-action:none;
}
.exa-art.active{border:1px dashed #ef1c24}
.exa-art img{
  display:block;
  width:100%;
  height:auto;
  pointer-events:none;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.22));
}
.exa-art i{
  position:absolute;
  right:-12px;
  bottom:-12px;
  width:20px;
  height:20px;
  display:none;
  border:2px solid #fff;
  border-radius:50%;
  background:#ef1c24;
  touch-action:none;
  cursor:nwse-resize;
}
.exa-art.active i{display:block}
.exa-pdf-art{
  padding:10px;
  border-radius:6px;
  background:#ef1c24;
  color:#fff;
  text-align:center;
  font-weight:900;
}
.exa-pdf-art small{display:block;font-size:9px;font-weight:600}
.exa-help{
  margin-top:8px;
  color:#aaa;
  text-align:center;
  font-size:11px;
}
.exa-summary{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid #303038;
}
.exa-summary-items{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.exa-chip{
  padding:6px 9px;
  border:1px solid #444;
  border-radius:999px;
  background:#1b1b21;
  font-size:11px;
}
.exa-chip b{color:#ef1c24}

@media(max-width:850px){
  .exa-dialog{
    top:1vh;
    width:98vw;
    height:98vh;
    border-radius:8px;
  }
  .exa-body{
    display:block;
    overflow:auto;
  }
  .exa-controls{
    overflow:visible;
    border-right:0;
    border-bottom:1px solid #303038;
  }
  .exa-preview{overflow:visible}
  .exa-preview-head{
    position:sticky;
    top:0;
    z-index:4;
    padding:8px 0;
    background:#16161b;
  }
  .exa-stage{
    width:100%;
    max-width:520px;
    aspect-ratio:3/4;
  }
  .exa-price strong{font-size:22px}
}
@media(max-width:520px){
  .exa-header{padding:12px}
  .exa-header h2{font-size:20px}
  .exa-controls,.exa-preview{padding:10px}
  .exa-zones{grid-template-columns:1fr 1fr}
  .exa-preview-head{gap:10px}
  .exa-price{max-width:145px}
}

/* v1.1.0 ordering + cart */
.exa-order-help{
  margin:0 0 10px;
  color:#aaa;
  font-size:11px;
  line-height:1.45;
}
.exa-order-rows{display:grid;gap:10px}
.exa-order-row{
  padding:10px;
  border:1px solid #383840;
  border-radius:9px;
  background:#18181e;
}
.exa-order-row-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:7px;
  align-items:end;
}
.exa-order-row-head label{
  display:block;
  color:#c7c7cc;
  font-size:11px;
}
.exa-order-color{
  width:100%;
  margin-top:5px;
  padding:8px;
  border:1px solid #444;
  border-radius:6px;
  background:#0d0d10;
  color:#fff;
}
.exa-preview-color,
.exa-remove-color,
.exa-add-color{
  min-height:36px;
  padding:8px 10px;
  border:1px solid #4a4a52;
  border-radius:7px;
  background:#202026;
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
.exa-remove-color{
  width:36px;
  padding:0;
  color:#ffb0b3;
  border-color:#6e292d;
}
.exa-add-color{
  width:100%;
  margin-top:9px;
  border-style:dashed;
}
.exa-order-sizes{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  margin-top:9px;
}
.exa-order-size{
  display:block;
  text-align:center;
  font-size:10px;
  color:#bbb;
}
.exa-order-size span{
  display:block;
  margin-bottom:3px;
  font-weight:800;
}
.exa-order-size input{
  width:100%;
  min-height:34px;
  box-sizing:border-box;
  border:1px solid #444;
  border-radius:6px;
  background:#0d0d10;
  color:#fff;
  text-align:center;
  font-weight:800;
}
.exa-order-row-total{
  margin-top:7px;
  color:#9ea0a6;
  font-size:10px;
  text-align:right;
}
.exa-cart-section{
  border-bottom:0!important;
}
.exa-cart-summary{
  display:grid;
  gap:5px;
  margin-bottom:10px;
  padding:10px;
  border:1px solid #33343a;
  border-radius:8px;
  background:#0d0d10;
  font-size:11px;
}
.exa-cart-summary strong{
  color:#fff;
  font-size:14px;
}
.exa-cart-summary span{
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:#aaa;
}
.exa-cart-summary b{color:#fff}
.exa-add-cart{
  width:100%;
  min-height:48px;
  border:0;
  border-radius:8px;
  background:#e31b23;
  color:#fff;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
}
.exa-add-cart:disabled{
  opacity:.55;
  cursor:wait;
}
.exa-cart-message{
  min-height:18px;
  margin-top:8px;
  color:#bfc1c5;
  font-size:11px;
  line-height:1.4;
}
.exa-cart-message.error{color:#ff969b}
.exa-cart-message.success{color:#73dc8b}
.exa-production-note{
  margin:8px 0 0;
  color:#8f9298;
  font-size:10px;
  line-height:1.45;
}
@media(max-width:520px){
  .exa-order-row-head{
    grid-template-columns:minmax(0,1fr) auto auto;
  }
  .exa-order-sizes{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

/* v1.2.0 upgrades + pricing breakdown */
.exa-upgrades{
  display:grid;
  gap:8px;
}
.exa-upgrades label{
  display:flex;
  align-items:flex-start;
  gap:8px;
  padding:9px 10px;
  border:1px solid #383840;
  border-radius:8px;
  background:#18181e;
  color:#fff;
  font-size:12px;
  line-height:1.35;
}
.exa-upgrades label small{
  display:block;
  margin-left:auto;
  color:#9fa1a7;
  font-size:10px;
  text-align:right;
}
.exa-upgrades input{
  margin-top:2px;
  accent-color:#e31b23;
}
.exa-blank-upgrades{
  margin-top:12px;
  padding:10px;
  border:1px solid #34343a;
  border-radius:8px;
  background:#101015;
}
.exa-blank-upgrades>strong{
  display:block;
  margin-bottom:8px;
  color:#fff;
  font-size:12px;
}
.exa-blank-upgrade-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}
.exa-blank-upgrade-grid span{
  display:flex;
  justify-content:space-between;
  gap:8px;
  padding:6px 7px;
  border-radius:6px;
  background:#18181e;
  color:#cfd0d4;
  font-size:10px;
}
.exa-blank-upgrade-grid b{
  color:#fff;
  white-space:nowrap;
}
.exa-blank-upgrades p{
  margin:8px 0 0;
  color:#8f9298;
  font-size:10px;
  line-height:1.45;
}
.exa-summary-items{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.exa-chip{
  border-color:#4a4a52!important;
}
@media(max-width:520px){
  .exa-upgrades label{
    display:grid;
    grid-template-columns:auto 1fr;
  }
  .exa-upgrades label small{
    grid-column:2;
    margin-left:0;
    text-align:left;
  }
  .exa-blank-upgrade-grid{
    grid-template-columns:1fr;
  }
}

/* v1.3.0 visual polish */
#exotic-designer-launcher{
  margin:20px auto 24px;
}
#exotic-designer-launcher button{
  min-height:86px;
  display:grid;
  grid-template-columns:minmax(260px,1.4fr) minmax(360px,1fr) 42px;
  align-items:center;
  gap:20px;
  padding:16px 20px;
  border:1px solid rgba(227,27,35,.9);
  border-radius:14px;
  background:linear-gradient(135deg,#111116 0%,#181820 58%,#221014 100%);
  box-shadow:0 10px 28px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.03);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
#exotic-designer-launcher button:hover{
  transform:translateY(-1px);
  border-color:#ff3038;
  box-shadow:0 14px 34px rgba(0,0,0,.25),0 0 0 1px rgba(227,27,35,.12);
}
#exotic-designer-launcher .exa-launch-main{
  display:block;
  min-width:0;
}
#exotic-designer-launcher .exa-launch-main em{
  display:block;
  margin-bottom:5px;
  color:#ef1c24;
  font-size:10px;
  line-height:1;
  font-style:normal;
  font-weight:900;
  letter-spacing:.18em;
}
#exotic-designer-launcher strong{
  font-size:21px;
  line-height:1.08;
  letter-spacing:-.01em;
}
#exotic-designer-launcher small{
  max-width:620px;
  margin-top:7px;
  color:#d7d7db;
  font-size:13px;
  line-height:1.35;
}
#exotic-designer-launcher .exa-launch-features{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}
#exotic-designer-launcher .exa-launch-features i{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:5px 8px;
  border:1px solid #35353d;
  border-radius:999px;
  background:#0d0d12;
  color:#f0f0f2;
  font-size:10px;
  font-style:normal;
  font-weight:800;
  letter-spacing:.03em;
  text-align:center;
  white-space:nowrap;
}
#exotic-designer-launcher b{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:50%;
  background:#e31b23;
  color:#fff;
  font-size:26px;
  font-weight:500;
  box-shadow:0 6px 18px rgba(227,27,35,.25);
}

.exa-dialog{
  width:min(1380px,96vw);
  border-color:#3d3d46;
  border-radius:18px;
  background:#0d0d11;
  box-shadow:0 30px 100px rgba(0,0,0,.72);
}
.exa-header{
  min-height:64px;
  padding:15px 22px;
  background:linear-gradient(90deg,#0b0b0e,#121217);
}
.exa-header span{
  color:#ff323a;
  font-size:10px;
  letter-spacing:.18em;
}
.exa-header h2{
  margin-top:4px;
  font-size:24px;
  letter-spacing:-.02em;
}
.exa-body{
  grid-template-columns:410px minmax(0,1fr);
}
.exa-controls{
  padding:14px 14px 24px;
  background:#0f0f14;
}
.exa-controls section{
  margin-bottom:10px;
  padding:14px;
  border:1px solid #2c2c34;
  border-radius:12px;
  background:#15151b;
}
.exa-controls section:last-child{
  margin-bottom:0;
}
.exa-controls h3,.exa-summary h3{
  margin-bottom:11px;
  font-size:13px;
  line-height:1.2;
  letter-spacing:.01em;
}
.exa-zones{
  gap:7px;
}
.exa-zones button{
  min-height:42px;
  border-color:#393941;
  border-radius:9px;
  background:#1b1b22;
  font-size:12px;
  transition:.16s ease;
}
.exa-zones button:hover{
  border-color:#5c5c67;
  background:#22222a;
}
.exa-zones button.active{
  border-color:#ef1c24;
  background:linear-gradient(135deg,#35161a,#231418);
  box-shadow:0 0 0 1px rgba(239,28,36,.12);
}
.exa-upload{
  min-height:106px;
  border:1px dashed #5a5a65;
  border-radius:11px;
  background:linear-gradient(180deg,#191920,#141419);
}
.exa-upload:hover{
  border-color:#ef1c24;
  background:#1b171b;
}
.exa-upload strong{
  font-size:14px;
}
.exa-preview{
  padding:22px;
  background:radial-gradient(circle at 50% 20%,#202029 0,#17171d 42%,#121217 100%)!important;
}
.exa-preview-head{
  align-items:center;
  margin-bottom:16px;
  padding:12px 14px;
  border:1px solid #303039;
  border-radius:12px;
  background:rgba(13,13,17,.72);
}
.exa-preview-head>div:first-child strong{
  font-size:18px;
}
.exa-price strong{
  color:#fff;
  font-size:29px;
  letter-spacing:-.025em;
}
.exa-stage{
  width:min(650px,100%);
  border:1px solid #d5d5d8;
  border-radius:15px;
  background:linear-gradient(145deg,#fafafa,#e9e9ec);
  box-shadow:0 20px 55px rgba(0,0,0,.28);
}
.exa-guide{
  border:1px dashed rgba(227,27,35,.82)!important;
  background:rgba(227,27,35,.025);
}
.exa-summary{
  margin-top:16px;
  padding:14px;
  border:1px solid #303039;
  border-radius:12px;
  background:#111116;
}
.exa-chip{
  padding:7px 9px!important;
  border-radius:999px!important;
  background:#1b1b22!important;
  font-size:10px!important;
}
.exa-cart-section{
  position:sticky;
  bottom:-14px;
  z-index:5;
  border-color:#4b2528!important;
  background:linear-gradient(180deg,#171319,#130f13)!important;
  box-shadow:0 -10px 28px rgba(0,0,0,.22);
}
.exa-add-cart{
  min-height:46px;
  border-radius:9px!important;
  font-weight:900!important;
  letter-spacing:.01em;
}
.exa-order-row{
  border-radius:10px!important;
  background:#101015!important;
}
.exa-selected select,.exa-repair-type,.exa-notes,.exa-order-color{
  min-height:38px;
  border-radius:8px!important;
}
@media(max-width:900px){
  #exotic-designer-launcher button{
    grid-template-columns:1fr 38px;
    gap:12px;
  }
  #exotic-designer-launcher .exa-launch-features{
    grid-column:1 / -1;
    grid-row:2;
  }
  #exotic-designer-launcher b{
    grid-column:2;
    grid-row:1;
  }
}
@media(max-width:640px){
  #exotic-designer-launcher{
    margin:14px auto 16px;
  }
  #exotic-designer-launcher button{
    min-height:0;
    padding:14px;
    grid-template-columns:1fr 36px;
    border-radius:12px;
  }
  #exotic-designer-launcher strong{
    font-size:18px;
  }
  #exotic-designer-launcher small{
    font-size:11px;
  }
  #exotic-designer-launcher .exa-launch-features{
    grid-template-columns:1fr 1fr;
    gap:5px;
  }
  #exotic-designer-launcher .exa-launch-features i{
    min-height:27px;
    font-size:9px;
  }
  .exa-dialog{
    top:0;
    width:100vw;
    height:100dvh;
    border:0;
    border-radius:0;
  }
  .exa-header{
    padding:12px 14px;
  }
  .exa-header h2{
    font-size:19px;
  }
  .exa-body{
    display:block;
    overflow:auto;
  }
  .exa-controls{
    overflow:visible;
    padding:10px;
  }
  .exa-controls section{
    padding:12px;
    margin-bottom:8px;
  }
  .exa-preview{
    padding:12px 10px 28px;
  }
  .exa-preview-head{
    padding:10px;
  }
  .exa-stage{
    border-radius:12px;
  }
}

/* v1.4.0 functional production upgrades */
.exa-upgrade-block{
  border:1px solid #303039;
  border-radius:10px;
  overflow:hidden;
  background:#131319;
}
.exa-upgrade-block>label{
  border:0!important;
  border-radius:0!important;
  margin:0!important;
}
.exa-upgrade-details{
  display:grid;
  grid-template-columns:minmax(0,1fr) 132px;
  gap:8px;
  padding:10px;
  border-top:1px solid #2f2f37;
  background:#0d0d12;
}
.exa-upgrade-details[hidden]{display:none!important}
.exa-upgrade-details input,
.exa-upgrade-details select{
  width:100%;
  min-height:38px;
  box-sizing:border-box;
  border:1px solid #41414a;
  border-radius:8px;
  background:#18181e;
  color:#fff;
  padding:8px 10px;
  font-size:12px;
}
.exa-special-upload{
  min-height:38px;
  padding:8px 10px;
  border:1px solid #e31b23;
  border-radius:8px;
  background:#281317;
  color:#fff;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.exa-special-upload:hover{background:#35161b}
.exa-neck-text{grid-column:1 / -1}
.exa-upgrade-details[data-details="inside_neck_label"] .exa-special-upload{
  grid-column:1 / -1;
}
.exa-logo-placement{grid-column:1}
.exa-blank-help{
  margin:6px 0 10px!important;
  color:#aeb0b6!important;
  font-size:10px!important;
  line-height:1.4;
}
.exa-blank-upgrade-grid button{
  min-height:38px;
  padding:8px 9px;
  border:1px solid #35353e;
  border-radius:8px;
  background:#17171d;
  color:#fff;
  font-size:10px;
  font-weight:800;
  text-align:left;
  cursor:pointer;
  transition:.16s ease;
}
.exa-blank-upgrade-grid button:hover{
  border-color:#e31b23;
  background:#231418;
}
.exa-text-art{
  position:absolute;
  left:50%;
  z-index:8;
  width:56%;
  transform:translate(-50%,-50%);
  color:#111;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:900;
  text-align:center;
  text-transform:uppercase;
  line-height:.9;
  text-shadow:0 1px 0 rgba(255,255,255,.45);
  pointer-events:none;
  overflow:hidden;
}
.exa-text-name{
  font-size:clamp(13px,2.2vw,28px);
  letter-spacing:.08em;
}
.exa-text-number{
  font-size:clamp(38px,8vw,88px);
  letter-spacing:-.04em;
}
.exa-layer small:before{
  content:'';
}
@media(max-width:640px){
  .exa-upgrade-details{
    grid-template-columns:1fr;
  }
  .exa-neck-text,
  .exa-upgrade-details[data-details="inside_neck_label"] .exa-special-upload,
  .exa-logo-placement{
    grid-column:1;
  }
  .exa-blank-upgrade-grid{
    grid-template-columns:1fr 1fr!important;
  }
}

/* v1.4.1 text styling + blank-switch polish */
.exa-text-details{
  grid-template-columns:minmax(0,1fr) 132px!important;
}
.exa-text-details>select[class*="-font"]{
  grid-column:1 / -1;
}
.exa-color-field{
  display:grid!important;
  grid-template-columns:auto 42px;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:6px 8px;
  border:1px solid #41414a;
  border-radius:8px;
  background:#18181e;
  color:#d8d8dc!important;
  font-size:10px!important;
}
.exa-color-field input[type="color"]{
  width:38px!important;
  height:26px!important;
  min-height:26px!important;
  padding:1px!important;
  border:0!important;
  background:transparent!important;
}
.exa-stroke-field{
  grid-column:1 / -1;
  display:grid!important;
  grid-template-columns:82px 1fr;
  align-items:center;
  gap:8px;
  color:#d8d8dc!important;
  font-size:10px!important;
}
.exa-stroke-field input[type="range"]{
  width:100%;
}
@media(max-width:640px){
  .exa-text-details{
    grid-template-columns:1fr!important;
  }
  .exa-text-details>*{
    grid-column:1!important;
  }
}

/* v1.4.7 compact personalization + desktop layout */
.exa-personalization-group{
  margin:8px 0;
  padding:10px;
  border:1px solid #3a3a43;
  border-radius:10px;
  background:#111117;
}
.exa-personalization-title{
  display:block;
  margin:0 0 8px;
  font-size:12px;
  color:#fff;
}
.exa-personalization-group .exa-person-row{
  margin:0!important;
  border-top:1px solid #292930;
  border-radius:0!important;
  background:transparent!important;
}
.exa-personalization-group .exa-person-row:first-of-type{
  border-top:0;
}
.exa-personalization-group .exa-upgrade-details{
  margin-top:7px;
  padding:8px!important;
}
.exa-personalization-group .exa-text-details{
  grid-template-columns:minmax(0,1fr) 122px!important;
}
.exa-text-style{
  grid-column:1 / -1;
  border:1px solid #34343c;
  border-radius:7px;
  background:#131319;
}
.exa-text-style summary{
  padding:7px 9px;
  cursor:pointer;
  color:#d9d9df;
  font-size:10px;
  font-weight:800;
}
.exa-text-style-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  padding:0 8px 8px;
}
.exa-text-style-grid>select{
  grid-column:1 / -1;
}
.exa-text-style-grid .exa-stroke-field{
  grid-column:1 / -1;
}
@media(min-width:901px){
  .exa-dialog{
    width:min(1450px,96vw);
  }
  .exa-body{
    grid-template-columns:390px minmax(0,1fr);
    overflow:hidden;
  }
  .exa-controls{
    height:auto;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .exa-preview{
    min-width:0;
    overflow:auto;
  }
  .exa-stage{
    max-height:calc(95vh - 195px);
  }
  .exa-stage .exa-garment{
    max-height:calc(95vh - 195px);
    object-fit:contain;
  }
}
@media(max-width:640px){
  .exa-personalization-group .exa-text-details{
    grid-template-columns:1fr!important;
  }
  .exa-text-style-grid{
    grid-template-columns:1fr 1fr;
  }
  .exa-personalization-group{
    padding:8px;
  }
}

/* v1.4.8 final containment + compact personalization */
.exa-body{
  min-height:0!important;
  overflow:hidden!important;
}
.exa-controls,
.exa-preview{
  min-height:0!important;
  max-height:100%!important;
  height:100%!important;
  box-sizing:border-box!important;
}
.exa-controls{
  overflow-y:auto!important;
}
.exa-preview{
  overflow:auto!important;
}
.exa-personalization-group{
  display:grid;
  gap:4px;
}
.exa-personalization-group .exa-person-row{
  padding:7px 0!important;
}
.exa-personalization-group .exa-person-row>label{
  margin:0!important;
}
.exa-personalization-group .exa-upgrade-details{
  margin-top:5px!important;
  padding:6px!important;
}
.exa-personalization-group .exa-text-details{
  gap:5px!important;
}
.exa-personalization-group input[type="text"],
.exa-personalization-group select{
  min-height:34px!important;
}
.exa-text-style summary{
  padding:5px 7px!important;
}
@media(max-width:640px){
  .exa-personalization-group{
    gap:2px!important;
  }
  .exa-personalization-group .exa-person-row{
    padding:5px 0!important;
  }
  .exa-personalization-group .exa-upgrade-details{
    margin-top:3px!important;
    padding:5px!important;
  }
  .exa-personalization-group .exa-text-details{
    gap:4px!important;
  }
  .exa-personalization-group input[type="text"],
  .exa-personalization-group select{
    min-height:38px!important;
  }
}

/* v1.4.9 truthful supplier views + always-visible mobile preview */
.exa-view-warning{
  position:absolute;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  z-index:6;
  width:min(78%,420px);
  padding:16px 18px;
  border:1px solid #5a3b3e;
  border-radius:10px;
  background:rgba(18,18,23,.94);
  color:#f1d6d8;
  text-align:center;
  font-size:12px;
  font-weight:800;
  line-height:1.45;
}
@media(max-width:640px){
  .exa-body{
    display:flex!important;
    flex-direction:column!important;
    overflow:auto!important;
  }
  .exa-preview{
    order:-1;
    position:sticky;
    top:0;
    z-index:20;
    flex:0 0 auto;
    height:350px!important;
    min-height:350px!important;
    max-height:350px!important;
    padding:8px!important;
    overflow:hidden!important;
    border-bottom:1px solid #383840;
    box-shadow:0 8px 22px rgba(0,0,0,.35);
  }
  .exa-preview-head{
    min-height:44px;
    padding:5px 7px!important;
  }
  .exa-preview-head small,
  .exa-preview .exa-help,
  .exa-preview .exa-summary{
    display:none!important;
  }
  .exa-preview .exa-price small{
    display:none!important;
  }
  .exa-stage{
    width:min(250px,72vw)!important;
    height:270px!important;
    min-height:270px!important;
    max-height:270px!important;
    margin:4px auto 0!important;
  }
  .exa-stage .exa-garment{
    width:100%!important;
    height:100%!important;
    max-height:270px!important;
    object-fit:contain!important;
  }
  .exa-controls{
    order:2;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}

/* v1.5.0 keep mobile garment fully inside sticky preview */
@media(max-width:640px){
  .exa-preview{
    height:340px!important;
    min-height:340px!important;
    max-height:340px!important;
  }
  .exa-stage{
    height:245px!important;
    min-height:245px!important;
    max-height:245px!important;
  }
  .exa-stage .exa-garment{
    max-height:245px!important;
  }
}

/* v1.6.0 advanced design tools */
.exa-slider-field,
.exa-gradient-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-width:0;
  font-size:10px;
  font-weight:800;
  color:#d7d7dc;
}
.exa-slider-field{
  grid-column:1 / -1;
}
.exa-slider-field input[type="range"]{
  flex:1;
  min-width:90px;
}
.exa-gradient-toggle{
  padding:7px 8px;
  border:1px solid #35353e;
  border-radius:7px;
  background:#15151b;
}
.exa-design-elements-panel{
  margin:9px 0;
  padding:10px;
  border:1px solid #3a3a43;
  border-radius:10px;
  background:#111117;
}
.exa-element-add-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px;
}
.exa-element-add-grid select,
.exa-element-add-grid button{
  min-height:36px;
}
.exa-element-add-grid button{
  padding:7px 9px;
  border:1px solid #41414b;
  border-radius:7px;
  background:#202028;
  color:#fff;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
}
.exa-element-selected{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:9px;
  padding-top:9px;
  border-top:1px solid #303039;
}
.exa-element-selected[hidden]{
  display:none!important;
}
.exa-element-selected>strong,
.exa-element-selected .exa-slider-field,
.exa-element-selected .exa-gradient-toggle,
.exa-element-selected .exa-element-nudge,
.exa-element-selected .exa-element-delete{
  grid-column:1 / -1;
}
.exa-element-nudge{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:5px;
}
.exa-element-nudge button{
  min-height:34px;
  border:1px solid #42424b;
  border-radius:6px;
  background:#1d1d24;
  color:#fff;
  cursor:pointer;
}
.exa-element-delete{
  min-height:36px;
  border:1px solid #7b252a;
  border-radius:7px;
  background:#2a1518;
  color:#ffb3b7;
  font-weight:900;
  cursor:pointer;
}
.exa-design-element{
  position:absolute;
  z-index:7;
  display:flex;
  align-items:center;
  justify-content:center;
  user-select:none;
  touch-action:none;
  cursor:move;
  box-sizing:border-box;
}
.exa-design-element.active{
  outline:2px dashed #ed1c24;
  outline-offset:4px;
}
.exa-design-shape{
  background:var(--exa-fill1);
}
.exa-design-shape.gradient{
  background:linear-gradient(var(--exa-grad-angle),var(--exa-fill1),var(--exa-fill2));
}
.exa-design-circle{
  border-radius:50%;
}
.exa-design-rounded{
  border-radius:18%;
}
.exa-design-triangle{
  background:none!important;
  width:0!important;
  height:0!important;
  border-left:calc(var(--exa-element-size,40px)/2) solid transparent;
  border-right:calc(var(--exa-element-size,40px)/2) solid transparent;
  border-bottom:var(--exa-element-size,40px) solid var(--exa-fill1);
}
.exa-design-diamond{
  transform-origin:center!important;
}
.exa-design-line{
  height:8px!important;
}
.exa-design-badge{
  clip-path:polygon(50% 0%,61% 22%,85% 15%,78% 39%,100% 50%,78% 61%,85% 85%,61% 78%,50% 100%,39% 78%,15% 85%,22% 61%,0 50%,22% 39%,15% 15%,39% 22%);
}
.exa-text-art{
  transform-origin:center center;
  white-space:nowrap;
}
@media(max-width:640px){
  .exa-element-add-grid{
    grid-template-columns:1fr 1fr;
  }
  .exa-element-selected{
    grid-template-columns:1fr 1fr;
  }
  .exa-text-style-grid{
    max-height:330px;
    overflow:auto;
    padding-bottom:10px;
  }
}

.exa-design-triangle{
  width:auto!important;
  height:auto!important;
  border:0!important;
  background:var(--exa-fill1)!important;
  clip-path:polygon(50% 0,100% 100%,0 100%);
}
.exa-design-triangle.gradient{
  background:linear-gradient(var(--exa-grad-angle),var(--exa-fill1),var(--exa-fill2))!important;
}
.exa-design-diamond{
  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
}
/* v1.6.3 mobile customizer overlap repair */
@media(max-width:640px){
  .exa-preview{
    position:relative!important;
    top:auto!important;
    z-index:1!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    flex:0 0 auto!important;
    box-shadow:none!important;
    padding:10px 10px 14px!important;
  }
  .exa-preview-head{
    position:relative!important;
    top:auto!important;
    z-index:1!important;
  }
  .exa-stage{
    width:min(240px,68vw)!important;
    height:230px!important;
    min-height:230px!important;
    max-height:230px!important;
    margin:4px auto 0!important;
    overflow:hidden!important;
  }
  .exa-stage .exa-garment{
    width:100%!important;
    height:100%!important;
    max-height:230px!important;
    object-fit:contain!important;
  }
  .exa-controls{
    position:relative!important;
    z-index:2!important;
    margin-top:0!important;
  }
}
/* ============================================================
   v1.7.0 PROFESSIONAL EDITOR
   ============================================================ */
.exa-pro-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 14px;
  border-bottom:1px solid #303039;
  background:#0b0b0f;
  color:#fff;
}
.exa-pro-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.exa-pro-toolbar button,.exa-pro-toolbar a{
  min-height:36px;
  padding:7px 11px;
  border:1px solid #3b3b44;
  border-radius:8px;
  background:#1a1a20;
  color:#fff!important;
  text-decoration:none!important;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.exa-pro-toolbar .exa-pro-save{background:#d71920;border-color:#d71920}
.exa-pro-toolbar button:disabled{opacity:.35;cursor:not-allowed}
.exa-pro-status{min-height:18px;color:#c8c8ce;font-size:11px;text-align:right}
.exa-pro-step>h3{
  position:relative;
  padding-right:30px;
  cursor:pointer;
  user-select:none;
}
.exa-pro-step>h3:after{
  content:'−';
  position:absolute;
  right:2px;
  top:-2px;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border:1px solid #40404a;
  border-radius:50%;
  color:#fff;
  font-size:15px;
}
.exa-pro-step.collapsed>h3:after{content:'+'}
.exa-pro-step.collapsed>:not(h3){display:none!important}
.exa-pro-object{
  padding:12px!important;
  border:1px solid #d71920!important;
  background:#15151b!important;
}
.exa-pro-exact{
  display:grid;
  grid-template-columns:2fr repeat(4,minmax(64px,1fr));
  gap:8px;
}
.exa-pro-exact label,.exa-pro-copy-label{
  display:grid!important;
  gap:4px;
  color:#bdbdc5!important;
  font-size:10px!important;
  font-weight:800;
}
.exa-pro-exact input,.exa-pro-copy{
  width:100%;
  min-height:36px;
  padding:7px 8px;
  border:1px solid #3d3d46;
  border-radius:7px;
  background:#202027;
  color:#fff;
}
.exa-pro-ratio-label{display:flex!important;align-items:center;gap:6px;padding-top:18px}
.exa-pro-actions{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  margin:10px 0;
}
.exa-pro-actions button{
  min-height:36px;
  padding:7px;
  border:1px solid #454550;
  border-radius:7px;
  background:#23232a;
  color:#fff;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.exa-pro-actions button.active{background:#d71920;border-color:#d71920}
.exa-art.locked,.exa-design-element.locked{outline:2px dashed #f0b429!important;outline-offset:2px}
.exa-artboard:before,.exa-artboard:after{
  content:'';
  position:absolute;
  pointer-events:none;
  z-index:40;
  opacity:.28;
}
.exa-artboard:before{left:50%;top:0;bottom:0;border-left:1px dashed #d71920}
.exa-artboard:after{top:50%;left:0;right:0;border-top:1px dashed #d71920}
.exa-layer small{text-transform:capitalize}
@media(max-width:900px){
  .exa-pro-toolbar{align-items:flex-start;flex-direction:column}
  .exa-pro-status{text-align:left}
  .exa-pro-exact{grid-template-columns:1fr 1fr}
  .exa-pro-actions{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .exa-pro-toolbar{padding:8px 10px;position:relative;z-index:3}
  .exa-pro-tools{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .exa-pro-toolbar button,.exa-pro-toolbar a{min-height:44px;display:flex;align-items:center;justify-content:center}
  .exa-pro-exact{grid-template-columns:1fr 1fr}
  .exa-pro-actions button{min-height:44px}
  .exa-controls>section{scroll-margin-top:12px}
  .exa-pro-step>h3{min-height:30px;display:flex;align-items:center}
}
/* ============================================================
   v1.7.3 MOBILE WORKSPACE COMPACTION
   Keep a live garment preview visible without covering controls.
   ============================================================ */
@media(max-width:640px){
  #exotic-designer-app .exa-pro-toolbar{
    flex:0 0 auto!important;
    min-height:46px!important;
    padding:5px 8px!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none;
  }
  #exotic-designer-app .exa-pro-toolbar::-webkit-scrollbar{display:none}
  #exotic-designer-app .exa-pro-tools{
    width:auto!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
  }
  #exotic-designer-app .exa-pro-toolbar button,
  #exotic-designer-app .exa-pro-toolbar a{
    min-height:44px!important;
    height:44px!important;
    padding:6px 10px!important;
    font-size:11px!important;
    white-space:nowrap!important;
  }
  #exotic-designer-app .exa-pro-status{
    display:none!important;
  }

  #exotic-designer-app .exa-body{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  #exotic-designer-app .exa-preview{
    order:-1!important;
    position:relative!important;
    top:auto!important;
    z-index:3!important;
    flex:0 0 185px!important;
    height:185px!important;
    min-height:185px!important;
    max-height:185px!important;
    padding:5px 8px!important;
    overflow:hidden!important;
    border-bottom:1px solid #383840!important;
    box-shadow:0 5px 14px rgba(0,0,0,.22)!important;
  }
  #exotic-designer-app .exa-preview-head{
    position:relative!important;
    top:auto!important;
    z-index:4!important;
    min-height:30px!important;
    height:30px!important;
    margin:0 0 3px!important;
    padding:0!important;
    align-items:center!important;
    gap:6px!important;
  }
  #exotic-designer-app .exa-preview-head>div:first-child strong{
    font-size:12px!important;
    line-height:1.1!important;
    max-width:150px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #exotic-designer-app .exa-preview-head>div:first-child small,
  #exotic-designer-app .exa-preview .exa-help,
  #exotic-designer-app .exa-preview .exa-summary,
  #exotic-designer-app .exa-preview .exa-price span,
  #exotic-designer-app .exa-preview .exa-price small{
    display:none!important;
  }
  #exotic-designer-app .exa-preview .exa-price{
    margin-left:auto!important;
    max-width:none!important;
    display:flex!important;
    align-items:center!important;
  }
  #exotic-designer-app .exa-preview .exa-price strong{
    font-size:14px!important;
    line-height:1!important;
    margin:0!important;
  }
  #exotic-designer-app .exa-stage{
    width:min(150px,42vw)!important;
    height:145px!important;
    min-height:145px!important;
    max-height:145px!important;
    margin:2px auto 0!important;
    overflow:hidden!important;
    border-radius:8px!important;
  }
  #exotic-designer-app .exa-stage .exa-garment{
    width:100%!important;
    height:100%!important;
    max-height:145px!important;
    object-fit:contain!important;
  }

  #exotic-designer-app .exa-controls{
    order:2!important;
    position:relative!important;
    z-index:2!important;
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    padding:7px 8px 78px!important;
  }

  #exotic-designer-app .exa-cart-section{
    position:sticky!important;
    bottom:-1px!important;
    z-index:30!important;
    margin:6px -2px -7px!important;
    padding:5px 7px 6px!important;
    min-height:0!important;
    border-radius:9px 9px 0 0!important;
    box-shadow:0 -5px 14px rgba(0,0,0,.28)!important;
  }
  #exotic-designer-app .exa-cart-section>h3,
  #exotic-designer-app .exa-cart-section .exa-production-note{
    display:none!important;
  }
  #exotic-designer-app .exa-cart-summary{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    min-height:0!important;
    margin:0 0 4px!important;
    padding:3px 5px!important;
    font-size:9px!important;
    line-height:1.15!important;
  }
  #exotic-designer-app .exa-cart-summary strong{
    font-size:10px!important;
    white-space:nowrap!important;
  }
  #exotic-designer-app .exa-cart-summary>span:first-of-type{
    display:none!important;
  }
  #exotic-designer-app .exa-cart-summary>span:last-of-type{
    margin-left:auto!important;
    font-size:10px!important;
    white-space:nowrap!important;
  }
  #exotic-designer-app .exa-cart-summary>span:last-of-type b{
    font-size:12px!important;
  }
  #exotic-designer-app .exa-add-cart{
    min-height:34px!important;
    height:34px!important;
    padding:4px 10px!important;
    border-radius:7px!important;
    font-size:11px!important;
    line-height:1!important;
  }
  #exotic-designer-app .exa-cart-message{
    min-height:0!important;
    margin:3px 0 0!important;
    font-size:9px!important;
    line-height:1.2!important;
  }
  #exotic-designer-app .exa-cart-message:empty{
    display:none!important;
  }

  #exotic-designer-app .exa-mobile-preview-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:26px!important;
    height:26px!important;
    padding:3px 7px!important;
    border:1px solid #44444d!important;
    border-radius:6px!important;
    background:#202027!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:800!important;
    cursor:pointer!important;
    white-space:nowrap!important;
  }

  #exotic-designer-app.exa-mobile-preview-expanded .exa-preview{
    flex-basis:335px!important;
    height:335px!important;
    min-height:335px!important;
    max-height:335px!important;
  }
  #exotic-designer-app.exa-mobile-preview-expanded .exa-stage{
    width:min(260px,72vw)!important;
    height:292px!important;
    min-height:292px!important;
    max-height:292px!important;
  }
  #exotic-designer-app.exa-mobile-preview-expanded .exa-stage .exa-garment{
    max-height:292px!important;
  }
}
@media(min-width:641px){
  #exotic-designer-app .exa-mobile-preview-toggle{display:none!important}
}