/* TG-DD-1111: de-duplicated desktop Studio (preview ?tgdd=p1111). Desktop only, on top of TG-DX.
   Off: features-live.json "dd":{"off":true}. */
#tees-studio .tgdd-scroll,#tees-studio .tgdd-hdr{display:none}
@media (min-width:1024px){
#tees-studio.tgdx.tgdd{--dd-ink:#16243E;--dd-red:#E6010B;--dd-line:#e7e8ec;--dd-soft:#f5f6f8;--dd-mute:#6b7280}

/* ---------- header: one place for quantity·price, Save, Add to cart ---------- */
#tees-studio.tgdx.tgdd .ts-top{border-bottom:1px solid var(--dd-line)!important;box-shadow:none!important}
#tees-studio.tgdx.tgdd .tgdd-hdr{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:8px}
#tees-studio.tgdx.tgdd .tgdd-hdr button{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:19px;
  border:1px solid var(--dd-line);background:#fff;color:var(--dd-ink);font-weight:600;font-size:13.5px;line-height:1;font-family:inherit;cursor:pointer;white-space:nowrap}
#tees-studio.tgdx.tgdd .tgdd-hdr button:hover{border-color:#c9ccd3;background:var(--dd-soft)}
#tees-studio.tgdx.tgdd .tgdd-hdr button[hidden]{display:none}
#tees-studio.tgdx.tgdd .tgdd-hdr svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#tees-studio.tgdx.tgdd .tgdd-hdr .tgdd-save.is-saved{color:#0a7a3d;border-color:#bfe3cd;background:#f1faf4}
#tees-studio.tgdx.tgdd .ts-top .ts-next{background:var(--dd-red)!important;border-color:var(--dd-red)!important;color:#fff!important;height:40px!important;padding:0 20px!important;border-radius:20px!important;font-weight:700!important;box-shadow:0 4px 14px rgba(230,1,11,.25)!important}
#tees-studio.tgdx.tgdd .ts-top .ts-next:hover{filter:brightness(.95)}
/* originals now driven from the header */
#tees-studio.tgdx.tgdd.tgdd-hasqty .ts-stage .ts-steps{display:none!important}
#tees-studio.tgdx.tgdd.tgdd-hassave .tgsv-btn{display:none!important}

/* ---------- left rail: add content only ---------- */
#tees-studio.tgdx.tgdd .tgdx-rail{padding:10px 6px!important;gap:4px!important;border-right:1px solid var(--dd-line)!important}
#tees-studio.tgdx.tgdd .tgdx-rail button.tgdx-ri{min-height:58px;border-radius:12px;color:#3a4150;font-weight:600;font-size:10.5px}
#tees-studio.tgdx.tgdd .tgdx-rail button.tgdx-ri:hover{background:var(--dd-soft);color:var(--dd-ink)}
#tees-studio.tgdx.tgdd .tgdx-rail button.tgdx-ri.is-on{background:var(--dd-ink);color:#fff}
#tees-studio.tgdx.tgdd .tgdx-rail button.tgdx-ri svg{width:22px;height:22px}
#tees-studio.tgdx.tgdd .tgdx-rail [data-dx="options"],
#tees-studio.tgdx.tgdd .tgdx-rail [data-dx="colour"],
#tees-studio.tgdx.tgdd .tgdx-rail [data-dx="templates"],
#tees-studio.tgdx.tgdd.tgdd-nozz .tgdx-rail [data-dx="elements"],
#tees-studio.tgdx.tgdd.tgdd-nozz .tgdx-rail [data-dx="icons"]{display:none!important}
#tees-studio.tgdx.tgdd .tgdx-rail .tgdd-ai svg{stroke:var(--dd-red)}
#tees-studio.tgdx.tgdd .tgdx-rail .tgdd-ai:hover svg{stroke:var(--dd-red)}

/* ---------- side drawer: light, same family as the rest ---------- */
#tees-studio.tgdx.tgdd .tgdx-side{background:#fff!important;color:var(--dd-ink)!important;border-right:1px solid var(--dd-line)!important;box-shadow:6px 0 18px rgba(22,36,62,.06)}
#tees-studio.tgdx.tgdd .tgdx-side .tgdx-sh{padding:16px 16px 10px}
#tees-studio.tgdx.tgdd .tgdx-side .tgdx-sh b{font-size:15px;color:var(--dd-ink)}
#tees-studio.tgdx.tgdd .tgdx-side .tgdx-x{background:var(--dd-soft);color:var(--dd-ink)}
#tees-studio.tgdx.tgdd .tgdx-side .tgdx-sbody{padding:0 16px 18px}
#tees-studio.tgdx.tgdd .tgdx-side .tgdx-note{color:var(--dd-mute)}
#tees-studio.tgdx.tgdd .tgdx-li{background:var(--dd-soft);color:var(--dd-ink);border:1px solid transparent}
#tees-studio.tgdx.tgdd .tgdx-li.is-on{background:#fff;border-color:var(--dd-ink);color:var(--dd-ink)}
#tees-studio.tgdx.tgdd .tgdx-side .tgdk-cp,#tees-studio.tgdx.tgdd .tgdx-side .tgdk-cp *{color:var(--dd-ink)}
#tees-studio.tgdx.tgdd .tgdd-up{display:flex;flex-direction:column;gap:10px;margin-top:4px}
#tees-studio.tgdx.tgdd .tgdd-drop{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 12px;border:1.5px dashed #c5cad3;border-radius:14px;background:var(--dd-soft);color:var(--dd-ink);cursor:pointer;font-family:inherit;text-align:center}
#tees-studio.tgdx.tgdd .tgdd-drop:hover{border-color:var(--dd-ink);background:#eef0f4}
#tees-studio.tgdx.tgdd .tgdd-drop svg{width:28px;height:28px;fill:none;stroke:var(--dd-red);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#tees-studio.tgdx.tgdd .tgdd-drop b{font-size:14px}
#tees-studio.tgdx.tgdd .tgdd-drop small{font-size:11.5px;color:var(--dd-mute)}
#tees-studio.tgdx.tgdd .tgdd-line{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border:1px solid var(--dd-line);border-radius:12px;background:#fff;color:var(--dd-ink);font-weight:600;font-size:13.5px;line-height:1;font-family:inherit;cursor:pointer;text-align:left}
#tees-studio.tgdx.tgdd .tgdd-line:hover{border-color:#c9ccd3;background:var(--dd-soft)}
#tees-studio.tgdx.tgdd .tgdd-line svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#tees-studio.tgdx.tgdd .tgdd-tip,#tees-studio.tgdx.tgdd .tgdd-sub{font-size:12px;color:var(--dd-mute);margin:4px 2px;line-height:1.4}
#tees-studio.tgdx.tgdd .tgdd-shapes{margin-top:12px}
#tees-studio.tgdx.tgdd .tgdd-sgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#tees-studio.tgdx.tgdd .tgdd-sgrid button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;border:1px solid var(--dd-line);border-radius:10px;background:#fff;cursor:pointer;color:var(--dd-ink);font-weight:500;font-size:10px;line-height:1.15;font-family:inherit;min-width:0;overflow:hidden;text-align:center}
#tees-studio.tgdx.tgdd .tgdd-sgrid button:hover{border-color:var(--dd-ink)}
#tees-studio.tgdx.tgdd .tgdd-sgrid svg{width:20px;height:20px;fill:currentColor}

/* ---------- canvas: only canvas controls ---------- */
#tees-studio.tgdx.tgdd .ts-stage{padding-bottom:16px!important}
#tees-studio.tgdx.tgdd .tgdx-dock{display:none!important}                 /* Select/Crop/Shape/Pen/Text/3D all exist elsewhere */
#tees-studio.tgdx.tgdd .tgdk-glob [data-g="bg"],
#tees-studio.tgdx.tgdd .tgdk-glob [data-g="pat"],
#tees-studio.tgdx.tgdd .tgdk-glob [data-g="mk"]{display:none!important}  /* colour → right panel, pattern = not built, mockup = Preview */
#tees-studio.tgdx.tgdd .tgdk-glob button{height:34px;border-color:var(--dd-line);box-shadow:0 1px 2px rgba(22,36,62,.06)}
#tees-studio.tgdx.tgdd .tgdk-glob button.is-on{background:var(--dd-ink);border-color:var(--dd-ink)}
#tees-studio.tgdx.tgdd .tgdk-rail{display:none!important}                 /* quick shapes → Icons drawer */
#tees-studio.tgdx.tgdd .ts-stage .tgdk-size{display:none!important}       /* print size → right panel "Sides" */
#tees-studio.tgdx.tgdd .ts-stage .tgzz-fabs,
#tees-studio.tgdx.tgdd .ts-stage .tgzn-pvb{display:none!important}       /* Preview / On model / Product → right panel */
#tees-studio.tgdx.tgdd .tgdk-bar [data-b="edit"],
#tees-studio.tgdx.tgdd .tgdk-bar [data-b="style"]{display:none!important} /* properties are always open on the right */
#tees-studio.tgdx.tgdd .ts-zm{bottom:16px!important}
#tees-studio.tgdx.tgdd .tg3d-btn{bottom:112px!important}
#tees-studio.tgdx.tgdd .tgpa-bar{bottom:12px!important}
#tees-studio.tgdx.tgdd .tgdk-paste{bottom:18px!important}
#tees-studio.tgdx.tgdd .ts-ib{box-shadow:0 1px 3px rgba(22,36,62,.12)}

/* ---------- right panel: Sides · Edit · Product colour · Preview ---------- */
#tees-studio.tgdx.tgdd .tgdx-right{border-left:1px solid var(--dd-line)!important}
#tees-studio.tgdx.tgdd .tgdx-right > .tgdx-rsave,
#tees-studio.tgdx.tgdd .tgdx-right > .tgdx-addrow,
#tees-studio.tgdx.tgdd .tgdx-right > .tgdx-phint,
#tees-studio.tgdx.tgdd .tgdx-right > .tgdx-paste,
#tees-studio.tgdx.tgdd .tgdx-right > .tgdk-add{display:none!important}
#tees-studio.tgdx.tgdd .tgdd-scroll{display:block;flex:1 1 auto;min-height:0;overflow:auto;padding:4px 0 24px}
#tees-studio.tgdx.tgdd .tgdd-sec{padding:14px 16px;border-bottom:1px solid var(--dd-line)}
#tees-studio.tgdx.tgdd .tgdd-sec[hidden],#tees-studio.tgdx.tgdd .tgdd-sec [hidden]{display:none!important}
#tees-studio.tgdx.tgdd .tgdd-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 10px}
#tees-studio.tgdx.tgdd .tgdd-h b{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--dd-ink)}
#tees-studio.tgdx.tgdd .tgdd-h small{font-size:12px;color:var(--dd-mute);text-align:right}
#tees-studio.tgdx.tgdd .tgdd-views .ts-views{display:flex!important;flex-wrap:wrap;gap:6px;padding:0!important;border:0!important;height:auto!important;position:static!important}
#tees-studio.tgdx.tgdd .tgdd-views .ts-views .ts-vw{height:32px!important;padding:0 12px!important;border-radius:16px!important;border:1px solid var(--dd-line)!important;background:#fff!important;color:var(--dd-ink)!important}
#tees-studio.tgdx.tgdd .tgdd-views .ts-views .ts-vw.is-on{background:var(--dd-ink)!important;border-color:var(--dd-ink)!important;color:#fff!important}
/* Edit (selected object) */
#tees-studio.tgdx.tgdd .tgdd-edit .ts-tools{display:none!important}
#tees-studio.tgdx.tgdd.tgdd-has-sel .tgdd-edit .ts-tools{
  display:block!important;position:relative!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;
  width:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;
  padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--dd-ink)!important;transform:none!important}
#tees-studio.tgdx.tgdd.tgdd-has-sel .tgdd-empty{display:none}
#tees-studio.tgdx.tgdd .tgdd-empty{margin:0;padding:14px;border-radius:12px;background:var(--dd-soft);font-size:12.5px;line-height:1.45;color:var(--dd-mute)}
#tees-studio.tgdx.tgdd .tgdd-edit .ts-tools .ts-add,
#tees-studio.tgdx.tgdd .tgdd-edit .ts-tools .ts-hint,
#tees-studio.tgdx.tgdd .tgdd-edit .ts-tools .tgf-url{display:none!important} /* Upload/Text/AI/URL live in the left rail */
#tees-studio.tgdx.tgdd .tgdd-edit .ts-tabs{display:flex!important;flex-wrap:wrap;gap:6px;justify-content:flex-start}
#tees-studio.tgdx.tgdd .tgdd-edit .ts-tab{width:40px!important;height:38px!important;border-radius:10px!important;border:1px solid var(--dd-line)!important;background:#fff!important;color:var(--dd-ink)!important}
#tees-studio.tgdx.tgdd .tgdd-edit .ts-tab.is-on{background:var(--dd-ink)!important;border-color:var(--dd-ink)!important;color:#fff!important}
#tees-studio.tgdx.tgdd .tgdd-edit .ts-ok{margin-left:auto}
#tees-studio.tgdx.tgdd .tgdd-edit .ts-panel{margin-top:12px}
#tees-studio.tgdx.tgdd .tgdd-edit textarea.ts-txt{width:100%;box-sizing:border-box;border:1px solid var(--dd-line);border-radius:10px;background:#fff;color:var(--dd-ink)}
#tees-studio.tgdx.tgdd .tgdd-edit.is-flash{animation:tgddflash .9s ease}
@keyframes tgddflash{0%{background:#fff4d6}100%{background:transparent}}
/* Product colour */
#tees-studio.tgdx.tgdd .tgdd-col .ts-colors{display:flex!important;flex-wrap:wrap;gap:8px;justify-content:flex-start!important;position:static!important;width:auto!important;height:auto!important;padding:2px!important;margin:0!important;background:transparent!important;border:0!important;transform:none!important}
/* Preview */
#tees-studio.tgdx.tgdd .tgdd-pslot .tgf-live-rail{padding:0!important;min-height:0!important;overflow:visible;border:0!important;background:transparent!important;width:auto!important;height:auto!important}
#tees-studio.tgdx.tgdd .tgdd-pslot .tgf-live{width:100%!important;height:auto!important;aspect-ratio:1;max-height:260px;margin:0!important;border-radius:14px!important;border:1px solid var(--dd-line)!important;box-shadow:none!important;cursor:zoom-in}
#tees-studio.tgdx.tgdd .tgdd-pslot .tgf-live > :not(img){display:none!important} /* side caption duplicated the Sides chips */
#tees-studio.tgdx.tgdd .tgdd-fabs{display:flex;gap:6px;margin-top:10px}
#tees-studio.tgdx.tgdd .tgdd-fab{min-width:0}
#tees-studio.tgdx.tgdd .tgdd-fabs:empty{display:none}
#tees-studio.tgdx.tgdd .tgdd-fab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 6px;border:1px solid var(--dd-line);border-radius:18px;background:#fff;color:var(--dd-ink);font-weight:600;font-size:12px;line-height:1;font-family:inherit;cursor:pointer;white-space:nowrap}
#tees-studio.tgdx.tgdd .tgdd-fab:hover{background:var(--dd-soft);border-color:#c9ccd3}
#tees-studio.tgdx.tgdd .tgdd-fab svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}

@media (max-width:1365px){
  #tees-studio.tgdx.tgdd .tgdd-hdr button{padding:0 11px;font-size:12.5px}
  #tees-studio.tgdx.tgdd .tgdd-sec{padding:12px 12px}
  #tees-studio.tgdx.tgdd .tgdd-fab span{font-size:11.5px}
}

/* ================= TG-DD-1111b: one icon set, labels under icons ================= */
#tees-studio.tgdx.tgdd .tgdd-i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}
#tees-studio.tgdx.tgdd .tgdd-ib{display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;text-align:center}
#tees-studio.tgdx.tgdd .tgdd-lb{display:block!important;font-weight:600;font-size:10.5px;line-height:1.1;font-family:inherit;white-space:nowrap;letter-spacing:0;color:inherit;position:static!important;opacity:1!important;width:auto!important;height:auto!important;clip:auto!important}
/* left rail */
#tees-studio.tgdx.tgdd .tgdx-rail button.tgdx-ri .tgdd-i{width:24px;height:24px}
#tees-studio.tgdx.tgdd .tgdx-rail button.tgdx-ri .tgdd-lb{font-size:11px}
/* Edit panel: tiles in a 4-column grid */
#tees-studio.tgdx.tgdd .tgdd-edit .ts-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px!important}
#tees-studio.tgdx.tgdd .tgdd-edit .ts-tab,
#tees-studio.tgdx.tgdd .tgdd-edit .ts-tabs .ts-ok{width:auto!important;min-width:0!important;height:56px!important;padding:6px 2px!important;margin:0!important;border-radius:12px!important;box-sizing:border-box}
#tees-studio.tgdx.tgdd .tgdd-edit .ts-tabs .ts-ok{background:var(--dd-red)!important;border:1px solid var(--dd-red)!important;color:#fff!important}
#tees-studio.tgdx.tgdd .tgdd-edit .ts-tab .tgdd-lb,#tees-studio.tgdx.tgdd .tgdd-edit .ts-ok .tgdd-lb{max-width:100%;overflow:hidden;text-overflow:ellipsis}
#tees-studio.tgdx.tgdd .tgdd-edit .ts-q{grid-column:1/-1;justify-self:start;order:99}
#tees-studio.tgdx.tgdd .tgdd-edit .ts-chip.tgdd-ib{min-width:58px;height:54px!important;padding:6px 8px!important;border-radius:12px!important}
#tees-studio.tgdx.tgdd .tgdd-edit .ts-layrow{display:flex;gap:6px;flex-wrap:wrap}
/* Crop + Remove BG */
#tees-studio.tgdx.tgdd .ts-tools .ts-reedit-row{display:flex;flex-wrap:wrap;gap:6px;align-items:stretch;margin:10px 0 0}
#tees-studio.tgdx.tgdd .ts-tools .ts-reedit-row > .ts-reedit{display:none!important}
#tees-studio.tgdx.tgdd .tgdd-re2{display:flex;gap:6px}
#tees-studio.tgdx.tgdd .tgdd-re2 button,
#tees-studio.tgdx.tgdd .ts-tools .ts-reedit-row .ts-restore{min-width:76px;height:56px;padding:6px 10px;border:1px solid var(--dd-line);border-radius:12px;background:#fff;color:var(--dd-ink);cursor:pointer;font-family:inherit}
#tees-studio.tgdx.tgdd .tgdd-re2 button:hover{border-color:var(--dd-ink);background:var(--dd-soft)}
#tees-studio.tgdx.tgdd.tgdd-m-crop .ts-modal .ts-rbg,
#tees-studio.tgdx.tgdd.tgdd-m-crop .ts-modal .ts-tol,
#tees-studio.tgdx.tgdd.tgdd-m-rbg .ts-modal .ts-cropt,
#tees-studio.tgdx.tgdd.tgdd-m-rbg .ts-modal .ts-erase{display:none!important}
/* canvas buttons: icon + label tiles */
#tees-studio.tgdx.tgdd .ts-ur{display:flex!important;gap:6px!important}
#tees-studio.tgdx.tgdd .ts-ur .ts-ib,#tees-studio.tgdx.tgdd .ts-auto,#tees-studio.tgdx.tgdd .ts-zm .ts-ib,#tees-studio.tgdx.tgdd .tg3d-btn{
  width:64px!important;height:50px!important;border-radius:12px!important;background:#fff!important;color:var(--dd-ink)!important;border:1px solid var(--dd-line)!important;padding:4px 2px!important;box-sizing:border-box!important}
#tees-studio.tgdx.tgdd .ts-ur .ts-ib:disabled{opacity:.45}
#tees-studio.tgdx.tgdd .ts-ur{position:absolute!important;top:auto!important;left:auto!important;right:10px!important;bottom:242px!important;flex-direction:column!important}
#tees-studio.tgdx.tgdd .ts-auto{position:absolute!important;top:auto!important;left:auto!important;right:10px!important;bottom:186px!important}
#tees-studio.tgdx.tgdd .ts-zm{display:flex!important;flex-direction:column;gap:6px}
#tees-studio.tgdx.tgdd .tg3d-btn{bottom:130px!important;right:10px!important;position:absolute!important}
#tees-studio.tgdx.tgdd .ts-stage{padding-right:84px!important}
/* header close */
#tees-studio.tgdx.tgdd .ts-top .ts-close{width:auto!important;height:auto!important;padding:4px 8px!important;border-radius:10px!important;color:var(--dd-ink)!important;background:transparent!important}
#tees-studio.tgdx.tgdd .ts-top .ts-close .tgdd-i{width:18px;height:18px}
#tees-studio.tgdx.tgdd .ts-top .ts-close .tgdd-lb{font-size:10px}
#tees-studio.tgdx.tgdd .ts-top .ts-next .tgdd-i{width:18px;height:18px;stroke:#fff}
#tees-studio.tgdx.tgdd .tgdd-hdr .tgdd-i{width:17px;height:17px}
/* sides tiles */
#tees-studio.tgdx.tgdd .tgdd-views .ts-views .ts-vw{height:56px!important;min-width:58px;padding:6px 8px!important;border-radius:12px!important}
#tees-studio.tgdx.tgdd .tgdd-views .ts-views .ts-vw small{display:none}
/* preview tiles */
#tees-studio.tgdx.tgdd .tgdd-fab{height:54px;border-radius:12px;flex-direction:column}
/* dsk context bar (tees): icon + label */
#tees-studio.tgdx.tgdd .tgdk-bar{padding:4px 6px!important;gap:2px!important;align-items:stretch!important}
#tees-studio.tgdx.tgdd .tgdk-bar .tgdk-bb.tgdd-ib{min-width:50px;height:46px!important;padding:4px 6px!important;color:#fff}
#tees-studio.tgdx.tgdd .tgdk-bar .tgdk-bb.tgdd-ib .tgdd-i{width:18px;height:18px}
#tees-studio.tgdx.tgdd .tgdk-bar .tgdk-bb.tgdd-ib .tgdd-lb{font-size:10px;font-weight:500}
#tees-studio.tgdx.tgdd .tgdk-bar .tgdk-sws{align-self:center}
#tees-studio.tgdx.tgdd.has-dx-bar2 .ts-stage{padding-top:112px!important}
#tees-studio.tgdx.tgdd.has-dx-bar2 .tgdk-leg{top:auto!important}
/* guides legend sits at the bottom-left now (size label and fabs moved out) */
#tees-studio.tgdx.tgdd .tgdk-leg{top:auto!important;bottom:16px!important;left:12px!important}
/* top chips: same icon set, a bit bigger */
#tees-studio.tgdx.tgdd .tgdk-glob .tgdd-i{width:17px;height:17px}

/* ================= context menu ================= */
#tees-studio .tgdk-menu.tgdd-menu{-webkit-user-select:none;user-select:none;position:fixed;z-index:2147483600;background:#fff;border:1px solid #e7e8ec;border-radius:14px;box-shadow:0 12px 36px rgba(22,36,62,.18);padding:6px;min-width:250px;display:flex;flex-direction:column;font-family:inherit}
#tees-studio .tgdk-menu.tgdd-menu .tgdd-mi{display:flex!important;align-items:center;gap:10px;width:100%;border:0;background:none;text-align:left;padding:8px 10px!important;margin:0!important;min-height:36px;border-radius:9px;font-weight:500;font-size:13.5px;line-height:1.2;font-family:inherit;color:#16243E;cursor:pointer}
#tees-studio .tgdk-menu.tgdd-menu .tgdd-mi:hover:not([disabled]){background:#f5f6f8}
#tees-studio .tgdk-menu.tgdd-menu .tgdd-mi[disabled]{opacity:.38;cursor:default}
#tees-studio .tgdk-menu.tgdd-menu .tgdd-mi .tgdd-i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
#tees-studio .tgdk-menu.tgdd-menu .tgdd-mi > span{flex:1}
#tees-studio .tgdk-menu.tgdd-menu kbd{font-weight:500;font-size:11px;line-height:1;font-family:inherit;color:#8a90a0;background:none;border:0;padding:0;margin-left:12px;white-space:nowrap}
#tees-studio .tgdk-menu.tgdd-menu .tgdd-msep{height:1px;background:#eceef2;margin:5px 4px}
#tees-studio .tgdk-menu.tgdd-menu .tgdk-red{color:#E6010B!important}
#tees-studio .tgdk-menu.tgdd-menu .tgdk-red .tgdd-i{stroke:#E6010B}
/* own ⋯ handle on products without dsk */
#tees-studio .ts-l .tgdd-h{position:absolute;left:-14px;top:-14px;width:28px;height:28px;border-radius:50%;border:0;padding:5px;display:flex;align-items:center;justify-content:center;background:var(--ts-hg,#111);color:var(--ts-hf,#fff);cursor:pointer;z-index:3}
#tees-studio .ts-l .tgdd-h .tgdd-i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
/* locked items */
#tees-studio.tgdd .ts-l.tgdd-lk .ts-h:not(.tgdk-h):not(.tgdd-h){display:none!important}
#tees-studio.tgdd .ts-l.tgdd-lk.is-sel{outline:2px dashed #8a90a0;outline-offset:4px}
#tees-studio.tgdd .ts-l.tgdd-lk.is-sel::after{content:"";position:absolute;right:-12px;top:-14px;width:24px;height:24px;border-radius:50%;background:#16243E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") center/14px no-repeat}
#tees-studio.tgdx.tgdd.tgdd-lk-sel .tgdd-edit .ts-tools,
#tees-studio.tgdx.tgdd.tgdd-lk-sel .tgdk-bar,
#tees-studio.tgdx.tgdd.tgdd-lk-sel .ts-auto{display:none!important}
#tees-studio.tgdx.tgdd .tgdd-lknote{display:none}
#tees-studio.tgdx.tgdd.tgdd-lk-sel .tgdd-lknote{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:#f5f6f8;color:#16243E;font-size:13px}
#tees-studio.tgdx.tgdd .tgdd-lknote > span{flex:1}
#tees-studio.tgdx.tgdd .tgdd-unlock{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:17px;border:1px solid #16243E;background:#fff;color:#16243E;font-weight:600;font-size:12.5px;line-height:1;font-family:inherit;cursor:pointer}
#tees-studio.tgdx.tgdd .tgdd-unlock .tgdd-i{width:15px;height:15px}
#tees-studio.tgdx.tgdd .tgdx-li.tgdd-lk::after{content:"";margin-left:auto;width:14px;height:14px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316243E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") center/14px no-repeat}

}

/* narrow desktops: keep tile labels whole */
@media (max-width:1365px){
#tees-studio.tgdx.tgdd .tgdd-edit .ts-tab .tgdd-lb,#tees-studio.tgdx.tgdd .tgdd-edit .ts-ok .tgdd-lb{font-size:9.5px;letter-spacing:-.1px;overflow:visible}
#tees-studio.tgdx.tgdd .tgdd-edit .ts-tab,#tees-studio.tgdx.tgdd .tgdd-edit .ts-tabs .ts-ok{padding:6px 0!important}
}

/* ================= admin only: TG Studio Control Panel + red Edit print area ================= */
@media (min-width:1024px){
#tees-studio.tgdx.tgdd .ts-top .tgdd-adm{display:flex;align-items:center;gap:8px;margin-left:10px;margin-right:auto}
#tees-studio.tgdx.tgdd .tgdd-admbadge{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:17px;background:#16243E;color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.2px;white-space:nowrap}
#tees-studio.tgdx.tgdd .tgdd-admbadge .tgdd-i{width:16px;height:16px;stroke:#fff}
#tees-studio.tgdx.tgdd .tgdd-pabtn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:17px;border:0;background:#E6010B;color:#fff;font-family:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;box-shadow:0 2px 8px rgba(230,1,11,.28)}
#tees-studio.tgdx.tgdd .tgdd-pabtn:hover{background:#c40009}
#tees-studio.tgdx.tgdd .tgdd-pabtn.is-on{background:#16243E;box-shadow:none}
#tees-studio.tgdx.tgdd .tgdd-pabtn .tgdd-i{width:16px;height:16px;stroke:#fff}
#tees-studio.tgdx.tgdd.tgdd-admin .tgpa-btn{display:none!important}
}
/* ================= multi-select ================= */
@media (min-width:1024px){
#tees-studio.tgdd .ts-l.tgdd-msm{outline:2px solid #2f6bff;outline-offset:2px}
#tees-studio.tgdd .tgdd-gbox{position:fixed;z-index:2147483000;border:1.5px dashed #2f6bff;border-radius:4px;pointer-events:none;box-sizing:border-box}
#tees-studio.tgdd .tgdd-gbox[hidden]{display:none}
#tees-studio.tgdd .tgdd-gcount{position:absolute;left:0;top:-30px;height:22px;padding:0 9px;border-radius:11px;background:#2f6bff;color:#fff;font-size:11.5px;font-weight:600;line-height:22px;white-space:nowrap}
#tees-studio.tgdd .tgdd-gbox button{position:absolute;width:28px;height:28px;border-radius:50%;border:0;padding:6px;background:#2f6bff;color:#fff;pointer-events:auto;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.2)}
#tees-studio.tgdd .tgdd-gbox button .tgdd-i{width:16px;height:16px;stroke:#fff}
#tees-studio.tgdd .tgdd-gbox .tgdd-gsc{right:-14px;bottom:-14px;cursor:nwse-resize}
#tees-studio.tgdd .tgdd-gbox .tgdd-grot{left:50%;top:-14px;margin-left:-14px;cursor:grab}
#tees-studio.tgdd .tgdd-marq{position:fixed;z-index:2147483000;border:1px solid #2f6bff;background:rgba(47,107,255,.10);pointer-events:none}
#tees-studio.tgdd.tgdd-tap .ts-stage{cursor:copy}
#tees-studio.tgdx.tgdd .tgdx-li.tgdd-msr{background:#e8efff!important;box-shadow:inset 3px 0 0 #2f6bff}
/* Edit panel: N items selected */
#tees-studio.tgdx.tgdd .tgdd-multi{display:none}
#tees-studio.tgdx.tgdd.tgdd-msel .tgdd-edit .tgdd-multi{display:block}
#tees-studio.tgdx.tgdd.tgdd-msel .tgdd-edit .tgdd-empty,#tees-studio.tgdx.tgdd.tgdd-msel .tgdd-edit .tgdd-eslot,#tees-studio.tgdx.tgdd.tgdd-msel .tgdd-edit .tgdd-lknote{display:none!important}
#tees-studio.tgdx.tgdd .tgdd-mhd{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}
#tees-studio.tgdx.tgdd .tgdd-mcount{font-size:14px;color:#16243E}
#tees-studio.tgdx.tgdd .tgdd-mdone{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 10px;border-radius:14px;border:1px solid var(--dd-line);background:#fff;color:#16243E;font-family:inherit;font-size:12px;cursor:pointer}
#tees-studio.tgdx.tgdd .tgdd-mdone .tgdd-i{width:14px;height:14px}
#tees-studio.tgdx.tgdd .tgdd-mlbl{display:flex;align-items:center;justify-content:space-between;margin:10px 0 6px;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#6b7280}
#tees-studio.tgdx.tgdd .tgdd-rel{display:inline-flex;border:1px solid var(--dd-line);border-radius:12px;overflow:hidden;text-transform:none;letter-spacing:0}
#tees-studio.tgdx.tgdd .tgdd-rel button{border:0;background:#fff;color:#16243E;font-family:inherit;font-size:11px;font-weight:600;padding:4px 8px;cursor:pointer}
#tees-studio.tgdx.tgdd .tgdd-rel button.is-on{background:#16243E;color:#fff}
#tees-studio.tgdx.tgdd .tgdd-mgrid{display:grid;gap:6px}
#tees-studio.tgdx.tgdd .tgdd-g6{grid-template-columns:repeat(3,minmax(0,1fr))}
#tees-studio.tgdx.tgdd .tgdd-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
#tees-studio.tgdx.tgdd .tgdd-mt{height:52px;padding:4px 0;border:1px solid var(--dd-line);border-radius:12px;background:#fff;color:#16243E;font-family:inherit;cursor:pointer;min-width:0}
#tees-studio.tgdx.tgdd .tgdd-mt:hover:not([disabled]){border-color:#16243E;background:var(--dd-soft)}
#tees-studio.tgdx.tgdd .tgdd-mt[disabled]{opacity:.38;cursor:default}
#tees-studio.tgdx.tgdd .tgdd-mt[hidden]{display:none!important}
#tees-studio.tgdx.tgdd .tgdd-mt.tgdd-mdel{color:#E6010B;border-color:#f5c2c4}
#tees-studio.tgdx.tgdd .tgdd-mt .tgdd-lb{font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
#tees-studio.tgdx.tgdd .tgdd-mtip{margin:10px 0 0;font-size:11px;line-height:1.4;color:#6b7280}
}
#tees-studio .tgdk-menu.tgdd-menu .tgdd-mtitle{padding:6px 10px 4px;font-size:12px;font-weight:700;color:#6b7280}
#tees-studio .tgdk-menu.tgdd-menu .tgdd-mrow{display:flex;gap:2px;padding:2px 4px}
#tees-studio .tgdk-menu.tgdd-menu .tgdd-mrow button{flex:1;height:34px;border:0;border-radius:8px;background:none;color:#16243E;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
#tees-studio .tgdk-menu.tgdd-menu .tgdd-mrow button:hover{background:#f5f6f8}
#tees-studio .tgdk-menu.tgdd-menu .tgdd-mrow .tgdd-i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}