.tl-image-workbench .tl-module-title-row{position:relative;overflow:hidden}
.tl-image-hero-art{font-size:82px;line-height:1;filter:drop-shadow(0 0 32px rgba(160,78,255,.7));padding:18px 24px;border-radius:28px;background:linear-gradient(135deg,rgba(35,218,255,.15),rgba(171,72,255,.18));border:1px solid rgba(141,113,255,.3)}
.tl-image-how{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}
.tl-mini-step{display:flex;gap:10px;align-items:flex-start;border:1px solid rgba(80,105,160,.42);background:rgba(14,27,58,.56);border-radius:16px;padding:13px 14px;color:#dbe6ff}
.tl-mini-step span,.tl-side-step span{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#20d9ff,#8a4dff);color:#fff;font-weight:900;font-size:12px}
.tl-mini-step strong{display:block;font-size:13px;color:#fff}.tl-mini-step em{display:block;font-style:normal;color:#9fb0d5;font-size:12px;margin-top:2px}.tl-image-main-grid{align-items:start}.tl-image-left-stack,.tl-image-side-stack{display:flex;flex-direction:column;gap:14px}.tl-image-step-card{padding:20px}.tl-step-heading{display:flex;gap:10px;align-items:center;margin-bottom:12px}.tl-step-heading span{color:#df76ff;text-transform:uppercase;font-size:13px;font-weight:900;letter-spacing:.04em}.tl-step-heading strong{color:#fff;font-size:17px}.tl-image-label{display:block;margin:12px 0 8px;font-weight:900;font-size:12px;color:#c4d0ef}.tl-char-count{text-align:right;color:#92a2c8;font-size:12px;margin-top:6px}.tl-soft-note{margin:0 0 12px;color:#a8b8dc;font-size:14px;line-height:1.45}.tl-image-actions-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}.tl-image-status{margin-left:auto;color:#49e89e;font-weight:800;font-size:13px}.tl-provider-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tl-provider-card{appearance:none;border:1px solid rgba(82,103,154,.48);background:linear-gradient(180deg,rgba(28,42,83,.88),rgba(13,24,52,.9));border-radius:16px;padding:14px;text-align:left;color:#dce7ff;cursor:pointer;min-height:210px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.tl-provider-card:hover{transform:translateY(-2px);border-color:rgba(29,217,255,.85);box-shadow:0 12px 35px rgba(84,40,208,.2)}.tl-provider-featured{border-color:rgba(134,86,255,.75);box-shadow:inset 0 0 0 1px rgba(149,73,255,.25)}.tl-provider-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;margin-bottom:10px;background:linear-gradient(135deg,#111,#444);color:#fff;font-weight:900;font-size:18px}.tl-bing{background:linear-gradient(135deg,#0b89ff,#56d2ff)}.tl-chatgpt{background:linear-gradient(135deg,#139f79,#19d3a2)}.tl-gemini{background:linear-gradient(135deg,#3e7bff,#ff6bd6)}.tl-firefly{background:linear-gradient(135deg,#ec342b,#ff8e3a)}.tl-canva{background:linear-gradient(135deg,#10b5cf,#8b5cf6)}.tl-leonardo{background:linear-gradient(135deg,#4b2bbd,#d8a24c)}.tl-pixlr{background:linear-gradient(135deg,#00a68a,#ccfff5);color:#06352f}.tl-provider-card strong{display:block;color:#fff;font-size:15px;line-height:1.2}.tl-provider-card em{display:inline-block;font-style:normal;margin:8px 0 10px;padding:4px 9px;border-radius:999px;background:rgba(46,244,170,.14);border:1px solid rgba(46,244,170,.25);color:#75ffc8;font-weight:900;font-size:11px}.tl-provider-card small{display:block;color:#b6c5e6;font-size:12px;line-height:1.45}.tl-provider-card b{display:block;margin-top:12px;border-radius:10px;background:linear-gradient(135deg,#a746ff,#6465ff);padding:9px 10px;text-align:center;color:#fff;font-size:13px}.tl-side-info-card h3,.tl-instructions-demo h3{margin:0 0 14px;color:#fff}.tl-side-info-card p,.tl-side-info-card li{color:#afbddc;font-size:13px;line-height:1.55}.tl-side-info-card ul{margin:0 0 0 18px}.tl-side-step{display:flex;gap:12px;margin:0 0 15px}.tl-side-step strong{display:block;color:#fff}.tl-side-step p{margin:3px 0 0}.tl-instructions-demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.95fr);gap:18px;align-items:center}.tl-instructions-demo ol{margin:0 0 12px 20px;color:#c9d5ef;line-height:1.7}.tl-instructions-demo p{color:#fff;font-weight:900}.tl-browser-lesson{border:1px solid rgba(85,111,170,.55);border-radius:16px;background:#071329;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.tl-browser-top{grid-column:1/-1;color:#fff;font-weight:900}.tl-browser-field,.tl-browser-output{border:1px solid rgba(108,131,190,.5);border-radius:12px;min-height:84px;padding:16px;color:#9eb1d6;background:#0b1833}.tl-browser-button{align-self:start;justify-self:start;border-radius:10px;background:linear-gradient(135deg,#a746ff,#6465ff);color:#fff;font-weight:900;padding:10px 14px}.tl-browser-output{border-color:rgba(232,191,88,.7);color:#f8d987}.tl-copied-pulse{animation:tlcopypulse .7s ease}@keyframes tlcopypulse{0%{transform:scale(1)}50%{transform:scale(1.04)}100%{transform:scale(1)}}@media (max-width:1180px){.tl-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-image-how{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.tl-image-hero-art{display:none}.tl-provider-grid,.tl-image-how,.tl-instructions-demo{grid-template-columns:1fr}.tl-image-status{margin-left:0;width:100%}.tl-provider-card{min-height:auto}}


.tl-provider-logo-wrap{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;margin:0 0 12px;background:rgba(255,255,255,.06);border:1px solid rgba(126,150,220,.28);overflow:hidden}
.tl-provider-logo-img{display:block;width:28px;height:28px;object-fit:contain}
.tl-provider-card{display:flex;flex-direction:column;align-items:flex-start}
.tl-provider-card strong,.tl-provider-card em,.tl-provider-card small,.tl-provider-card b{width:100%}
@media (max-width:760px){
  .tl-image-how .tl-mini-step em{display:none}
  .tl-image-how .tl-mini-step{justify-content:center;text-align:center;padding:16px 14px}
  .tl-image-how .tl-mini-step strong{font-size:18px}
  .tl-image-how .tl-mini-step span{margin:0 auto 8px;display:flex}
  .tl-provider-card{align-items:center;text-align:center;padding:18px 16px}
  .tl-provider-logo-wrap{width:64px;height:64px;margin-bottom:14px}
  .tl-provider-logo-img{width:32px;height:32px}
  .tl-provider-card strong{font-size:18px}
  .tl-provider-card em{font-size:12px}
  .tl-provider-card small{font-size:14px;line-height:1.55}
  .tl-provider-card b{font-size:15px;padding:11px 12px}
  .tl-step-heading strong{font-size:19px}
  .tl-soft-note,.tl-side-info-card p,.tl-side-info-card li,.tl-instructions-demo ol{font-size:15px;line-height:1.65}
  .tl-image-label{font-size:14px}
  .tl-side-step{align-items:flex-start}
}


/* v1.0.8: hide top 4-step strip on mobile; full instructions remain lower on the page */
@media (max-width:760px){
  .tl-image-workbench > .tl-image-how{
    display:none !important;
  }
}


/* v1.0.9: desktop polish and containment fixes for Image Creator */
.tl-image-workbench{
  max-width:1180px;
  margin:0 auto;
}
.tl-image-workbench .tl-image-main-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:18px !important;
  align-items:start;
}
.tl-image-workbench .tl-image-left-stack,
.tl-image-workbench .tl-image-side-stack{
  min-width:0;
  width:100%;
}
.tl-image-workbench .tl-provider-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.tl-image-workbench .tl-provider-card{
  text-align:center;
  align-items:center;
  min-height:230px;
  padding:18px 14px;
}
.tl-image-workbench .tl-provider-card small{
  min-height:58px;
}
.tl-image-workbench .tl-provider-logo-wrap{
  margin-left:auto;
  margin-right:auto;
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
}
.tl-image-workbench .tl-logo-fallback::after{
  content:attr(data-fallback);
  color:#fff;
  font-weight:900;
  font-size:24px;
}
.tl-image-workbench .tl-instructions-demo{
  display:grid;
  grid-template-columns:minmax(260px,.85fr) minmax(360px,1.15fr);
  gap:22px;
  width:100%;
}
.tl-image-workbench .tl-instructions-demo h3{
  line-height:1.2;
}
.tl-image-workbench .tl-instructions-demo ol{
  max-width:520px;
}
.tl-image-workbench .tl-browser-lesson{
  max-width:520px;
  margin-left:auto;
  width:100%;
}
.tl-image-workbench .tl-image-side-stack{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.tl-image-workbench .tl-side-info-card{
  min-height:100%;
}
.tl-image-workbench .tl-side-step{
  align-items:flex-start;
}
@media (max-width:1180px){
  .tl-image-workbench .tl-provider-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .tl-image-workbench .tl-instructions-demo{
    grid-template-columns:1fr;
  }
  .tl-image-workbench .tl-browser-lesson{
    margin-left:0;
    max-width:100%;
  }
  .tl-image-workbench .tl-image-side-stack{
    grid-template-columns:1fr;
  }
}
@media (max-width:760px){
  .tl-image-workbench{
    max-width:100%;
  }
  .tl-image-workbench .tl-provider-grid{
    grid-template-columns:1fr;
  }
  .tl-image-workbench .tl-provider-card{
    min-height:auto;
  }
  .tl-image-workbench .tl-image-side-stack{
    grid-template-columns:1fr;
  }
  .tl-image-workbench .tl-instructions-demo{
    display:block;
  }
  .tl-image-workbench .tl-browser-lesson{
    margin-top:14px;
  }
}


/* v1.0.10: make Copy Prompt match the approved dark rounded action style */
.tl-image-workbench .tl-image-actions-row .tl-secondary-action,
.tl-image-workbench button[data-tl-action="image-prompt-copy"]{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:46px !important;
  padding:0 22px !important;
  border-radius:13px !important;
  border:1px solid rgba(112,132,190,.42) !important;
  background:linear-gradient(180deg,rgba(35,48,91,.92),rgba(18,29,62,.96)) !important;
  color:#f4f7ff !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.18) !important;
  cursor:pointer !important;
  text-decoration:none !important;
}
.tl-image-workbench .tl-image-actions-row .tl-secondary-action::before,
.tl-image-workbench button[data-tl-action="image-prompt-copy"]::before{
  content:"📋";
  font-size:16px;
  line-height:1;
}
.tl-image-workbench .tl-image-actions-row .tl-secondary-action:hover,
.tl-image-workbench button[data-tl-action="image-prompt-copy"]:hover{
  border-color:rgba(29,217,255,.65) !important;
  transform:translateY(-1px);
}
@media (max-width:760px){
  .tl-image-workbench .tl-image-actions-row .tl-primary-action,
  .tl-image-workbench .tl-image-actions-row .tl-secondary-action,
  .tl-image-workbench button[data-tl-action="image-prompt-copy"]{
    width:100% !important;
  }
}


/* v1.0.11: markup balance release marker. CSS unchanged intentionally. */
