:root {
  --tb-bg: #f7f8fb;
  --tb-surface: #ffffff;
  --tb-surface-2: #f3edff;
  --tb-ink: #141a28;
  --tb-muted: #667085;
  --tb-line: #e4e8f0;
  --tb-brand: #7c3aed;
  --tb-brand-strong: #6d28d9;
  --tb-blue: #2563eb;
  --tb-purple: #8b5cf6;
  --tb-green: #0f8f72;
  --tb-amber: #b7791f;
  --tb-red: #c2414b;
  --tb-shadow: 0 18px 44px rgba(20, 26, 40, .09);
  --tb-radius: 8px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.toolbox-body {
  margin: 0;
  min-height: 100vh;
  background: linear-gradient(180deg, #fff8fa 0, #f6f8fb 260px, #f5f7fb 100%);
  color: var(--tb-ink);
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  letter-spacing: 0;
}
a { color: inherit; }
button, input, textarea, select { font: inherit; letter-spacing: 0; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .62; }
.bi {
  width: 16px;
  height: 16px;
  font-style: normal;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
.tb-ribbon {
  background: #981437;
  color: #fff;
  font-size: 13px;
  font-weight: 850;
}
.tb-ribbon .tb-site-inner {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-align: center;
}
.tb-ribbon a {
  color: #fff;
  text-underline-offset: 3px;
  font-weight: 950;
}

.tb-site-header {
  position: sticky;
  top: 0;
  z-index: 30;
  background: rgba(255, 255, 255, .94);
  border-bottom: 1px solid var(--tb-line);
  backdrop-filter: blur(14px);
}
.tb-site-inner {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
}
.tb-site-nav {
  min-height: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.tb-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--tb-ink);
  font-weight: 900;
  white-space: nowrap;
}
.tb-brand-mark {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: linear-gradient(135deg, var(--tb-brand), var(--tb-purple));
  font-size: 15px;
}
.tb-brand-text {
  display: flex;
  flex-direction: column;
  line-height: 1.08;
}
.tb-brand-text small {
  color: var(--tb-muted);
  font-size: 11px;
  font-weight: 700;
  margin-top: 2px;
}
.tb-nav-links {
  display: flex;
  align-items: center;
  gap: 4px;
  overflow-x: auto;
}
.tb-nav-links a {
  padding: 9px 10px;
  border-radius: 8px;
  color: #43505d;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}
.tb-nav-links a:hover,
.tb-nav-links a.active {
  background: #fff1f4;
  color: var(--tb-brand-strong);
}
.tb-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.tb-btn {
  min-height: 38px;
  border: 1px solid var(--tb-line);
  border-radius: 8px;
  background: #fff;
  color: var(--tb-ink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 14px;
  font-weight: 850;
  font-size: 14px;
  text-decoration: none;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}
.tb-btn:hover { border-color: #b9c7d4; transform: translateY(-1px); }
.tb-btn.primary {
  background: var(--tb-brand);
  border-color: var(--tb-brand);
  color: #fff;
  box-shadow: 0 12px 22px rgba(225, 29, 72, .16);
}
.tb-btn.dark {
  background: #182230;
  border-color: #182230;
  color: #fff;
}
.tb-btn.ghost { background: transparent; }
.tb-btn.danger {
  border-color: #f3c2c7;
  color: var(--tb-red);
  background: #fff7f8;
}
.tb-btn.compact {
  min-height: 32px;
  padding: 0 10px;
  font-size: 13px;
}
.tb-btn.full { width: 100%; }

.tb-home-hero {
  min-height: auto;
  display: grid;
  align-items: center;
  padding: 54px 0 50px;
  background:
    linear-gradient(180deg, #fff3f6 0%, #ffffff 48%, #f5f7fb 100%);
  border-bottom: 1px solid var(--tb-line);
}
.tb-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(420px, 1.05fr);
  gap: 46px;
  align-items: center;
}
.tb-kicker {
  color: var(--tb-brand-strong);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.tb-home-hero h1 {
  margin: 12px 0 18px;
  max-width: 720px;
  font-size: 64px;
  line-height: 1.03;
  letter-spacing: 0;
}
.tb-hero-copy {
  color: #516070;
  font-size: 18px;
  line-height: 1.82;
  max-width: 650px;
  margin: 0;
}
.tb-hero-copyblock {
  position: relative;
}
.tb-hero-command {
  width: min(620px, 100%);
  min-height: 58px;
  margin-top: 24px;
  border: 1px solid #ffd2dc;
  border-radius: 8px;
  background: #fff;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 8px 8px 8px 14px;
  box-shadow: 0 14px 34px rgba(225, 29, 72, .1);
}
.tb-hero-command i {
  color: var(--tb-brand);
  font-size: 22px;
}
.tb-hero-command span {
  color: #566371;
  font-weight: 850;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tb-hero-command a {
  min-height: 40px;
  border-radius: 8px;
  background: #141a28;
  color: #fff;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  font-weight: 900;
  white-space: nowrap;
}
.tb-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}
.tb-hero-trust {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}
.tb-hero-trust div {
  border: 1px solid var(--tb-line);
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 10px 26px rgba(20, 26, 40, .05);
}
.tb-hero-trust strong {
  display: block;
  font-size: 19px;
  line-height: 1.2;
}
.tb-hero-trust span {
  display: block;
  color: var(--tb-muted);
  font-size: 12px;
  margin-top: 5px;
  line-height: 1.55;
}
.tb-product-preview {
  background: #161b28;
  border-radius: 8px;
  padding: 14px;
  box-shadow: var(--tb-shadow);
  color: #dbeafe;
  position: relative;
}
.tb-home-workspace {
  border: 1px solid #e5e9f3;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 28px 70px rgba(20, 26, 40, .14);
  padding: 18px;
}
.tb-workspace-top,
.tb-workspace-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.tb-workspace-top {
  padding-bottom: 14px;
  border-bottom: 1px solid #eef1f6;
}
.tb-workspace-top strong {
  font-size: 18px;
}
.tb-workspace-top span {
  min-height: 26px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  background: #e8f8ef;
  color: #087152;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 950;
}
.tb-workspace-input {
  margin-top: 14px;
  min-height: 58px;
  border: 1px solid #d9e0ea;
  border-radius: 8px;
  background: #f8fafc;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 8px 8px 8px 12px;
}
.tb-workspace-input i {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: #f2ecff;
  color: #6d28d9;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.tb-workspace-input span {
  color: #4b5565;
  font-weight: 850;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tb-workspace-input button,
.tb-workspace-footer a {
  min-height: 40px;
  border: 0;
  border-radius: 8px;
  background: #8b5cf6;
  color: #fff;
  padding: 0 14px;
  font-weight: 950;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}
.tb-workspace-main {
  display: grid;
  grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
  gap: 12px;
  margin-top: 14px;
}
.tb-workspace-source,
.tb-workspace-output {
  min-height: 310px;
  border: 1px solid #e8ecf3;
  border-radius: 8px;
  padding: 16px;
  background: linear-gradient(180deg, #fff, #fbfcff);
  display: flex;
  flex-direction: column;
}
.tb-workspace-output {
  background: linear-gradient(135deg, #101828, #24304a);
  color: #fff;
}
.tb-workspace-source h3,
.tb-workspace-output h3 {
  margin: 14px 0 8px;
  font-size: 22px;
  line-height: 1.3;
}
.tb-workspace-source p {
  margin: 0;
  color: var(--tb-muted);
  line-height: 1.7;
}
.tb-workspace-output ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}
.tb-workspace-output li {
  min-height: 38px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 8px;
  background: rgba(255,255,255,.08);
  display: flex;
  align-items: center;
  padding: 0 12px;
  color: #eef4ff;
  font-weight: 850;
  font-size: 13px;
}
.tb-workspace-images {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: auto;
  padding-top: 16px;
}
.tb-workspace-images span {
  min-height: 118px;
  border-radius: 8px;
  background: linear-gradient(160deg, #fda4af, #fde68a 58%, #93c5fd);
}
.tb-workspace-images span:nth-child(2) { background: linear-gradient(160deg, #93c5fd, #bbf7d0); }
.tb-workspace-images span:nth-child(3) { background: linear-gradient(160deg, #fecdd3, #ddd6fe); }
.tb-workspace-footer {
  margin-top: 14px;
  border-top: 1px solid #eef1f6;
  padding-top: 14px;
  color: #4b5565;
  font-weight: 850;
}
.tb-live-panel {
  background: #121826;
  border: 1px solid rgba(255,255,255,.12);
}
.tb-demo-board {
  min-height: 520px;
  background: #111827;
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 28px 70px rgba(20, 26, 40, .22);
}
.tb-preview-top em {
  min-height: 24px;
  border-radius: 999px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  background: rgba(16, 185, 129, .16);
  color: #bbf7d0;
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
}
.tb-demo-url {
  min-height: 54px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 8px;
  background: rgba(255,255,255,.07);
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 8px;
}
.tb-demo-url i {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(225, 29, 72, .22);
  color: #fecdd3;
}
.tb-demo-url span {
  color: #f8fafc;
  font-size: 13px;
  font-weight: 850;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tb-demo-url button {
  min-height: 36px;
  border: 0;
  border-radius: 8px;
  background: #e11d48;
  color: #fff;
  padding: 0 14px;
  font-weight: 950;
  white-space: nowrap;
}
.tb-demo-split {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 12px;
  margin-top: 12px;
}
.tb-demo-pane {
  min-height: 300px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 8px;
  background: rgba(255,255,255,.06);
  padding: 16px;
  display: flex;
  flex-direction: column;
}
.tb-demo-pane.source {
  background: #fff;
  color: var(--tb-ink);
}
.tb-demo-pane.output {
  background: linear-gradient(180deg, rgba(20, 184, 166, .14), rgba(37, 99, 235, .12));
}
.tb-demo-label {
  align-self: flex-start;
  min-height: 24px;
  border-radius: 999px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  background: #fff1f4;
  color: var(--tb-brand-strong);
  font-size: 12px;
  font-weight: 950;
}
.tb-demo-label.green {
  background: rgba(16, 185, 129, .17);
  color: #bbf7d0;
}
.tb-demo-pane h3 {
  margin: 14px 0 8px;
  font-size: 22px;
  line-height: 1.28;
  letter-spacing: 0;
}
.tb-demo-pane.output h3 {
  color: #fff;
}
.tb-demo-pane p {
  margin: 0;
  color: #5b6776;
  line-height: 1.65;
  font-size: 14px;
}
.tb-demo-pane.output ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}
.tb-demo-pane.output li {
  min-height: 36px;
  border-radius: 8px;
  padding: 8px 10px;
  background: rgba(255,255,255,.09);
  color: #e5eefb;
  font-size: 13px;
  font-weight: 850;
}
.tb-demo-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 14px;
}
.tb-demo-tags span {
  min-height: 24px;
  border-radius: 999px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  background: #edf2f7;
  color: #43505d;
  font-size: 12px;
  font-weight: 850;
}
.tb-demo-images {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: auto;
  padding-top: 16px;
}
.tb-demo-images span {
  min-height: 104px;
  border-radius: 8px;
  background: linear-gradient(160deg, #fda4af, #fde68a 58%, #93c5fd);
}
.tb-demo-images span:nth-child(2) { background: linear-gradient(160deg, #93c5fd, #bbf7d0); }
.tb-demo-images span:nth-child(3) { background: linear-gradient(160deg, #fecdd3, #ddd6fe); }
.tb-demo-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: auto;
  padding-top: 16px;
}
.tb-demo-actions span {
  min-height: 38px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: var(--tb-ink);
  font-size: 13px;
  font-weight: 950;
}
.tb-demo-bottom {
  margin-top: 12px;
  border-radius: 8px;
  background: #fff;
  color: var(--tb-ink);
  padding: 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}
.tb-demo-bottom strong {
  font-size: 15px;
  line-height: 1.45;
}
.tb-demo-bottom a {
  min-height: 36px;
  border-radius: 8px;
  background: #141a28;
  color: #fff;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-weight: 950;
  white-space: nowrap;
}
.tb-live-input {
  min-height: 48px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 8px;
  background: rgba(255,255,255,.07);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 8px;
  color: #dbeafe;
}
.tb-live-input span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 8px;
  color: #e8edf7;
  font-size: 13px;
}
.tb-live-input button {
  min-height: 32px;
  border: 0;
  border-radius: 8px;
  background: var(--tb-brand);
  color: #fff;
  padding: 0 14px;
  font-weight: 950;
}
.tb-live-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}
.tb-live-card {
  min-height: 136px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 8px;
  background: rgba(255,255,255,.06);
  padding: 14px;
  display: grid;
  align-content: start;
  gap: 8px;
}
.tb-live-card.active { background: rgba(225, 29, 72, .18); border-color: rgba(255, 145, 166, .35); }
.tb-live-card.accent { background: rgba(124, 58, 237, .18); border-color: rgba(196, 181, 253, .32); }
.tb-live-card small {
  color: #aebbd0;
  font-weight: 900;
}
.tb-live-card strong {
  color: #fff;
  line-height: 1.45;
  font-size: 16px;
}
.tb-live-card p {
  margin: 0;
  color: #cbd5e1;
  line-height: 1.6;
  font-size: 12px;
}
.tb-live-card.image div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.tb-live-card.image span {
  display: block;
  aspect-ratio: 4 / 5;
  border-radius: 8px;
  background: linear-gradient(160deg, #f9a8d4, #fde68a 56%, #93c5fd);
}
.tb-live-card.image span:nth-child(2) { background: linear-gradient(160deg, #93c5fd, #bbf7d0); }
.tb-live-card.image span:nth-child(3) { background: linear-gradient(160deg, #fecdd3, #ddd6fe); }
.tb-preview-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255,255,255,.12);
  padding-bottom: 10px;
  margin-bottom: 12px;
}
.tb-preview-dots { display: flex; gap: 6px; }
.tb-preview-dots span {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #f87171;
}
.tb-preview-dots span:nth-child(2) { background: #fbbf24; }
.tb-preview-dots span:nth-child(3) { background: #34d399; }
.tb-preview-layout {
  display: grid;
  grid-template-columns: 128px minmax(0, 1fr);
  gap: 12px;
}
.tb-preview-flow {
  display: grid;
  gap: 10px;
}
.tb-preview-step {
  min-height: 66px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  border-radius: 8px;
  padding: 12px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  column-gap: 10px;
  align-items: center;
}
.tb-preview-step span {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: 950;
  grid-row: span 2;
}
.tb-preview-step strong {
  color: #fff;
  font-size: 15px;
}
.tb-preview-step small {
  color: #cbd5e1;
  line-height: 1.4;
}
.tb-preview-step.active span { background: var(--tb-brand); }
.tb-preview-step.accent span { background: var(--tb-purple); }
.tb-preview-panel {
  margin-top: 12px;
  border-radius: 8px;
  background: #fff;
  color: var(--tb-ink);
  padding: 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}
.tb-preview-panel strong {
  display: block;
  margin: 8px 0 6px;
}
.tb-preview-panel p {
  margin: 0;
  color: var(--tb-muted);
  line-height: 1.6;
  font-size: 13px;
}
.tb-preview-tag {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  border-radius: 999px;
  padding: 0 8px;
  background: #e8f8ee;
  color: #087152;
  font-size: 12px;
  font-weight: 900;
}
.tb-preview-side,
.tb-preview-main {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px;
  padding: 12px;
}
.tb-preview-side div {
  height: 28px;
  border-radius: 6px;
  background: rgba(255,255,255,.08);
  margin-bottom: 8px;
}
.tb-preview-side div:first-child { background: rgba(52,211,153,.24); }
.tb-preview-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.tb-preview-card {
  min-height: 94px;
  border-radius: 8px;
  background: #fff;
  color: var(--tb-ink);
  padding: 12px;
}
.tb-preview-card strong { display: block; font-size: 14px; }
.tb-preview-card span { color: var(--tb-muted); font-size: 12px; line-height: 1.55; display: block; margin-top: 8px; }
.tb-preview-result {
  margin-top: 10px;
  border-radius: 8px;
  background: #fff;
  color: var(--tb-ink);
  padding: 14px;
  display: grid;
  gap: 8px;
}
.tb-preview-line {
  height: 10px;
  border-radius: 99px;
  background: #dfe9f1;
}
.tb-preview-line.short { width: 60%; background: #ccefe4; }

.tb-section {
  padding: 72px 0;
  border-top: 1px solid var(--tb-line);
}
.tb-section-white {
  background: #fff;
}
.tb-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 22px;
}
.tb-section-head.center {
  text-align: center;
  justify-content: center;
  align-items: center;
}
.tb-section-head.center p {
  margin: 10px auto 0;
}
.tb-section-head h2 {
  margin: 6px 0 0;
  font-size: 36px;
  line-height: 1.16;
}
.tb-section-head p {
  color: var(--tb-muted);
  line-height: 1.75;
  margin: 0;
  max-width: 640px;
}
.tb-feature-grid,
.tb-price-grid,
.tb-dashboard-grid,
.tb-card-grid {
  display: grid;
  gap: 14px;
}
.tb-feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tb-price-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tb-dashboard-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tb-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tb-card,
.tb-panel,
.tb-stat,
.tb-price {
  background: var(--tb-surface);
  border: 1px solid var(--tb-line);
  border-radius: 8px;
  box-shadow: var(--tb-shadow);
}
.tb-tool-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.tb-tool-card {
  min-height: 154px;
  border: 1px solid var(--tb-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(20, 26, 40, .06);
  padding: 18px;
  display: grid;
  gap: 10px;
  align-content: start;
}
.tb-tool-card i {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background: #f2ecff;
  color: #6d28d9;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.tb-tool-card strong {
  font-size: 17px;
}
.tb-tool-card span {
  color: var(--tb-muted);
  line-height: 1.65;
  font-size: 13px;
}
.tb-replicate-showcase {
  border: 1px solid #e6dcff;
  border-radius: 8px;
  background:
    linear-gradient(135deg, #ffffff 0%, #fbf7ff 54%, #fff7f9 100%);
  box-shadow: var(--tb-shadow);
  padding: 28px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 24px;
  align-items: center;
}
.tb-replicate-showcase h2 {
  margin: 8px 0 10px;
  font-size: 38px;
  line-height: 1.15;
}
.tb-replicate-showcase p {
  color: #586574;
  line-height: 1.8;
  margin: 0 0 18px;
  max-width: 760px;
}
.tb-replicate-mini {
  border: 1px solid #e5e9f3;
  border-radius: 8px;
  background: #fff;
  padding: 18px;
  display: grid;
  gap: 10px;
}
.tb-replicate-mini strong {
  font-size: 18px;
}
.tb-replicate-mini span {
  min-height: 42px;
  border-radius: 8px;
  background: #f8fafc;
  display: flex;
  align-items: center;
  padding: 0 12px;
  color: #40505e;
  font-weight: 850;
}
.tb-card,
.tb-price { padding: 18px; }
.tb-card i,
.tb-tool-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff1f4;
  color: var(--tb-brand-strong);
  font-size: 18px;
}
.tb-card h3,
.tb-price h3,
.tb-panel h3 {
  margin: 12px 0 8px;
  font-size: 18px;
}
.tb-card p,
.tb-price p {
  color: var(--tb-muted);
  line-height: 1.72;
  margin: 0;
  font-size: 14px;
}
.tb-feature-showcase {
  display: grid;
  grid-template-columns: minmax(320px, .78fr) minmax(0, 1fr);
  gap: 34px;
  align-items: center;
  margin: 28px 0;
}
.tb-feature-showcase.reverse {
  grid-template-columns: minmax(0, 1fr) minmax(320px, .78fr);
}
.tb-feature-showcase.reverse .tb-showcase-media {
  order: 2;
}
.tb-showcase-media {
  min-height: 260px;
  border: 1px solid #f5cdd7;
  background: #fff1f4;
  border-radius: 8px;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 28px;
  box-shadow: var(--tb-shadow);
}
.tb-showcase-media.purple {
  border-color: #ded0ff;
  background: #f4f0ff;
}
.tb-showcase-media i {
  width: 62px;
  height: 62px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: var(--tb-brand);
  font-size: 30px;
  box-shadow: 0 12px 28px rgba(20, 26, 40, .08);
}
.tb-showcase-media.purple i {
  color: var(--tb-purple);
}
.tb-showcase-media strong {
  display: block;
  margin-top: 14px;
  font-size: 22px;
}
.tb-showcase-media span {
  color: var(--tb-muted);
  line-height: 1.7;
}
.tb-showcase-copy h3 {
  margin: 0 0 12px;
  font-size: 28px;
}
.tb-showcase-copy p {
  margin: 0 0 16px;
  color: var(--tb-muted);
  line-height: 1.85;
}
.tb-showcase-copy ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
  color: #40505e;
}
.tb-showcase-copy li::before {
  content: "✓";
  color: var(--tb-brand);
  font-weight: 950;
  margin-right: 8px;
}
.tb-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.tb-flow div {
  background: #fff;
  border: 1px solid var(--tb-line);
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 10px 26px rgba(20, 26, 40, .05);
}
.tb-flow strong {
  display: block;
  color: var(--tb-brand-strong);
  margin-bottom: 10px;
}
.tb-scene-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.tb-scene-card {
  min-height: 130px;
  border: 1px solid var(--tb-line);
  border-radius: 8px;
  background: #fff;
  padding: 20px;
  display: grid;
  gap: 10px;
  align-content: center;
  text-align: center;
}
.tb-scene-card strong {
  font-size: 18px;
}
.tb-scene-card span {
  color: var(--tb-muted);
  line-height: 1.65;
  font-size: 13px;
}
.tb-flow span {
  color: var(--tb-muted);
  line-height: 1.75;
}
.tb-price strong {
  display: block;
  font-size: 34px;
  margin: 10px 0;
}
.tb-price ul {
  list-style: none;
  padding: 0;
  margin: 16px 0 0;
  display: grid;
  gap: 9px;
  color: #43505d;
  font-size: 14px;
}
.tb-price li::before {
  content: "✓";
  color: var(--tb-brand);
  font-weight: 900;
  margin-right: 8px;
}
.tb-final-cta {
  background: #981437;
  color: #fff;
  text-align: center;
  padding: 72px 0;
}
.tb-final-cta h2 {
  margin: 0;
  font-size: 44px;
  line-height: 1.18;
}
.tb-final-cta p {
  margin: 14px auto 24px;
  max-width: 680px;
  color: #ffe4ea;
  line-height: 1.8;
}
.tb-final-cta .tb-btn.primary {
  background: #fff;
  border-color: #fff;
  color: #981437;
  box-shadow: none;
}
.tb-faq {
  display: grid;
  gap: 10px;
}
.tb-faq details {
  border: 1px solid var(--tb-line);
  background: #fff;
  border-radius: 8px;
  padding: 16px 18px;
}
.tb-faq summary {
  cursor: pointer;
  font-weight: 900;
}
.tb-faq p {
  color: var(--tb-muted);
  line-height: 1.75;
  margin: 12px 0 0;
}
.tb-footer {
  border-top: 1px solid var(--tb-line);
  color: var(--tb-muted);
  padding: 24px 0 38px;
  font-size: 13px;
}
.tb-footer-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.tb-footer a {
  color: #43505d;
  text-decoration: none;
  margin-left: 12px;
}

.tb-auth-wrap {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
}
.tb-auth {
  width: min(1040px, 100%);
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: 18px;
}
.tb-auth-product {
  width: min(1120px, 100%);
  grid-template-columns: minmax(0, 1fr) 450px;
}
.tb-auth-side {
  background:
    radial-gradient(circle at 22% 12%, rgba(139, 92, 246, .42), transparent 34%),
    linear-gradient(135deg, #101828, #172033 55%, #2a1736);
  color: #fff;
  border-radius: 8px;
  padding: 34px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 540px;
}
.tb-auth-side h1 {
  font-size: 42px;
  line-height: 1.08;
  margin: 34px 0 12px;
}
.tb-auth-side p {
  color: #cbd5e1;
  line-height: 1.85;
  margin: 0;
}
.tb-auth-points {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 24px;
}
.tb-auth-points div {
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
  border-radius: 8px;
  padding: 12px;
  color: #dbeafe;
  font-size: 13px;
  line-height: 1.55;
}
.tb-auth-points strong {
  display: block;
  color: #fff;
  margin-bottom: 5px;
  font-size: 14px;
}
.tb-auth-points span {
  display: block;
  color: #cbd5e1;
}
.tb-auth-card {
  background: #fff;
  border: 1px solid var(--tb-line);
  border-radius: 8px;
  padding: 28px;
  box-shadow: var(--tb-shadow);
}
.tb-auth-card h2 { margin: 8px 0 8px; font-size: 28px; }
.tb-auth-card p { margin: 0 0 18px; color: var(--tb-muted); line-height: 1.7; }
.tb-auth-tabs {
  border: 1px solid #e7ebf2;
  border-radius: 8px;
  background: #f8fafc;
  padding: 4px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  margin-bottom: 16px;
}
.tb-auth-tabs a {
  min-height: 36px;
  border-radius: 7px;
  color: #5c6775;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
}
.tb-auth-tabs a.active {
  background: #fff;
  color: #7c3aed;
  box-shadow: 0 8px 18px rgba(20, 26, 40, .07);
}
.tb-auth-note {
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 8px;
  background: rgba(255,255,255,.06);
  color: #dbeafe;
  padding: 12px;
  line-height: 1.65;
  font-size: 12px;
}
.tb-auth-switch {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
  color: var(--tb-muted);
  font-size: 13px;
}
.tb-auth-switch a {
  color: var(--tb-brand-strong);
  font-weight: 900;
  text-decoration: none;
}

.tb-modal-auth-page {
  position: relative;
  min-height: 100vh;
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: 42px 24px;
  background: #eef4ff;
}
.tb-auth-bg {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: 238px minmax(0, 1fr);
  background: #f4f7fd;
  color: #1f2a3d;
  transform: scale(1.02);
  transform-origin: center;
}
.tb-auth-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, .46);
  backdrop-filter: blur(2px);
}
.tb-auth-bg aside {
  padding: 34px 18px 22px;
  border-right: 1px solid #dfe6f1;
  background: rgba(255,255,255,.9);
  display: grid;
  align-content: start;
  gap: 10px;
}
.tb-auth-bg-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
  font-size: 20px;
}
.tb-auth-bg-brand span {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: #e11d48;
  color: #fff;
  font-size: 13px;
  font-weight: 950;
}
.tb-auth-bg b,
.tb-auth-bg strong,
.tb-auth-bg p {
  border-radius: 8px;
  min-height: 42px;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 14px;
  font-weight: 850;
}
.tb-auth-bg b {
  border: 1px solid #f2c8d0;
  color: #be123c;
  background: #fff3f6;
}
.tb-auth-bg strong {
  color: #4f46e5;
  background: #eef2ff;
  border-left: 4px solid #5b5bd6;
}
.tb-auth-bg p {
  color: #3a4758;
  font-size: 14px;
}
.tb-auth-bg section {
  padding: 36px 48px;
  display: grid;
  align-content: start;
  gap: 24px;
}
.tb-auth-bg header {
  min-height: 86px;
  border: 1px solid #dce5f3;
  border-radius: 18px;
  background: rgba(255,255,255,.88);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
}
.tb-auth-bg header strong {
  background: transparent;
  border: 0;
  color: #141a28;
  padding: 0;
  font-size: 20px;
}
.tb-auth-bg header a {
  color: #be123c;
  font-weight: 850;
}
.tb-auth-bg-card {
  min-height: 250px;
  border: 1px solid #dce5f3;
  border-radius: 18px;
  background:
    linear-gradient(90deg, transparent 0 25%, rgba(0,0,0,.04) 25% 25.2%, transparent 25.2% 50%, rgba(0,0,0,.04) 50% 50.2%, transparent 50.2% 75%, rgba(0,0,0,.04) 75% 75.2%, transparent 75.2% 100%),
    linear-gradient(180deg, #fff, #f8fbff);
}
.tb-auth-bg-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.tb-auth-bg-grid span {
  min-height: 180px;
  border: 1px solid #dce5f3;
  border-radius: 18px;
  background: rgba(255,255,255,.86);
}
.tb-auth-modal {
  position: relative;
  z-index: 2;
  width: min(1120px, calc(100vw - 48px));
  min-height: 612px;
  display: grid;
  grid-template-columns: minmax(430px, .92fr) minmax(430px, 1fr);
  background: #fff;
  border-radius: 22px;
  box-shadow: 0 28px 90px rgba(15, 23, 42, .24);
  overflow: hidden;
}
.tb-auth-close {
  position: absolute;
  z-index: 5;
  top: 18px;
  right: 18px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #fff;
  color: #59687e;
  text-decoration: none;
  box-shadow: 0 10px 30px rgba(15, 23, 42, .08);
  font-size: 28px;
  line-height: 1;
}
.tb-modal-left {
  position: relative;
  overflow: hidden;
  padding: 42px 48px 0;
  color: #1d3159;
  background:
    radial-gradient(circle at 80% 84%, rgba(76, 134, 255, .36), transparent 38%),
    linear-gradient(135deg, #f7fbff 0%, #eaf4ff 42%, #bcd8ff 100%);
}
.tb-modal-left::after {
  content: "";
  position: absolute;
  inset: auto -24% -34% 8%;
  height: 58%;
  border-radius: 50%;
  background: rgba(80, 145, 255, .18);
  filter: blur(6px);
}
.tb-modal-brand {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #1d3159;
  text-decoration: none;
  font-size: 22px;
  font-weight: 950;
}
.tb-modal-brand span {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: #e11d48;
  color: #fff;
  font-size: 13px;
  box-shadow: 0 10px 22px rgba(225, 29, 72, .2);
}
.tb-modal-left h1 {
  position: relative;
  z-index: 1;
  margin: 44px 0 12px;
  font-size: 31px;
  line-height: 1.18;
  text-align: center;
}
.tb-modal-left p {
  position: relative;
  z-index: 1;
  margin: 0 0 24px;
  color: #3f7df5;
  font-size: 18px;
  font-weight: 850;
  text-align: center;
}
.tb-modal-pills {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
}
.tb-modal-pills span {
  min-height: 48px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  color: #fff;
  background: linear-gradient(135deg, #6ea9ff, #4b83f6);
  box-shadow: 0 14px 28px rgba(72, 132, 246, .2);
  font-weight: 900;
  font-size: 15px;
  white-space: nowrap;
}
.tb-modal-illustration {
  position: relative;
  z-index: 1;
  width: min(410px, 100%);
  height: 260px;
  margin: 42px auto 0;
}
.tb-modal-illustration::before {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  bottom: 14px;
  height: 92px;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(255,255,255,.8) 0 24%, transparent 25%),
    linear-gradient(135deg, rgba(112, 173, 255, .32), rgba(255,255,255,.62));
  border: 1px solid rgba(79, 132, 230, .2);
  transform: rotate(-4deg);
}
.tb-modal-illustration i {
  position: absolute;
  left: 50%;
  bottom: 48px;
  width: 190px;
  height: 128px;
  border-radius: 24px 24px 18px 18px;
  transform: translateX(-50%);
  background:
    linear-gradient(90deg, rgba(255,255,255,.92) 0 26%, rgba(107, 163, 255, .38) 26% 38%, rgba(255,255,255,.92) 38% 62%, rgba(107, 163, 255, .38) 62% 74%, rgba(255,255,255,.92) 74% 100%),
    linear-gradient(180deg, #fff, #b9d7ff);
  border: 2px solid rgba(75, 131, 246, .22);
  box-shadow: 0 34px 44px rgba(61, 126, 230, .22);
}
.tb-modal-illustration i::before {
  content: "";
  position: absolute;
  left: -16px;
  right: -16px;
  top: -30px;
  height: 48px;
  border-radius: 22px 22px 12px 12px;
  background: linear-gradient(135deg, #eaf4ff, #75abff);
  border: 2px solid rgba(75, 131, 246, .18);
}
.tb-modal-illustration i::after {
  content: "";
  position: absolute;
  left: 54px;
  right: 54px;
  bottom: 0;
  height: 58px;
  border-radius: 18px 18px 0 0;
  background: linear-gradient(180deg, rgba(83, 145, 255, .65), rgba(255,255,255,.72));
}
.tb-modal-illustration b {
  position: absolute;
  left: 50%;
  bottom: 136px;
  width: 72px;
  height: 72px;
  border-radius: 18px;
  transform: translateX(-50%) rotate(-4deg);
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, #2d6df5, #80b7ff);
  box-shadow: 0 20px 36px rgba(45, 109, 245, .32);
  font-size: 28px;
}
.tb-modal-illustration em {
  position: absolute;
  width: 62px;
  height: 62px;
  border-radius: 18px;
  background: rgba(255,255,255,.68);
  border: 1px solid rgba(82, 142, 246, .22);
  box-shadow: 0 14px 28px rgba(61, 126, 230, .13);
}
.tb-modal-illustration em:nth-of-type(1) {
  left: 34px;
  bottom: 88px;
  transform: rotate(-12deg);
}
.tb-modal-illustration em:nth-of-type(1)::after { content: "图"; }
.tb-modal-illustration em:nth-of-type(2) {
  right: 30px;
  bottom: 112px;
  transform: rotate(11deg);
}
.tb-modal-illustration em:nth-of-type(2)::after { content: "文"; }
.tb-modal-illustration em:nth-of-type(3) {
  left: 82px;
  bottom: 10px;
  transform: rotate(9deg);
}
.tb-modal-illustration em:nth-of-type(3)::after { content: "链"; }
.tb-modal-illustration em::after {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #3f7df5;
  font-style: normal;
  font-weight: 950;
  font-size: 22px;
}
.tb-modal-right {
  position: relative;
  padding: 58px 54px 34px;
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: #fff;
}
.tb-modal-right h2 {
  margin: 0 0 24px;
  color: #19233a;
  font-size: 32px;
  line-height: 1.1;
}
.tb-modal-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 28px;
  border-bottom: 1px solid #e5ecf6;
}
.tb-modal-tabs button {
  position: relative;
  min-height: 44px;
  border: 0;
  background: transparent;
  color: #607086;
  font-size: 17px;
  font-weight: 900;
}
.tb-modal-tabs button.active {
  color: #3f7df5;
}
.tb-modal-tabs button.active::after {
  content: "";
  position: absolute;
  left: 18%;
  right: 18%;
  bottom: -1px;
  height: 4px;
  border-radius: 999px;
  background: #3f7df5;
}
.tb-auth-panel {
  display: none;
  min-height: 330px;
}
.tb-auth-panel.active {
  display: block;
}
.tb-auth-variant {
  display: none;
}
.tb-auth-variant.active {
  display: grid;
  gap: 20px;
}
.tb-auth-field {
  min-height: 58px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: #f0f3f8;
  display: flex;
  align-items: center;
  overflow: hidden;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}
.tb-auth-field:focus-within {
  background: #fff;
  border-color: #79a8ff;
  box-shadow: 0 0 0 4px rgba(63, 125, 245, .1);
}
.tb-auth-field span {
  min-width: 84px;
  padding-left: 28px;
  color: #1c2940;
  font-size: 18px;
  font-weight: 850;
}
.tb-auth-field.prefix span {
  border-right: 1px solid #dce4f0;
}
.tb-auth-field input {
  min-width: 0;
  width: 100%;
  height: 58px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #1c2940;
  padding: 0 24px;
  font-size: 16px;
}
.tb-auth-field input::placeholder {
  color: #98a5b8;
}
.tb-auth-field.action input {
  flex: 1;
}
.tb-auth-field.action button {
  flex: 0 0 auto;
  height: 58px;
  border: 0;
  background: transparent;
  color: #3f7df5;
  padding: 0 22px;
  font-weight: 950;
  white-space: nowrap;
}
.tb-auth-submit {
  min-height: 58px;
  border: 0;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg, #4c84ff, #3272f6);
  box-shadow: 0 16px 30px rgba(64, 125, 245, .22);
  font-size: 18px;
  font-weight: 950;
}
.tb-auth-submit:hover {
  filter: brightness(1.02);
}
.tb-auth-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: #8b98aa;
  font-size: 15px;
}
.tb-auth-row a {
  color: #3f7df5;
  text-decoration: none;
  font-weight: 850;
}
.tb-qr-box {
  display: grid;
  place-items: center;
  padding: 12px 0 18px;
}
.tb-fake-qr {
  width: 216px;
  aspect-ratio: 1;
  border: 10px solid #fff;
  border-radius: 8px;
  background-color: #fff;
  background-image:
    linear-gradient(90deg, #111 10px, transparent 10px),
    linear-gradient(#111 10px, transparent 10px),
    repeating-conic-gradient(#111 0 25%, transparent 0 50%);
  background-size: 52px 52px, 52px 52px, 20px 20px;
  background-position: 14px 14px, 14px 14px, 0 0;
  box-shadow: 0 16px 36px rgba(15, 23, 42, .12);
}
.tb-auth-center {
  display: block;
  text-align: center;
  color: #1c2940;
  font-size: 16px;
  margin-bottom: 10px;
}
.tb-auth-muted {
  max-width: 320px;
  margin: 0 auto;
  color: #8b98aa;
  text-align: center;
  line-height: 1.7;
  font-size: 13px;
}
.tb-modal-agree {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #8b98aa;
  font-size: 14px;
  line-height: 1.6;
}
.tb-modal-agree input {
  width: 16px;
  height: 16px;
  accent-color: #3f7df5;
}
.tb-modal-agree a {
  color: #3f7df5;
  text-decoration: none;
  font-weight: 850;
}
body.tb-modal-open {
  overflow: hidden;
}
.tb-auth-overlay {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 24px;
  overflow: auto;
  background: rgba(15, 23, 42, .52);
  backdrop-filter: blur(8px);
}
.tb-auth-overlay[hidden] {
  display: none;
}
.tb-auth-overlay .tb-auth-modal {
  width: min(1080px, calc(100vw - 32px));
  min-height: 600px;
}
.tb-auth-close {
  border: 0;
  cursor: pointer;
  font-family: inherit;
}

.tb-public-app {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 272px minmax(0, 1fr);
  background:
    linear-gradient(120deg, #f5f8ff 0%, #f9f4ff 44%, #fff7f0 100%);
}
.tb-public-sidebar {
  position: sticky;
  top: 0;
  align-self: start;
  height: 100vh;
  border-right: 1px solid #e5e9f2;
  background: rgba(255,255,255,.94);
  padding: 24px 18px 18px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  box-shadow: 12px 0 30px rgba(79, 70, 229, .06);
}
.tb-public-nav {
  display: grid;
  gap: 8px;
  overflow: auto;
  padding-right: 4px;
}
.tb-public-nav a {
  min-height: 54px;
  border-radius: 8px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  color: #40505e;
  text-decoration: none;
  font-weight: 900;
  transition: transform .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease;
}
.tb-public-nav a:hover,
.tb-public-nav a.active {
  color: #fff;
  background: linear-gradient(135deg, #8b5cf6, #ff5f7c);
  box-shadow: 0 14px 24px rgba(139, 92, 246, .18);
  transform: translateY(-1px);
}
.tb-public-nav i {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f3f0ff;
  color: #7c3aed;
}
.tb-public-nav a:hover i,
.tb-public-nav a.active i {
  background: rgba(255,255,255,.18);
  color: #fff;
}
.tb-public-nav span {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.tb-public-nav small {
  color: #8390a2;
  font-size: 11px;
  font-weight: 800;
}
.tb-public-nav a:hover small,
.tb-public-nav a.active small {
  color: rgba(255,255,255,.82);
}
.tb-public-user {
  margin-top: auto;
  border: 1px solid #ffe0e8;
  border-radius: 8px;
  background: linear-gradient(135deg, #fff 0%, #fff7fa 100%);
  padding: 14px;
  display: grid;
  gap: 8px;
  box-shadow: 0 14px 28px rgba(225, 29, 72, .07);
}
.tb-public-user span {
  color: #e11d48;
  font-size: 12px;
  font-weight: 950;
}
.tb-public-user strong {
  color: #243044;
  line-height: 1.45;
}
.tb-public-main {
  min-width: 0;
  padding: 18px 24px 32px;
}
.tb-public-topbar {
  min-height: 62px;
  border: 1px solid #e5e9f2;
  border-radius: 8px;
  background: rgba(255,255,255,.92);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 14px;
  margin-bottom: 16px;
  position: sticky;
  top: 12px;
  z-index: 30;
  backdrop-filter: blur(12px);
}
.tb-public-topbar strong {
  display: block;
  color: #172033;
  font-size: 20px;
  line-height: 1.25;
}
.tb-public-topbar span {
  display: block;
  margin-top: 3px;
  color: #687588;
  font-size: 12px;
  font-weight: 850;
}
.tb-public-studio {
  border: 1px solid #e7e9f2;
  border-radius: 8px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 24px 58px rgba(88, 101, 242, .11);
  padding: 24px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .72fr);
  gap: 22px;
  align-items: stretch;
}
.tb-public-copy {
  min-width: 0;
  display: grid;
  align-content: center;
}
.tb-public-copy .tb-inspire-stage {
  width: 100%;
  margin: 0 0 16px;
  justify-content: flex-start;
}
.tb-public-copy h1 {
  margin: 0;
  max-width: 860px;
  color: #172033;
  font-size: 42px;
  line-height: 1.16;
  letter-spacing: 0;
}
.tb-public-copy p {
  max-width: 760px;
  margin: 12px 0 0;
  color: #566371;
  font-size: 16px;
  line-height: 1.78;
}
.tb-public-link-form {
  width: min(860px, 100%);
  min-height: 66px;
  border: 1px solid #ffd1dc;
  border-radius: 8px;
  background: #fff;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px;
  margin-top: 18px;
  box-shadow: 0 16px 32px rgba(225, 29, 72, .09);
}
.tb-public-link-form > i {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff1f4;
  color: #e11d48;
  font-size: 19px;
}
.tb-public-link-form input {
  min-width: 0;
  min-height: 46px;
  border: 0;
  outline: 0;
  color: #172033;
  font-size: 16px;
}
.tb-public-link-form input::placeholder {
  color: #94a3b8;
}
.tb-public-link-form .tb-btn {
  min-height: 46px;
  min-width: 132px;
}
.tb-public-result {
  min-width: 0;
  border: 1px solid #dfe7f3;
  border-radius: 8px;
  background:
    linear-gradient(180deg, #fbfdff 0%, #fff8fb 100%);
  padding: 18px;
}
.tb-public-preview-grid {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 14px;
}
.tb-public-phone {
  border: 1px solid #dce6f2;
  border-radius: 8px;
  background: #fff;
  padding: 10px;
  display: grid;
  gap: 8px;
  box-shadow: 0 18px 36px rgba(20, 26, 40, .08);
}
.tb-public-phone div {
  aspect-ratio: 3 / 4;
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.12)),
    linear-gradient(135deg, #ff9fb3 0%, #ffe08a 48%, #7dd3fc 100%);
}
.tb-public-phone span {
  height: 11px;
  border-radius: 999px;
  background: #e9eef6;
}
.tb-public-phone span:last-child {
  width: 68%;
}
.tb-public-result-list {
  display: grid;
  gap: 8px;
  align-content: start;
}
.tb-public-result-list strong {
  margin-top: 4px;
  color: #172033;
  font-size: 15px;
}
.tb-public-result-list span {
  min-height: 34px;
  border: 1px solid #e8edf5;
  border-radius: 8px;
  background: #fff;
  color: #526170;
  display: flex;
  align-items: center;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 850;
}
.tb-public-section {
  border: 1px solid #e7e9f2;
  border-radius: 8px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 18px 42px rgba(88, 101, 242, .08);
  padding: 20px;
  margin-top: 16px;
}
.tb-public-flow .tb-replicate-steps {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.tb-public-flow .tb-replicate-steps div {
  border-color: #e5e9f2;
  background: #fff;
}
.tb-public-flow .tb-replicate-steps span {
  background: #172033;
}
.tb-public-flow .tb-replicate-steps strong {
  color: #172033;
}
.tb-public-flow .tb-replicate-steps p {
  color: #667085;
}

.tb-app {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 272px minmax(0, 1fr);
  background: linear-gradient(120deg, #e9f5ff 0%, #f3efff 44%, #fff8f3 100%);
}
.tb-sidebar {
  position: sticky;
  top: 0;
  align-self: start;
  height: 100vh;
  border-right: 1px solid var(--tb-line);
  background: #fff;
  padding: 26px 18px 18px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  box-shadow: 12px 0 32px rgba(88, 101, 242, .06);
}
.tb-side-primary {
  display: grid;
  gap: 10px;
  padding-top: 8px;
  border-top: 1px solid #f0f2f7;
}
.tb-side-pill {
  min-height: 44px;
  border: 1px solid #ffd1db;
  border-radius: 8px;
  background: #fff2f5;
  color: #f33463;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  text-decoration: none;
  font-weight: 950;
}
.tb-side-pill.active {
  background: #ffe8ee;
  border-color: #ff9cb3;
}
.tb-side-pill em {
  color: #ff9cb3;
  font-style: normal;
  font-size: 22px;
}
.tb-side-group-title {
  min-height: 42px;
  border-left: 4px solid #8b5cf6;
  border-radius: 8px;
  background: #f5f1ff;
  color: #273246;
  display: flex;
  align-items: center;
  padding: 0 12px;
  font-weight: 950;
  margin-bottom: 8px;
}
.tb-side-nav {
  display: grid;
  gap: 6px;
  overflow: auto;
  padding-right: 4px;
}
.tb-side-nav a {
  min-height: 40px;
  border-radius: 8px;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 0 12px;
  color: #40505e;
  text-decoration: none;
  font-weight: 850;
  font-size: 14px;
}
.tb-side-nav a small {
  min-height: 16px;
  border-radius: 999px;
  background: #ff365d;
  color: #fff;
  padding: 0 5px;
  font-size: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.tb-side-nav a:hover,
.tb-side-nav a.active {
  background: linear-gradient(135deg, #8b5cf6, #ff5f7c);
  color: #fff;
  box-shadow: 0 12px 22px rgba(139, 92, 246, .18);
}
.tb-side-nav a.active small { background: #fff; color: #ff365d; }
.tb-side-nav i { font-size: 17px; width: 20px; text-align: center; }
.tb-sidebar-foot {
  margin-top: auto;
  border-top: 1px solid var(--tb-line);
  padding-top: 16px;
}
.tb-sidebar-profile {
  min-height: 68px;
  border: 1px solid #edf0f6;
  border-radius: 8px;
  background: linear-gradient(135deg, #fff 0%, #fbf7ff 54%, #fff4f7 100%);
  color: #243044;
  text-decoration: none;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 12px;
  box-shadow: 0 12px 28px rgba(20, 26, 40, .06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.tb-sidebar-profile:hover,
.tb-sidebar-profile.active {
  border-color: #f5a4ba;
  box-shadow: 0 18px 34px rgba(225, 29, 72, .14);
  transform: translateY(-1px);
}
.tb-sidebar-profile > span {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #8b5cf6, #ff5f7c);
  color: #fff;
  font-size: 18px;
  font-weight: 950;
}
.tb-sidebar-profile strong {
  display: block;
  font-size: 15px;
  line-height: 1.2;
}
.tb-sidebar-profile small {
  display: block;
  margin-top: 5px;
  color: var(--tb-muted);
  font-size: 12px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tb-sidebar-profile em {
  color: #e11d48;
  font-style: normal;
  font-size: 22px;
  line-height: 1;
}
.tb-main {
  min-width: 0;
  padding: 20px 24px 32px;
}
.tb-workbench-hero {
  min-height: 230px;
  border: 1px solid #ffd2dc;
  border-radius: 8px;
  background:
    linear-gradient(110deg, #fff 0%, #fff7f9 54%, #eef6ff 100%);
  box-shadow: var(--tb-shadow);
  display: grid;
  grid-template-columns: minmax(0, 1fr) 210px;
  gap: 20px;
  align-items: center;
  padding: 24px;
  margin-bottom: 16px;
}
.tb-workbench-hero h2 {
  margin: 8px 0 10px;
  max-width: 780px;
  font-size: 38px;
  line-height: 1.18;
}
.tb-workbench-hero p {
  color: #566371;
  margin: 0;
  line-height: 1.78;
  max-width: 760px;
}
.tb-workbench-score {
  min-height: 160px;
  border-radius: 8px;
  background: #141a28;
  color: #fff;
  padding: 18px;
  display: grid;
  align-content: center;
  text-align: center;
}
.tb-workbench-score span {
  color: #cbd5e1;
  font-size: 13px;
  font-weight: 850;
}
.tb-workbench-score strong {
  display: block;
  margin: 8px 0;
  font-size: 46px;
  line-height: 1;
}
.tb-workbench-score small {
  color: #aebbd0;
  line-height: 1.5;
}
.tb-console-link {
  width: min(720px, 100%);
  margin-top: 16px;
  border: 1px solid #ffd2dc;
  border-radius: 8px;
  background: #fff;
  padding: 8px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}
.tb-console-link input {
  min-height: 44px;
  border: 0;
  outline: none;
  padding: 0 10px;
  color: var(--tb-ink);
}
.tb-topbar {
  min-height: 58px;
  border: 1px solid var(--tb-line);
  border-radius: 8px;
  background: rgba(255,255,255,.92);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 14px;
  margin-bottom: 18px;
  position: sticky;
  top: 12px;
  z-index: 20;
  backdrop-filter: blur(12px);
}
.tb-topbar h1 {
  margin: 0;
  font-size: 21px;
}
.tb-userbar {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--tb-muted);
  font-size: 13px;
}
.tb-page-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}
.tb-page-head h2 {
  margin: 6px 0 5px;
  font-size: 30px;
}
.tb-page-head p {
  color: var(--tb-muted);
  line-height: 1.72;
  margin: 0;
  max-width: 780px;
}
.tb-stat {
  padding: 16px;
  min-height: 116px;
}
.tb-stat span {
  color: var(--tb-muted);
  font-size: 13px;
  font-weight: 800;
}
.tb-stat strong {
  display: block;
  font-size: 32px;
  margin-top: 10px;
}
.tb-stat small {
  color: var(--tb-muted);
  display: block;
  margin-top: 5px;
  line-height: 1.5;
}
.tb-panel {
  padding: 18px;
  margin-bottom: 16px;
}
.tb-panel h3 {
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.tb-panel-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.tb-status-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}
.tb-status-card {
  border: 1px solid var(--tb-line);
  background: #fff;
  border-radius: 8px;
  padding: 12px;
  display: grid;
  gap: 12px;
  align-content: space-between;
  min-height: 118px;
}
.tb-status-card strong {
  display: block;
  font-size: 14px;
  margin-bottom: 6px;
}
.tb-status-card p {
  margin: 0;
  color: var(--tb-muted);
  font-size: 12px;
  line-height: 1.6;
}
.tb-grid-2 { display: grid; grid-template-columns: minmax(0, .86fr) minmax(320px, .54fr); gap: 16px; }
.tb-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.tb-grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.tb-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.tb-field {
  display: grid;
  gap: 7px;
}
.tb-field.full { grid-column: 1 / -1; }
.tb-field label {
  color: #324150;
  font-weight: 900;
  font-size: 13px;
}
.tb-field input,
.tb-field textarea,
.tb-field select {
  width: 100%;
  border: 1px solid #cfd9e3;
  background: #fff;
  border-radius: 8px;
  padding: 11px 12px;
  min-height: 42px;
  outline: none;
  color: var(--tb-ink);
}
.tb-field textarea { resize: vertical; line-height: 1.7; }
.tb-field input:focus,
.tb-field textarea:focus,
.tb-field select:focus {
  border-color: var(--tb-brand);
  box-shadow: 0 0 0 3px rgba(225, 29, 72, .12);
}
.tb-content-workbench {
  align-items: start;
}
.tb-content-panel {
  display: grid;
  gap: 14px;
}
.tb-template-creator {
  border: 1px solid #ffd1dc;
  border-radius: 10px;
  background: linear-gradient(180deg, #fff8fb, #fff);
  padding: 0;
  overflow: hidden;
}
.tb-template-creator summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  color: #172033;
  font-weight: 950;
}
.tb-template-creator summary::-webkit-details-marker { display: none; }
.tb-template-creator summary span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.tb-template-creator summary span::before {
  content: "+";
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: #ff4d7d;
  color: #fff;
  font-weight: 950;
}
.tb-template-creator summary em {
  font-style: normal;
  color: var(--tb-muted);
  font-size: 12px;
  font-weight: 800;
}
.tb-template-creator form {
  border-top: 1px solid #ffe2ea;
  padding: 14px;
}
.tb-content-template-picker {
  display: grid;
  gap: 10px;
  border: 1px solid #e8edf5;
  border-radius: 10px;
  background: #fbfdff;
  padding: 14px;
}
.tb-content-template-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}
.tb-content-template-head strong {
  font-size: 15px;
}
.tb-content-template-head span,
.tb-template-empty span {
  color: var(--tb-muted);
  font-size: 12px;
  font-weight: 800;
}
.tb-content-template-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.tb-content-template-card {
  cursor: pointer;
  border: 1px solid #dde6f0;
  border-radius: 10px;
  background: #fff;
  padding: 12px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.tb-content-template-card:hover,
.tb-content-template-card.active {
  border-color: #ff4d7d;
  box-shadow: 0 10px 24px rgba(255, 77, 125, .13);
  transform: translateY(-1px);
}
.tb-content-template-card input {
  margin-top: 3px;
  accent-color: #ff4d7d;
}
.tb-content-template-card span {
  display: grid;
  gap: 5px;
  min-width: 0;
}
.tb-content-template-card strong,
.tb-content-template-card em,
.tb-content-template-card small {
  grid-column: 2;
}
.tb-content-template-card strong {
  color: #172033;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tb-content-template-card em {
  color: #ff4d7d;
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
}
.tb-content-template-card small {
  color: var(--tb-muted);
  font-weight: 800;
}
.tb-template-empty {
  border: 1px dashed #ffc1d1;
  border-radius: 10px;
  background: #fff8fb;
  padding: 14px;
  display: grid;
  gap: 5px;
}
.tb-content-request {
  margin: 14px 0;
  border: 1px solid #ffd1dc;
  border-radius: 10px;
  padding: 14px;
  background: #fffafc;
}
.tb-fixed-fields {
  border: 1px solid #e8edf5;
  border-radius: 10px;
  background: #fff;
  padding: 0;
  overflow: hidden;
}
.tb-fixed-fields summary {
  cursor: pointer;
  list-style: none;
  padding: 13px 14px;
  font-weight: 950;
  color: #172033;
  background: #f7f9fc;
  border-bottom: 1px solid #e8edf5;
}
.tb-fixed-fields summary::-webkit-details-marker { display: none; }
.tb-fixed-fields .tb-form-grid {
  padding: 14px;
}
.tb-help {
  color: var(--tb-muted);
  font-size: 12px;
  line-height: 1.6;
}
.tb-inline-fields {
  display: flex;
  gap: 8px;
  align-items: center;
}
.tb-inline-fields input { flex: 1; }
.tb-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 14px;
}
.tb-action-stack {
  display: grid;
  gap: 8px;
  justify-items: start;
}
.tb-action-stack form {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 0;
}
.tb-action-stack input[type="number"] {
  width: 92px;
  min-height: 34px;
  border-radius: 8px;
  padding: 0 10px;
}
.tb-status {
  min-height: 20px;
  color: var(--tb-muted);
  font-size: 13px;
  line-height: 1.55;
}
.tb-status.error { color: var(--tb-red); }
.tb-status.ok { color: var(--tb-brand-strong); }
.tb-alert {
  border: 1px solid #c7eadf;
  background: #eefbf6;
  color: #0d5f51;
  border-radius: 8px;
  padding: 12px 14px;
  line-height: 1.65;
}
.tb-alert.warn {
  border-color: #f2d49a;
  background: #fff8e6;
  color: #80540a;
}
.tb-alert.error {
  border-color: #f1b7bd;
  background: #fff4f5;
  color: var(--tb-red);
}
.tb-action-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.tb-action-card {
  min-height: 132px;
  border: 1px solid var(--tb-line);
  border-radius: 8px;
  background: #fff;
  color: var(--tb-ink);
  text-decoration: none;
  padding: 16px;
  display: grid;
  gap: 8px;
  align-content: start;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.tb-action-card:hover {
  transform: translateY(-1px);
  border-color: #f0a9b8;
  box-shadow: 0 14px 30px rgba(20, 26, 40, .08);
}
.tb-action-card i {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff1f4;
  color: var(--tb-brand-strong);
  font-size: 18px;
}
.tb-action-card strong {
  font-size: 16px;
}
.tb-action-card span {
  color: var(--tb-muted);
  line-height: 1.6;
  font-size: 13px;
}
.tb-action-card.primary {
  background: #fff7f9;
  border-color: #ffc3d0;
}
.tb-replicate-lab {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 16px;
  align-items: start;
}
.tb-inspire-head {
  text-align: center;
  padding: 8px 0 22px;
}
.tb-inspire-stage {
  width: min(680px, 100%);
  margin: 0 auto 14px;
  min-height: 38px;
  border: 1px solid rgba(139, 92, 246, .18);
  border-radius: 999px;
  background: rgba(255,255,255,.7);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 16px;
  box-shadow: 0 12px 34px rgba(88, 101, 242, .08);
}
.tb-inspire-stage span {
  color: #5c6575;
  font-size: 13px;
  font-weight: 950;
  white-space: nowrap;
}
.tb-inspire-stage i {
  width: 28px;
  height: 1px;
  background: linear-gradient(90deg, rgba(139, 92, 246, .18), rgba(255, 95, 124, .46));
}
.tb-inspire-head h2 {
  margin: 0;
  font-size: 52px;
  line-height: 1.12;
  font-weight: 950;
}
.tb-inspire-head h2 span {
  color: #8b5cf6;
}
.tb-inspire-head p {
  color: #667085;
  margin: 12px 0 0;
  font-size: 18px;
}
.tb-inspire-head p strong {
  color: #8b5cf6;
}
.tb-tipbar {
  width: min(100%, 1480px);
  margin: 0 auto 12px;
  border: 1px solid #ffd795;
  background: #fff8ea;
  color: #8a5a0a;
  border-radius: 8px;
  padding: 14px 18px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  line-height: 1.7;
}
.tb-replicate-studio {
  display: grid;
  gap: 12px;
}
.tb-studio-card {
  border: 1px solid #e7e9f2;
  border-radius: 8px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 18px 45px rgba(88, 101, 242, .09);
  padding: 24px;
}
.tb-aicopy-card {
  background: #fff;
}
.tb-studio-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}
.tb-studio-head h3,
.tb-parsed-grid h3 {
  margin: 0;
  font-size: 22px;
}
.tb-mode-row {
  border-bottom: 1px solid #e8ebf3;
  padding-bottom: 16px;
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  color: #3c4656;
  font-weight: 850;
}
.tb-mode-row input,
.tb-setting-row input {
  accent-color: #8b5cf6;
}
.tb-mode-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.tb-source-modes {
  margin-bottom: 18px;
}
.tb-mode-option {
  min-height: 92px;
  border: 1px solid #e1e6f0;
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, #fbfcff);
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 14px;
  cursor: pointer;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.tb-mode-option:hover {
  transform: translateY(-1px);
  border-color: rgba(139, 92, 246, .45);
  box-shadow: 0 14px 28px rgba(88, 101, 242, .09);
}
.tb-mode-option:has(input:checked) {
  border-color: #8b5cf6;
  background: linear-gradient(135deg, #f6f1ff, #fff6f8);
  box-shadow: inset 4px 0 0 #8b5cf6, 0 16px 30px rgba(139, 92, 246, .12);
}
.tb-mode-option b {
  display: block;
  color: #273246;
  margin-bottom: 5px;
}
.tb-mode-option em {
  display: block;
  color: #667085;
  font-style: normal;
  font-size: 12px;
  line-height: 1.55;
}
.tb-studio-inputs {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
}
.tb-link-capture {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}
.tb-link-capture input {
  width: 100%;
  min-height: 56px;
  border: 1px solid #cfd9e3;
  border-radius: 8px;
  background: #fff;
  padding: 0 16px;
  outline: none;
  color: var(--tb-ink);
  font-size: 16px;
}
.tb-link-capture input:focus {
  border-color: #8b5cf6;
  box-shadow: 0 0 0 4px rgba(139, 92, 246, .12);
}
.tb-link-capture .tb-btn {
  min-height: 56px;
  min-width: 132px;
}
.tb-aicopy-link {
  border: 1px solid #e9d5ff;
  border-radius: 8px;
  background: #fbf8ff;
  padding: 12px;
}
.tb-source-panel {
  display: none;
}
.tb-source-panel.active {
  display: block;
}
.tb-source-action {
  margin-top: 14px;
  display: flex;
  justify-content: flex-end;
}
.tb-source-action .tb-btn {
  min-height: 48px;
  min-width: 168px;
}
.tb-fallback-grid {
  display: grid;
  grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr);
  gap: 18px;
  margin-top: 14px;
}
.tb-upload-box {
  min-height: 222px;
  align-content: center;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(135deg, rgba(139, 92, 246, .55), rgba(225, 29, 72, .28)) border-box;
}
.tb-supported-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
.tb-supported-row span {
  min-height: 28px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #526170;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 850;
}
.tb-parsed-grid {
  display: grid;
  grid-template-columns: minmax(340px, .42fr) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}
.tb-original-card {
  border: 1px solid #d8e7fb;
  background: linear-gradient(180deg, #f8fbff, #fbf7ff);
  border-radius: 8px;
  padding: 18px;
  display: grid;
  gap: 14px;
}
.tb-parsed-summary {
  border: 1px solid rgba(139, 92, 246, .16);
  border-radius: 8px;
  background: rgba(255,255,255,.72);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
}
.tb-parsed-summary span {
  min-height: 24px;
  border-radius: 999px;
  background: #ede9fe;
  color: #6d28d9;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 950;
}
.tb-parsed-summary strong {
  color: #324150;
  font-size: 13px;
}
.tb-original-actions {
  display: flex;
  justify-content: center;
  gap: 16px;
}
.tb-original-card .tb-image-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tb-original-card .tb-image-grid img {
  aspect-ratio: 3 / 4;
}
.tb-original-text {
  color: #566371;
  line-height: 1.85;
  font-size: 14px;
}
.tb-original-text p {
  margin: 8px 0;
}
.tb-copy-settings {
  min-height: 410px;
  border-radius: 8px;
  background: linear-gradient(135deg, #f8faff 0%, #fff8fb 100%);
  padding: 20px;
  display: grid;
  gap: 18px;
}
.tb-setting-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
  color: #4b5565;
}
.tb-setting-row input[type="text"],
.tb-setting-row input:not([type]),
.tb-setting-row textarea {
  flex: 1 1 320px;
  width: 100%;
  min-height: 40px;
  border: 1px solid #cfd9e3;
  border-radius: 8px;
  background: #fff;
  color: var(--tb-ink);
  padding: 10px 12px;
  outline: none;
}
.tb-setting-row textarea {
  min-height: 92px;
  resize: vertical;
  line-height: 1.65;
}
.tb-setting-row input:focus,
.tb-setting-row textarea:focus {
  border-color: #8b5cf6;
  box-shadow: 0 0 0 4px rgba(139, 92, 246, .12);
}
.tb-setting-row label em {
  display: block;
  margin-top: 4px;
  color: var(--tb-muted);
  font-size: 12px;
  line-height: 1.45;
  font-style: normal;
  font-weight: 700;
}
.tb-setting-row .tb-help {
  flex-basis: 100%;
  margin-left: 108px;
}
.tb-setting-row.full {
  align-items: start;
}
.tb-setting-row.ref-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
}
.tb-setting-row strong {
  min-width: 92px;
  min-height: 32px;
  border-radius: 8px;
  background: #4b5565;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
}
.tb-setting-row label {
  font-weight: 850;
}
.tb-setting-row select {
  min-height: 36px;
  border: 1px solid #cfd9e3;
  border-radius: 8px;
  padding: 0 12px;
  background: #fff;
}
.tb-setting-row textarea {
  flex: 1;
  min-width: 260px;
  border: 1px solid #cfd9e3;
  border-radius: 8px;
  padding: 10px 12px;
  resize: vertical;
}
.tb-ref-editor {
  width: 100%;
  display: grid;
  gap: 10px;
}
.tb-ref-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.tb-ref-card {
  position: relative;
  min-height: 120px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  display: grid;
  align-content: start;
  cursor: pointer;
}
.tb-ref-card input {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 18px;
  height: 18px;
  z-index: 2;
}
.tb-ref-card img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  background: #eef2f7;
}
.tb-ref-card span {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4b5565;
  font-size: 12px;
  font-weight: 850;
}
.tb-ref-card:has(input:not(:checked)) {
  opacity: .5;
}
.tb-ref-card:has(input:checked) {
  border-color: rgba(139, 92, 246, .55);
  box-shadow: 0 12px 24px rgba(139, 92, 246, .12);
}
.tb-ref-uploader {
  border: 1px dashed transparent;
  border-radius: 8px;
  background: rgba(255,255,255,.72);
  padding: 18px;
  display: grid;
  gap: 10px;
}
.tb-upload-drop {
  position: relative;
  overflow: hidden;
  text-align: center;
  justify-items: center;
  cursor: pointer;
  box-shadow: 0 16px 36px rgba(88, 101, 242, .08);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.tb-upload-drop:hover,
.tb-upload-drop:focus-within {
  transform: translateY(-1px);
  box-shadow: 0 22px 44px rgba(139, 92, 246, .14);
}
.tb-upload-drop.has-files {
  border-style: solid;
  background:
    linear-gradient(135deg, #fff 0%, #f8f3ff 54%, #fff5f7 100%) padding-box,
    linear-gradient(135deg, rgba(139, 92, 246, .82), rgba(225, 29, 72, .42)) border-box;
}
.tb-upload-drop.has-files .tb-upload-file-text {
  color: #7c3aed;
}
.tb-upload-drop input[type="file"] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.tb-upload-mark {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #8b5cf6, #ff5f7c);
  color: #fff;
  box-shadow: 0 18px 34px rgba(139, 92, 246, .24);
}
.tb-upload-mark .bi {
  width: 20px;
  height: 20px;
}
.tb-ref-uploader strong {
  min-height: 0;
  border-radius: 0;
  background: transparent;
  color: #172033;
  padding: 0;
  justify-content: center;
  font-size: 18px;
}
.tb-upload-file-text {
  color: #536173;
  font-style: normal;
  font-size: 13px;
  font-weight: 850;
}
.tb-upload-hint {
  max-width: 260px;
  color: var(--tb-muted);
  font-size: 12px;
  line-height: 1.6;
}
.tb-upload-button {
  min-height: 36px;
  border-radius: 999px;
  background: #fff1f4;
  color: #e11d48;
  display: inline-flex;
  align-items: center;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 950;
  box-shadow: inset 0 0 0 1px rgba(225, 29, 72, .18);
}
.tb-ref-uploader > span:not(.tb-upload-mark):not(.tb-upload-button) {
  color: var(--tb-muted);
  font-size: 12px;
  line-height: 1.55;
}
.tb-copy-card {
  border: 1px solid #e9edf5;
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, #fbfcff);
  padding: 14px;
  box-shadow: 0 16px 34px rgba(20, 26, 40, .04);
}
.tb-copy-card textarea {
  min-height: 170px;
  resize: vertical;
}
.tb-generate-footer {
  margin-top: 18px;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}
.tb-generate-footer > span:first-child {
  color: #8b5cf6;
  font-weight: 850;
  margin-right: auto;
}
.tb-generate-footer .tb-btn {
  min-width: 260px;
  min-height: 48px;
  border-radius: 999px;
  background: #ff6670;
  border-color: #ff6670;
  box-shadow: 0 14px 26px rgba(255, 102, 112, .22);
}
.tb-generate-footer small {
  color: #ffef6a;
  font-weight: 950;
}
.tb-publish-list {
  display: grid;
  gap: 16px;
}
.tb-publish-card {
  border: 1px solid var(--tb-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--tb-shadow);
  padding: 18px;
}
.tb-publish-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 22px;
  align-items: start;
}
.tb-publish-copy {
  min-width: 0;
  display: grid;
  gap: 12px;
}
.tb-publish-copy h3 {
  margin: 0;
  font-size: 20px;
  line-height: 1.35;
}
.tb-publish-copy .tb-post-body {
  max-height: 260px;
  overflow: auto;
}
.tb-publish-qr {
  border: 1px solid #e6ebf2;
  border-radius: 8px;
  background: #f8fafc;
  padding: 14px;
  display: grid;
  justify-items: center;
  gap: 8px;
  text-align: center;
}
.tb-publish-qr strong {
  color: #273246;
  font-size: 14px;
}
.tb-publish-qr span {
  color: var(--tb-muted);
  font-size: 12px;
  line-height: 1.45;
}
.tb-replicate-input {
  margin-bottom: 0;
}
.tb-replicate-guide {
  background: #141a28;
  color: #fff;
  margin-bottom: 0;
}
.tb-replicate-guide h3 {
  color: #fff;
}
.tb-replicate-steps {
  display: grid;
  gap: 10px;
}
.tb-replicate-steps div {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 8px;
  background: rgba(255,255,255,.06);
  padding: 12px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  column-gap: 10px;
}
.tb-replicate-steps span {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--tb-brand);
  color: #fff;
  font-weight: 950;
  grid-row: span 2;
}
.tb-replicate-steps strong {
  color: #fff;
}
.tb-replicate-steps p {
  margin: 4px 0 0;
  color: #cbd5e1;
  line-height: 1.55;
  font-size: 12px;
}
.tb-result-panel {
  margin-top: 16px;
}
.tb-empty {
  border: 1px dashed #b9c7d4;
  border-radius: 8px;
  background: #fbfcfe;
  color: var(--tb-muted);
  text-align: center;
  padding: 26px 18px;
  line-height: 1.75;
}
.tb-empty.compact {
  padding: 16px 12px;
  text-align: left;
  font-size: 12px;
}
.tb-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--tb-line);
  border-radius: 8px;
  background: #fff;
}
.tb-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 780px;
}
.tb-table th,
.tb-table td {
  border-bottom: 1px solid var(--tb-line);
  padding: 12px;
  text-align: left;
  vertical-align: top;
  font-size: 13px;
  line-height: 1.55;
}
.tb-table th {
  background: #f8fafc;
  color: #40505e;
  font-weight: 950;
}
.tb-table tr:last-child td { border-bottom: 0; }
.tb-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border-radius: 999px;
  padding: 0 8px;
  background: #eef2f7;
  color: #43505d;
  font-size: 12px;
  font-weight: 850;
}
.tb-badge.green { background: #e7f8ef; color: #087152; }
.tb-badge.blue { background: #edf4ff; color: #1d5bc3; }
.tb-badge.amber { background: #fff7e3; color: #8a5a0a; }
.tb-badge.red { background: #fff0f2; color: #b32635; }

.tb-account-hero {
  border: 1px solid #eadff8;
  border-radius: 8px;
  background: linear-gradient(135deg, #fff 0%, #fbf7ff 52%, #fff5f7 100%);
  box-shadow: 0 18px 42px rgba(99, 102, 241, .08);
  padding: 20px;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) minmax(360px, .8fr);
  gap: 18px;
  align-items: center;
  margin-bottom: 14px;
}
.tb-account-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #f4e9ff, #fff1f4);
  border: 1px solid #ead7ff;
  color: #8b5cf6;
  font-size: 28px;
  font-weight: 950;
}
.tb-account-profile h2 {
  margin: 4px 0 6px;
  font-size: 24px;
}
.tb-account-profile p {
  margin: 0;
  color: var(--tb-muted);
  line-height: 1.6;
}
.tb-account-badges {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.tb-account-badges span {
  min-height: 24px;
  border-radius: 999px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  background: #f2ecff;
  color: #7c3aed;
  font-size: 12px;
  font-weight: 900;
}
.tb-account-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.tb-account-metrics div,
.tb-account-stat-row div {
  border: 1px solid #edf0f6;
  border-radius: 8px;
  background: rgba(255, 255, 255, .88);
  padding: 12px;
  min-width: 0;
}
.tb-account-metrics span,
.tb-account-stat-row span {
  display: block;
  color: var(--tb-muted);
  font-size: 12px;
  font-weight: 850;
}
.tb-account-metrics strong,
.tb-account-stat-row strong {
  display: block;
  margin-top: 8px;
  font-size: 20px;
  line-height: 1.1;
  color: var(--tb-ink);
  overflow-wrap: anywhere;
}
.tb-account-metrics strong.points { color: #7c3aed; }
.tb-account-metrics strong.money { color: #0f8f72; }
.tb-account-metrics strong.cost { color: #e11d48; }
.tb-account-tabs {
  border: 1px solid #eceff6;
  border-radius: 8px;
  background: rgba(255, 255, 255, .92);
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  overflow: visible;
  margin-bottom: 14px;
  box-shadow: 0 16px 36px rgba(20, 26, 40, .05);
}
.tb-account-tabs a {
  min-height: 40px;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  color: #3f4b5f;
  text-decoration: none;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 850;
  background: transparent;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease;
}
.tb-account-tabs a.active,
.tb-account-tabs a:hover {
  color: #fff;
  background: linear-gradient(135deg, #8b5cf6, #ff5f7c);
  border-color: rgba(255, 255, 255, .32);
  box-shadow: 0 14px 30px rgba(225, 29, 72, .20);
  transform: translateY(-1px);
}
.tb-account-panel {
  border: 1px solid var(--tb-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, .86);
  padding: 18px;
  box-shadow: 0 16px 36px rgba(20, 26, 40, .05);
}
.tb-account-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}
.tb-account-section-head h3 {
  margin: 0 0 6px;
  font-size: 20px;
}
.tb-account-section-head p {
  margin: 0;
  color: var(--tb-muted);
  line-height: 1.65;
}
.tb-account-stat-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}
.tb-account-package-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.tb-account-package {
  border: 1px solid #eadff8;
  border-radius: 8px;
  background: #fff;
  padding: 14px;
  display: grid;
  gap: 10px;
  align-content: start;
}
.tb-account-package h4 {
  margin: 0 0 6px;
  font-size: 16px;
}
.tb-account-package p {
  margin: 0;
  color: var(--tb-muted);
  line-height: 1.55;
  font-size: 12px;
}
.tb-account-package strong {
  color: #7c3aed;
  font-size: 24px;
}
.tb-account-package ul {
  margin: 0;
  padding-left: 18px;
  color: #40505e;
  line-height: 1.65;
  font-size: 13px;
}
.tb-account-switch,
.tb-title-groups {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 14px;
}
.tb-account-switch a,
.tb-title-groups a {
  min-height: 32px;
  border: 1px solid #e4e8f0;
  border-radius: 8px;
  background: #fff;
  color: #43505d;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 900;
}
.tb-account-switch a.active,
.tb-title-groups a.active {
  color: #7c3aed;
  background: #f4efff;
  border-color: #d9c9ff;
}
.tb-publish-record-table img {
  width: 54px;
  height: 54px;
  border-radius: 8px;
  object-fit: cover;
  border: 1px solid var(--tb-line);
}
.tb-mini-cover {
  width: 54px;
  height: 54px;
  border-radius: 8px;
  background: #f3f5f8;
  display: grid;
  place-items: center;
  color: var(--tb-muted);
  font-size: 12px;
}
.tb-hidden-copy {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.tb-form-actions.compact {
  margin-top: 0;
  gap: 6px;
}
.tb-coupon-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .55fr);
  gap: 14px;
}
.tb-coupon-redeem,
.tb-service-card,
.tb-agent-lock,
.tb-promo-box {
  border: 1px solid var(--tb-line);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
}
.tb-coupon-redeem label {
  display: block;
  font-weight: 950;
  margin-bottom: 8px;
}
.tb-coupon-redeem div,
.tb-promo-box {
  display: flex;
  gap: 8px;
  align-items: center;
}
.tb-coupon-redeem input,
.tb-promo-box input {
  flex: 1;
  min-height: 40px;
  border: 1px solid var(--tb-line);
  border-radius: 8px;
  padding: 0 12px;
}
.tb-coupon-redeem p {
  color: var(--tb-muted);
  margin: 10px 0 0;
  font-size: 12px;
  line-height: 1.6;
}
.tb-narrow-form {
  max-width: 560px;
}
.tb-service-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 18px;
  align-items: center;
}
.tb-service-main span {
  color: var(--tb-muted);
  font-size: 13px;
  font-weight: 850;
}
.tb-service-main strong {
  display: block;
  margin: 8px 0;
  font-size: 28px;
  color: #7c3aed;
}
.tb-service-main p {
  margin: 0;
  color: #40505e;
  line-height: 1.75;
}
.tb-service-qr {
  text-align: center;
  display: grid;
  gap: 8px;
}
.tb-service-qr img,
.tb-service-qr-placeholder {
  width: 160px;
  height: 160px;
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  background: #f8fafc;
  object-fit: cover;
  display: grid;
  place-items: center;
  color: var(--tb-muted);
  font-size: 13px;
  margin: 0 auto;
}
.tb-service-qr small {
  color: var(--tb-muted);
  line-height: 1.5;
}
.tb-agent-lock {
  margin-bottom: 14px;
  background: linear-gradient(135deg, #fff8e8, #fff);
  border-color: #f6d38b;
}
.tb-agent-lock strong {
  display: block;
  font-size: 18px;
  margin-bottom: 6px;
}
.tb-agent-lock p {
  margin: 0 0 12px;
  color: #8a5a0a;
  line-height: 1.65;
}
.tb-agent-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}
.tb-agent-stats div {
  border: 1px solid var(--tb-line);
  background: #fff;
  border-radius: 8px;
  padding: 14px;
}
.tb-agent-stats span {
  color: var(--tb-muted);
  font-size: 12px;
  font-weight: 850;
}
.tb-agent-stats strong {
  display: block;
  margin-top: 8px;
  font-size: 24px;
}
.tb-agent-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.tb-title-toolbar {
  border-radius: 8px;
  background: linear-gradient(135deg, #8b5cf6, #ff5f7c);
  padding: 12px;
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
}
.tb-title-toolbar form {
  display: grid;
  grid-template-columns: minmax(160px, .35fr) minmax(220px, 1fr) minmax(150px, .42fr) auto;
  gap: 8px;
}
.tb-title-toolbar form:first-child {
  grid-template-columns: minmax(180px, 1fr) auto;
}
.tb-title-toolbar input,
.tb-title-toolbar select {
  min-height: 38px;
  border: 0;
  border-radius: 8px;
  padding: 0 12px;
}
.tb-title-list,
.tb-template-list {
  display: grid;
  gap: 10px;
}
.tb-title-list article,
.tb-template-list article {
  border: 1px solid var(--tb-line);
  border-radius: 8px;
  background: #fff;
  padding: 14px;
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
}
.tb-title-list strong,
.tb-template-list strong {
  display: block;
  margin-bottom: 6px;
  font-size: 15px;
}
.tb-title-list p,
.tb-template-list p {
  margin: 0;
  color: #40505e;
  line-height: 1.65;
}
.tb-title-list span,
.tb-template-list span {
  display: inline-block;
  margin-top: 8px;
  color: #7c3aed;
  font-size: 12px;
  font-weight: 850;
}

.tb-post-card {
  display: grid;
  gap: 12px;
}
.tb-post-title {
  font-size: 18px;
  font-weight: 950;
  line-height: 1.45;
}
.tb-post-body {
  color: #354250;
  line-height: 1.85;
  white-space: pre-wrap;
  max-height: 230px;
  overflow: auto;
  padding-right: 4px;
}
.tb-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.tb-tag-list span {
  border-radius: 999px;
  background: #eef2f7;
  padding: 5px 8px;
  color: #40505e;
  font-size: 12px;
  font-weight: 800;
}
.tb-image-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.tb-image-grid img,
.tb-material-card img,
.tb-result-image {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid var(--tb-line);
  background: #eef2f7;
}
.tb-material-card {
  background: #fff;
  border: 1px solid var(--tb-line);
  border-radius: 8px;
  padding: 10px;
  display: grid;
  gap: 8px;
}
.tb-material-title {
  font-weight: 900;
  line-height: 1.4;
}
.tb-material-meta {
  color: var(--tb-muted);
  font-size: 12px;
  line-height: 1.5;
}
.tb-checkbox-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  max-height: 260px;
  overflow: auto;
  padding: 2px;
}
.tb-check-card {
  border: 1px solid var(--tb-line);
  border-radius: 8px;
  padding: 9px;
  display: flex;
  gap: 8px;
  align-items: center;
  background: #fff;
}
.tb-check-card img {
  width: 42px;
  height: 42px;
  border-radius: 6px;
  object-fit: cover;
  border: 1px solid var(--tb-line);
}
.tb-check-card span {
  font-size: 12px;
  color: #40505e;
  line-height: 1.35;
}
.tb-result-box {
  border: 1px solid var(--tb-line);
  background: #fbfcfe;
  border-radius: 8px;
  padding: 14px;
  min-height: 220px;
}
.tb-result-box pre {
  white-space: pre-wrap;
  word-break: break-word;
  margin: 0;
  color: #253342;
  line-height: 1.8;
  font-family: inherit;
}
.tb-replicate-result {
  display: grid;
  gap: 16px;
}
.tb-mini-section {
  display: grid;
  gap: 10px;
}
.tb-mini-section h3 {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.tb-phone-package {
  width: min(560px, 100%);
  margin: 0 auto;
}
.tb-mobile-images {
  display: grid;
  gap: 10px;
}
.tb-mobile-images img {
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--tb-line);
}
.tb-qr {
  width: 160px;
  height: 160px;
  border: 1px solid var(--tb-line);
  border-radius: 8px;
  background: #fff;
}

@media (max-width: 1080px) {
  .tb-hero-grid,
  .tb-public-studio,
  .tb-auth,
  .tb-auth-product,
  .tb-grid-2,
  .tb-workbench-hero,
  .tb-replicate-lab,
  .tb-parsed-grid,
  .tb-workspace-main,
  .tb-replicate-showcase,
  .tb-fallback-grid,
  .tb-content-template-list {
    grid-template-columns: 1fr;
  }
  .tb-feature-grid,
  .tb-price-grid,
  .tb-card-grid,
  .tb-tool-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tb-feature-showcase,
  .tb-feature-showcase.reverse {
    grid-template-columns: 1fr;
  }
  .tb-feature-showcase.reverse .tb-showcase-media {
    order: initial;
  }
  .tb-dashboard-grid,
  .tb-grid-4,
  .tb-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tb-flow,
  .tb-grid-3,
  .tb-action-grid,
  .tb-live-grid,
  .tb-demo-split,
  .tb-original-card .tb-image-grid,
  .tb-mode-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tb-ref-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tb-public-flow .tb-replicate-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tb-replicate-guide { order: -1; }
  .tb-auth-modal {
    width: min(980px, calc(100vw - 32px));
    grid-template-columns: minmax(360px, .9fr) minmax(380px, 1fr);
  }
  .tb-modal-left {
    padding: 34px 32px 0;
  }
  .tb-modal-right {
    padding: 48px 40px 30px;
  }
  .tb-modal-left h1 {
    font-size: 28px;
  }
  .tb-modal-pills span {
    font-size: 13px;
    padding: 0 12px;
  }
}
@media (max-width: 860px) {
  .tb-site-nav {
    align-items: flex-start;
    flex-direction: column;
    padding: 12px 0;
  }
  .tb-header-actions { width: 100%; }
  .tb-header-actions .tb-btn { flex: 1; }
  .tb-app {
    grid-template-columns: 1fr;
  }
  .tb-public-app {
    display: flex;
    flex-direction: column;
  }
  .tb-public-main { order: 1; }
  .tb-public-sidebar { order: 2; }
  .tb-public-sidebar {
    position: static;
    height: auto;
    border-right: 0;
    border-bottom: 1px solid #e5e9f2;
    padding: 14px 12px;
  }
  .tb-public-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
    padding-right: 0;
  }
  .tb-public-user {
    margin-top: 0;
  }
  .tb-public-main {
    padding: 14px;
  }
  .tb-public-topbar {
    position: static;
  }
  .tb-public-copy h1 {
    font-size: 34px;
  }
  .tb-sidebar {
    position: static;
    height: auto;
    border-right: 0;
    border-bottom: 1px solid var(--tb-line);
    padding: 14px 12px;
    gap: 10px;
  }
  .tb-sidebar .tb-brand {
    margin-bottom: 2px;
  }
  .tb-side-primary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding-top: 8px;
  }
  .tb-side-pill {
    min-height: 38px;
    font-size: 13px;
    padding: 0 10px;
  }
  .tb-side-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    overflow: visible;
    padding-right: 0;
  }
  .tb-side-group-title {
    grid-column: 1 / -1;
    min-height: 36px;
    margin-bottom: 2px;
  }
  .tb-side-nav a {
    min-height: 36px;
    padding: 0 10px;
    font-size: 13px;
  }
  .tb-sidebar-foot {
    display: block;
    padding-top: 8px;
    border-top: 0;
  }
  .tb-sidebar-profile {
    min-height: 54px;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    padding: 9px 10px;
  }
  .tb-sidebar-profile > span {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }
  .tb-main { padding: 14px; }
  .tb-topbar {
    position: static;
    align-items: flex-start;
    flex-direction: column;
  }
  .tb-page-head,
  .tb-section-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .tb-form-grid,
  .tb-hero-command,
  .tb-hero-trust,
  .tb-workspace-input,
  .tb-workspace-footer,
  .tb-demo-url,
  .tb-demo-split,
  .tb-demo-bottom,
  .tb-publish-layout,
  .tb-mode-row,
  .tb-feature-grid,
  .tb-price-grid,
  .tb-card-grid,
  .tb-flow,
  .tb-scene-grid,
  .tb-dashboard-grid,
  .tb-grid-3,
  .tb-grid-4,
  .tb-status-grid,
  .tb-action-grid,
  .tb-live-grid,
  .tb-original-card .tb-image-grid,
  .tb-checkbox-list {
    grid-template-columns: 1fr;
  }
  .tb-mode-row,
  .tb-setting-row,
  .tb-link-capture,
  .tb-generate-footer {
    display: grid;
    gap: 12px;
  }
  .tb-link-capture {
    grid-template-columns: 1fr;
  }
  .tb-setting-row.ref-row {
    grid-template-columns: 1fr;
  }
  .tb-setting-row strong,
  .tb-generate-footer .tb-btn {
    width: 100%;
  }
  .tb-setting-row .tb-help {
    margin-left: 0;
  }
  .tb-publish-card {
    padding: 14px;
  }
  .tb-publish-copy .tb-post-body {
    max-height: 320px;
  }
  .tb-publish-qr {
    justify-items: start;
    text-align: left;
  }
  .tb-publish-qr .tb-qr {
    width: 132px;
    height: 132px;
  }
  .tb-inspire-head {
    text-align: left;
  }
  .tb-hero-command span {
    white-space: normal;
  }
  .tb-hero-command a {
    width: 100%;
  }
  .tb-demo-board {
    min-height: auto;
  }
  .tb-home-hero h1,
  .tb-inspire-head h2 {
    font-size: 40px;
  }
  .tb-section-head h2,
  .tb-replicate-showcase h2,
  .tb-workbench-hero h2,
  .tb-final-cta h2 {
    font-size: 30px;
  }
  .tb-console-link {
    grid-template-columns: 1fr;
  }
  .tb-console-link .tb-btn,
  .tb-workspace-input button,
  .tb-workspace-footer a {
    width: 100%;
    justify-content: center;
  }
  .tb-demo-url button,
  .tb-demo-bottom a {
    width: 100%;
    justify-content: center;
  }
  .tb-demo-pane {
    min-height: 0;
  }
  .tb-demo-images span {
    min-height: 88px;
  }
  .tb-auth-side { min-height: auto; }
  .tb-auth-tabs {
    grid-template-columns: 1fr;
  }
  .tb-modal-auth-page {
    padding: 18px;
    align-items: start;
  }
  .tb-auth-bg {
    grid-template-columns: 140px minmax(0, 1fr);
  }
  .tb-auth-bg aside {
    padding: 18px 10px;
  }
  .tb-auth-bg section {
    padding: 18px;
  }
  .tb-auth-modal {
    width: min(640px, 100%);
    grid-template-columns: 1fr;
    min-height: 0;
    max-height: calc(100vh - 36px);
    overflow: auto;
    border-radius: 18px;
  }
  .tb-auth-close {
    top: 12px;
    right: 12px;
  }
  .tb-modal-left {
    min-height: 300px;
    padding: 28px 26px 0;
  }
  .tb-modal-left h1 {
    margin-top: 28px;
    font-size: 25px;
  }
  .tb-modal-left p {
    font-size: 16px;
  }
  .tb-modal-pills {
    max-width: 460px;
    margin: 0 auto;
  }
  .tb-modal-illustration {
    height: 150px;
    margin-top: 20px;
    transform: scale(.72);
    transform-origin: center top;
  }
  .tb-modal-right {
    padding: 34px 28px 28px;
  }
  .tb-modal-right h2 {
    font-size: 28px;
  }
  .tb-inspire-stage {
    border-radius: 8px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: auto;
    padding: 10px;
  }
  .tb-inspire-stage i { display: none; }
}
@media (max-width: 560px) {
  .tb-site-inner { width: min(100% - 24px, 1180px); }
  .tb-ribbon .tb-site-inner {
    min-height: 30px;
    gap: 8px;
    font-size: 12px;
  }
  .tb-site-nav {
    min-height: 58px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }
  .tb-nav-links {
    display: none;
  }
  .tb-header-actions {
    width: auto;
  }
  .tb-header-actions .tb-btn {
    flex: initial;
    min-height: 34px;
    padding: 0 10px;
    font-size: 13px;
  }
  .tb-brand-mark {
    width: 30px;
    height: 30px;
    font-size: 13px;
  }
  .tb-brand-text {
    font-size: 14px;
  }
  .tb-public-main {
    padding: 10px;
  }
  .tb-public-sidebar {
    padding: 12px 10px;
    gap: 12px;
  }
  .tb-public-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }
  .tb-public-nav a {
    min-height: 48px;
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 7px 9px;
    font-size: 13px;
  }
  .tb-public-nav i {
    width: 30px;
    height: 30px;
  }
  .tb-public-nav small {
    display: none;
  }
  .tb-public-topbar {
    align-items: flex-start;
    flex-direction: column;
  }
  .tb-public-studio,
  .tb-public-section {
    padding: 16px;
  }
  .tb-public-copy h1 {
    font-size: 30px;
    line-height: 1.18;
  }
  .tb-public-copy p {
    font-size: 15px;
  }
  .tb-public-link-form {
    grid-template-columns: 1fr;
    padding: 10px;
  }
  .tb-public-link-form > i {
    display: none;
  }
  .tb-public-link-form .tb-btn {
    width: 100%;
    justify-content: center;
  }
  .tb-public-preview-grid,
  .tb-public-flow .tb-replicate-steps {
    grid-template-columns: 1fr;
  }
  .tb-public-phone {
    width: min(220px, 100%);
    margin: 0 auto;
  }
  .tb-auth-overlay {
    padding: 12px;
    place-items: start center;
  }
  .tb-home-hero { min-height: auto; padding-top: 28px; }
  .tb-preview-layout { grid-template-columns: 1fr; }
  .tb-preview-cards { grid-template-columns: 1fr; }
  .tb-demo-images,
  .tb-demo-actions {
    grid-template-columns: 1fr;
  }
  .tb-demo-images span {
    min-height: 72px;
  }
  .tb-auth-wrap { padding: 12px; }
  .tb-auth-card,
  .tb-auth-side,
  .tb-panel,
  .tb-card,
  .tb-price {
    padding: 16px;
  }
  .tb-side-primary,
  .tb-side-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tb-image-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tb-mode-cards,
  .tb-ref-grid,
  .tb-tool-grid { grid-template-columns: 1fr; }
  .tb-home-hero h1 {
    font-size: 34px;
  }
  .tb-workspace-source,
  .tb-workspace-output {
    min-height: 0;
  }
  .tb-workspace-images {
    grid-template-columns: 1fr;
  }
  .tb-workspace-images span {
    min-height: 84px;
  }
  .tb-modal-auth-page {
    padding: 12px;
  }
  .tb-auth-bg {
    display: none;
  }
  .tb-auth-modal {
    width: 100%;
    max-height: none;
    border-radius: 14px;
  }
  .tb-modal-left {
    display: none;
  }
  .tb-modal-right {
    padding: 52px 18px 22px;
  }
  .tb-modal-right h2 {
    font-size: 26px;
    margin-bottom: 18px;
  }
  .tb-modal-tabs {
    margin-bottom: 22px;
  }
  .tb-modal-tabs button {
    min-height: 40px;
    font-size: 14px;
  }
  .tb-auth-variant.active {
    gap: 14px;
  }
  .tb-auth-field,
  .tb-auth-field input,
  .tb-auth-field.action button,
  .tb-auth-submit {
    min-height: 52px;
    height: 52px;
  }
  .tb-auth-field span {
    min-width: 68px;
    padding-left: 18px;
    font-size: 15px;
  }
  .tb-auth-field input {
    padding: 0 14px;
    font-size: 15px;
  }
  .tb-auth-field.action button {
    padding: 0 12px;
    font-size: 14px;
  }
  .tb-auth-row {
    align-items: flex-start;
    flex-direction: column;
    font-size: 13px;
  }
  .tb-modal-agree {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 5px 7px;
    font-size: 13px;
    text-align: left;
  }
  .tb-modal-agree input {
    flex: 0 0 auto;
    margin-right: 4px;
  }
  .tb-qr-box {
    padding-top: 2px;
  }
  .tb-fake-qr {
    width: 190px;
  }
}

.tb-float-rail {
  position: fixed;
  right: 18px;
  top: 190px;
  z-index: 20;
  display: grid;
  gap: 8px;
}
.tb-float-rail a {
  width: 44px;
  min-height: 44px;
  border: 1px solid #e3d8ff;
  border-radius: 12px;
  background: rgba(255, 255, 255, .92);
  color: #5b21b6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 12px 30px rgba(91, 33, 182, .10);
  backdrop-filter: blur(14px);
}
.tb-float-rail a:hover {
  background: #7c3aed;
  color: #fff;
  border-color: #7c3aed;
}
.tb-side-group-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tb-side-group-title em {
  min-width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #f1ecff;
  color: #7c3aed;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-size: 11px;
}
.tb-tool-hero {
  min-height: 176px;
  border: 1px solid #e5dcff;
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(124, 58, 237, .96), rgba(236, 72, 153, .88)),
    radial-gradient(circle at 80% 10%, rgba(255,255,255,.45), transparent 28%);
  color: #fff;
  padding: 28px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 240px;
  gap: 22px;
  align-items: end;
  box-shadow: 0 22px 58px rgba(91, 33, 182, .20);
}
.tb-tool-hero .tb-kicker {
  color: rgba(255, 255, 255, .78);
}
.tb-tool-hero h2 {
  margin: 8px 0 10px;
  font-size: 36px;
  line-height: 1.1;
}
.tb-tool-hero p {
  margin: 0;
  color: rgba(255, 255, 255, .86);
  font-size: 16px;
  line-height: 1.75;
}
.tb-tool-cost {
  border: 1px solid rgba(255, 255, 255, .42);
  border-radius: 16px;
  background: rgba(255, 255, 255, .16);
  padding: 18px;
  display: grid;
  gap: 5px;
  backdrop-filter: blur(14px);
}
.tb-tool-cost span,
.tb-tool-cost small {
  color: rgba(255, 255, 255, .78);
  font-weight: 850;
}
.tb-tool-cost strong {
  font-size: 28px;
}
.tb-tool-workbench {
  margin-top: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 18px;
  align-items: start;
}
.tb-tool-form-panel,
.tb-tool-side-panel {
  border-radius: 16px;
}
.tb-tool-side-panel {
  position: sticky;
  top: 84px;
  display: grid;
  gap: 16px;
}
.tb-tool-side-block h3 {
  margin: 0 0 12px;
  font-size: 15px;
}
.tb-tool-side-block p {
  margin: 0;
  color: var(--tb-muted);
  line-height: 1.72;
}
.tb-tool-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
.tb-tool-steps li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  color: #344054;
  font-weight: 800;
}
.tb-tool-steps b {
  width: 28px;
  height: 28px;
  border-radius: 10px;
  background: #f1ecff;
  color: #7c3aed;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.tb-tool-empty-state {
  border: 1px dashed #d8cafa;
  border-radius: 16px;
  background: #faf8ff;
  padding: 22px;
  display: grid;
  gap: 10px;
  color: #3f3654;
}
.tb-tool-empty-state.warn {
  background: #fffbeb;
  border-color: #fde68a;
}
.tb-tool-empty-state strong {
  font-size: 18px;
}
.tb-tool-empty-state p {
  margin: 0;
  color: var(--tb-muted);
  line-height: 1.7;
}
.tb-template-flow,
.tb-library-preview,
.tb-canvas-preview {
  border: 1px solid #ebe5fb;
  border-radius: 16px;
  background: linear-gradient(180deg, #fbfaff, #fff);
  padding: 16px;
  margin-bottom: 16px;
}
.tb-template-toolbar,
.tb-canvas-toolbar,
.tb-chip-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.tb-template-toolbar button,
.tb-canvas-toolbar button,
.tb-chip {
  border: 1px solid #e5dcff;
  border-radius: 999px;
  background: #fff;
  color: #5b21b6;
  min-height: 34px;
  padding: 0 12px;
  font-weight: 900;
}
.tb-chip.active,
.tb-template-toolbar button:first-child,
.tb-canvas-toolbar button:first-child {
  background: #7c3aed;
  border-color: #7c3aed;
  color: #fff;
}
.tb-template-cards {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.tb-template-cards article {
  min-height: 112px;
  border: 1px solid #ebe5fb;
  border-radius: 14px;
  background: #fff;
  padding: 14px;
  display: grid;
  align-content: end;
  gap: 6px;
  box-shadow: 0 10px 24px rgba(91, 33, 182, .06);
}
.tb-template-cards strong {
  color: #1f2937;
}
.tb-template-cards span {
  color: var(--tb-muted);
  font-size: 13px;
}
.tb-search-inline {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  margin-bottom: 12px;
}
.tb-search-inline input {
  min-height: 42px;
  border: 1px solid var(--tb-line);
  border-radius: 10px;
  padding: 0 12px;
}
.tb-library-list {
  margin-top: 14px;
  display: grid;
  gap: 10px;
}
.tb-library-list article {
  min-height: 70px;
  border: 1px solid #edf0f6;
  border-radius: 14px;
  background: #fff;
  padding: 10px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: center;
}
.tb-library-list article > span {
  width: 52px;
  height: 52px;
  border-radius: 10px;
  background: linear-gradient(135deg, #ede9fe, #fce7f3);
}
.tb-library-list strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tb-library-list em {
  color: var(--tb-muted);
  font-style: normal;
  font-size: 13px;
}
.tb-library-list button {
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #7c3aed, #ec4899);
  color: #fff;
  min-height: 34px;
  padding: 0 14px;
  font-weight: 900;
}
.tb-canvas-paper {
  min-height: 260px;
  margin-top: 14px;
  border: 1px dashed #d7cdf8;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.98)),
    linear-gradient(135deg, #ede9fe, #fce7f3);
  display: grid;
  place-content: center;
  text-align: center;
  padding: 24px;
}
.tb-canvas-paper h3 {
  margin: 0 0 8px;
  font-size: 28px;
}
.tb-canvas-paper p {
  margin: 0;
  color: var(--tb-muted);
}
.tb-tool-result {
  margin-top: 16px;
}
.tb-tool-result .tb-card-grid {
  grid-template-columns: 1fr;
}

@media (max-width: 1280px) {
  .tb-float-rail {
    display: none;
  }
}

@media (max-width: 1080px) {
  .tb-tool-hero,
  .tb-tool-workbench {
    grid-template-columns: 1fr;
  }
  .tb-tool-side-panel {
    position: static;
  }
}

@media (max-width: 680px) {
  .tb-tool-hero {
    padding: 20px;
  }
  .tb-tool-hero h2 {
    font-size: 28px;
  }
  .tb-template-cards,
  .tb-library-list article {
    grid-template-columns: 1fr;
  }
}

/* 20260715j: compact commercial SaaS polish and interaction states. */
.toolbox-body {
  --tb-app-bg: #f4f6f8;
  --tb-app-surface: #ffffff;
  --tb-app-surface-muted: #f8f9fb;
  --tb-app-ink: #20242d;
  --tb-app-muted: #667085;
  --tb-app-line: #dfe3e8;
  --tb-app-line-strong: #cbd2dc;
  --tb-app-accent: #ef5b4d;
  --tb-app-accent-strong: #d9483c;
  --tb-app-success: #14805e;
  --tb-app-danger: #c4323e;
  --tb-app-focus: rgba(47, 111, 235, .22);
  --tb-app-card-shadow: 0 1px 2px rgba(23, 31, 44, .04), 0 10px 26px rgba(23, 31, 44, .065);
  background: var(--tb-app-bg);
  color: var(--tb-app-ink);
  font-size: 13px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html,
body.toolbox-body {
  max-width: 100%;
  overflow-x: clip;
}

.toolbox-body img,
.toolbox-body video,
.toolbox-body canvas,
.toolbox-body svg {
  max-width: 100%;
}

.toolbox-body .tb-main *,
.toolbox-body .tb-public-main * {
  min-width: 0;
}

.toolbox-body :where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--tb-app-focus);
  outline-offset: 2px;
}

.toolbox-body button {
  min-width: 44px;
  min-height: 44px !important;
  touch-action: manipulation;
}

.toolbox-body input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
.toolbox-body select {
  min-height: 44px !important;
}

.toolbox-body input[type="checkbox"],
.toolbox-body input[type="radio"] {
  width: 18px;
  height: 18px;
  accent-color: var(--tb-app-accent);
}

.toolbox-body label:has(> input[type="checkbox"]),
.toolbox-body label:has(> input[type="radio"]) {
  min-height: 44px;
  align-items: center;
}

.toolbox-body input::placeholder,
.toolbox-body textarea::placeholder {
  color: #8a94a3;
  opacity: 1;
}

.toolbox-body input.is-invalid,
.toolbox-body textarea.is-invalid,
.toolbox-body select.is-invalid,
.toolbox-body .has-error input,
.toolbox-body .has-error textarea,
.toolbox-body .has-error select {
  border-color: var(--tb-app-danger) !important;
  box-shadow: 0 0 0 3px rgba(196, 50, 62, .1) !important;
}

.toolbox-body .tb-btn {
  min-height: 44px;
  border-color: var(--tb-app-line-strong);
  border-radius: 7px;
  background: #fff;
  color: #303846;
  padding: 0 15px;
  font-size: 13px;
  font-weight: 750;
  box-shadow: 0 1px 2px rgba(23, 31, 44, .04);
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.toolbox-body .tb-btn:hover {
  border-color: #aeb7c4;
  background: #f8f9fb;
  box-shadow: 0 5px 14px rgba(23, 31, 44, .08);
  transform: translateY(-1px);
}

.toolbox-body .tb-btn.primary {
  border-color: var(--tb-app-accent);
  background: var(--tb-app-accent);
  color: #fff;
  box-shadow: 0 7px 16px rgba(239, 91, 77, .2);
}

.toolbox-body .tb-btn.primary:hover {
  border-color: var(--tb-app-accent-strong);
  background: var(--tb-app-accent-strong);
}

.toolbox-body .tb-btn.compact {
  min-height: 44px;
  padding: 0 12px;
  font-size: 12px;
}

.toolbox-body button:disabled,
.toolbox-body .tb-btn:disabled,
.toolbox-body .tb-btn[aria-disabled="true"] {
  opacity: .56;
  box-shadow: none;
  transform: none;
}

.toolbox-body form[aria-busy="true"] button[type="submit"] {
  cursor: wait;
}

.toolbox-body form[aria-busy="true"] button[type="submit"]::before {
  content: "";
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: tb-commercial-spin .7s linear infinite;
}

@keyframes tb-commercial-spin {
  to { transform: rotate(360deg); }
}

.toolbox-body .tb-app {
  grid-template-columns: 244px minmax(0, 1fr);
  background: var(--tb-app-bg);
}

.toolbox-body .tb-sidebar {
  gap: 12px;
  padding: 16px 12px 12px;
  border-right-color: var(--tb-app-line);
  background: #fbfcfd;
  box-shadow: 6px 0 18px rgba(23, 31, 44, .035);
}

.toolbox-body .tb-sidebar > .tb-brand {
  min-height: 44px;
  padding: 0 6px;
}

.toolbox-body .tb-brand-mark {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: #252a34;
  box-shadow: 0 5px 12px rgba(23, 31, 44, .16);
}

.toolbox-body .tb-brand-text {
  font-size: 14px;
}

.toolbox-body .tb-brand-text small {
  color: #778190;
  font-size: 10px;
}

.toolbox-body .tb-side-primary {
  gap: 6px;
  padding-top: 10px;
}

.toolbox-body .tb-side-pill {
  min-height: 44px;
  border-color: #e2e5ea;
  background: #fff;
  color: #3b4452;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 750;
}

.toolbox-body .tb-side-pill:hover,
.toolbox-body .tb-side-pill.active {
  border-color: #303640;
  background: #303640;
  color: #fff;
}

.toolbox-body .tb-side-pill em {
  color: currentColor;
  opacity: .55;
}

.toolbox-body .tb-side-nav {
  gap: 5px;
  padding-right: 2px;
  scrollbar-color: #cbd2dc transparent;
  scrollbar-width: thin;
}

.toolbox-body .tb-side-group {
  border-bottom: 1px solid #eceff3;
  padding-bottom: 5px;
}

.toolbox-body .tb-side-group-title {
  min-height: 44px;
  margin: 0;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #394250;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 800;
  list-style: none;
}

.toolbox-body .tb-side-group-title::-webkit-details-marker {
  display: none;
}

.toolbox-body .tb-side-group-title:hover {
  background: #f0f2f5;
}

.toolbox-body .tb-side-group-title em {
  margin-left: auto;
  border: 1px solid #dfe3e8;
  background: #fff;
  color: #7b8492;
}

.toolbox-body .tb-side-group-title::after {
  content: ">";
  margin-left: 7px;
  color: #858e9c;
  font-size: 13px;
  transform: rotate(0deg);
  transition: transform .16s ease;
}

.toolbox-body .tb-side-group[open] > .tb-side-group-title::after {
  transform: rotate(90deg);
}

.toolbox-body .tb-side-nav a,
.toolbox-body .tb-side-hubs > a {
  min-height: 44px;
  border: 1px solid transparent;
  border-radius: 7px;
  color: #525c6a;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 700;
}

.toolbox-body .tb-side-nav a:hover,
.toolbox-body .tb-side-hubs > a:hover {
  border-color: #e1e5ea;
  background: #f1f3f5;
  color: #252b35;
  box-shadow: none;
}

.toolbox-body .tb-side-nav a.active,
.toolbox-body .tb-side-hubs > a.active {
  border-color: #303640;
  background: #303640;
  color: #fff;
  box-shadow: 0 6px 14px rgba(23, 31, 44, .14);
}

.toolbox-body .tb-side-nav a small,
.toolbox-body .tb-side-hubs > a small {
  min-height: 18px;
  border-radius: 5px;
  background: #eef0f3;
  color: #6c7582;
  font-size: 9px;
}

.toolbox-body .tb-side-nav a.active small,
.toolbox-body .tb-side-hubs > a.active small {
  background: rgba(255, 255, 255, .16);
  color: #fff;
}

.toolbox-body .tb-sidebar-foot {
  padding-top: 10px;
}

.toolbox-body .tb-sidebar-profile {
  min-height: 62px;
  border-color: #e1e5ea;
  background: #fff;
  padding: 9px;
  box-shadow: 0 4px 12px rgba(23, 31, 44, .05);
}

.toolbox-body .tb-sidebar-profile > span {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background: #eef1f4;
  color: #303640;
  font-size: 15px;
}

.toolbox-body .tb-sidebar-profile strong {
  font-size: 13px;
}

.toolbox-body .tb-sidebar-profile small {
  margin-top: 2px;
  font-size: 10px;
}

.toolbox-body .tb-main {
  padding: 14px 18px 24px;
}

.toolbox-body .tb-topbar {
  min-height: 60px;
  top: 8px;
  margin-bottom: 14px;
  border-color: var(--tb-app-line);
  background: rgba(255, 255, 255, .94);
  padding: 7px 10px 7px 14px;
  box-shadow: 0 5px 16px rgba(23, 31, 44, .045);
}

.toolbox-body .tb-topbar h1 {
  overflow: hidden;
  margin: 0;
  color: #252b35;
  font-size: 18px;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-userbar {
  font-size: 12px;
}

.toolbox-body .tb-main h2 {
  font-size: 24px;
  line-height: 1.3;
}

.toolbox-body .tb-main h3 {
  font-size: 16px;
  line-height: 1.35;
}

.toolbox-body .tb-main-tool p,
.toolbox-body .tb-main-tool li,
.toolbox-body .tb-main-tool label,
.toolbox-body .tb-main-tool output {
  font-size: 12px !important;
}

.toolbox-body .tb-main-tool small,
.toolbox-body .tb-main-tool em {
  font-size: 11px !important;
}

.toolbox-body .tb-panel,
.toolbox-body .tb-card,
.toolbox-body .tb-tool-form-panel,
.toolbox-body .tb-special-tool-panel,
.toolbox-body .tb-tool-hub > header,
.toolbox-body .tb-tool-hub-toolbar {
  border-color: var(--tb-app-line);
  border-radius: 8px;
  background-color: var(--tb-app-surface);
  box-shadow: var(--tb-app-card-shadow);
}

.toolbox-body .tb-panel,
.toolbox-body .tb-tool-form-panel,
.toolbox-body .tb-special-tool-panel {
  padding: 16px;
}

.toolbox-body .tb-field,
.toolbox-body form > label,
.toolbox-body fieldset > label {
  color: #344054;
}

.toolbox-body .tb-field label,
.toolbox-body form > label > span,
.toolbox-body fieldset > legend {
  color: #344054;
  font-size: 12px;
  font-weight: 750;
}

.toolbox-body .tb-field input,
.toolbox-body .tb-field textarea,
.toolbox-body .tb-field select,
.toolbox-body .tb-main-tool input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
.toolbox-body .tb-main-tool textarea,
.toolbox-body .tb-main-tool select {
  border-color: var(--tb-app-line-strong);
  border-radius: 7px;
  background: #fff;
  color: #252b35;
  padding: 10px 12px;
  font-size: 13px;
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.toolbox-body .tb-field input:hover,
.toolbox-body .tb-field textarea:hover,
.toolbox-body .tb-field select:hover,
.toolbox-body .tb-main-tool input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):hover,
.toolbox-body .tb-main-tool textarea:hover,
.toolbox-body .tb-main-tool select:hover {
  border-color: #aeb7c4;
}

.toolbox-body .tb-field input:focus,
.toolbox-body .tb-field textarea:focus,
.toolbox-body .tb-field select:focus,
.toolbox-body .tb-main-tool input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):focus,
.toolbox-body .tb-main-tool textarea:focus,
.toolbox-body .tb-main-tool select:focus {
  border-color: #3777df;
  outline: 0;
  box-shadow: 0 0 0 3px var(--tb-app-focus);
}

.toolbox-body .tb-upload-drop,
.toolbox-body .tb-upload-box,
.toolbox-body .tb-ref-uploader {
  min-height: 168px;
  border: 1px dashed #aeb8c5;
  border-radius: 8px;
  background: #f9fafb;
  padding: 18px;
  box-shadow: none;
}

.toolbox-body .tb-upload-drop:hover,
.toolbox-body .tb-upload-drop:focus-within,
.toolbox-body .tb-upload-drop.is-dragging {
  border-color: #3777df;
  background: #f4f7fd;
  box-shadow: 0 0 0 3px var(--tb-app-focus);
  transform: none;
}

.toolbox-body .tb-upload-drop.has-files {
  border-style: solid;
  border-color: #73b49b;
  background: #f2f8f5;
}

.toolbox-body .tb-upload-mark {
  width: 46px;
  height: 46px;
  border-radius: 8px;
  background: #303640;
  box-shadow: 0 6px 14px rgba(23, 31, 44, .14);
}

.toolbox-body .tb-ref-uploader strong,
.toolbox-body .tb-upload-drop strong {
  color: #2d3440;
  font-size: 14px;
}

.toolbox-body .tb-upload-file-text {
  color: #596474;
  font-size: 12px;
}

.toolbox-body .tb-upload-hint {
  max-width: 420px;
  color: #747e8d;
  font-size: 11px;
}

.toolbox-body .tb-upload-button {
  min-height: 36px;
  border: 1px solid #cbd2dc;
  border-radius: 7px;
  background: #fff;
  color: #3a4350;
  padding: 0 13px;
  font-size: 12px;
  box-shadow: 0 1px 2px rgba(23, 31, 44, .04);
}

.toolbox-body .tb-empty,
.toolbox-body .tb-tool-empty-state,
.toolbox-body .tb-image-result-empty,
.toolbox-body .tb-product-talk-empty,
.toolbox-body .tb-ai-video-empty,
.toolbox-body .tb-ecom-chat-empty,
.toolbox-body .tb-replicate-state {
  min-height: 132px;
  border: 1px dashed #bdc5d0;
  border-radius: 8px;
  background: #f8f9fb;
  color: #6c7685;
  padding: 24px 18px;
  line-height: 1.7;
}

.toolbox-body .tb-status {
  overflow-wrap: anywhere;
  color: #5f6978;
  font-size: 12px;
  line-height: 1.55;
}

.toolbox-body .tb-status:empty {
  display: none;
}

.toolbox-body .tb-status:not(:empty) {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #dce1e7;
  border-radius: 7px;
  background: #f8f9fb;
  padding: 7px 10px;
}

.toolbox-body .tb-status.ok:not(:empty) {
  border-color: #b9decf;
  background: #f1f8f5;
  color: var(--tb-app-success);
}

.toolbox-body .tb-status.error:not(:empty) {
  border-color: #efc4c8;
  background: #fff5f5;
  color: var(--tb-app-danger);
}

.toolbox-body .tb-table-wrap {
  border-color: var(--tb-app-line);
  box-shadow: 0 1px 2px rgba(23, 31, 44, .03);
}

.toolbox-body .tb-table th,
.toolbox-body .tb-table td {
  padding: 11px 12px;
  font-size: 12px;
}

.toolbox-body .tb-table th {
  background: #f3f5f7;
  color: #46505e;
}

.toolbox-body .tb-tool-hub {
  padding: 14px 16px 22px;
}

.toolbox-body .tb-tool-hub > header {
  min-height: 116px;
  padding: 20px 22px;
  background: linear-gradient(118deg, #fff 0%, #f5f7f9 62%, #fff4f1 100%);
}

.toolbox-body .tb-tool-hub > header > div > span,
.toolbox-body .tb-tool-hub > header li span,
.toolbox-body .tb-tool-hub-toolbar nav button,
.toolbox-body .tb-tool-hub-toolbar output,
.toolbox-body .tb-tool-hub-grid > a small {
  font-size: 11px;
}

.toolbox-body .tb-tool-hub > header h2 {
  font-size: 24px;
}

.toolbox-body .tb-tool-hub > header p,
.toolbox-body .tb-tool-hub-grid > a p {
  font-size: 12px;
}

.toolbox-body .tb-tool-hub-toolbar {
  min-height: 64px;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) auto;
  padding: 9px 10px;
}

.toolbox-body .tb-tool-hub-toolbar > label {
  min-height: 44px;
  grid-template-columns: 32px minmax(0, 1fr) 44px;
  background: #f8f9fb;
}

.toolbox-body .tb-tool-hub-toolbar input {
  height: 42px;
  font-size: 12px;
}

.toolbox-body .tb-tool-hub-toolbar label button {
  width: 44px;
  height: 44px;
}

.toolbox-body .tb-tool-hub-toolbar nav button {
  min-height: 44px;
  border-radius: 7px;
  padding: 0 12px;
}

.toolbox-body .tb-tool-hub-toolbar nav button.active {
  border-color: #303640;
  background: #303640;
  color: #fff;
}

.toolbox-body .tb-tool-hub-grid {
  gap: 12px;
}

.toolbox-body .tb-tool-hub-grid > a {
  min-height: 136px;
  border-color: var(--tb-app-line);
  padding: 15px;
  box-shadow: 0 2px 8px rgba(23, 31, 44, .045);
}

.toolbox-body .tb-tool-hub-grid > a:hover {
  border-color: #aeb7c4;
  box-shadow: var(--tb-app-card-shadow);
}

.toolbox-body .tb-tool-hub-grid > a > span {
  background: #eef1f4;
  color: #303640;
}

.toolbox-body .tb-tool-hub-grid > a > em {
  top: 10px;
  right: 10px;
  border: 1px solid #e0e4e9;
  background: #f5f6f8;
  color: #626c7a;
  font-size: 10px;
}

.toolbox-body .tb-media-downloader {
  gap: 16px;
}

.toolbox-body .tb-media-downloader-head {
  padding: 24px 26px;
  background: linear-gradient(118deg, #242a33, #303842);
  box-shadow: 0 10px 24px rgba(23, 31, 44, .14);
}

.toolbox-body .tb-media-downloader-head h2 {
  font-size: 25px;
}

.toolbox-body .tb-media-downloader-head p {
  color: #d4d9df;
  font-size: 12px;
}

.toolbox-body .tb-media-platforms span {
  min-height: 36px;
  border-color: var(--tb-app-line);
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(23, 31, 44, .03);
  font-size: 12px;
}

.toolbox-body .tb-media-download-form textarea {
  min-height: 156px;
  border-color: var(--tb-app-line-strong);
  background: #fbfcfd;
  font-size: 13px;
}

.toolbox-body .tb-media-downloader.has-link .tb-media-download-form textarea {
  border-color: #73b49b;
  background: #fbfefc;
}

.toolbox-body .tb-media-downloader.has-input-error .tb-media-download-form textarea {
  border-color: #df8e95;
  background: #fffafa;
}

.toolbox-body .tb-media-downloader.has-link [data-media-share-hint] {
  color: var(--tb-app-success);
}

.toolbox-body .tb-media-downloader.has-input-error [data-media-share-hint] {
  color: var(--tb-app-danger);
}

.toolbox-body .tb-media-download-boundary {
  border: 1px solid #dbe5df;
  border-left: 3px solid var(--tb-app-success);
  border-radius: 7px;
  background: #f3f8f5;
}

.toolbox-body .tb-media-download-card {
  border-color: var(--tb-app-line);
  box-shadow: 0 3px 10px rgba(23, 31, 44, .05);
}

@media (max-width: 1180px) {
  .toolbox-body .tb-app {
    grid-template-columns: 226px minmax(0, 1fr);
  }

  .toolbox-body .tb-sidebar {
    padding-inline: 10px;
  }

  .toolbox-body .tb-tool-hub-toolbar {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .toolbox-body .tb-tool-hub-toolbar output {
    display: none;
  }
}

@media (max-width: 900px) {
  .toolbox-body .tb-app {
    grid-template-columns: 208px minmax(0, 1fr);
  }

  .toolbox-body .tb-main {
    padding-inline: 12px;
  }

  .toolbox-body .tb-tool-hub-grid,
  .toolbox-body .tb-card-grid,
  .toolbox-body .tb-grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .toolbox-body .tb-app {
    display: block;
  }

  .toolbox-body .tb-sidebar {
    position: relative;
    top: auto;
    width: 100%;
    height: auto;
    max-height: none;
    padding: 10px;
    border-right: 0;
    border-bottom: 1px solid var(--tb-app-line);
    box-shadow: none;
  }

  .toolbox-body .tb-sidebar > .tb-brand {
    padding: 0 2px;
  }

  .toolbox-body .tb-side-primary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .toolbox-body .tb-side-nav {
    display: grid;
    gap: 5px;
  }

  .toolbox-body .tb-side-hubs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .toolbox-body .tb-side-hubs > a {
    min-height: 48px;
  }

  .toolbox-body .tb-main {
    padding: 8px 10px 20px;
  }

  .toolbox-body .tb-topbar {
    top: 0;
    min-height: 56px;
    margin-bottom: 10px;
    border-radius: 0 0 8px 8px;
  }

  .toolbox-body .tb-topbar h1 {
    font-size: 16px;
  }

  .toolbox-body .tb-userbar > span {
    display: none;
  }

  .toolbox-body .tb-main h2,
  .toolbox-body .tb-tool-hub > header h2,
  .toolbox-body .tb-media-downloader-head h2 {
    font-size: 20px;
  }

  .toolbox-body .tb-panel,
  .toolbox-body .tb-tool-form-panel,
  .toolbox-body .tb-special-tool-panel {
    padding: 12px;
  }

  .toolbox-body .tb-tool-hub {
    padding: 10px 0 18px;
  }

  .toolbox-body .tb-tool-hub > header,
  .toolbox-body .tb-media-downloader-head {
    padding: 17px;
  }

  .toolbox-body .tb-tool-hub-toolbar {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .toolbox-body .tb-tool-hub-toolbar nav {
    padding-bottom: 2px;
  }

  .toolbox-body .tb-tool-hub-grid,
  .toolbox-body .tb-card-grid,
  .toolbox-body .tb-grid-2,
  .toolbox-body .tb-grid-3,
  .toolbox-body .tb-grid-4,
  .toolbox-body .tb-form-grid,
  .toolbox-body .tb-status-grid {
    grid-template-columns: 1fr;
  }

  .toolbox-body .tb-media-download-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .toolbox-body .tb-media-download-actions .tb-btn,
  .toolbox-body .tb-form-actions .tb-btn {
    width: 100%;
  }

  .toolbox-body .tb-table {
    min-width: 680px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .toolbox-body *,
  .toolbox-body *::before,
  .toolbox-body *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* 20260715i: independent public-media downloader. */
.toolbox-body .tb-media-downloader {
  display: grid;
  gap: 18px;
  width: min(1080px, 100%);
  margin: 0 auto;
  color: #20242a;
}

.toolbox-body .tb-media-downloader-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 24px;
  padding: 26px 28px;
  border-radius: 8px;
  background: #20242a;
  color: #fff;
}

.toolbox-body .tb-media-downloader-head > div > span {
  display: block;
  margin-bottom: 8px;
  color: #9fe0bd;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
}

.toolbox-body .tb-media-downloader-head h2 {
  margin: 0;
  color: #fff;
  font-size: 28px;
  line-height: 1.25;
  letter-spacing: 0;
}

.toolbox-body .tb-media-downloader-head p {
  max-width: 700px;
  margin: 10px 0 0;
  color: #c9ced4;
  line-height: 1.75;
}

.toolbox-body .tb-media-downloader-head > strong {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #9fe0bd;
  white-space: nowrap;
}

.toolbox-body .tb-media-platforms {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.toolbox-body .tb-media-platforms span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 6px 11px;
  border: 1px solid #dfe3e7;
  border-radius: 6px;
  background: #fff;
  color: #4b525b;
  font-size: 13px;
  font-weight: 700;
}

.toolbox-body .tb-media-platforms i {
  color: #ef5b4d;
}

.toolbox-body .tb-media-download-form {
  display: grid;
  gap: 10px;
}

.toolbox-body .tb-media-download-form > label {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.toolbox-body .tb-media-download-form > label span {
  font-size: 15px;
  font-weight: 800;
}

.toolbox-body .tb-media-download-form > label small {
  color: #747c86;
}

.toolbox-body .tb-media-download-form textarea {
  width: 100%;
  min-height: 150px;
  resize: vertical;
  border: 1px solid #cfd5db;
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  color: #20242a;
  font: inherit;
  line-height: 1.7;
}

.toolbox-body .tb-media-download-form textarea:focus {
  outline: 3px solid rgba(26, 133, 83, 0.15);
  border-color: #1a8553;
}

.toolbox-body .tb-media-download-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.toolbox-body .tb-media-download-actions .tb-status {
  flex: 1 1 260px;
  min-width: 0;
}

.toolbox-body .tb-media-download-boundary {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border-left: 3px solid #1a8553;
  background: #f3f8f5;
  color: #56605a;
}

.toolbox-body .tb-media-download-boundary p {
  margin: 0;
  line-height: 1.65;
}

.toolbox-body .tb-media-download-result:empty {
  display: none;
}

.toolbox-body .tb-media-download-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 18px 0;
  border-top: 1px solid #e1e5e9;
}

.toolbox-body .tb-media-download-summary span {
  color: #1a8553;
  font-size: 12px;
  font-weight: 800;
}

.toolbox-body .tb-media-download-summary h3 {
  margin: 5px 0;
  font-size: 20px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-media-download-summary p {
  margin: 0;
  color: #747c86;
}

.toolbox-body .tb-media-download-summary > strong {
  color: #1a8553;
  white-space: nowrap;
}

.toolbox-body .tb-media-download-notices {
  display: grid;
  gap: 6px;
  margin-bottom: 14px;
  padding: 11px 13px;
  border: 1px solid #f0d6a5;
  border-radius: 6px;
  background: #fff9ec;
  color: #76561d;
}

.toolbox-body .tb-media-download-notices p {
  margin: 0;
}

.toolbox-body .tb-media-download-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.toolbox-body .tb-media-download-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dfe3e7;
  border-radius: 8px;
  background: #fff;
}

.toolbox-body .tb-media-download-preview {
  display: grid;
  place-items: center;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #edf0f2;
}

.toolbox-body .tb-media-download-preview img,
.toolbox-body .tb-media-download-preview video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.toolbox-body .tb-media-download-preview video {
  display: block;
  background: #101216;
}

.toolbox-body .tb-media-remote-video {
  display: grid;
  place-items: center;
  gap: 7px;
  color: #4e5660;
}

.toolbox-body .tb-media-remote-video i {
  color: #ef5b4d;
  font-size: 38px;
}

.toolbox-body .tb-media-remote-video span {
  color: #747c86;
  font-size: 12px;
}

.toolbox-body .tb-media-download-card footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px;
}

.toolbox-body .tb-media-download-card footer > div {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.toolbox-body .tb-media-download-card footer strong,
.toolbox-body .tb-media-download-card footer span {
  overflow-wrap: anywhere;
}

.toolbox-body .tb-media-download-card footer span {
  color: #747c86;
  font-size: 12px;
}

.toolbox-body .tb-media-download-card footer .tb-btn {
  flex: 0 0 auto;
}

@media (max-width: 900px) {
  .toolbox-body .tb-media-download-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .toolbox-body .tb-media-downloader-head,
  .toolbox-body .tb-media-download-summary {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }
  .toolbox-body .tb-media-downloader-head {
    padding: 20px;
  }
  .toolbox-body .tb-media-downloader-head h2 {
    font-size: 23px;
  }
  .toolbox-body .tb-media-download-form > label {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
  .toolbox-body .tb-media-download-actions .tb-btn {
    width: 100%;
    min-height: 44px;
  }
  .toolbox-body .tb-media-download-actions .tb-status {
    flex-basis: 100%;
  }
  .toolbox-body .tb-media-download-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .toolbox-body .tb-media-download-card footer {
    align-items: stretch;
    flex-direction: column;
  }
  .toolbox-body .tb-media-download-card footer .tb-btn {
    width: 100%;
  }
}

@media (max-width: 1080px) {
  .tb-account-hero {
    grid-template-columns: 64px minmax(0, 1fr);
  }
  .tb-account-metrics {
    grid-column: 1 / -1;
  }
  .tb-account-package-grid,
  .tb-agent-stats,
  .tb-agent-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tb-title-toolbar form {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px) {
  .tb-account-section-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .tb-service-card,
  .tb-coupon-layout {
    grid-template-columns: 1fr;
  }
  .tb-account-stat-row,
  .tb-account-package-grid,
  .tb-agent-stats,
  .tb-agent-actions {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .tb-account-hero {
    grid-template-columns: 1fr;
    padding: 16px;
  }
  .tb-account-metrics {
    grid-template-columns: 1fr;
  }
  .tb-account-tabs {
    padding: 6px;
  }
  .tb-title-list article,
  .tb-template-list article,
  .tb-coupon-redeem div,
  .tb-promo-box {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (max-width: 680px) {
  .toolbox-body .tb-app {
    display: block;
  }
  .toolbox-body .tb-sidebar {
    position: sticky;
    top: 0;
    z-index: 40;
    height: auto;
    padding: 10px 12px;
    gap: 8px;
    border-right: 0;
    border-bottom: 1px solid #edf0f6;
    box-shadow: 0 12px 28px rgba(30, 41, 59, .08);
  }
  .toolbox-body .tb-sidebar .tb-brand {
    margin: 0;
  }
  .toolbox-body .tb-side-primary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding-top: 8px;
    border-top: 0;
  }
  .toolbox-body .tb-side-pill {
    min-height: 40px;
    grid-template-columns: minmax(0, 1fr) 14px;
    padding: 0 10px;
    font-size: 13px;
  }
  .toolbox-body .tb-side-pill i {
    display: none;
  }
  .toolbox-body .tb-side-nav,
  .toolbox-body .tb-sidebar-foot,
  .toolbox-body .tb-float-rail {
    display: none;
  }
  .toolbox-body .tb-side-primary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .toolbox-body .tb-side-pill {
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 0 12px;
  }
  .toolbox-body .tb-side-pill span {
    min-width: 0;
    white-space: nowrap;
    writing-mode: horizontal-tb;
  }
  .toolbox-body .tb-main {
    padding: 12px;
  }
  .toolbox-body .tb-topbar {
    display: none;
  }
  .toolbox-body .tb-inspire-head {
    padding: 6px 0 16px;
  }
  .toolbox-body .tb-inspire-stage {
    width: 100%;
    margin-bottom: 12px;
  }
  .toolbox-body .tb-inspire-head h2 {
    font-size: 32px;
    line-height: 1.14;
  }
  .toolbox-body .tb-inspire-head p {
    font-size: 15px;
  }
  .toolbox-body .tb-tipbar {
    grid-template-columns: 1fr;
    padding: 12px;
  }
  .toolbox-body .tb-studio-card {
    padding: 16px;
  }
  .toolbox-body .tb-studio-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .toolbox-body .tb-source-modes {
    gap: 10px;
  }
}

/* Logged-in toolbox density pass */
.toolbox-body .tb-app {
  grid-template-columns: 240px minmax(0, 1fr);
  font-size: 13px;
}
.toolbox-body .tb-sidebar {
  padding: 18px 12px 14px;
  gap: 12px;
}
.toolbox-body .tb-brand-text {
  font-size: 16px;
}
.toolbox-body .tb-brand-text small {
  font-size: 10px;
}
.toolbox-body .tb-side-primary {
  gap: 6px;
}
.toolbox-body .tb-side-pill {
  min-height: 36px;
  grid-template-columns: 22px minmax(0, 1fr) 12px;
  padding: 0 10px;
  font-size: 13px;
}
.toolbox-body .tb-side-pill em {
  font-size: 16px;
}
.toolbox-body .tb-side-nav {
  gap: 6px;
}
.toolbox-body .tb-side-group {
  display: grid;
  gap: 4px;
}
.toolbox-body .tb-side-group + .tb-side-group {
  margin-top: 5px;
}
.toolbox-body .tb-side-group-title {
  min-height: 34px;
  margin: 0 0 3px;
  padding: 0 10px;
  cursor: pointer;
  user-select: none;
  list-style: none;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 12px;
  gap: 7px;
  align-items: center;
  font-size: 12px;
}
.toolbox-body .tb-side-group-title::-webkit-details-marker {
  display: none;
}
.toolbox-body .tb-side-group-title::after {
  content: "⌄";
  color: #7c3aed;
  font-size: 13px;
  line-height: 1;
  transform: rotate(0deg);
  transition: transform .16s ease;
}
.toolbox-body .tb-side-group:not([open]) .tb-side-group-title::after {
  transform: rotate(-90deg);
}
.toolbox-body .tb-side-group-title em {
  min-width: 20px;
  height: 18px;
  padding: 0 6px;
  font-size: 10px;
}
.toolbox-body .tb-side-nav a {
  min-height: 32px;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  gap: 7px;
  padding: 0 10px;
  font-size: 12px;
}
.toolbox-body .tb-side-nav i {
  font-size: 14px;
}
.toolbox-body .tb-side-nav a small {
  min-width: 18px;
  min-height: 16px;
  padding: 0 5px;
  font-size: 10px;
  border-radius: 999px;
}
.toolbox-body .tb-sidebar-profile {
  min-height: 52px;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  padding: 9px;
}
.toolbox-body .tb-sidebar-profile > span {
  width: 34px;
  height: 34px;
  font-size: 15px;
}
.toolbox-body .tb-sidebar-profile strong {
  font-size: 13px;
}
.toolbox-body .tb-main {
  padding: 14px 18px 24px;
}
.toolbox-body .tb-topbar {
  min-height: 48px;
  padding: 7px 11px;
  margin-bottom: 12px;
}
.toolbox-body .tb-topbar h1 {
  font-size: 18px;
}
.toolbox-body .tb-btn {
  min-height: 34px;
  padding: 0 12px;
  font-size: 12px;
}
.toolbox-body .tb-btn.compact {
  min-height: 28px;
  padding: 0 8px;
  font-size: 12px;
}
.toolbox-body .tb-panel,
.toolbox-body .tb-account-panel,
.toolbox-body .tb-studio-card {
  padding: 13px;
  margin-bottom: 12px;
}
.toolbox-body .tb-panel h3,
.toolbox-body .tb-panel-head h3 {
  font-size: 17px;
}
.toolbox-body .tb-page-head h2,
.toolbox-body .tb-inspire-head h2 {
  font-size: 34px;
}
.toolbox-body .tb-page-head p,
.toolbox-body .tb-inspire-head p,
.toolbox-body .tb-account-section-head p {
  font-size: 13px;
}
.toolbox-body .tb-account-hero {
  grid-template-columns: 58px minmax(0, 1fr) minmax(300px, .76fr);
  gap: 12px;
  padding: 14px;
  margin-bottom: 11px;
}
.toolbox-body .tb-account-avatar {
  width: 50px;
  height: 50px;
  font-size: 22px;
}
.toolbox-body .tb-account-profile h2 {
  font-size: 20px;
}
.toolbox-body .tb-account-profile p {
  font-size: 12px;
}
.toolbox-body .tb-account-badges span {
  min-height: 20px;
  padding: 0 8px;
  font-size: 10px;
}
.toolbox-body .tb-account-metrics {
  gap: 7px;
}
.toolbox-body .tb-account-metrics div,
.toolbox-body .tb-account-stat-row div {
  padding: 9px;
}
.toolbox-body .tb-account-metrics strong,
.toolbox-body .tb-account-stat-row strong {
  margin-top: 6px;
  font-size: 18px;
}
.toolbox-body .tb-account-tabs {
  padding: 7px;
  gap: 5px;
  margin-bottom: 11px;
}
.toolbox-body .tb-account-tabs a {
  min-height: 31px;
  padding: 0 10px;
  font-size: 12px;
}
.toolbox-body .tb-account-section-head {
  gap: 10px;
  margin-bottom: 10px;
}
.toolbox-body .tb-account-section-head h3 {
  font-size: 17px;
}
.toolbox-body .tb-account-stat-row,
.toolbox-body .tb-account-package-grid {
  gap: 9px;
}
.toolbox-body .tb-account-package {
  padding: 10px;
  gap: 7px;
}
.toolbox-body .tb-account-package h4 {
  font-size: 14px;
}
.toolbox-body .tb-account-package strong {
  font-size: 20px;
}
.toolbox-body .tb-account-package ul {
  font-size: 12px;
  line-height: 1.5;
}
.toolbox-body .tb-table {
  font-size: 12px;
}
.toolbox-body .tb-table th,
.toolbox-body .tb-table td {
  padding: 8px 9px;
}
.toolbox-body .tb-field label,
.toolbox-body .tb-help,
.toolbox-body .tb-status {
  font-size: 12px;
}
.toolbox-body .tb-field input,
.toolbox-body .tb-field textarea,
.toolbox-body .tb-field select {
  min-height: 38px;
  padding: 9px 10px;
  font-size: 13px;
}

@media (max-width: 1080px) {
  .toolbox-body .tb-account-hero {
    grid-template-columns: 56px minmax(0, 1fr);
  }
}

@media (max-width: 860px) {
  .toolbox-body .tb-app {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .toolbox-body .tb-app {
    display: block;
    font-size: 13px;
  }
  .toolbox-body .tb-sidebar {
    position: sticky;
    top: 0;
    z-index: 40;
    height: auto;
    padding: 10px 12px;
    gap: 8px;
    border-right: 0;
    border-bottom: 1px solid #edf0f6;
    box-shadow: 0 12px 28px rgba(30, 41, 59, .08);
  }
  .toolbox-body .tb-side-nav,
  .toolbox-body .tb-sidebar-foot,
  .toolbox-body .tb-float-rail {
    display: none;
  }
  .toolbox-body .tb-main {
    padding: 12px;
  }
  .toolbox-body .tb-topbar {
    display: none;
  }
  .toolbox-body .tb-panel,
  .toolbox-body .tb-account-panel,
  .toolbox-body .tb-studio-card {
    padding: 14px;
  }
}

/* Commercial workflow polish */
.toolbox-body .tb-yiju-head,
.toolbox-body .tb-tool-hero {
  background: linear-gradient(135deg, #ffffff 0%, #f6faf8 52%, #fff7ed 100%);
  border: 1px solid rgba(17, 24, 39, .08);
  border-radius: 18px;
  padding: 18px 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  box-shadow: 0 14px 38px rgba(15, 23, 42, .06);
}
.toolbox-body .tb-yiju-head h2,
.toolbox-body .tb-tool-hero h2 {
  font-size: 24px;
  line-height: 1.2;
  margin: 4px 0 6px;
  letter-spacing: 0;
}
.toolbox-body .tb-yiju-head p,
.toolbox-body .tb-tool-hero p {
  font-size: 13px;
  color: #667085;
  margin: 0;
}
.toolbox-body .tb-cost-stack {
  display: grid;
  gap: 8px;
  min-width: 210px;
}
.toolbox-body .tb-cost-stack span {
  border: 1px solid rgba(15, 23, 42, .08);
  background: rgba(255, 255, 255, .78);
  border-radius: 10px;
  padding: 8px 11px;
  font-size: 12px;
  font-weight: 700;
  color: #1f2937;
}
.toolbox-body .tb-yiju-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 14px;
  margin-top: 14px;
}
.toolbox-body .tb-yiju-card,
.toolbox-body .tb-yiju-side,
.toolbox-body .tb-content-result {
  border-radius: 16px;
  border-color: rgba(17, 24, 39, .08);
  box-shadow: 0 12px 32px rgba(15, 23, 42, .05);
}
.toolbox-body .tb-yiju-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}
.toolbox-body .tb-yiju-tabs label {
  cursor: pointer;
}
.toolbox-body .tb-yiju-tabs input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.toolbox-body .tb-yiju-tabs span {
  display: grid;
  gap: 3px;
  border: 1px solid rgba(15, 23, 42, .10);
  background: #fff;
  border-radius: 12px;
  padding: 12px;
  min-height: 66px;
  transition: .18s ease;
}
.toolbox-body .tb-yiju-tabs b {
  font-size: 14px;
  color: #101828;
}
.toolbox-body .tb-yiju-tabs em {
  font-style: normal;
  font-size: 12px;
  color: #667085;
}
.toolbox-body .tb-yiju-tabs input:checked + span {
  border-color: #16a34a;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, .11);
  background: #f7fef9;
}
.toolbox-body .tb-main-prompt {
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 14px;
  background: #fff;
  overflow: hidden;
}
.toolbox-body .tb-main-prompt textarea {
  border: 0;
  border-radius: 0;
  min-height: 164px;
  resize: vertical;
  font-size: 14px;
}
.toolbox-body .tb-prompt-tools {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  align-items: center;
  padding: 8px 10px;
  border-top: 1px solid rgba(15, 23, 42, .08);
  background: #fafafa;
}
.toolbox-body .tb-prompt-tools span {
  margin-right: auto;
  color: #98a2b3;
  font-size: 12px;
}
.toolbox-body .tb-prompt-tools button,
.toolbox-body .tb-prompt-tools a,
.toolbox-body .tb-yiju-quickbar a {
  border: 1px solid rgba(15, 23, 42, .10);
  background: #fff;
  color: #344054;
  border-radius: 9px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}
.toolbox-body .tb-yiju-quickbar {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 12px 0;
  flex-wrap: wrap;
}
.toolbox-body .tb-yiju-quickbar select {
  width: auto;
  min-width: 132px;
  padding: 8px 10px;
  font-size: 12px;
}
.toolbox-body .tb-tool-mode-panel {
  display: none;
  margin: 10px 0 12px;
}
.toolbox-body .tb-tool-mode-panel.active {
  display: block;
}
.toolbox-body .tb-mode-note {
  border: 1px dashed rgba(22, 163, 74, .28);
  background: #f6fff8;
  border-radius: 12px;
  padding: 12px;
  display: grid;
  gap: 4px;
}
.toolbox-body .tb-mode-note strong {
  font-size: 13px;
  color: #166534;
}
.toolbox-body .tb-mode-note span {
  font-size: 12px;
  color: #667085;
}
.toolbox-body .tb-yiju-tips {
  margin-top: 12px;
  display: grid;
  gap: 8px;
  color: #667085;
  font-size: 12px;
}
.toolbox-body .tb-yiju-tips strong {
  color: #101828;
  font-size: 13px;
}
.toolbox-body [data-yiju-submit] {
  display: inline-grid;
  grid-auto-flow: column;
  align-items: center;
  gap: 7px;
}
.toolbox-body [data-yiju-submit] small {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .22);
  font-size: 11px;
}
.toolbox-body .tb-member-gate {
  min-height: 320px;
  display: grid;
  place-items: center;
  text-align: center;
  gap: 10px;
  padding: 36px 20px;
}
.toolbox-body .tb-member-gate span {
  color: #b45309;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 800;
}
.toolbox-body .tb-member-gate strong {
  font-size: 22px;
  color: #101828;
}
.toolbox-body .tb-member-gate p {
  max-width: 520px;
  color: #667085;
  margin: 0;
  font-size: 13px;
}
.toolbox-body .tb-discover-workbench {
  display: grid;
  gap: 12px;
}
.toolbox-body .tb-discover-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}
.toolbox-body .tb-discover-search input {
  height: 42px;
  font-size: 14px;
}
.toolbox-body .tb-filter-line {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  font-size: 12px;
}
.toolbox-body .tb-filter-line strong {
  color: #344054;
  line-height: 28px;
}
.toolbox-body .tb-filter-line > div {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}
.toolbox-body .tb-filter-pill,
.toolbox-body .tb-chip {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, .10);
  color: #475467;
  background: #fff;
  text-decoration: none;
  font-size: 12px;
}
.toolbox-body .tb-filter-pill.active,
.toolbox-body .tb-chip.active {
  border-color: #16a34a;
  color: #166534;
  background: #f0fdf4;
}
.toolbox-body .tb-discover-table .tb-table th,
.toolbox-body .tb-discover-table .tb-table td {
  font-size: 12px;
  vertical-align: middle;
}
.toolbox-body .tb-note-cell {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 280px;
}
.toolbox-body .tb-note-cell > span {
  width: 44px;
  height: 58px;
  border-radius: 8px;
  background: linear-gradient(145deg, #dcfce7, #ffedd5);
  border: 1px solid rgba(15, 23, 42, .08);
}
.toolbox-body .tb-note-cell strong {
  display: block;
  color: #101828;
  font-size: 13px;
  margin-bottom: 4px;
}
.toolbox-body .tb-note-cell p {
  margin: 0;
  color: #667085;
  font-size: 12px;
  line-height: 1.45;
}
.toolbox-body .tb-mode-link {
  text-decoration: none;
  color: inherit;
}
.toolbox-body .tb-mode-link span {
  grid-column: 1 / -1;
}
.toolbox-body .tb-account-package {
  position: relative;
}
.toolbox-body .tb-account-package.recommended {
  border-color: rgba(22, 163, 74, .38);
  box-shadow: 0 14px 34px rgba(22, 163, 74, .10);
}
.toolbox-body .tb-account-package > em {
  position: absolute;
  top: 12px;
  right: 12px;
  font-style: normal;
  border-radius: 999px;
  background: #16a34a;
  color: #fff;
  font-size: 11px;
  padding: 4px 8px;
}
.toolbox-body .tb-member-price {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.toolbox-body .tb-member-price strong {
  color: #101828;
  font-size: 28px;
}
.toolbox-body .tb-member-price del {
  color: #98a2b3;
  font-size: 12px;
}
.toolbox-body .tb-agree-line {
  display: block;
  font-size: 12px;
  color: #667085;
  margin: 10px 0;
  line-height: 1.55;
}
.toolbox-body .tb-agree-line a {
  color: #16a34a;
  text-decoration: none;
}
@media (max-width: 1080px) {
  .toolbox-body .tb-yiju-layout,
  .toolbox-body .tb-yiju-head,
  .toolbox-body .tb-tool-hero {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  .toolbox-body .tb-yiju-tabs,
  .toolbox-body .tb-discover-search,
  .toolbox-body .tb-filter-line {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-cost-stack {
    min-width: 0;
  }
}

/* 2026-07-15: page-specific parity layer for the remaining high-difference tools. */
.toolbox-body .tb-custom-note-landing {
  min-height: 610px;
  padding: 14px;
  background: #f2f4f7;
}
.toolbox-body .tb-custom-note-banner {
  min-height: 104px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 28px;
  border: 1px solid #e8eaef;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 5px 16px rgba(31, 37, 49, .06);
}
.toolbox-body .tb-custom-note-banner > div {
  display: flex;
  align-items: center;
  gap: 14px;
}
.toolbox-body .tb-custom-note-banner > div > span {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: #fff5dd;
  color: #ffac13;
  font-size: 20px;
}
.toolbox-body .tb-custom-note-banner h3,
.toolbox-body .tb-custom-note-banner p,
.toolbox-body .tb-custom-note-recent p {
  margin: 0;
}
.toolbox-body .tb-custom-note-banner h3 {
  color: #242a34;
  font-size: 18px;
  font-weight: 850;
}
.toolbox-body .tb-custom-note-banner p {
  margin-top: 7px;
  color: #8b929f;
  font-size: 11px;
}
.toolbox-body .tb-custom-note-banner > a {
  min-width: 96px;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: #202125;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}
.toolbox-body .tb-custom-note-recent {
  margin-top: 26px;
}
.toolbox-body .tb-custom-note-recent > header {
  color: #2d333d;
  font-size: 14px;
}
.toolbox-body .tb-custom-note-recent > div {
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 9px;
  color: #a5abb5;
  font-size: 12px;
}
.toolbox-body .tb-custom-note-recent > div i {
  font-size: 28px;
  color: #c7ccd4;
}
.toolbox-body .tb-custom-note-recent > div a {
  color: #7256d8;
  font-size: 11px;
  font-weight: 750;
  text-decoration: none;
}

.toolbox-body .tb-product-note-classic {
  min-height: 610px;
  padding: 22px 16px 16px;
  background: linear-gradient(180deg, #fff 0, #faf9ff 30%, #f8f8fb 100%);
}
.toolbox-body .tb-product-classic-head {
  text-align: center;
}
.toolbox-body .tb-product-classic-head h3,
.toolbox-body .tb-product-classic-head p {
  margin: 0;
}
.toolbox-body .tb-product-classic-head h3 {
  color: #222938;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 900;
}
.toolbox-body .tb-product-classic-head h3 span {
  color: #7b47eb;
}
.toolbox-body .tb-product-classic-head p {
  margin-top: 8px;
  color: #8b91a1;
  font-size: 11px;
}
.toolbox-body .tb-product-note-classic .tb-product-note-form {
  margin-top: 50px;
  border: 1px solid #8a63f0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 6px 20px rgba(78, 57, 138, .08);
  overflow: visible;
}
.toolbox-body .tb-product-note-classic .tb-product-note-modes {
  min-height: 48px;
  display: flex;
  align-items: flex-end;
  gap: 0;
  margin: -48px 0 0;
  border-bottom: 1px solid #8a63f0;
}
.toolbox-body .tb-product-note-classic .tb-product-note-modes label {
  position: relative;
  min-width: 166px;
  cursor: pointer;
}
.toolbox-body .tb-product-note-classic .tb-product-note-modes input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.toolbox-body .tb-product-note-classic .tb-product-note-modes span {
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 16px;
  border-radius: 8px 8px 0 0;
  background: #fff;
  color: #394050;
  font-size: 12px;
}
.toolbox-body .tb-product-note-classic .tb-product-note-modes input:checked + span {
  background: #ff7043;
  color: #fff;
  box-shadow: 0 5px 14px rgba(255, 96, 52, .22);
}
.toolbox-body .tb-product-note-classic .tb-product-note-modes b {
  font-weight: 850;
}
.toolbox-body .tb-product-note-classic .tb-product-note-modes i {
  position: absolute;
  top: -8px;
  right: 12px;
  padding: 1px 5px;
  border-radius: 7px 7px 7px 1px;
  background: #ffaf25;
  color: #fff;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}
.toolbox-body .tb-product-note-classic .tb-product-note-modes em {
  display: none;
}
.toolbox-body .tb-classic-tip {
  min-height: 42px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 14px;
  border: 1px solid #ffe0ad;
  border-radius: 7px;
  background: #fff8eb;
  color: #876c3f;
  font-size: 10px;
  line-height: 1.55;
}
.toolbox-body .tb-classic-tip strong {
  flex: 0 0 auto;
  color: #9a712a;
  font-weight: 850;
}
.toolbox-body .tb-product-note-classic .tb-classic-tip {
  margin: 16px 16px 0;
}
.toolbox-body .tb-product-classic-editor {
  position: relative;
  padding: 14px 16px 0;
}
.toolbox-body .tb-product-classic-editor textarea {
  width: 100%;
  min-height: 245px;
  resize: vertical;
  border: 0;
  outline: 0;
  padding: 12px 4px 28px;
  background: transparent;
  color: #333a48;
  font-size: 12px;
  line-height: 1.75;
}
.toolbox-body .tb-product-classic-editor textarea::placeholder {
  color: #a0a7b3;
}
.toolbox-body .tb-product-classic-editor > small {
  position: absolute;
  right: 23px;
  bottom: 8px;
  color: #a1a8b4;
  font-size: 9px;
}
.toolbox-body .tb-product-extra {
  margin: 0 16px 12px;
  border-top: 1px solid #ececf2;
}
.toolbox-body .tb-product-extra summary {
  padding: 10px 0;
  color: #7556d8;
  cursor: pointer;
  font-size: 10px;
  font-weight: 800;
}
.toolbox-body .tb-product-extra > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding-bottom: 10px;
}
.toolbox-body .tb-product-extra label {
  display: grid;
  gap: 5px;
  color: #5d6573;
  font-size: 10px;
  font-weight: 750;
}
.toolbox-body .tb-product-extra input,
.toolbox-body .tb-product-extra textarea {
  width: 100%;
  border: 1px solid #dfe2e9;
  border-radius: 6px;
  padding: 8px 10px;
  color: #343a46;
  font-size: 11px;
  line-height: 1.5;
}
.toolbox-body .tb-product-classic-tools {
  min-height: 56px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 9px 14px;
  border-top: 1px solid #ececf2;
  background: #fff;
}
.toolbox-body .tb-product-classic-tools > button,
.toolbox-body .tb-product-classic-tools > a,
.toolbox-body .tb-product-classic-tools > label {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid #e1e3e9;
  border-radius: 6px;
  background: #fff;
  color: #5f6675;
  padding: 0 9px;
  font-size: 10px;
  font-weight: 750;
  text-decoration: none;
  white-space: nowrap;
}
.toolbox-body .tb-product-classic-tools > button:hover,
.toolbox-body .tb-product-classic-tools > a:hover,
.toolbox-body .tb-product-classic-tools > label:hover {
  border-color: #9273e8;
  color: #7152d4;
}
.toolbox-body .tb-product-classic-tools input[type=file] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.toolbox-body .tb-product-classic-tools select {
  border: 0;
  outline: 0;
  background: transparent;
  color: inherit;
  font: inherit;
}
.toolbox-body .tb-product-classic-tools .tb-btn.primary {
  min-width: 148px;
  margin-left: auto;
  justify-content: center;
  border: 0;
  background: linear-gradient(135deg, #8857ef, #6e35e0);
  color: #fff;
}
.toolbox-body .tb-product-classic-tools .tb-btn small {
  color: #eee7ff;
  font-size: 8px;
}
.toolbox-body .tb-product-note-classic > .tb-tool-result {
  margin-top: 14px;
}

.toolbox-body .tb-ai-video-classic {
  min-height: 610px;
  background: #f3f5f7;
}
.toolbox-body .tb-ai-video-classic .tb-ai-video-layout {
  min-height: 610px;
  display: grid;
  grid-template-columns: minmax(320px, 42%) minmax(0, 1fr);
  gap: 14px;
  padding: 14px;
}
.toolbox-body .tb-ai-video-classic .tb-ai-video-layout > form,
.toolbox-body .tb-ai-video-classic .tb-ai-video-layout > aside {
  min-width: 0;
  border: 1px solid #e1e4e9;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 5px 15px rgba(34, 39, 49, .05);
}
.toolbox-body .tb-ai-video-classic .tb-ai-video-layout > form {
  padding: 12px;
}
.toolbox-body .tb-ai-video-classic .tb-ai-video-tabs {
  display: flex;
  gap: 4px;
  margin: -12px -12px 12px;
  padding: 0 12px;
  border-bottom: 1px solid #e7e9ed;
}
.toolbox-body .tb-ai-video-classic .tb-ai-video-tabs button {
  min-height: 42px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #717887;
  padding: 0 14px;
  font-size: 11px;
  font-weight: 800;
}
.toolbox-body .tb-ai-video-classic .tb-ai-video-tabs button.active {
  border-bottom-color: #1f3858;
  color: #1f3858;
}
.toolbox-body .tb-video-model-card {
  min-height: 54px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  padding: 9px 11px;
  border: 1px solid #e3e6eb;
  border-radius: 7px;
  background: #f8f9fb;
}
.toolbox-body .tb-video-model-card > span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #1f3858;
  color: #fff;
  font-size: 15px;
}
.toolbox-body .tb-video-model-card > div {
  display: grid;
  gap: 2px;
}
.toolbox-body .tb-video-model-card strong {
  color: #2d3542;
  font-size: 11px;
}
.toolbox-body .tb-video-model-card small {
  color: #8c93a0;
  font-size: 9px;
}
.toolbox-body .tb-ai-video-classic .tb-classic-tip {
  margin-bottom: 12px;
}
.toolbox-body .tb-video-prompt-label {
  position: relative;
  display: grid;
  gap: 7px;
  color: #363d49;
  font-size: 11px;
  font-weight: 800;
}
.toolbox-body .tb-video-prompt-label > a {
  position: absolute;
  top: 0;
  right: 0;
  color: #6b7280;
  font-size: 9px;
  text-decoration: none;
}
.toolbox-body .tb-video-prompt-label textarea {
  min-height: 210px;
  resize: vertical;
  border: 1px solid #dbe0e7;
  border-radius: 7px;
  padding: 11px;
  color: #3e4552;
  font-size: 11px;
  line-height: 1.65;
}
.toolbox-body .tb-video-prompt-label > small {
  position: absolute;
  right: 10px;
  bottom: 8px;
  color: #a0a7b2;
  font-size: 9px;
}
.toolbox-body .tb-ai-video-reference {
  margin-top: 10px;
  min-height: 112px;
}
.toolbox-body .tb-ai-video-advanced {
  margin-top: 10px;
  border: 1px solid #e2e5ea;
  border-radius: 7px;
}
.toolbox-body .tb-ai-video-advanced summary {
  padding: 8px 10px;
  color: #5c6472;
  cursor: pointer;
  font-size: 10px;
  font-weight: 800;
}
.toolbox-body .tb-ai-video-advanced > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 0 10px 10px;
}
.toolbox-body .tb-ai-video-advanced label {
  display: grid;
  gap: 5px;
  color: #6b7280;
  font-size: 9px;
}
.toolbox-body .tb-ai-video-advanced input,
.toolbox-body .tb-ai-video-advanced select {
  min-width: 0;
  height: 34px;
  border: 1px solid #dfe3e9;
  border-radius: 6px;
  padding: 0 8px;
  background: #fff;
  color: #3f4653;
  font-size: 10px;
}
.toolbox-body .tb-video-size-options {
  display: flex;
  gap: 8px;
  margin: 12px 0 0;
  padding: 0;
  border: 0;
}
.toolbox-body .tb-video-size-options legend {
  width: 100%;
  margin-bottom: 7px;
  color: #404754;
  font-size: 10px;
  font-weight: 800;
}
.toolbox-body .tb-video-size-options label {
  position: relative;
  cursor: pointer;
}
.toolbox-body .tb-video-size-options input {
  position: absolute;
  opacity: 0;
}
.toolbox-body .tb-video-size-options span {
  min-width: 64px;
  min-height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid #dfe3e9;
  border-radius: 7px;
  color: #3d4552;
  font-size: 10px;
  line-height: 1.15;
  text-align: center;
}
.toolbox-body .tb-video-size-options small {
  color: #9299a5;
  font-size: 8px;
}
.toolbox-body .tb-video-size-options input:checked + span {
  border-color: #6e55d7;
  background: #f3f0ff;
  color: #6047c3;
}
.toolbox-body .tb-video-agreement {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 12px 0 9px;
  color: #626a77;
  font-size: 9px;
}
.toolbox-body .tb-video-agreement input {
  width: 13px;
  height: 13px;
}
.toolbox-body .tb-video-agreement a {
  color: #5e45c8;
}
.toolbox-body .tb-ai-video-classic .tb-ai-video-layout > form > .tb-btn {
  border: 0;
  background: #8d99a7;
  box-shadow: none;
}
.toolbox-body .tb-ai-video-classic .tb-ai-video-layout > form:valid > .tb-btn {
  background: linear-gradient(135deg, #7754dd, #5d3ac5);
}
.toolbox-body .tb-ai-video-classic .tb-ai-video-layout > aside {
  display: flex;
  flex-direction: column;
}
.toolbox-body .tb-ai-video-classic .tb-ai-video-layout > aside > header {
  min-height: 58px;
  display: flex;
  align-items: flex-end;
  padding: 0 18px;
  border-bottom: 1px solid #e7e9ed;
}
.toolbox-body .tb-ai-video-classic .tb-ai-video-layout > aside > header button {
  min-height: 42px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #787f8d;
  padding: 0 12px;
  font-size: 10px;
  font-weight: 800;
}
.toolbox-body .tb-ai-video-classic .tb-ai-video-layout > aside > header button.active {
  border-bottom-color: #7654df;
  color: #6747ce;
}
.toolbox-body .tb-ai-video-classic .tb-ai-video-empty {
  flex: 1;
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #a0a6b0;
  text-align: center;
}
.toolbox-body .tb-ai-video-classic .tb-ai-video-empty strong {
  color: #8c939f;
  font-size: 12px;
}
.toolbox-body .tb-ai-video-classic .tb-ai-video-empty p {
  max-width: 280px;
  margin: 8px 0 0;
  font-size: 9px;
  line-height: 1.6;
}
.toolbox-body .tb-ai-video-cases {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 18px;
}
.toolbox-body .tb-ai-video-cases[hidden] {
  display: none;
}
.toolbox-body .tb-ai-video-cases article {
  min-height: 150px;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  gap: 4px;
  padding: 14px;
  border: 1px solid #e1e4ea;
  border-radius: 8px;
  background: linear-gradient(145deg, #e9e4ff, #f7efe8);
}
.toolbox-body .tb-ai-video-cases article span,
.toolbox-body .tb-ai-video-cases article small {
  color: #737b89;
  font-size: 9px;
}
.toolbox-body .tb-ai-video-cases article strong {
  color: #343b48;
  font-size: 11px;
}

.toolbox-body .tb-ecommerce-pro-classic {
  min-height: 610px;
  padding: 14px;
  background: #f3f5f7;
}
.toolbox-body .tb-ecommerce-pro-switch {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}
.toolbox-body .tb-ecommerce-pro-switch a {
  min-width: 154px;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid #dde1e8;
  border-radius: 7px;
  background: #fff;
  color: #3f4755;
  font-size: 11px;
  font-weight: 850;
  text-decoration: none;
}
.toolbox-body .tb-ecommerce-pro-switch a.active {
  border-color: #ff315d;
  background: #ff315d;
  color: #fff;
  box-shadow: 0 6px 14px rgba(255, 49, 93, .18);
}
.toolbox-body .tb-ecommerce-pro-switch small {
  border-radius: 4px;
  background: rgba(255, 255, 255, .9);
  color: #ff315d;
  padding: 1px 4px;
  font-size: 8px;
}
.toolbox-body .tb-ecommerce-pro-layout {
  display: grid;
  grid-template-columns: minmax(330px, 43%) minmax(0, 1fr);
  gap: 10px;
}
.toolbox-body .tb-ecommerce-pro-layout > form,
.toolbox-body .tb-ecommerce-pro-layout > aside {
  min-width: 0;
  border: 1px solid #dfe3e9;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}
.toolbox-body .tb-ecommerce-pro-layout > form {
  padding: 12px;
}
.toolbox-body .tb-ecommerce-pro-layout > form > header,
.toolbox-body .tb-ecommerce-pro-layout > aside > header {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: -12px -12px 12px;
  padding: 0 12px;
  border-bottom: 1px solid #e6e8ed;
}
.toolbox-body .tb-ecommerce-pro-layout > form > header strong {
  color: #303744;
  font-size: 13px;
}
.toolbox-body .tb-ecommerce-pro-layout > form > header a,
.toolbox-body .tb-ecommerce-pro-layout > aside > header a {
  color: #7657d4;
  font-size: 9px;
  text-decoration: none;
}
.toolbox-body .tb-ecommerce-pro-layout > form > label:not(.tb-upload-drop),
.toolbox-body .tb-ecom-pro-advanced label {
  display: grid;
  gap: 6px;
  margin-top: 10px;
  color: #404754;
  font-size: 10px;
  font-weight: 800;
}
.toolbox-body .tb-ecommerce-pro-layout > form > label input,
.toolbox-body .tb-ecom-pro-advanced textarea,
.toolbox-body .tb-ecom-pro-advanced select {
  width: 100%;
  border: 1px solid #dfe3e9;
  border-radius: 6px;
  padding: 8px 10px;
  background: #fff;
  color: #333b48;
  font-size: 10px;
}
.toolbox-body .tb-ecom-pro-label {
  margin: 0 0 7px !important;
}
.toolbox-body .tb-ecom-pro-upload {
  min-height: 132px;
  border-color: #c9b4ff;
  background: #faf8ff;
}
.toolbox-body .tb-ecom-pro-upload b {
  color: #6551b5;
}
.toolbox-body .tb-ecom-pro-upload small {
  max-width: 280px;
  color: #8a91a0;
  font-size: 8px;
  line-height: 1.5;
  text-align: center;
}
.toolbox-body .tb-ecom-pro-prompt {
  position: relative;
}
.toolbox-body .tb-ecom-pro-prompt textarea {
  width: 100%;
  min-height: 172px;
  resize: vertical;
  border: 1px solid #dfe3e9;
  border-radius: 7px;
  padding: 10px 10px 30px;
  color: #363e4b;
  font-size: 10px;
  line-height: 1.65;
}
.toolbox-body .tb-ecom-pro-prompt button {
  position: absolute;
  left: 9px;
  bottom: 8px;
  min-height: 25px;
  border: 0;
  border-radius: 5px;
  background: #f4f0ff;
  color: #7655d4;
  padding: 0 8px;
  font-size: 9px;
  font-weight: 800;
}
.toolbox-body .tb-ecom-pro-prompt > small {
  position: absolute;
  right: 9px;
  bottom: 11px;
  color: #a0a7b2;
  font-size: 8px;
}
.toolbox-body .tb-ecom-pro-advanced {
  margin: 10px 0;
  border-top: 1px solid #eceef2;
}
.toolbox-body .tb-ecom-pro-advanced summary {
  padding: 8px 0;
  color: #69717e;
  cursor: pointer;
  font-size: 9px;
  font-weight: 800;
}
.toolbox-body .tb-ecommerce-pro-layout > form > .tb-btn {
  border: 0;
  background: #6aaef5;
  box-shadow: none;
}
.toolbox-body .tb-ecommerce-pro-layout > aside > header {
  margin: 0;
  padding: 0 16px;
}
.toolbox-body .tb-ecommerce-pro-layout > aside > header > div {
  display: flex;
  height: 100%;
}
.toolbox-body .tb-ecommerce-pro-layout > aside > header button {
  min-height: 42px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #7c8491;
  padding: 0 11px;
  font-size: 10px;
  font-weight: 800;
}
.toolbox-body .tb-ecommerce-pro-layout > aside > header button.active {
  border-bottom-color: #7757dc;
  color: #6748cf;
}
.toolbox-body .tb-ecom-pro-result {
  padding: 18px;
}
.toolbox-body .tb-ecom-pro-result > strong {
  display: block;
  margin-bottom: 10px;
  color: #39414d;
  font-size: 17px;
  text-align: center;
}
.toolbox-body .tb-ecom-pro-placeholder {
  min-height: 380px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  border-radius: 8px;
  background: linear-gradient(145deg, #f4f2ed, #f7f5f2);
  color: #7e8590;
  text-align: center;
}
.toolbox-body .tb-ecom-pro-placeholder i {
  font-size: 34px;
  color: #a7aeb8;
}
.toolbox-body .tb-ecom-pro-placeholder p {
  max-width: 280px;
  margin: 0;
  font-size: 10px;
  line-height: 1.7;
}
.toolbox-body .tb-ecom-pro-cases {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
}
.toolbox-body .tb-ecom-pro-cases:not([hidden]) {
  display: grid;
}
.toolbox-body .tb-ecom-pro-cases article {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #e2e5ea;
  border-radius: 7px;
  background: #f6f7f9;
}
.toolbox-body .tb-ecom-pro-cases img {
  width: 100%;
  aspect-ratio: 3 / 4;
  display: block;
  object-fit: cover;
}
.toolbox-body .tb-ecom-pro-cases span {
  position: absolute;
  left: 7px;
  bottom: 7px;
  border-radius: 4px;
  background: rgba(24, 29, 38, .72);
  color: #fff;
  padding: 3px 6px;
  font-size: 8px;
}

.toolbox-body .tb-batch-poster-classic {
  min-height: 610px;
  background: #fff;
}
.toolbox-body .tb-batch-poster-classic > header {
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 18px;
  background: linear-gradient(120deg, #eee2ff 0%, #fff 48%, #ffe8ed 100%);
  text-align: center;
}
.toolbox-body .tb-batch-poster-classic > header span {
  display: none;
}
.toolbox-body .tb-batch-poster-classic > header h3 {
  margin: 0;
  color: #2e3340;
  font-size: 25px;
  font-weight: 900;
}
.toolbox-body .tb-batch-poster-classic > header h3::after {
  content: "图文";
  margin-left: 5px;
  color: #7f45e8;
}
.toolbox-body .tb-batch-poster-classic > .tb-classic-tip {
  margin: -10px 14px 0;
}
.toolbox-body .tb-batch-poster-classic > form {
  padding: 18px 28px 10px;
}
.toolbox-body .tb-batch-poster-classic .tb-option-line {
  min-height: 48px;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}
.toolbox-body .tb-batch-poster-classic .tb-option-line > label {
  color: #535b68;
  font-size: 11px;
  font-weight: 800;
}
.toolbox-body .tb-batch-poster-classic .tb-radio-line,
.toolbox-body .tb-batch-poster-classic .tb-check-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px 18px;
}
.toolbox-body .tb-batch-poster-classic .tb-radio-line label,
.toolbox-body .tb-batch-poster-classic .tb-check-row label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #656d79;
  cursor: pointer;
  font-size: 10px;
}
.toolbox-body .tb-batch-poster-classic input[type=radio],
.toolbox-body .tb-batch-poster-classic input[type=checkbox] {
  width: 13px;
  height: 13px;
  accent-color: #7a4bd6;
}
.toolbox-body .tb-batch-title-control {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 7px;
}
.toolbox-body .tb-batch-title-control textarea {
  width: 100%;
  min-height: 38px;
  max-height: 128px;
  resize: vertical;
  border: 1px solid #dfe3e9;
  border-radius: 5px;
  padding: 9px 52px 9px 10px;
  color: #343b47;
  font-size: 10px;
  line-height: 1.5;
}
.toolbox-body .tb-batch-title-control small {
  position: absolute;
  right: 150px;
  top: 12px;
  color: #a1a8b3;
  font-size: 8px;
}
.toolbox-body .tb-batch-title-control button {
  min-height: 31px;
  border: 0;
  border-radius: 5px;
  padding: 0 10px;
  color: #fff;
  font-size: 9px;
  font-weight: 800;
}
.toolbox-body .tb-batch-title-control button[data-batch-poster-advanced] {
  background: #10ac7a;
}
.toolbox-body .tb-batch-title-control button[data-paste-clipboard] {
  background: #4b9df0;
}
.toolbox-body .tb-batch-advanced {
  grid-template-columns: minmax(0, 1fr) 140px;
  gap: 10px;
  margin: 6px 0 0 82px;
  padding: 10px;
  border: 1px solid #e2e5ea;
  border-radius: 6px;
  background: #fafbfc;
}
.toolbox-body .tb-batch-advanced:not([hidden]) {
  display: grid;
}
.toolbox-body .tb-batch-advanced label {
  display: grid;
  gap: 5px;
  color: #676f7c;
  font-size: 9px;
}
.toolbox-body .tb-batch-advanced textarea,
.toolbox-body .tb-batch-advanced select {
  width: 100%;
  border: 1px solid #dfe3e9;
  border-radius: 5px;
  padding: 7px 8px;
  background: #fff;
  color: #38404c;
  font-size: 10px;
}
.toolbox-body .tb-batch-classic-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 7px;
  padding: 18px 0 10px;
}
.toolbox-body .tb-batch-classic-submit .tb-btn {
  min-width: 220px;
  border: 0;
  background: linear-gradient(135deg, #8a4ff2, #6f38df);
  box-shadow: 0 7px 17px rgba(112, 57, 223, .18);
}
.toolbox-body .tb-batch-classic-submit small {
  color: #eee6ff;
  font-size: 8px;
}
.toolbox-body .tb-batch-classic-examples {
  padding: 0 28px 18px;
  text-align: center;
}
.toolbox-body .tb-batch-classic-examples > strong {
  display: block;
  margin-bottom: 10px;
  color: #9ca2ad;
  font-size: 9px;
  font-weight: 700;
}
.toolbox-body .tb-batch-classic-examples .tb-example-image-strip {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 9px;
}

.toolbox-body .tb-video-workbench {
  grid-template-columns: minmax(320px, 42%) minmax(0, 1fr);
  gap: 14px;
  padding: 14px;
  background: #f3f5f7;
}
.toolbox-body .tb-video-workbench .tb-video-left,
.toolbox-body .tb-video-workbench .tb-video-right {
  border: 1px solid #e0e4ea;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 5px 15px rgba(34, 39, 49, .04);
}
.toolbox-body .tb-video-workbench .tb-video-left {
  padding: 12px;
}

@media (max-width: 980px) {
  .toolbox-body .tb-product-classic-tools {
    flex-wrap: wrap;
  }
  .toolbox-body .tb-product-classic-tools .tb-btn.primary {
    margin-left: 0;
  }
  .toolbox-body .tb-ai-video-classic .tb-ai-video-layout,
  .toolbox-body .tb-ecommerce-pro-layout,
  .toolbox-body .tb-video-workbench {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  .toolbox-body .tb-custom-note-banner {
    align-items: flex-start;
    flex-direction: column;
    padding: 18px;
  }
  .toolbox-body .tb-custom-note-banner > a {
    width: 100%;
  }
  .toolbox-body .tb-product-note-classic {
    padding: 18px 10px 10px;
  }
  .toolbox-body .tb-product-classic-head h3,
  .toolbox-body .tb-batch-poster-classic > header h3 {
    font-size: 20px;
  }
  .toolbox-body .tb-product-note-classic .tb-product-note-modes label {
    min-width: 0;
    flex: 1;
  }
  .toolbox-body .tb-product-note-classic .tb-product-note-modes span {
    padding: 0 8px;
    font-size: 10px;
  }
  .toolbox-body .tb-product-extra > div,
  .toolbox-body .tb-ai-video-advanced > div,
  .toolbox-body .tb-ai-video-cases,
  .toolbox-body .tb-ecom-pro-cases:not([hidden]) {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-product-classic-tools > button,
  .toolbox-body .tb-product-classic-tools > a,
  .toolbox-body .tb-product-classic-tools > label,
  .toolbox-body .tb-product-classic-tools .tb-btn.primary {
    width: calc(50% - 4px);
    justify-content: center;
  }
  .toolbox-body .tb-ai-video-classic .tb-ai-video-layout,
  .toolbox-body .tb-ecommerce-pro-classic,
  .toolbox-body .tb-video-workbench {
    padding: 8px;
  }
  .toolbox-body .tb-ecommerce-pro-switch a {
    min-width: 0;
    flex: 1;
  }
  .toolbox-body .tb-batch-poster-classic > form {
    padding: 14px;
  }
  .toolbox-body .tb-batch-poster-classic .tb-option-line {
    grid-template-columns: 1fr;
    align-items: flex-start;
    gap: 6px;
    padding: 7px 0;
  }
  .toolbox-body .tb-batch-title-control {
    grid-template-columns: 1fr 1fr;
  }
  .toolbox-body .tb-batch-title-control textarea {
    grid-column: 1 / -1;
  }
  .toolbox-body .tb-batch-title-control small {
    top: 12px;
    right: 8px;
  }
  .toolbox-body .tb-batch-advanced {
    grid-template-columns: 1fr;
    margin-left: 0;
  }
  .toolbox-body .tb-batch-classic-examples {
    padding: 0 14px 14px;
  }
  .toolbox-body .tb-batch-classic-examples .tb-example-image-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* 20260714k: dedicated image and library workbenches */
.toolbox-body .tb-image-compose-studio,
.toolbox-body .tb-template-market-studio,
.toolbox-body .tb-geo-library-studio,
.toolbox-body .tb-viral-library-studio,
.toolbox-body .tb-prompt-reverse-studio,
.toolbox-body .tb-image-home-studio {
  overflow: hidden;
  border: 1px solid #e2e4ea;
  border-radius: 8px;
  background: #f6f7fa;
  color: #1d2535;
  letter-spacing: 0;
}
.toolbox-body .tb-image-compose-head,
.toolbox-body .tb-template-market-studio > header,
.toolbox-body .tb-geo-library-studio > header,
.toolbox-body .tb-viral-library-studio > header,
.toolbox-body .tb-image-home-studio > header {
  min-height: 112px;
  padding: 20px 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid #e3e5eb;
  background: #fff;
}
.toolbox-body .tb-image-compose-head.centered {
  text-align: center;
}
.toolbox-body .tb-image-compose-head.centered > div {
  margin-left: auto;
}
.toolbox-body .tb-image-compose-head > div > span,
.toolbox-body .tb-template-market-studio > header > div > span,
.toolbox-body .tb-geo-library-studio > header > div > span,
.toolbox-body .tb-viral-library-studio > header > div > span,
.toolbox-body .tb-image-home-studio > header > div > span,
.toolbox-body .tb-prompt-reverse-studio > header > span {
  display: block;
  margin-bottom: 5px;
  color: #6a55d7;
  font-size: 11px;
  font-weight: 800;
}
.toolbox-body .tb-image-compose-head h3,
.toolbox-body .tb-template-market-studio > header h3,
.toolbox-body .tb-geo-library-studio > header h3,
.toolbox-body .tb-viral-library-studio > header h3,
.toolbox-body .tb-prompt-reverse-studio > header h3,
.toolbox-body .tb-image-home-studio > header h2 {
  margin: 0;
  color: #1a2232;
  font-size: 24px;
  line-height: 1.2;
}
.toolbox-body .tb-image-compose-head p,
.toolbox-body .tb-template-market-studio > header p,
.toolbox-body .tb-geo-library-studio > header p,
.toolbox-body .tb-viral-library-studio > header p,
.toolbox-body .tb-prompt-reverse-studio > header p,
.toolbox-body .tb-image-home-studio > header p {
  margin: 7px 0 0;
  color: #70798b;
  font-size: 12px;
  line-height: 1.65;
}
.toolbox-body .tb-image-compose-head > a,
.toolbox-body .tb-template-market-studio > header > a,
.toolbox-body .tb-viral-library-studio > header > a {
  flex: 0 0 auto;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #dfe2e9;
  border-radius: 6px;
  background: #fff;
  color: #5d4dcc;
  padding: 0 12px;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
}
.toolbox-body .tb-image-compose-studio > .tb-design-tabs,
.toolbox-body .tb-image-home-studio > .tb-design-tabs {
  margin: 13px 16px 0;
}
.toolbox-body .tb-image-compose-studio > form,
.toolbox-body .tb-image-home-form {
  margin: 0;
  padding: 14px 16px 18px;
}
.toolbox-body .tb-compose-count {
  min-height: 54px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-top: 1px solid #dedfe6;
  border-bottom: 1px solid #dedfe6;
  padding: 0 10px;
  background: #fff;
}
.toolbox-body .tb-compose-count > strong,
.toolbox-body .tb-compose-count > small {
  font-size: 11px;
}
.toolbox-body .tb-compose-count > small {
  color: #7c8494;
}
.toolbox-body .tb-compose-count > div {
  display: flex;
  gap: 6px;
}
.toolbox-body .tb-compose-count label input {
  position: absolute;
  opacity: 0;
}
.toolbox-body .tb-compose-count label span {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border: 1px solid #dfe2e8;
  border-radius: 6px;
  background: #fff;
  color: #5c6576;
  font-size: 11px;
  cursor: pointer;
}
.toolbox-body .tb-compose-count label input:checked + span {
  border-color: #1d9f79;
  background: #1d9f79;
  color: #fff;
  box-shadow: 0 4px 12px rgba(29, 159, 121, .18);
}
.toolbox-body .tb-compose-canvas {
  margin-top: 12px;
  overflow: hidden;
  border: 1px solid #dce0e8;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 28px rgba(29, 37, 53, .05);
}
.toolbox-body .tb-compose-canvas:focus-within {
  border-color: #745fd8;
  box-shadow: 0 0 0 3px rgba(116, 95, 216, .09), 0 8px 28px rgba(29, 37, 53, .05);
}
.toolbox-body .tb-compose-canvas > textarea {
  width: 100%;
  min-height: 285px;
  resize: vertical;
  border: 0;
  outline: 0;
  background: #fff;
  color: #253044;
  padding: 20px;
  font: inherit;
  font-size: 13px;
  line-height: 1.8;
}
.toolbox-body .tb-compose-canvas.compact > textarea {
  min-height: 150px;
}
.toolbox-body .tb-compose-label {
  padding: 14px 16px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.toolbox-body .tb-compose-label strong {
  font-size: 13px;
}
.toolbox-body .tb-compose-label span {
  color: #8a92a1;
  font-size: 10px;
}
.toolbox-body .tb-compose-canvas-actions {
  min-height: 48px;
  padding: 8px 11px;
  display: flex;
  align-items: center;
  gap: 7px;
  border-top: 1px solid #eceef2;
  background: #fafbfc;
}
.toolbox-body .tb-compose-canvas-actions button,
.toolbox-body .tb-compose-upload {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid #dfe2e9;
  border-radius: 6px;
  background: #fff;
  color: #586275;
  padding: 0 10px;
  font: inherit;
  font-size: 11px;
  cursor: pointer;
}
.toolbox-body .tb-compose-upload input {
  position: absolute;
  opacity: 0;
}
.toolbox-body .tb-compose-canvas-actions > span:last-child {
  margin-left: auto;
  color: #9299a7;
  font-size: 10px;
}
.toolbox-body .tb-compose-settings,
.toolbox-body .tb-image-home-settings {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}
.toolbox-body .tb-compose-settings > label,
.toolbox-body .tb-image-home-settings > label,
.toolbox-body .tb-prompt-reverse-options > label {
  display: grid;
  gap: 6px;
  color: #4c566a;
  font-size: 11px;
  font-weight: 800;
}
.toolbox-body .tb-compose-settings input,
.toolbox-body .tb-compose-settings select,
.toolbox-body .tb-image-home-settings input,
.toolbox-body .tb-image-home-settings select,
.toolbox-body .tb-prompt-reverse-options input,
.toolbox-body .tb-prompt-reverse-options select,
.toolbox-body .tb-prompt-reverse-options textarea {
  width: 100%;
  min-height: 39px;
  border: 1px solid #dce0e8;
  border-radius: 6px;
  outline: 0;
  background: #fff;
  color: #2a3447;
  padding: 8px 10px;
  font: inherit;
  font-size: 11px;
}
.toolbox-body .tb-cover-upload input {
  padding: 6px;
}
.toolbox-body .tb-compose-submit {
  margin-top: 13px;
  min-height: 60px;
  padding: 10px 13px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  border: 1px solid #dfe2e8;
  border-radius: 8px;
  background: #fff;
}
.toolbox-body .tb-compose-submit > div {
  margin-right: auto;
}
.toolbox-body .tb-compose-submit > div strong,
.toolbox-body .tb-compose-submit > div span {
  display: block;
}
.toolbox-body .tb-compose-submit > div strong {
  color: #e56e2c;
  font-size: 13px;
}
.toolbox-body .tb-compose-submit > div span {
  margin-top: 3px;
  color: #858d9c;
  font-size: 10px;
}
.toolbox-body .tb-compose-submit .tb-btn.primary {
  min-width: 152px;
  border: 0;
  background: linear-gradient(105deg, #6d54d9, #d34294);
  box-shadow: 0 8px 20px rgba(109, 84, 217, .18);
}
.toolbox-body .tb-batch-reference-board {
  margin-top: 12px;
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: 10px;
}
.toolbox-body .tb-batch-reference-board > div {
  padding: 12px;
  border: 1px solid #dfe2e8;
  border-radius: 8px;
  background: #fff;
}
.toolbox-body .tb-batch-reference-board header {
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.toolbox-body .tb-batch-reference-board header strong {
  font-size: 12px;
}
.toolbox-body .tb-batch-reference-board header b {
  color: #e34f6f;
}
.toolbox-body .tb-batch-reference-board header small {
  color: #8b93a2;
  font-size: 10px;
}
.toolbox-body .tb-batch-reference-board .tb-upload-drop {
  min-height: 145px;
}
.toolbox-body .tb-cover-mode {
  display: inline-flex;
  gap: 6px;
}
.toolbox-body .tb-cover-mode input {
  position: absolute;
  opacity: 0;
}
.toolbox-body .tb-cover-mode span {
  min-height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid #dfe2e9;
  border-radius: 6px;
  background: #fff;
  color: #5e687a;
  padding: 0 12px;
  font-size: 11px;
  cursor: pointer;
}
.toolbox-body .tb-cover-mode input:checked + span {
  border-color: #e2703b;
  background: #fff5ee;
  color: #d85c27;
  font-weight: 800;
}
.toolbox-body .tb-cover-template-strip {
  margin: 0 16px 18px;
  padding: 14px;
  border: 1px solid #e0e3e9;
  border-radius: 8px;
  background: #fff;
}
.toolbox-body .tb-cover-template-strip > header {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.toolbox-body .tb-cover-template-strip > header strong {
  font-size: 13px;
}
.toolbox-body .tb-cover-template-strip > header a {
  color: #6955d5;
  font-size: 11px;
  text-decoration: none;
}
.toolbox-body .tb-cover-template-strip > div {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}
.toolbox-body .tb-cover-template-strip > div > button {
  position: relative;
  aspect-ratio: 3 / 2;
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 3px;
  border: 1px solid #e1e4ea;
  border-radius: 7px;
  background: #f5f0ff;
  color: #273044;
  padding: 9px;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.toolbox-body .tb-cover-template-strip button img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.toolbox-body .tb-cover-template-strip button span,
.toolbox-body .tb-cover-template-strip button small {
  position: relative;
  z-index: 1;
  color: #777f8f;
  font-size: 9px;
}
.toolbox-body .tb-cover-template-strip button strong {
  position: relative;
  z-index: 1;
  border-radius: 4px;
  background: rgba(255, 255, 255, .9);
  padding: 3px 5px;
  font-size: 11px;
}

.toolbox-body .tb-prompt-reverse-studio > header {
  padding: 24px 26px;
  border-bottom: 1px solid #e3e5eb;
  background: #fff8ec;
  text-align: center;
}
.toolbox-body .tb-prompt-reverse-studio > form {
  margin: 14px 16px 0;
  padding: 16px;
  border: 1px solid #e0e3e9;
  border-radius: 8px;
  background: #fff;
}
.toolbox-body .tb-prompt-reverse-drop {
  min-height: 300px;
}
.toolbox-body .tb-prompt-reverse-options {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.toolbox-body .tb-prompt-reverse-options > label:last-child {
  grid-column: 1 / -1;
}
.toolbox-body .tb-prompt-reverse-cases {
  margin: 12px 16px 18px;
  padding: 13px 15px;
  border: 1px solid #e3e5ea;
  border-radius: 8px;
  background: #fff;
}
.toolbox-body .tb-prompt-reverse-cases > strong {
  font-size: 12px;
}
.toolbox-body .tb-prompt-reverse-cases > div {
  margin-top: 9px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.toolbox-body .tb-prompt-reverse-cases span {
  border: 1px solid #e1e4e9;
  border-radius: 999px;
  background: #fafbfc;
  color: #5c6576;
  padding: 6px 10px;
  font-size: 10px;
}

.toolbox-body .tb-template-market-search {
  margin: 14px 16px 0;
  padding: 14px;
  border: 1px solid #e1e4e9;
  border-radius: 8px;
  background: #fff;
}
.toolbox-body .tb-template-market-search form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}
.toolbox-body .tb-template-market-search input {
  min-width: 0;
  min-height: 40px;
  border: 1px solid #dce0e7;
  border-radius: 6px;
  outline: 0;
  padding: 0 12px;
  font: inherit;
  font-size: 12px;
}
.toolbox-body .tb-template-market-search .tb-chip-row {
  margin-top: 11px;
}
.toolbox-body .tb-template-market-actions {
  margin: 11px 16px 0;
  display: flex;
  gap: 7px;
}
.toolbox-body .tb-template-market-actions button {
  min-height: 34px;
  border: 1px solid #dfe2e8;
  border-radius: 6px;
  background: #fff;
  color: #626b7c;
  padding: 0 11px;
  font: inherit;
  font-size: 10px;
  font-weight: 800;
}
.toolbox-body .tb-template-market-actions button.active {
  border-color: #7059d8;
  background: #7059d8;
  color: #fff;
}
.toolbox-body .tb-template-market-studio > .tb-status {
  display: block;
  margin: 7px 16px 0;
}
.toolbox-body .tb-template-market-grid {
  margin: 12px 16px 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.toolbox-body .tb-template-market-grid > label {
  min-width: 0;
}
.toolbox-body .tb-template-market-grid > label > input {
  position: absolute;
  opacity: 0;
}
.toolbox-body .tb-template-market-card {
  height: 100%;
  min-width: 0;
  overflow: hidden;
  display: block;
  border: 1px solid #e0e3e9;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}
.toolbox-body .tb-template-market-grid > label:hover .tb-template-market-card,
.toolbox-body .tb-template-market-grid > label > input:checked + .tb-template-market-card {
  border-color: #6f58d6;
  box-shadow: 0 9px 22px rgba(38, 48, 68, .09);
  transform: translateY(-1px);
}
.toolbox-body .tb-template-market-thumb {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  display: block;
  background: #eef1f5;
}
.toolbox-body .tb-template-market-thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.toolbox-body .tb-template-market-thumb > b {
  position: absolute;
  left: 8px;
  bottom: 8px;
  border-radius: 999px;
  background: rgba(26, 34, 50, .78);
  color: #fff;
  padding: 4px 7px;
  font-size: 9px;
}
.toolbox-body .tb-template-market-thumb > i {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, .9);
  color: #6b55d6;
}
.toolbox-body .tb-template-market-copy {
  min-height: 132px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.toolbox-body .tb-template-market-copy > strong {
  overflow: hidden;
  color: #263044;
  font-size: 12px;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.toolbox-body .tb-template-market-copy > em,
.toolbox-body .tb-template-market-copy > small {
  color: #7c8596;
  font-size: 9px;
  font-style: normal;
  line-height: 1.55;
}
.toolbox-body .tb-template-market-copy > small {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.toolbox-body .tb-template-market-copy > span:last-child {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.toolbox-body .tb-template-market-copy > span:last-child b {
  color: #e66b2b;
  font-size: 10px;
}
.toolbox-body .tb-template-market-copy > span:last-child i {
  color: #6752ce;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}
.toolbox-body .tb-template-use-panel {
  margin: 14px 16px 18px;
  padding: 14px;
  border: 1px solid #dfe2e8;
  border-radius: 8px;
  background: #fff;
}
.toolbox-body .tb-template-use-panel > header {
  margin-bottom: 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.toolbox-body .tb-template-use-panel > header strong,
.toolbox-body .tb-template-use-panel > header span {
  display: block;
}
.toolbox-body .tb-template-use-panel > header strong {
  font-size: 13px;
}
.toolbox-body .tb-template-use-panel > header span {
  margin-top: 3px;
  color: #858d9d;
  font-size: 10px;
}
.toolbox-body .tb-template-use-panel > header > b {
  color: #e66d2e;
  font-size: 11px;
}
.toolbox-body .tb-template-use-panel > div {
  display: grid;
  grid-template-columns: 1.1fr .8fr 120px 1.4fr auto;
  gap: 9px;
  align-items: end;
}
.toolbox-body .tb-template-use-panel label {
  display: grid;
  gap: 5px;
  color: #4e586a;
  font-size: 10px;
  font-weight: 800;
}
.toolbox-body .tb-template-use-panel input,
.toolbox-body .tb-template-use-panel select,
.toolbox-body .tb-template-use-panel textarea {
  width: 100%;
  min-height: 39px;
  border: 1px solid #dce0e7;
  border-radius: 6px;
  outline: 0;
  padding: 8px 9px;
  font: inherit;
  font-size: 10px;
}

.toolbox-body .tb-geo-library-tabs {
  min-height: 54px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid #e1e4ea;
  background: #fff;
}
.toolbox-body .tb-geo-library-tabs button {
  min-height: 36px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: #687183;
  padding: 0 12px;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
}
.toolbox-body .tb-geo-library-tabs button.active {
  border-color: #2f3748;
  background: #2f3748;
  color: #fff;
}
.toolbox-body .tb-geo-library-toolbar {
  margin: 14px 16px 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px auto;
  align-items: center;
  gap: 10px;
}
.toolbox-body .tb-geo-library-toolbar > div strong,
.toolbox-body .tb-geo-library-toolbar > div span {
  display: block;
}
.toolbox-body .tb-geo-library-toolbar > div strong { font-size: 13px; }
.toolbox-body .tb-geo-library-toolbar > div span { margin-top: 3px; color: #858d9b; font-size: 10px; }
.toolbox-body .tb-geo-library-toolbar > label {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 38px;
}
.toolbox-body .tb-geo-library-toolbar input,
.toolbox-body .tb-geo-library-toolbar label button {
  min-width: 0;
  min-height: 38px;
  border: 1px solid #dce0e7;
  background: #fff;
  font: inherit;
}
.toolbox-body .tb-geo-library-toolbar input {
  border-radius: 6px 0 0 6px;
  padding: 0 10px;
  font-size: 11px;
}
.toolbox-body .tb-geo-library-toolbar label button {
  border-left: 0;
  border-radius: 0 6px 6px 0;
  color: #6251cc;
}
.toolbox-body .tb-geo-folder-grid {
  margin: 14px 16px 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.toolbox-body .tb-geo-folder-grid article {
  min-width: 0;
  min-height: 176px;
  padding: 14px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-content: start;
  gap: 10px;
  border: 1px solid #e0e3e9;
  border-radius: 8px;
  background: #fff;
}
.toolbox-body .tb-geo-folder-grid article > i {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #efeaff;
  color: #6751d0;
  font-size: 17px;
}
.toolbox-body .tb-geo-folder-grid article strong { font-size: 12px; }
.toolbox-body .tb-geo-folder-grid article p { min-height: 34px; margin: 5px 0; color: #7d8696; font-size: 10px; line-height: 1.6; }
.toolbox-body .tb-geo-folder-grid article span { color: #989eaa; font-size: 9px; }
.toolbox-body .tb-geo-folder-grid footer {
  grid-column: 1 / -1;
  margin-top: auto;
  display: flex;
  gap: 7px;
}
.toolbox-body .tb-geo-folder-grid footer button {
  min-height: 30px;
  flex: 1;
  border: 1px solid #dfe2e8;
  border-radius: 5px;
  background: #fff;
  color: #5b6577;
  font: inherit;
  font-size: 10px;
}
.toolbox-body .tb-geo-folder-grid footer button:first-child {
  border-color: #6c55d5;
  color: #624dcc;
}
.toolbox-body .tb-geo-library-empty {
  margin: 12px 16px 18px;
  min-height: 180px;
  display: grid;
  place-content: center;
  border: 1px dashed #d6dae3;
  border-radius: 8px;
  background: #fbfcfd;
  color: #858d9d;
  text-align: center;
}
.toolbox-body .tb-geo-library-empty i { margin: 0 auto 8px; color: #6a55d4; font-size: 26px; }
.toolbox-body .tb-geo-library-empty strong { color: #3e485a; font-size: 13px; }
.toolbox-body .tb-geo-library-empty p { margin: 5px 0 0; font-size: 10px; }

.toolbox-body .tb-viral-library-search {
  margin: 14px auto 0;
  width: min(720px, calc(100% - 32px));
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}
.toolbox-body .tb-viral-library-search label {
  min-width: 0;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  border: 1px solid #dce0e7;
  border-radius: 7px;
  background: #fff;
}
.toolbox-body .tb-viral-library-search label i { color: #9aa1ad; text-align: center; }
.toolbox-body .tb-viral-library-search input { min-width: 0; min-height: 40px; border: 0; outline: 0; background: transparent; font: inherit; font-size: 11px; }
.toolbox-body .tb-viral-library-cats {
  margin: 11px 16px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.toolbox-body .tb-viral-library-cats button {
  min-height: 32px;
  border: 1px solid #e0e3e9;
  border-radius: 999px;
  background: #fff;
  color: #626b7c;
  padding: 0 12px;
  font: inherit;
  font-size: 10px;
}
.toolbox-body .tb-viral-library-cats button.active {
  border-color: #6e56d5;
  background: #6e56d5;
  color: #fff;
}
.toolbox-body .tb-viral-library-grid {
  margin: 14px 16px 18px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.toolbox-body .tb-viral-library-grid article {
  min-width: 0;
  min-height: 220px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  border: 1px solid #e0e3e9;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 6px 16px rgba(35, 44, 61, .04);
}
.toolbox-body .tb-viral-library-grid article > header {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.toolbox-body .tb-viral-library-grid article > header span,
.toolbox-body .tb-viral-library-grid article > header b {
  font-size: 9px;
}
.toolbox-body .tb-viral-library-grid article > header span {
  border-radius: 999px;
  background: #f1edff;
  color: #6650ce;
  padding: 4px 7px;
}
.toolbox-body .tb-viral-library-grid article > header b { color: #ef792e; }
.toolbox-body .tb-viral-library-grid article > strong { margin-top: 13px; color: #273044; font-size: 14px; line-height: 1.55; }
.toolbox-body .tb-viral-library-grid article > p { color: #707a8c; font-size: 10px; line-height: 1.75; }
.toolbox-body .tb-viral-library-grid article > footer { margin-top: auto; }
.toolbox-body .tb-viral-library-grid article > footer > small { color: #989faa; font-size: 9px; }
.toolbox-body .tb-viral-library-grid article > footer > div { margin-top: 10px; display: grid; grid-template-columns: 1fr 64px; gap: 7px; }
.toolbox-body .tb-viral-library-grid article > footer button { min-height: 34px; border: 1px solid #dfe2e8; border-radius: 6px; background: #fff; color: #596375; font: inherit; font-size: 10px; font-weight: 800; }
.toolbox-body .tb-viral-library-grid article > footer button:first-child { border-color: #7059d8; background: #f2efff; color: #644fce; }

.toolbox-body .tb-image-home-studio > header {
  background: #fff9f0;
}
.toolbox-body .tb-image-home-types {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}
.toolbox-body .tb-image-home-types input {
  position: absolute;
  opacity: 0;
}
.toolbox-body .tb-image-home-types label > span {
  min-height: 76px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-content: center;
  column-gap: 10px;
  border: 1px solid #dfe2e8;
  border-radius: 8px;
  background: #fff;
  padding: 10px 12px;
  cursor: pointer;
}
.toolbox-body .tb-image-home-types label i {
  grid-row: 1 / span 2;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #f0ecff;
  color: #6650ce;
  font-size: 16px;
}
.toolbox-body .tb-image-home-types label strong { font-size: 12px; }
.toolbox-body .tb-image-home-types label small { color: #818999; font-size: 9px; }
.toolbox-body .tb-image-home-types input:checked + span { border-color: #1e9b74; background: #f2fbf8; box-shadow: inset 0 0 0 1px #1e9b74; }
.toolbox-body .tb-image-home-composer {
  margin-top: 11px;
  overflow: hidden;
  border: 1px solid #dce0e8;
  border-radius: 8px;
  background: #fff;
}
.toolbox-body .tb-image-home-composer textarea {
  width: 100%;
  min-height: 210px;
  resize: vertical;
  border: 0;
  outline: 0;
  padding: 16px;
  font: inherit;
  font-size: 12px;
  line-height: 1.75;
}
.toolbox-body .tb-image-home-upload {
  margin-top: 11px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}
.toolbox-body .tb-image-home-upload .tb-upload-drop {
  min-height: 132px;
}
.toolbox-body .tb-image-home-upload details {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dfe2e8;
  border-radius: 8px;
  background: #fff;
}
.toolbox-body .tb-image-home-upload summary {
  min-height: 42px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  color: #596375;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
.toolbox-body .tb-image-home-upload .tb-checkbox-list { padding: 0 10px 10px; }
.toolbox-body .tb-image-home-result {
  margin: 0 16px 18px;
  overflow: hidden;
  border: 1px solid #e0e3e9;
  border-radius: 8px;
  background: #fff;
}
.toolbox-body .tb-image-home-result > header {
  min-height: 46px;
  padding: 0 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e7e9ee;
}
.toolbox-body .tb-image-home-result > header strong { font-size: 12px; }
.toolbox-body .tb-image-home-result > header span { color: #8b92a0; font-size: 9px; }
.toolbox-body .tb-image-result-empty {
  min-height: 230px;
  display: grid;
  place-content: center;
  color: #858d9c;
  text-align: center;
}
.toolbox-body .tb-image-result-empty i { color: #6b55d5; font-size: 28px; }
.toolbox-body .tb-image-result-empty strong { margin-top: 8px; color: #3f495b; font-size: 13px; }
.toolbox-body .tb-image-result-empty p { margin: 5px 0 0; font-size: 10px; }

@media (max-width: 1180px) {
  .toolbox-body .tb-template-market-grid,
  .toolbox-body .tb-geo-folder-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .toolbox-body .tb-template-use-panel > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .toolbox-body .tb-template-use-panel > div > button {
    align-self: stretch;
  }
}
@media (max-width: 900px) {
  .toolbox-body .tb-compose-settings,
  .toolbox-body .tb-image-home-settings,
  .toolbox-body .tb-template-market-grid,
  .toolbox-body .tb-geo-folder-grid,
  .toolbox-body .tb-viral-library-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .toolbox-body .tb-cover-template-strip > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .toolbox-body .tb-geo-library-toolbar {
    grid-template-columns: 1fr auto;
  }
  .toolbox-body .tb-geo-library-toolbar > label {
    grid-column: 1 / -1;
    grid-row: 2;
  }
}
@media (max-width: 720px) {
  .toolbox-body .tb-image-compose-head,
  .toolbox-body .tb-template-market-studio > header,
  .toolbox-body .tb-geo-library-studio > header,
  .toolbox-body .tb-viral-library-studio > header,
  .toolbox-body .tb-image-home-studio > header {
    min-height: 0;
    padding: 18px 15px;
    align-items: flex-start;
    flex-direction: column;
  }
  .toolbox-body .tb-image-compose-head.centered {
    text-align: left;
  }
  .toolbox-body .tb-image-compose-head.centered > div {
    margin-left: 0;
  }
  .toolbox-body .tb-image-compose-head h3,
  .toolbox-body .tb-template-market-studio > header h3,
  .toolbox-body .tb-geo-library-studio > header h3,
  .toolbox-body .tb-viral-library-studio > header h3,
  .toolbox-body .tb-prompt-reverse-studio > header h3,
  .toolbox-body .tb-image-home-studio > header h2 {
    font-size: 20px;
  }
  .toolbox-body .tb-image-compose-studio > .tb-design-tabs,
  .toolbox-body .tb-image-home-studio > .tb-design-tabs {
    overflow-x: auto;
    grid-template-columns: repeat(8, 120px);
  }
  .toolbox-body .tb-compose-count {
    overflow-x: auto;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 10px;
  }
  .toolbox-body .tb-compose-count > div {
    order: 3;
    min-width: 360px;
  }
  .toolbox-body .tb-compose-canvas > textarea {
    min-height: 220px;
  }
  .toolbox-body .tb-compose-settings,
  .toolbox-body .tb-image-home-settings,
  .toolbox-body .tb-batch-reference-board,
  .toolbox-body .tb-prompt-reverse-options,
  .toolbox-body .tb-template-market-grid,
  .toolbox-body .tb-template-use-panel > div,
  .toolbox-body .tb-geo-folder-grid,
  .toolbox-body .tb-viral-library-grid,
  .toolbox-body .tb-image-home-types,
  .toolbox-body .tb-image-home-upload {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-prompt-reverse-options > label:last-child {
    grid-column: auto;
  }
  .toolbox-body .tb-compose-submit {
    align-items: stretch;
    flex-direction: column;
  }
  .toolbox-body .tb-compose-submit .tb-btn.primary {
    width: 100%;
  }
  .toolbox-body .tb-cover-template-strip > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .toolbox-body .tb-template-market-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }
  .toolbox-body .tb-template-market-copy {
    min-height: 116px;
    padding: 8px;
  }
  .toolbox-body .tb-template-market-copy > small {
    -webkit-line-clamp: 1;
  }
  .toolbox-body .tb-template-market-search form,
  .toolbox-body .tb-viral-library-search,
  .toolbox-body .tb-geo-library-toolbar {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-geo-library-toolbar > label {
    grid-column: auto;
    grid-row: auto;
  }
  .toolbox-body .tb-geo-library-tabs {
    overflow-x: auto;
    align-items: center;
  }
  .toolbox-body .tb-geo-library-tabs button {
    flex: 0 0 auto;
  }
  .toolbox-body .tb-prompt-reverse-drop {
    min-height: 210px;
  }
}

/* 20260714f: 专属图文工作台 */
.toolbox-body .tb-creation-studio,
.toolbox-body .tb-photo-note-studio,
.toolbox-body .tb-persona-studio,
.toolbox-body .tb-assigned-studio,
.toolbox-body .tb-batch-poster-studio {
  --studio-accent: #7655ea;
  --studio-soft: #f2efff;
  color: #172033;
  background: linear-gradient(145deg, #fbfcff 0%, #f8f6ff 55%, #fff9f5 100%);
  border: 1px solid #e8e5f2;
  border-radius: 8px;
  overflow: hidden;
  letter-spacing: 0;
}
.toolbox-body .tb-creation-studio.tone-indigo {
  --studio-accent: #5d62d9;
  --studio-soft: #eef0ff;
}
.toolbox-body .tb-studio-intro,
.toolbox-body .tb-assigned-studio > header,
.toolbox-body .tb-batch-poster-studio > header,
.toolbox-body .tb-photo-note-studio > header {
  min-height: 132px;
  padding: 24px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background: linear-gradient(115deg, rgba(118, 85, 234, .11), rgba(238, 91, 142, .07) 55%, rgba(255, 171, 64, .09));
  border-bottom: 1px solid rgba(118, 85, 234, .14);
}
.toolbox-body .tb-studio-intro span,
.toolbox-body .tb-assigned-studio > header span,
.toolbox-body .tb-batch-poster-studio > header span,
.toolbox-body .tb-photo-note-studio > header span,
.toolbox-body .tb-persona-banner span {
  display: block;
  color: var(--studio-accent, #7655ea);
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 7px;
}
.toolbox-body .tb-studio-intro h3,
.toolbox-body .tb-assigned-studio > header h3,
.toolbox-body .tb-batch-poster-studio > header h3,
.toolbox-body .tb-photo-note-studio > header h3,
.toolbox-body .tb-persona-banner h3 {
  margin: 0;
  font-size: 26px;
  line-height: 1.22;
  letter-spacing: 0;
}
.toolbox-body .tb-studio-intro p,
.toolbox-body .tb-assigned-studio > header p,
.toolbox-body .tb-batch-poster-studio > header p,
.toolbox-body .tb-photo-note-studio > header p,
.toolbox-body .tb-persona-banner p {
  margin: 9px 0 0;
  max-width: 720px;
  color: #687287;
  font-size: 13px;
  line-height: 1.7;
}
.toolbox-body .tb-studio-intro > a,
.toolbox-body .tb-assigned-studio > header > a {
  flex: 0 0 auto;
  color: var(--studio-accent, #7655ea);
  background: #fff;
  border: 1px solid #ded9ee;
  border-radius: 7px;
  padding: 9px 14px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
.toolbox-body .tb-studio-form,
.toolbox-body .tb-photo-note-studio > form,
.toolbox-body .tb-assigned-studio > form,
.toolbox-body .tb-batch-poster-studio > form {
  padding: 20px 24px 24px;
}
.toolbox-body .tb-studio-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  max-width: 620px;
  margin: 0 auto 14px;
  padding: 4px;
  background: #ebeaf2;
  border-radius: 8px;
}
.toolbox-body .tb-studio-tabs button {
  min-height: 42px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #596277;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.toolbox-body .tb-studio-tabs button.active {
  color: #fff;
  background: var(--studio-accent);
  box-shadow: 0 5px 14px rgba(88, 70, 170, .24);
}
.toolbox-body .tb-studio-tip {
  margin: 0 0 14px;
  padding: 12px 14px;
  display: flex;
  gap: 14px;
  align-items: center;
  border: 1px dashed #cec7ee;
  border-radius: 7px;
  background: rgba(255, 255, 255, .8);
}
.toolbox-body .tb-studio-tip strong {
  flex: 0 0 auto;
  color: var(--studio-accent);
  font-size: 13px;
}
.toolbox-body .tb-studio-tip span {
  margin: 0;
  color: #70798c;
  font-size: 12px;
}
.toolbox-body .tb-studio-prompt {
  position: relative;
  display: block;
  margin-bottom: 14px;
  padding: 15px;
  background: #fff;
  border: 1px solid #dfe2eb;
  border-radius: 8px;
}
.toolbox-body .tb-studio-prompt > span {
  display: block;
  margin-bottom: 9px;
  color: #2c3548;
  font-size: 13px;
  font-weight: 800;
}
.toolbox-body .tb-studio-prompt b,
.toolbox-body .tb-photo-upload-card b,
.toolbox-body .tb-assigned-studio label > b,
.toolbox-body .tb-batch-poster-studio label > b {
  color: #ef4c72;
}
.toolbox-body .tb-studio-prompt textarea {
  width: 100%;
  min-height: 158px;
  resize: vertical;
  border: 0;
  outline: 0;
  background: transparent;
  color: #283145;
  font: inherit;
  font-size: 14px;
  line-height: 1.75;
}
.toolbox-body .tb-studio-prompt > small {
  display: block;
  margin-top: 7px;
  color: #929aab;
  text-align: right;
  font-size: 11px;
}
.toolbox-body .tb-studio-upload-grid {
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  gap: 14px;
  margin-bottom: 14px;
}
.toolbox-body .tb-studio-upload-grid > div {
  padding: 14px;
  background: #fff;
  border: 1px solid #e0e2eb;
  border-radius: 8px;
}
.toolbox-body .tb-studio-upload-grid > div > strong,
.toolbox-body .tb-choice-section > strong {
  display: inline-block;
  margin-bottom: 10px;
  color: #293247;
  font-size: 13px;
}
.toolbox-body .tb-studio-upload-grid > div > small {
  float: right;
  color: #8b94a6;
  font-size: 11px;
}
.toolbox-body .tb-studio-upload-grid .tb-upload-drop {
  min-height: 142px;
}
.toolbox-body .tb-studio-fields,
.toolbox-body .tb-photo-note-bottom {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
  padding: 16px;
  background: #fff;
  border: 1px solid #e0e2eb;
  border-radius: 8px;
}
.toolbox-body .tb-studio-fields .tb-field.full,
.toolbox-body .tb-photo-note-bottom .tb-field.full {
  grid-column: auto;
}
.toolbox-body .tb-studio-submit {
  margin-top: 14px;
  padding: 13px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: #161d2e;
  border-radius: 8px;
  color: #fff;
}
.toolbox-body .tb-studio-submit > div {
  display: grid;
  gap: 2px;
}
.toolbox-body .tb-studio-submit > div strong {
  font-size: 18px;
}
.toolbox-body .tb-studio-submit > div span {
  margin: 0;
  color: #b7bfd0;
  font-size: 11px;
}
.toolbox-body .tb-studio-submit .tb-btn.primary {
  min-width: 190px;
  background: linear-gradient(105deg, var(--studio-accent, #7655ea), #ec5289);
  border: 0;
  box-shadow: none;
}
.toolbox-body .tb-source-switch {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 14px;
}
.toolbox-body .tb-source-switch input,
.toolbox-body .tb-choice-cards input,
.toolbox-body .tb-segmented input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.toolbox-body .tb-source-switch span {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid #d9dcea;
  border-radius: 7px;
  background: #fff;
  color: #586176;
  font-size: 13px;
  cursor: pointer;
}
.toolbox-body .tb-source-switch input:checked + span {
  color: var(--studio-accent);
  border-color: var(--studio-accent);
  background: var(--studio-soft);
}
.toolbox-body .tb-photo-note-studio {
  --studio-accent: #e94e78;
}
.toolbox-body .tb-photo-note-studio > header {
  display: block;
  text-align: center;
}
.toolbox-body .tb-photo-upload-card,
.toolbox-body .tb-choice-section {
  margin-bottom: 12px;
  padding: 16px;
  background: #fff;
  border: 1px solid #e5e2ed;
  border-radius: 8px;
}
.toolbox-body .tb-photo-upload-card > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.toolbox-body .tb-photo-upload-card select {
  min-height: 34px;
  border: 1px solid #d8dce7;
  border-radius: 6px;
  background: #fff;
  padding: 0 10px;
}
.toolbox-body .tb-photo-note-upload {
  min-height: 124px;
}
.toolbox-body .tb-choice-cards {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 9px;
}
.toolbox-body .tb-choice-cards.scene {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.toolbox-body .tb-choice-cards span,
.toolbox-body .tb-segmented span {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px;
  border: 1px solid #dde0ea;
  border-radius: 7px;
  background: #fff;
  color: #596276;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}
.toolbox-body .tb-choice-cards input:checked + span,
.toolbox-body .tb-segmented input:checked + span {
  border-color: var(--studio-accent);
  background: #fff0f5;
  color: var(--studio-accent);
  box-shadow: 0 5px 15px rgba(233, 78, 120, .12);
}
.toolbox-body .tb-segmented {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  max-width: 560px;
}
.toolbox-body .tb-persona-banner {
  padding: 24px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background: linear-gradient(120deg, #eef4ff, #f8f6ff 62%, #fff5f0);
  border-bottom: 1px solid #e2e6ef;
}
.toolbox-body .tb-persona-grid {
  padding: 20px 24px 24px;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 14px;
}
.toolbox-body .tb-persona-card {
  padding: 18px;
  background: #fff;
  border: 1px solid #dfe3ed;
  border-radius: 8px;
}
.toolbox-body .tb-persona-card header {
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.toolbox-body .tb-persona-card header strong {
  font-size: 16px;
}
.toolbox-body .tb-persona-card header a,
.toolbox-body .tb-persona-card header span {
  color: #6c59d9;
  font-size: 12px;
  text-decoration: none;
}
.toolbox-body .tb-persona-card > label,
.toolbox-body .tb-assigned-grid label,
.toolbox-body .tb-batch-poster-grid label,
.toolbox-body .tb-full-textarea {
  display: grid;
  gap: 7px;
  margin-bottom: 13px;
  color: #333d50;
  font-size: 12px;
  font-weight: 800;
}
.toolbox-body .tb-persona-card textarea,
.toolbox-body .tb-persona-card input,
.toolbox-body .tb-persona-card select,
.toolbox-body .tb-assigned-grid textarea,
.toolbox-body .tb-assigned-grid input,
.toolbox-body .tb-assigned-grid select,
.toolbox-body .tb-batch-poster-grid textarea,
.toolbox-body .tb-batch-poster-grid input,
.toolbox-body .tb-batch-poster-grid select,
.toolbox-body .tb-full-textarea textarea {
  width: 100%;
  border: 1px solid #d9deea;
  border-radius: 7px;
  background: #fbfcff;
  padding: 11px 12px;
  color: #283145;
  font: inherit;
  font-size: 13px;
  line-height: 1.65;
}
.toolbox-body .tb-persona-grid .tb-studio-submit.full {
  grid-column: 1 / -1;
}
.toolbox-body .tb-assigned-grid,
.toolbox-body .tb-batch-poster-grid {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 14px;
}
.toolbox-body .tb-assigned-grid > section,
.toolbox-body .tb-batch-poster-grid > section {
  padding: 17px;
  background: #fff;
  border: 1px solid #e0e3ec;
  border-radius: 8px;
}
.toolbox-body .tb-assigned-grid .tb-upload-drop,
.toolbox-body .tb-batch-poster-grid .tb-upload-drop {
  min-height: 126px;
}
.toolbox-body .tb-full-textarea {
  padding: 15px;
  background: #fff;
  border: 1px solid #e0e3ec;
  border-radius: 8px;
}
.toolbox-body .tb-batch-poster-studio {
  --studio-accent: #8256e8;
}
.toolbox-body .tb-free-note-studio,
.toolbox-body .tb-local-image-tool {
  color: #182033;
  overflow: hidden;
  border: 1px solid #e4e3ec;
  border-radius: 8px;
  background: linear-gradient(145deg, #fbfcff, #fff8f6);
  letter-spacing: 0;
}
.toolbox-body .tb-free-note-studio > header,
.toolbox-body .tb-local-image-tool > header {
  min-height: 126px;
  padding: 23px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid #e6e4ef;
  background: linear-gradient(110deg, rgba(82, 93, 229, .1), rgba(243, 78, 128, .07), rgba(255, 181, 68, .08));
}
.toolbox-body .tb-free-note-studio > header span,
.toolbox-body .tb-local-image-tool > header span {
  display: block;
  margin-bottom: 7px;
  color: #7153dc;
  font-size: 12px;
  font-weight: 800;
}
.toolbox-body .tb-free-note-studio > header h3,
.toolbox-body .tb-local-image-tool > header h3 {
  margin: 0;
  color: #182033;
  font-size: 26px;
  line-height: 1.2;
  letter-spacing: 0;
}
.toolbox-body .tb-free-note-studio > header p,
.toolbox-body .tb-local-image-tool > header p {
  margin: 8px 0 0;
  color: #697287;
  font-size: 13px;
  line-height: 1.65;
}
.toolbox-body .tb-free-note-studio > header a,
.toolbox-body .tb-local-image-tool > header a {
  flex: 0 0 auto;
  min-height: 38px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #ddd9eb;
  border-radius: 7px;
  background: #fff;
  color: #6048c8;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}
.toolbox-body .tb-free-note-studio > form {
  padding: 18px 22px 23px;
}
.toolbox-body .tb-free-count {
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 14px;
  border: 1px solid #20283a;
  border-radius: 8px;
  background: #151d2e;
  color: #fff;
}
.toolbox-body .tb-free-count > strong {
  color: #ffe278;
  font-size: 13px;
}
.toolbox-body .tb-free-count > div {
  display: flex;
  gap: 7px;
}
.toolbox-body .tb-free-count input {
  position: absolute;
  opacity: 0;
}
.toolbox-body .tb-free-count span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid #495268;
  border-radius: 7px;
  background: #283145;
  color: #e6e9ef;
  font-size: 13px;
  cursor: pointer;
}
.toolbox-body .tb-free-count input:checked + span {
  border-color: #f8a51b;
  background: #f39a0b;
  color: #fff;
  box-shadow: 0 0 0 3px rgba(243, 154, 11, .18);
}
.toolbox-body .tb-free-count > small {
  margin-left: auto;
  color: #9da7ba;
  font-size: 11px;
}
.toolbox-body .tb-free-requirement {
  margin: 14px 0;
  padding: 15px;
  border: 1px solid #dfe2eb;
  border-radius: 8px;
  background: #fff;
}
.toolbox-body .tb-free-requirement label,
.toolbox-body .tb-free-note-grid label,
.toolbox-body .tb-free-options label {
  display: grid;
  gap: 7px;
  color: #344054;
  font-size: 12px;
  font-weight: 800;
}
.toolbox-body .tb-free-requirement b {
  color: #ee476f;
}
.toolbox-body .tb-free-requirement textarea,
.toolbox-body .tb-free-note-grid textarea,
.toolbox-body .tb-free-note-grid input,
.toolbox-body .tb-free-options textarea,
.toolbox-body .tb-free-options input,
.toolbox-body .tb-free-options select {
  width: 100%;
  border: 1px solid #d9deea;
  border-radius: 7px;
  background: #fbfcff;
  padding: 11px 12px;
  color: #283145;
  font: inherit;
  font-size: 13px;
  line-height: 1.65;
}
.toolbox-body .tb-free-note-grid {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 14px;
}
.toolbox-body .tb-free-note-grid > section {
  min-width: 0;
  padding: 16px;
  display: grid;
  align-content: start;
  gap: 13px;
  border: 1px solid #e0e3ec;
  border-radius: 8px;
  background: #fff;
}
.toolbox-body .tb-free-note-grid > section > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.toolbox-body .tb-free-note-grid > section > header strong {
  font-size: 14px;
}
.toolbox-body .tb-free-note-grid > section > header small {
  color: #8c95a7;
  font-size: 11px;
}
.toolbox-body .tb-free-upload {
  min-height: 214px;
}
.toolbox-body .tb-free-mini-upload {
  min-height: 108px;
}
.toolbox-body .tb-free-options {
  margin-top: 14px;
  padding: 15px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  border: 1px solid #e0e3ec;
  border-radius: 8px;
  background: #fff;
}
.toolbox-body .tb-free-options label:last-child {
  grid-column: 1 / -1;
}
.toolbox-body .tb-local-image-layout {
  min-height: 570px;
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
}
.toolbox-body .tb-local-controls {
  padding: 20px;
  border-right: 1px solid #e1e4ec;
  background: #fff;
}
.toolbox-body .tb-local-upload {
  min-height: 190px;
}
.toolbox-body .tb-local-settings {
  margin: 15px 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px;
}
.toolbox-body .tb-local-settings label {
  display: grid;
  gap: 6px;
  color: #475166;
  font-size: 12px;
  font-weight: 800;
}
.toolbox-body .tb-local-settings input,
.toolbox-body .tb-local-settings select {
  width: 100%;
  min-height: 41px;
  border: 1px solid #d9deea;
  border-radius: 7px;
  background: #fbfcff;
  padding: 0 10px;
  color: #293247;
}
.toolbox-body .tb-local-settings input[type="color"] {
  padding: 4px;
}
.toolbox-body .tb-local-preview {
  min-width: 0;
  padding: 26px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  background: repeating-conic-gradient(#f2f3f7 0 25%, #fafbfc 0 50%) 0 / 24px 24px;
}
.toolbox-body .tb-local-preview > div {
  max-width: 420px;
  padding: 26px;
  border: 1px dashed #c8cedb;
  border-radius: 8px;
  background: rgba(255, 255, 255, .92);
  text-align: center;
}
.toolbox-body .tb-local-preview > div strong {
  color: #2c3548;
  font-size: 16px;
}
.toolbox-body .tb-local-preview > div p {
  margin: 7px 0 0;
  color: #7a8496;
  font-size: 12px;
}
.toolbox-body .tb-local-preview canvas {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 620px;
  border: 1px solid #d8dce5;
  background: #fff;
  box-shadow: 0 14px 34px rgba(20, 28, 44, .13);
}
.toolbox-body .tb-local-preview canvas[hidden] {
  display: none;
}
.toolbox-body .tb-local-preview > .tb-btn {
  min-width: 160px;
  justify-content: center;
}
.toolbox-body .tb-topic-hub,
.toolbox-body .tb-visual-template-studio,
.toolbox-body .tb-wechat-cover-studio,
.toolbox-body .tb-image-task-studio,
.toolbox-body .tb-id-photo-studio {
  color: #192135;
  overflow: hidden;
  border: 1px solid #e2e4ec;
  border-radius: 8px;
  background: #f8f9fd;
  letter-spacing: 0;
}
.toolbox-body .tb-topic-hub > header {
  padding: 25px 28px;
  color: #fff;
  background: linear-gradient(112deg, #5c68e8, #984fe0 58%, #e65d9e);
  text-align: center;
}
.toolbox-body .tb-topic-hub > header h3 {
  margin: 0;
  font-size: 27px;
  letter-spacing: 0;
}
.toolbox-body .tb-topic-hub > header p {
  margin: 7px 0 15px;
  color: rgba(255,255,255,.82);
  font-size: 12px;
}
.toolbox-body .tb-topic-search {
  width: min(590px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  border-radius: 7px;
  background: #fff;
  padding: 4px;
}
.toolbox-body .tb-topic-search input {
  min-height: 42px;
  border: 0;
  outline: 0;
  padding: 0 13px;
  color: #273046;
  font-size: 13px;
}
.toolbox-body .tb-topic-search button {
  min-width: 90px;
  border: 0;
  border-radius: 6px;
  background: #20283a;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}
.toolbox-body .tb-topic-library {
  padding: 18px 20px 20px;
}
.toolbox-body .tb-topic-promo {
  padding: 13px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid #ffccd4;
  border-radius: 8px;
  background: linear-gradient(100deg, #fff0f1, #fff7ec);
}
.toolbox-body .tb-topic-promo strong,
.toolbox-body .tb-topic-promo span {
  display: block;
}
.toolbox-body .tb-topic-promo strong {
  color: #de3559;
  font-size: 15px;
}
.toolbox-body .tb-topic-promo span {
  margin-top: 3px;
  color: #7d6170;
  font-size: 11px;
}
.toolbox-body .tb-topic-promo a {
  color: #d9345a;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}
.toolbox-body .tb-topic-library > nav {
  margin: 13px 0;
  display: flex;
  gap: 7px;
  overflow-x: auto;
}
.toolbox-body .tb-topic-library > nav button,
.toolbox-body .tb-wechat-cover-gallery > nav button {
  min-height: 36px;
  flex: 0 0 auto;
  border: 1px solid #dce0e9;
  border-radius: 7px;
  background: #fff;
  color: #5e677b;
  padding: 0 14px;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.toolbox-body .tb-topic-library > nav button.active,
.toolbox-body .tb-wechat-cover-gallery > nav button.active {
  border-color: #7354df;
  background: #7354df;
  color: #fff;
}
.toolbox-body .tb-topic-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.toolbox-body .tb-topic-cards > button {
  position: relative;
  min-height: 146px;
  padding: 15px;
  display: grid;
  grid-template-columns: 38px 1fr;
  grid-template-rows: auto 1fr auto;
  gap: 6px 10px;
  border: 1px solid #e0e3eb;
  border-radius: 8px;
  background: #fff;
  color: #263045;
  text-align: left;
  cursor: pointer;
}
.toolbox-body .tb-topic-cards > button:hover,
.toolbox-body .tb-topic-cards > button.active {
  border-color: #8c70ec;
  box-shadow: 0 9px 22px rgba(73, 60, 150, .1);
}
.toolbox-body .tb-topic-cards > button > span {
  width: 38px;
  height: 38px;
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: #7655e7;
  color: #fff;
  font-size: 16px;
  font-weight: 900;
}
.toolbox-body .tb-topic-cards > button.tone-1 > span { background:#18a874; }
.toolbox-body .tb-topic-cards > button.tone-2 > span { background:#3d7ee8; }
.toolbox-body .tb-topic-cards > button.tone-3 > span { background:#ee4f69; }
.toolbox-body .tb-topic-cards > button.tone-4 > span { background:#18a2c2; }
.toolbox-body .tb-topic-cards > button.tone-5 > span { background:#f08a2a; }
.toolbox-body .tb-topic-cards strong {
  font-size: 14px;
}
.toolbox-body .tb-topic-cards em {
  color: #747e91;
  font-size: 12px;
  font-style: normal;
  line-height: 1.5;
}
.toolbox-body .tb-topic-cards small {
  grid-column: 1 / -1;
  padding-top: 9px;
  border-top: 1px dashed #e4e6ed;
  color: #8a93a5;
  font-size: 11px;
}
.toolbox-body .tb-topic-form {
  margin: 0 20px 20px;
  padding: 17px;
  border: 1px solid #dfe2eb;
  border-radius: 8px;
  background: #fff;
}
.toolbox-body .tb-topic-form > header {
  margin-bottom: 14px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.toolbox-body .tb-topic-form > header span {
  color: #7d8799;
  font-size: 11px;
}
.toolbox-body .tb-visual-template-studio > header,
.toolbox-body .tb-wechat-cover-studio > header,
.toolbox-body .tb-image-task-studio > header,
.toolbox-body .tb-id-photo-studio > header {
  min-height: 126px;
  padding: 23px 27px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid #e3e4ec;
  background: linear-gradient(112deg, #f0f1ff, #fff4f8 56%, #fff9ee);
}
.toolbox-body .tb-image-task-studio > header {
  display: block;
  text-align: center;
}
.toolbox-body .tb-visual-template-studio > header span,
.toolbox-body .tb-wechat-cover-studio > header span,
.toolbox-body .tb-image-task-studio > header span,
.toolbox-body .tb-id-photo-studio > header span {
  display: block;
  margin-bottom: 7px;
  color: #7253dc;
  font-size: 12px;
  font-weight: 800;
}
.toolbox-body .tb-visual-template-studio > header h3,
.toolbox-body .tb-wechat-cover-studio > header h3,
.toolbox-body .tb-image-task-studio > header h3,
.toolbox-body .tb-id-photo-studio > header h3 {
  margin: 0;
  font-size: 25px;
  letter-spacing: 0;
}
.toolbox-body .tb-visual-template-studio > header p,
.toolbox-body .tb-wechat-cover-studio > header p,
.toolbox-body .tb-image-task-studio > header p,
.toolbox-body .tb-id-photo-studio > header p {
  margin: 8px 0 0;
  color: #6b7487;
  font-size: 12px;
  line-height: 1.6;
}
.toolbox-body .tb-visual-template-studio > header a,
.toolbox-body .tb-wechat-cover-studio > header a,
.toolbox-body .tb-id-photo-studio > header a {
  min-height: 38px;
  flex: 0 0 auto;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #dedbea;
  border-radius: 7px;
  background: #fff;
  color: #624acb;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}
.toolbox-body .tb-visual-template-studio > form {
  padding: 18px 21px 22px;
}
.toolbox-body .tb-template-mode-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 13px;
}
.toolbox-body .tb-template-mode-row input,
.toolbox-body .tb-visual-template-list input,
.toolbox-body .tb-wechat-cover-gallery input,
.toolbox-body .tb-id-photo-controls fieldset input {
  position: absolute;
  opacity: 0;
}
.toolbox-body .tb-template-mode-row label span {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #dddfea;
  border-radius: 7px;
  background: #fff;
  color: #586176;
  padding: 0 15px;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}
.toolbox-body .tb-template-mode-row input:checked + span {
  border-color: #7958e2;
  background: #7958e2;
  color: #fff;
}
.toolbox-body .tb-template-mode-row > small {
  margin-left: auto;
  color: #8790a1;
  font-size: 11px;
}
.toolbox-body .tb-template-main-prompt {
  display: grid;
  gap: 8px;
  padding: 15px;
  border: 1px solid #dfe2eb;
  border-radius: 8px;
  background: #fff;
  color: #354055;
  font-size: 12px;
  font-weight: 800;
}
.toolbox-body .tb-template-main-prompt b { color:#ef4d75; }
.toolbox-body .tb-template-main-prompt textarea {
  width: 100%;
  border: 0;
  outline: 0;
  resize: vertical;
  color: #283145;
  font: inherit;
  font-size: 13px;
  line-height: 1.7;
}
.toolbox-body .tb-template-link-row {
  margin: 12px 0;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.toolbox-body .tb-template-link-row > a,
.toolbox-body .tb-template-link-row > label {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #dfe2eb;
  border-radius: 7px;
  background: #fff;
  color: #5c6578;
  padding: 0 11px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}
.toolbox-body .tb-template-link-row select {
  border: 0;
  outline: 0;
  color: #374157;
  background: transparent;
}
.toolbox-body .tb-visual-template-list {
  padding: 16px;
  border: 1px solid #e0e2eb;
  border-radius: 8px;
  background: #fff;
}
.toolbox-body .tb-visual-template-list > header {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.toolbox-body .tb-visual-template-list > header strong,
.toolbox-body .tb-visual-template-list > header span { display:block; }
.toolbox-body .tb-visual-template-list > header span { margin-top:3px;color:#8991a2;font-size:11px; }
.toolbox-body .tb-visual-template-list > header a { color:#7554dd;font-size:12px;text-decoration:none;font-weight:800; }
.toolbox-body .tb-visual-template-list > div {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.toolbox-body .tb-visual-template-list label span {
  min-height: 170px;
  padding: 13px 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 2px solid transparent;
  border-radius: 7px;
  background: linear-gradient(150deg, #fff1b8, #fff9e2);
  color: #283145;
  cursor: pointer;
}
.toolbox-body .tb-visual-template-list label.theme-1 span { background:linear-gradient(150deg,#dff7ef,#f5fffb); }
.toolbox-body .tb-visual-template-list label.theme-2 span { background:linear-gradient(150deg,#dfe8ff,#f5f8ff); }
.toolbox-body .tb-visual-template-list label.theme-3 span { background:linear-gradient(150deg,#ffe1eb,#fff5f8); }
.toolbox-body .tb-visual-template-list label.theme-4 span { background:linear-gradient(150deg,#e8e3ff,#f8f6ff); }
.toolbox-body .tb-visual-template-list label.theme-5 span { background:linear-gradient(150deg,#dff6ff,#f5fcff); }
.toolbox-body .tb-visual-template-list input:checked + span {
  border-color: #7756df;
  box-shadow: 0 8px 20px rgba(92, 74, 177, .15);
}
.toolbox-body .tb-visual-template-list i {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255,255,255,.75);
  color: #5f4cc3;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}
.toolbox-body .tb-visual-template-list b { font-size:13px;line-height:1.45; }
.toolbox-body .tb-visual-template-list em { color:#778094;font-size:10px;font-style:normal; }
.toolbox-body .tb-wechat-cover-layout,
.toolbox-body .tb-image-task-layout,
.toolbox-body .tb-id-photo-layout {
  display: grid;
  grid-template-columns: 380px minmax(0, 1fr);
  min-height: 610px;
}
.toolbox-body .tb-wechat-cover-controls,
.toolbox-body .tb-image-task-controls,
.toolbox-body .tb-id-photo-controls {
  padding: 18px;
  display: grid;
  align-content: start;
  gap: 12px;
  border-right: 1px solid #e1e4ec;
  background: #fff;
}
.toolbox-body .tb-template-selected {
  padding: 13px;
  border: 1px solid #e1e3eb;
  border-radius: 7px;
  background: #f8f9fd;
}
.toolbox-body .tb-template-selected span,
.toolbox-body .tb-template-selected strong,
.toolbox-body .tb-template-selected small { display:block; }
.toolbox-body .tb-template-selected strong { margin:3px 0;color:#2e374b;font-size:15px; }
.toolbox-body .tb-template-selected small { color:#8992a4;font-size:10px; }
.toolbox-body .tb-wechat-cover-controls > label,
.toolbox-body .tb-image-task-controls > label,
.toolbox-body .tb-id-photo-controls > label {
  display: grid;
  gap: 6px;
  color: #3a455a;
  font-size: 12px;
  font-weight: 800;
}
.toolbox-body .tb-wechat-cover-controls input,
.toolbox-body .tb-wechat-cover-controls textarea,
.toolbox-body .tb-wechat-cover-controls select,
.toolbox-body .tb-image-task-controls input,
.toolbox-body .tb-image-task-controls textarea,
.toolbox-body .tb-image-task-controls select,
.toolbox-body .tb-id-photo-controls input,
.toolbox-body .tb-id-photo-controls textarea,
.toolbox-body .tb-id-photo-controls select {
  width: 100%;
  border: 1px solid #d9deea;
  border-radius: 7px;
  background: #fbfcff;
  padding: 10px 11px;
  color: #293247;
  font: inherit;
  font-size: 12px;
  line-height: 1.6;
}
.toolbox-body .tb-wechat-cover-controls label > b,
.toolbox-body .tb-image-task-controls label > b,
.toolbox-body .tb-id-photo-controls label > b { color:#ee4a72; }
.toolbox-body .tb-wechat-cover-gallery {
  min-width: 0;
  padding: 18px;
}
.toolbox-body .tb-wechat-cover-gallery > nav {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  margin-bottom: 13px;
}
.toolbox-body .tb-wechat-cover-gallery > div:not(.tb-tool-result) {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.toolbox-body .tb-wechat-cover-gallery label span {
  aspect-ratio: 1.95 / 1;
  padding: 13px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 3px solid #fff;
  border-radius: 8px;
  background: linear-gradient(135deg,#be1e2d,#f2c15f);
  color: #fff;
  box-shadow: 0 2px 0 #e0e2e8;
  text-align: center;
  cursor: pointer;
}
.toolbox-body .tb-wechat-cover-gallery label.cover-1 span { background:linear-gradient(135deg,#14366f,#2383db); }
.toolbox-body .tb-wechat-cover-gallery label.cover-2 span { background:linear-gradient(135deg,#ef4158,#ffb34f); }
.toolbox-body .tb-wechat-cover-gallery label.cover-3 span { background:linear-gradient(135deg,#741722,#d9303e); }
.toolbox-body .tb-wechat-cover-gallery label.cover-4 span { background:linear-gradient(135deg,#0a4c87,#0db9c4); }
.toolbox-body .tb-wechat-cover-gallery label.cover-5 span { background:linear-gradient(135deg,#6529a8,#e36bb2); }
.toolbox-body .tb-wechat-cover-gallery label.cover-6 span { background:linear-gradient(135deg,#e1a225,#fff1a4);color:#6a4500; }
.toolbox-body .tb-wechat-cover-gallery label.cover-7 span { background:linear-gradient(135deg,#202533,#727a8e); }
.toolbox-body .tb-wechat-cover-gallery label.cover-8 span { background:linear-gradient(135deg,#143f32,#6ea781); }
.toolbox-body .tb-wechat-cover-gallery input:checked + span { border-color:#7655e6;box-shadow:0 0 0 2px #7655e6; }
.toolbox-body .tb-wechat-cover-gallery b { font-size:17px; }
.toolbox-body .tb-wechat-cover-gallery em { margin-top:4px;font-size:10px;font-style:normal;opacity:.82; }
.toolbox-body .tb-image-task-upload {
  padding: 20px;
  display: grid;
  align-content: center;
  gap: 14px;
  border-right: 1px solid #e1e4ec;
  background: #f7f8fc;
}
.toolbox-body .tb-task-demo {
  min-height: 230px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 8px;
  background: linear-gradient(145deg,#79baf4,#d9efff 52%,#7454e3 53%,#272e6c);
  color: #fff;
}
.toolbox-body .tb-task-demo strong { width:fit-content;border-radius:5px;background:rgba(0,0,0,.45);padding:5px 8px;font-size:11px; }
.toolbox-body .tb-task-demo span { margin-top:20px;font-size:38px;font-weight:900; }
.toolbox-body .tb-task-demo em { margin-top:8px;font-size:11px;font-style:normal;opacity:.85; }
.toolbox-body .tb-image-task-drop { min-height:190px; }
.toolbox-body .tb-image-task-controls .tb-check-row label {
  border: 1px solid #dfe2ea;
  border-radius: 6px;
  background: #f8f9fd;
  padding: 8px;
}
.toolbox-body .tb-id-photo-studio > header { display:flex; }
.toolbox-body .tb-id-photo-controls fieldset {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 7px;
  border: 0;
}
.toolbox-body .tb-id-photo-controls legend {
  margin-bottom: 7px;
  color: #3a455a;
  font-size: 12px;
  font-weight: 800;
}
.toolbox-body .tb-id-photo-controls fieldset span {
  min-height: 54px;
  display: grid;
  place-items: center;
  border: 2px solid transparent;
  border-radius: 7px;
  color: #fff;
  font-size: 11px;
  cursor: pointer;
}
.toolbox-body .tb-id-photo-controls fieldset span.blue { background:#388fe4; }
.toolbox-body .tb-id-photo-controls fieldset span.red { background:#dd3834; }
.toolbox-body .tb-id-photo-controls fieldset span.white { background:#fff;color:#555;border-color:#d9dde6; }
.toolbox-body .tb-id-photo-controls fieldset span.gray { background:#a9afb8; }
.toolbox-body .tb-id-photo-controls fieldset input:checked + span { border-color:#7554df;box-shadow:0 0 0 2px rgba(117,84,223,.22); }
.toolbox-body .tb-id-photo-drop { min-height:180px; }
.toolbox-body .tb-id-photo-preview {
  padding: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg,#f4f2ff,#fff);
  text-align: center;
}
.toolbox-body .tb-id-photo-preview > .tb-id-photo-drop {
  width: min(520px, 100%);
  min-height: 280px;
}
.toolbox-body .tb-id-photo-preview > div:not(.tb-id-photo-examples) {
  width: min(350px,100%);
  min-height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px dashed #bfb7e7;
  border-radius: 8px;
  background: linear-gradient(180deg,#fff,#f7f5ff);
}
.toolbox-body .tb-id-photo-preview span,
.toolbox-body .tb-id-photo-preview strong { display:block; }
.toolbox-body .tb-id-photo-preview span { color:#7658d9;font-size:12px;font-weight:800; }
.toolbox-body .tb-id-photo-preview strong { margin-top:8px;font-size:20px; }
.toolbox-body .tb-id-photo-preview p { color:#80899b;font-size:11px; }
.toolbox-body .tb-id-photo-examples {
  margin-top:14px;
  display:grid;
  grid-template-columns:repeat(4,54px);
  gap:8px;
}
.toolbox-body .tb-id-photo-examples i { height:66px;border-radius:6px;background:#388fe4; }
.toolbox-body .tb-id-photo-examples i.red { background:#dd3834; }
.toolbox-body .tb-id-photo-examples i.white { background:#fff;border:1px solid #d8dce5; }
.toolbox-body .tb-id-photo-examples i.gray { background:#a9afb8; }
.toolbox-body .tb-image-task-examples {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}
.toolbox-body .tb-image-task-examples span {
  min-height: 48px;
  display: grid;
  place-items: center;
  border: 1px solid #dde1e9;
  border-radius: 7px;
  background: #fff;
  color: #697287;
  font-size: 11px;
  font-weight: 800;
}
.toolbox-body .tb-multi-copy-preview {
  margin-top: 14px;
  padding: 16px;
  border: 1px solid #d8dcef;
  border-radius: 8px;
  background: #fff;
}
.toolbox-body .tb-multi-copy-preview > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.toolbox-body .tb-multi-copy-preview > header > em {
  flex: 0 0 auto;
  border: 1px solid #cfd3f1;
  border-radius: 999px;
  background: #f1f2ff;
  color: #595fd0;
  padding: 6px 10px;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}
.toolbox-body .tb-multi-copy-preview strong,
.toolbox-body .tb-multi-copy-preview span {
  display: block;
}
.toolbox-body .tb-multi-copy-preview strong {
  color: #293247;
  font-size: 16px;
}
.toolbox-body .tb-multi-copy-preview span,
.toolbox-body .tb-multi-copy-preview p {
  color: #737d90;
  font-size: 11px;
  line-height: 1.6;
}
.toolbox-body .tb-multi-copy-preview pre {
  max-height: 280px;
  overflow: auto;
  margin: 13px 0;
  padding: 13px;
  border-radius: 7px;
  background: #f5f6fa;
  color: #394359;
  white-space: pre-wrap;
  word-break: break-word;
  font: 12px/1.7 ui-monospace, SFMono-Regular, Menlo, monospace;
}
.toolbox-body .tb-multi-copy-settings {
  margin-top: 15px;
  padding-top: 16px;
  border-top: 1px solid #e5e7ef;
}
.toolbox-body .tb-multi-copy-settings > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}
.toolbox-body .tb-multi-copy-settings > header a {
  flex: 0 0 auto;
  color: #5d62d9;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}
.toolbox-body .tb-multi-copy-generation-form {
  margin-top: 0;
}
.toolbox-body .tb-multi-copy-generation-form .tb-studio-fields {
  padding: 0;
  border: 0;
}
@media (max-width: 1080px) {
  .toolbox-body .tb-studio-upload-grid,
  .toolbox-body .tb-persona-grid,
  .toolbox-body .tb-assigned-grid,
  .toolbox-body .tb-batch-poster-grid {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-free-note-grid,
  .toolbox-body .tb-local-image-layout {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-local-controls {
    border-right: 0;
    border-bottom: 1px solid #e1e4ec;
  }
  .toolbox-body .tb-topic-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .toolbox-body .tb-visual-template-list > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .toolbox-body .tb-wechat-cover-layout,
  .toolbox-body .tb-image-task-layout,
  .toolbox-body .tb-id-photo-layout {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-wechat-cover-controls,
  .toolbox-body .tb-image-task-upload,
  .toolbox-body .tb-id-photo-controls {
    border-right: 0;
    border-bottom: 1px solid #e1e4ec;
  }
  .toolbox-body .tb-choice-cards,
  .toolbox-body .tb-choice-cards.scene {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .toolbox-body .tb-studio-intro,
  .toolbox-body .tb-assigned-studio > header,
  .toolbox-body .tb-batch-poster-studio > header,
  .toolbox-body .tb-persona-banner {
    align-items: flex-start;
    flex-direction: column;
  }
  .toolbox-body .tb-free-note-studio > header,
  .toolbox-body .tb-local-image-tool > header {
    align-items: flex-start;
    flex-direction: column;
  }
  .toolbox-body .tb-visual-template-studio > header,
  .toolbox-body .tb-wechat-cover-studio > header,
  .toolbox-body .tb-id-photo-studio > header {
    align-items: flex-start;
    flex-direction: column;
  }
  .toolbox-body .tb-studio-form,
  .toolbox-body .tb-photo-note-studio > form,
  .toolbox-body .tb-assigned-studio > form,
  .toolbox-body .tb-batch-poster-studio > form,
  .toolbox-body .tb-persona-grid {
    padding: 14px;
  }
  .toolbox-body .tb-studio-fields,
  .toolbox-body .tb-photo-note-bottom,
  .toolbox-body .tb-studio-tabs,
  .toolbox-body .tb-source-switch {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-choice-cards,
  .toolbox-body .tb-choice-cards.scene {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .toolbox-body .tb-studio-submit {
    align-items: stretch;
    flex-direction: column;
  }
  .toolbox-body .tb-studio-submit .tb-btn.primary {
    width: 100%;
  }
  .toolbox-body .tb-free-count {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .toolbox-body .tb-free-count > small {
    width: 100%;
    margin-left: 0;
  }
  .toolbox-body .tb-free-options,
  .toolbox-body .tb-local-settings {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-free-options label:last-child {
    grid-column: auto;
  }
  .toolbox-body .tb-topic-cards {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-visual-template-list > div,
  .toolbox-body .tb-wechat-cover-gallery > div:not(.tb-tool-result) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .toolbox-body .tb-topic-search {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-topic-search button {
    min-height: 40px;
  }
  .toolbox-body .tb-multi-copy-preview > header {
    align-items: stretch;
    flex-direction: column;
  }
  .toolbox-body .tb-multi-copy-settings > header {
    align-items: flex-start;
    flex-direction: column;
  }
}

.toolbox-body .tb-specific-form {
  margin-top: 14px;
}
.toolbox-body .tb-tool-grid-mini {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.toolbox-body .tb-tool-grid-mini article {
  border: 1px solid rgba(15, 23, 42, .08);
  background: #fff;
  border-radius: 12px;
  padding: 14px;
  display: grid;
  gap: 6px;
}
.toolbox-body .tb-tool-grid-mini strong {
  font-size: 14px;
  color: #101828;
}
.toolbox-body .tb-tool-grid-mini span {
  color: #667085;
  font-size: 12px;
  line-height: 1.55;
}
.toolbox-body .tb-tool-flow-head {
  border: 1px solid rgba(15, 23, 42, .08);
  background: #f8fafc;
  border-radius: 14px;
  padding: 12px;
  display: grid;
  gap: 10px;
}
.toolbox-body .tb-tool-flow-head strong {
  color: #101828;
  font-size: 14px;
}
.toolbox-body .tb-tool-flow-head div,
.toolbox-body .tb-tool-mode-strip {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.toolbox-body .tb-tool-flow-head span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .08);
  color: #475467;
  font-size: 12px;
}
.toolbox-body .tb-tool-mode-strip {
  margin: 12px 0;
}
.toolbox-body .tb-tool-mode-strip label {
  flex: 1 1 180px;
  cursor: pointer;
}
.toolbox-body .tb-tool-mode-strip input,
.toolbox-body .tb-template-cards.refined input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.toolbox-body .tb-tool-mode-strip span,
.toolbox-body .tb-template-cards.refined span {
  display: grid;
  gap: 4px;
  border: 1px solid rgba(15, 23, 42, .10);
  background: #fff;
  border-radius: 12px;
  padding: 12px;
  min-height: 66px;
}
.toolbox-body .tb-tool-mode-strip input:checked + span,
.toolbox-body .tb-template-cards.refined input:checked + span {
  border-color: #16a34a;
  background: #f0fdf4;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, .10);
}
.toolbox-body .tb-tool-mode-strip b,
.toolbox-body .tb-template-cards.refined strong {
  color: #101828;
  font-size: 13px;
}
.toolbox-body .tb-tool-mode-strip em,
.toolbox-body .tb-template-cards.refined em {
  color: #667085;
  font-size: 12px;
  font-style: normal;
  line-height: 1.45;
}
.toolbox-body .tb-template-cards.refined {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}
.toolbox-body .tb-template-cards.refined label {
  cursor: pointer;
}
.toolbox-body .tb-library-preview.refined,
.toolbox-body .tb-canvas-preview.refined {
  border: 1px solid rgba(15, 23, 42, .08);
  background: #f8fafc;
  border-radius: 14px;
  padding: 12px;
}
.toolbox-body .tb-template-library-head {
  display: grid;
  gap: 12px;
  margin-bottom: 12px;
}
.toolbox-body .tb-template-library-head form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}
.toolbox-body .tb-template-library-head input {
  min-height: 42px;
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 12px;
  padding: 0 14px;
}
.toolbox-body .tb-template-preset-cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 16px;
}
.toolbox-body .tb-template-preset-cards span {
  min-height: 142px;
  position: relative;
}
.toolbox-body .tb-template-preset-cards b {
  width: fit-content;
  min-height: 24px;
  border-radius: 999px;
  background: #f5f3ff;
  color: #6d28d9;
  padding: 4px 9px;
  font-size: 11px;
}
.toolbox-body .tb-template-preset-cards small {
  width: fit-content;
  border-radius: 999px;
  background: #fff7ed;
  color: #c2410c;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 900;
}
.toolbox-body .tb-template-toolbar button.active,
.toolbox-body .tb-canvas-toolbar button.active,
.toolbox-body .tb-library-list button.active {
  border-color: #16a34a;
  background: #f0fdf4;
  color: #166534;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, .10);
}
.toolbox-body .tb-canvas-preview.refined .tb-canvas-paper {
  min-height: 190px;
  border-radius: 12px;
  background: linear-gradient(135deg, #ffffff, #f7fee7);
}
.toolbox-body .tb-discover-count {
  min-height: 38px;
  border: 1px solid #e9d5ff;
  border-radius: 12px;
  background: linear-gradient(135deg, #faf5ff, #fff7ed);
  color: #5b21b6;
  display: flex;
  align-items: center;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 850;
}
.toolbox-body .tb-discover-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.toolbox-body .tb-discover-card {
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 16px;
  background: #fff;
  padding: 12px;
  display: grid;
  grid-template-columns: 108px minmax(0, 1fr);
  gap: 12px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .06);
}
.toolbox-body .tb-discover-thumb {
  min-height: 144px;
  border-radius: 14px;
  overflow: hidden;
  background: linear-gradient(135deg, #ede9fe, #fce7f3 55%, #fff7ed);
  display: grid;
  place-items: center;
}
.toolbox-body .tb-discover-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.toolbox-body .tb-discover-thumb b {
  color: #6d28d9;
  font-size: 18px;
  font-weight: 1000;
  text-align: center;
  padding: 8px;
}
.toolbox-body .tb-discover-info {
  min-width: 0;
  display: grid;
  gap: 8px;
}
.toolbox-body .tb-discover-meta,
.toolbox-body .tb-discover-stats,
.toolbox-body .tb-discover-card footer {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}
.toolbox-body .tb-discover-meta span,
.toolbox-body .tb-discover-stats span {
  border-radius: 999px;
  background: #f8fafc;
  color: #475467;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 850;
}
.toolbox-body .tb-discover-meta span:first-child {
  background: #fce7f3;
  color: #be185d;
}
.toolbox-body .tb-discover-info h3 {
  margin: 0;
  color: #101828;
  font-size: 15px;
  line-height: 1.35;
}
.toolbox-body .tb-discover-info p {
  margin: 0;
  color: #667085;
  font-size: 12px;
  line-height: 1.55;
}
.toolbox-body .tb-discover-card footer {
  justify-content: space-between;
  margin-top: 2px;
}
.toolbox-body .tb-discover-card footer > a,
.toolbox-body .tb-discover-card footer > span {
  color: #7c3aed;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}
.toolbox-body .tb-discover-card form {
  margin: 0;
}
.toolbox-body .tb-tool-quick-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 12px 0 4px;
}
.toolbox-body .tb-tool-quick-actions button {
  min-height: 30px;
  border: 1px solid rgba(15, 23, 42, .10);
  background: #fff;
  border-radius: 999px;
  padding: 0 11px;
  color: #344054;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.toolbox-body .tb-tool-quick-actions button:hover,
.toolbox-body .tb-tool-quick-actions button.active {
  color: #166534;
  border-color: rgba(22, 163, 74, .35);
  background: #f0fdf4;
}
.toolbox-body .tb-demo-materials {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0 0;
}
.toolbox-body .tb-demo-materials article {
  border: 1px solid rgba(15, 23, 42, .08);
  background: #fcfcfd;
  border-radius: 12px;
  padding: 10px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  column-gap: 9px;
  align-items: center;
}
.toolbox-body .tb-demo-materials article span {
  grid-row: 1 / 3;
  width: 38px;
  height: 44px;
  border-radius: 9px;
  background: linear-gradient(135deg, #f0fdf4, #fff7ed);
  border: 1px solid rgba(15, 23, 42, .08);
}
.toolbox-body .tb-demo-materials strong {
  color: #101828;
  font-size: 13px;
}
.toolbox-body .tb-demo-materials em {
  color: #667085;
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}
.toolbox-body .tb-design-preview {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 12px;
  align-items: stretch;
  margin: 10px 0 12px;
}
.toolbox-body .tb-design-board {
  min-height: 150px;
  border: 1px solid rgba(15, 23, 42, .09);
  border-radius: 14px;
  background: #fff;
  padding: 12px;
  display: grid;
  gap: 8px;
}
.toolbox-body .tb-design-board span {
  height: 56px;
  border-radius: 10px;
  background: linear-gradient(135deg, #dcfce7, #fed7aa);
}
.toolbox-body .tb-design-board strong,
.toolbox-body .tb-design-board em,
.toolbox-body .tb-design-board b {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 22px;
  border-radius: 999px;
  padding: 0 8px;
  font-style: normal;
  font-size: 12px;
}
.toolbox-body .tb-design-board strong {
  color: #101828;
  background: #f8fafc;
}
.toolbox-body .tb-design-board em {
  color: #166534;
  background: #f0fdf4;
}
.toolbox-body .tb-design-board b {
  color: #b45309;
  background: #fff7ed;
}
.toolbox-body .tb-design-copy {
  border: 1px solid rgba(15, 23, 42, .08);
  background: #f8fafc;
  border-radius: 14px;
  padding: 14px;
}
.toolbox-body .tb-design-copy strong {
  display: block;
  color: #101828;
  font-size: 14px;
  margin-bottom: 6px;
}
.toolbox-body .tb-design-copy p {
  margin: 0;
  color: #667085;
  font-size: 12px;
  line-height: 1.6;
}
.toolbox-body .tb-tool-rule-summary {
  display: grid;
  gap: 8px;
  margin-bottom: 12px;
}
.toolbox-body .tb-tool-rule-summary div {
  border: 1px solid rgba(15, 23, 42, .08);
  background: #fff;
  border-radius: 12px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.toolbox-body .tb-tool-rule-summary span {
  color: #667085;
  font-size: 12px;
}
.toolbox-body .tb-tool-rule-summary strong {
  color: #101828;
  font-size: 13px;
  text-align: right;
}
.toolbox-body .tb-admin-rule-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.toolbox-body .tb-admin-rule-card {
  border: 1px solid rgba(15, 23, 42, .08);
  background: #fff;
  border-radius: 14px;
  padding: 12px;
  box-shadow: 0 12px 26px rgba(15, 23, 42, .04);
}
.toolbox-body .tb-admin-rule-card header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.toolbox-body .tb-admin-rule-card header span,
.toolbox-body .tb-admin-rule-card header small,
.toolbox-body .tb-admin-rule-card header em {
  color: #667085;
  font-size: 12px;
  font-style: normal;
}
.toolbox-body .tb-admin-rule-card header strong {
  display: block;
  color: #101828;
  font-size: 15px;
  margin: 2px 0;
}
.toolbox-body .tb-admin-rule-fields {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.toolbox-body .tb-admin-rule-fields label {
  display: grid;
  gap: 5px;
  color: #667085;
  font-size: 12px;
}
.toolbox-body .tb-admin-rule-fields label.wide {
  grid-column: span 2;
}
.toolbox-body .tb-admin-rule-fields input,
.toolbox-body .tb-admin-rule-fields select,
.toolbox-body .tb-admin-rule-fields textarea {
  width: 100%;
  min-height: 34px;
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 9px;
  padding: 7px 9px;
  color: #101828;
  font-size: 12px;
}
.toolbox-body .tb-admin-rule-card footer {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}
.toolbox-body .tb-tool-page-head {
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .92)),
    radial-gradient(circle at 78% 10%, rgba(99, 102, 241, .16), transparent 30%),
    radial-gradient(circle at 12% 0%, rgba(251, 113, 133, .12), transparent 28%);
  padding: 18px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  box-shadow: 0 16px 36px rgba(15, 23, 42, .05);
}
.toolbox-body .tb-tool-page-head h2 {
  margin: 5px 0 7px;
  color: #101828;
  font-size: 25px;
  line-height: 1.2;
}
.toolbox-body .tb-tool-page-head p {
  max-width: 760px;
  margin: 0;
  color: #667085;
  font-size: 13px;
  line-height: 1.65;
}
.toolbox-body .tb-tool-page-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.toolbox-body .tb-tool-page-actions > span {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: #fff7ed;
  color: #c2410c;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 900;
}
.toolbox-body .tb-tool-workbench-full {
  grid-template-columns: 1fr;
}
.toolbox-body .tb-special-tool-panel {
  padding: 0;
  overflow: hidden;
}
.toolbox-body .tb-split-creator,
.toolbox-body .tb-video-workbench {
  display: grid;
  grid-template-columns: 420px minmax(0, 1fr);
  min-height: 680px;
  background: #f7f9fc;
}
.toolbox-body .tb-creator-left,
.toolbox-body .tb-video-left {
  border-right: 1px solid rgba(15, 23, 42, .08);
  background: #fff;
  padding: 22px 22px 18px;
  display: grid;
  gap: 14px;
  align-content: start;
}
.toolbox-body .tb-creator-right,
.toolbox-body .tb-video-right {
  min-width: 0;
  padding: 22px;
}
.toolbox-body .tb-creator-title {
  display: grid;
  gap: 6px;
}
.toolbox-body .tb-creator-title span {
  width: fit-content;
  border-radius: 999px;
  background: #eef2ff;
  color: #4f46e5;
  padding: 4px 9px;
  font-size: 12px;
  font-weight: 900;
}
.toolbox-body .tb-creator-title h3,
.toolbox-body .tb-center-title h3 {
  margin: 0;
  color: #101828;
  font-size: 22px;
  line-height: 1.22;
}
.toolbox-body .tb-creator-title p,
.toolbox-body .tb-center-title p,
.toolbox-body .tb-free-note {
  margin: 0;
  color: #667085;
  font-size: 12px;
  line-height: 1.65;
}
.toolbox-body .tb-mini-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.toolbox-body .tb-mini-tabs input,
.toolbox-body .tb-logo-style-grid input {
  display: none;
}
.toolbox-body .tb-mini-tabs span {
  min-height: 36px;
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 10px;
  background: #fff;
  display: grid;
  place-items: center;
  color: #344054;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}
.toolbox-body .tb-mini-tabs input:checked + span {
  border-color: #6366f1;
  background: #eef2ff;
  color: #4338ca;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, .10);
}
.toolbox-body .tb-large-upload,
.toolbox-body .tb-video-upload,
.toolbox-body .tb-inline-upload {
  min-height: 182px;
  border: 1.5px dashed #93c5fd;
  border-radius: 16px;
  background: #f8fbff;
  padding: 22px;
  display: grid;
  place-items: center;
  text-align: center;
  gap: 8px;
  cursor: pointer;
}
.toolbox-body .tb-large-upload input,
.toolbox-body .tb-video-upload input,
.toolbox-body .tb-inline-upload input {
  display: none;
}
.toolbox-body .tb-inline-upload {
  min-height: 116px;
  grid-template-columns: 44px minmax(0, 1fr);
  place-items: center start;
  text-align: left;
  padding: 14px 16px;
  column-gap: 12px;
}
.toolbox-body .tb-inline-upload .tb-upload-mark {
  grid-row: 1 / 4;
  width: 44px;
  height: 44px;
}
.toolbox-body .tb-inline-upload .tb-upload-mark::before {
  inset: 12px;
}
.toolbox-body .tb-inline-upload .tb-upload-mark::after {
  left: 15px;
  right: 15px;
  bottom: 15px;
}
.toolbox-body .tb-upload-mark {
  width: 52px;
  height: 52px;
  border-radius: 15px;
  background:
    linear-gradient(135deg, rgba(59, 130, 246, .16), rgba(16, 185, 129, .12)),
    #fff;
  border: 1px solid rgba(59, 130, 246, .18);
  position: relative;
}
.toolbox-body .tb-upload-mark::before {
  content: "";
  position: absolute;
  inset: 14px;
  border: 2px solid #3b82f6;
  border-radius: 5px;
}
.toolbox-body .tb-upload-mark::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 17px;
  height: 10px;
  border-radius: 8px 8px 4px 4px;
  background: #bfdbfe;
}
.toolbox-body .tb-large-upload strong,
.toolbox-body .tb-video-upload strong,
.toolbox-body .tb-inline-upload strong {
  color: #101828;
  font-size: 15px;
}
.toolbox-body .tb-large-upload em,
.toolbox-body .tb-video-upload em,
.toolbox-body .tb-inline-upload em,
.toolbox-body .tb-large-upload small,
.toolbox-body .tb-video-upload small,
.toolbox-body .tb-inline-upload small {
  color: #8a94a6;
  font-size: 12px;
  font-style: normal;
  line-height: 1.5;
}
.toolbox-body .tb-large-upload.has-files,
.toolbox-body .tb-video-upload.has-files,
.toolbox-body .tb-inline-upload.has-files {
  border-color: #22c55e;
  background: #f0fdf4;
}
.toolbox-body .tb-prompt-card {
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 14px;
  background: #fff;
  display: grid;
  gap: 8px;
  padding: 12px;
}
.toolbox-body .tb-prompt-card > label {
  color: #344054;
  font-size: 13px;
  font-weight: 900;
}
.toolbox-body .tb-prompt-card > label b {
  color: #ef4444;
}
.toolbox-body .tb-prompt-card textarea {
  width: 100%;
  border: 0;
  resize: vertical;
  color: #101828;
  font-size: 13px;
  line-height: 1.65;
  outline: none;
}
.toolbox-body .tb-prompt-card > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #98a2b3;
  font-size: 12px;
}
.toolbox-body .tb-prompt-card button,
.toolbox-body .tb-poster-input button {
  border: 0;
  border-radius: 8px;
  background: #eef2ff;
  color: #4f46e5;
  min-height: 28px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}
.toolbox-body .tb-form-grid.compact {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.toolbox-body .tb-form-grid.single {
  grid-template-columns: 1fr;
  gap: 10px;
}
.toolbox-body .tb-edit-showcase {
  border-radius: 18px;
  min-height: 560px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .90)),
    linear-gradient(135deg, #f5f3ff, #eff6ff 48%, #fff7ed);
  border: 1px solid rgba(15, 23, 42, .08);
  padding: 28px;
  display: grid;
  align-content: center;
  gap: 24px;
}
.toolbox-body .tb-before-after {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1.18fr);
  gap: 18px;
  align-items: center;
}
.toolbox-body .tb-before-after > i {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #ec4899, #8b5cf6);
  color: #fff;
  font-size: 22px;
}
.toolbox-body .tb-before-after .before,
.toolbox-body .tb-before-after .after {
  min-height: 310px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .08);
  padding: 18px;
  display: grid;
  gap: 14px;
  align-content: end;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .08);
}
.toolbox-body .tb-before-after b {
  min-height: 210px;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .55), rgba(255, 255, 255, 0)),
    radial-gradient(circle at 50% 24%, #f8fafc 0 16%, transparent 17%),
    linear-gradient(90deg, transparent 42%, #dbeafe 43% 57%, transparent 58%),
    linear-gradient(180deg, #eef2ff, #f8fafc);
}
.toolbox-body .tb-before-after .after b {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .45), rgba(255, 255, 255, 0)),
    radial-gradient(circle at 50% 22%, #fff7ed 0 16%, transparent 17%),
    linear-gradient(90deg, transparent 39%, #fde68a 40% 60%, transparent 61%),
    linear-gradient(180deg, #fef3c7, #f8fafc);
}
.toolbox-body .tb-before-after span {
  color: #101828;
  font-size: 13px;
  font-weight: 900;
}
.toolbox-body .tb-before-after em {
  color: #667085;
  font-style: normal;
  font-size: 12px;
}
.toolbox-body .tb-showcase-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.toolbox-body .tb-showcase-points p {
  margin: 0;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 14px;
  background: rgba(255, 255, 255, .82);
  padding: 13px;
  display: grid;
  gap: 5px;
}
.toolbox-body .tb-showcase-points strong {
  color: #101828;
  font-size: 13px;
}
.toolbox-body .tb-showcase-points span {
  color: #667085;
  font-size: 12px;
  line-height: 1.5;
}
.toolbox-body .tb-poster-designer {
  background: linear-gradient(135deg, #fff1f2, #fff7ed 46%, #eff6ff);
  padding: 28px 32px 30px;
}
.toolbox-body .tb-center-title {
  position: relative;
  text-align: center;
  display: grid;
  justify-items: center;
  gap: 8px;
  margin-bottom: 22px;
}
.toolbox-body .tb-center-title .tb-btn {
  position: absolute;
  right: 0;
  top: 0;
}
.toolbox-body .tb-poster-tabs {
  max-width: 900px;
  margin: 0 auto 18px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 16px;
  background: rgba(255, 255, 255, .88);
  padding: 6px;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 4px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .05);
}
.toolbox-body .tb-poster-tabs button,
.toolbox-body .tb-logo-tabs button,
.toolbox-body .tb-video-result-panel header button {
  min-height: 38px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #64748b;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}
.toolbox-body .tb-poster-tabs button.active,
.toolbox-body .tb-logo-tabs button.active,
.toolbox-body .tb-video-result-panel header button.active {
  background: linear-gradient(135deg, #f43f5e, #fb7185);
  color: #fff;
  box-shadow: 0 10px 22px rgba(244, 63, 94, .22);
}
.toolbox-body .tb-poster-board {
  border: 1px solid rgba(251, 146, 60, .22);
  border-radius: 18px;
  background: rgba(255, 255, 255, .94);
  padding: 18px;
  box-shadow: 0 16px 40px rgba(15, 23, 42, .05);
}
.toolbox-body .tb-poster-input {
  border: 1px solid #fed7aa;
  border-radius: 14px;
  background: #fff;
  min-height: 260px;
  display: grid;
  grid-template-rows: 1fr auto;
}
.toolbox-body .tb-poster-input textarea {
  width: 100%;
  min-height: 220px;
  border: 0;
  resize: vertical;
  padding: 18px;
  outline: none;
  color: #101828;
  font-size: 13px;
  line-height: 1.7;
}
.toolbox-body .tb-poster-input > div {
  border-top: 1px solid #ffedd5;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  color: #98a2b3;
  font-size: 12px;
}
.toolbox-body .tb-poster-settings {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  align-items: end;
}
.toolbox-body .tb-poster-settings .tb-field.full {
  grid-column: 1 / -1;
}
.toolbox-body .tb-template-strip {
  margin-top: 18px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(248, 250, 252, .84));
  border: 1px solid rgba(15, 23, 42, .08);
  padding: 16px;
}
.toolbox-body .tb-template-strip header,
.toolbox-body .tb-logo-gallery header,
.toolbox-body .tb-video-result-panel header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.toolbox-body .tb-template-strip header div,
.toolbox-body .tb-logo-gallery header {
  min-width: 0;
}
.toolbox-body .tb-template-strip strong,
.toolbox-body .tb-logo-gallery header strong {
  color: #101828;
  font-size: 15px;
}
.toolbox-body .tb-template-strip header span,
.toolbox-body .tb-logo-gallery header span {
  display: block;
  margin-top: 3px;
  color: #667085;
  font-size: 12px;
}
.toolbox-body .tb-template-strip header button {
  border: 0;
  background: #fff7ed;
  color: #ea580c;
  border-radius: 999px;
  min-height: 32px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}
.toolbox-body .tb-poster-template-row {
  display: grid;
  grid-template-columns: repeat(6, minmax(140px, 1fr));
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 2px;
}
.toolbox-body .tb-poster-template-row article {
  min-width: 140px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 14px;
  background: #fff;
  padding: 10px;
  display: grid;
  gap: 6px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .04);
}
.toolbox-body .tb-poster-card-art {
  aspect-ratio: 9 / 12.5;
  border-radius: 12px;
  padding: 10px;
  display: grid;
  align-content: end;
  gap: 6px;
  color: #101828;
  overflow: hidden;
}
.toolbox-body .tone-0 .tb-poster-card-art { background: linear-gradient(135deg, #0f766e, #99f6e4); color: #fff; }
.toolbox-body .tone-1 .tb-poster-card-art { background: linear-gradient(135deg, #fff7ed, #f97316); }
.toolbox-body .tone-2 .tb-poster-card-art { background: linear-gradient(135deg, #dbeafe, #ffffff); }
.toolbox-body .tone-3 .tb-poster-card-art { background: linear-gradient(135deg, #eff6ff, #bfdbfe); }
.toolbox-body .tone-4 .tb-poster-card-art { background: linear-gradient(135deg, #111827, #7c3aed); color: #fff; }
.toolbox-body .tone-5 .tb-poster-card-art { background: linear-gradient(135deg, #fce7f3, #fff1f2); }
.toolbox-body .tb-poster-card-art span {
  width: fit-content;
  border-radius: 999px;
  background: rgba(15, 23, 42, .62);
  color: #fff;
  padding: 2px 7px;
  font-size: 11px;
}
.toolbox-body .tb-poster-card-art b {
  font-size: 18px;
  line-height: 1.15;
}
.toolbox-body .tb-poster-card-art em {
  font-style: normal;
  font-size: 12px;
}
.toolbox-body .tb-poster-template-row article > strong {
  color: #101828;
  font-size: 13px;
}
.toolbox-body .tb-poster-template-row article > small {
  color: #667085;
  font-size: 12px;
}
.toolbox-body .tb-poster-template-row article button,
.toolbox-body .tb-logo-card-grid article button {
  justify-self: start;
  min-height: 28px;
  border: 0;
  border-radius: 8px;
  background: #111827;
  color: #fff;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}
.toolbox-body .tb-logo-style-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.toolbox-body .tb-logo-style-grid span {
  min-height: 88px;
  border: 1px solid rgba(15, 23, 42, .09);
  border-radius: 14px;
  background: #fff;
  display: grid;
  place-items: center;
  gap: 6px;
  cursor: pointer;
}
.toolbox-body .tb-logo-style-grid i {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: #eef2ff;
  color: #4f46e5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.toolbox-body .tb-logo-style-grid b {
  color: #344054;
  font-size: 12px;
}
.toolbox-body .tb-logo-style-grid input:checked + span {
  border-color: #6366f1;
  background: #eef2ff;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, .10);
}
.toolbox-body .tb-logo-gallery {
  min-height: 650px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 18px;
  background: #fff;
  padding: 18px;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .05);
}
.toolbox-body .tb-logo-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 16px;
}
.toolbox-body .tb-logo-tabs button {
  border: 1px solid rgba(15, 23, 42, .08);
  background: #fff;
  border-radius: 999px;
  padding: 0 16px;
}
.toolbox-body .tb-logo-tabs button.active {
  background: #6d5dfc;
  border-color: #6d5dfc;
  box-shadow: none;
}
.toolbox-body .tb-logo-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.toolbox-body .tb-logo-card-grid article {
  min-height: 174px;
  border-radius: 14px;
  padding: 15px;
  display: grid;
  align-content: end;
  justify-items: center;
  gap: 8px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.toolbox-body .tb-logo-card-grid article i {
  font-size: 42px;
  color: #101828;
}
.toolbox-body .tb-logo-card-grid article strong {
  color: #101828;
  font-size: 16px;
}
.toolbox-body .tb-logo-card-grid article small {
  color: #667085;
  font-size: 12px;
}
.toolbox-body .tb-logo-card-grid article button {
  position: absolute;
  right: 10px;
  bottom: 10px;
  background: rgba(17, 24, 39, .62);
}
.toolbox-body .palette-0 { background: #ede9fe; }
.toolbox-body .palette-1 { background: #e0f2fe; }
.toolbox-body .palette-2 { background: #e5e7eb; }
.toolbox-body .palette-3 { background: #fef3c7; }
.toolbox-body .palette-4 { background: #fff7ed; }
.toolbox-body .palette-5 { background: #fce7f3; }
.toolbox-body .tb-video-workbench {
  grid-template-columns: 390px minmax(0, 1fr);
  background: #f8fafc;
}
.toolbox-body .tb-tip-card {
  border: 1px solid #fed7aa;
  border-radius: 14px;
  background: #fff7ed;
  padding: 12px;
  color: #9a3412;
  display: grid;
  gap: 5px;
}
.toolbox-body .tb-tip-card strong {
  color: #9a3412;
  font-size: 13px;
}
.toolbox-body .tb-tip-card p {
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
}
.toolbox-body .tb-video-result-panel {
  min-height: 650px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 18px;
  background: #fff;
  overflow: hidden;
}
.toolbox-body .tb-video-result-panel header {
  border-bottom: 1px solid rgba(15, 23, 42, .08);
  padding: 0 22px;
  min-height: 64px;
  margin: 0;
}
.toolbox-body .tb-video-result-panel header div {
  display: flex;
  align-items: center;
  gap: 18px;
}
.toolbox-body .tb-video-result-panel header button {
  border-radius: 0;
  min-height: 64px;
  border-bottom: 2px solid transparent;
}
.toolbox-body .tb-video-result-panel header button.active {
  background: transparent;
  color: #2563eb;
  border-bottom-color: #2563eb;
  box-shadow: none;
}
.toolbox-body .tb-video-result-panel header a {
  color: #667085;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}
.toolbox-body .tb-video-result-body {
  padding: 28px;
  display: grid;
  grid-template-columns: minmax(260px, .85fr) minmax(320px, 1fr);
  gap: 22px;
}
.toolbox-body .tb-video-preview {
  min-height: 520px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 16px;
  padding: 16px;
  display: grid;
  grid-template-rows: auto 1fr;
}
.toolbox-body .tb-video-preview > span {
  color: #667085;
  font-size: 12px;
  font-weight: 900;
}
.toolbox-body .tb-video-preview > div {
  border-radius: 14px;
  background: #f3f6fb;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 10px;
  color: #94a3b8;
}
.toolbox-body .tb-video-preview i {
  font-size: 42px;
}
.toolbox-body .tb-video-preview em {
  font-style: normal;
  font-size: 13px;
}
.toolbox-body .tb-video-analysis {
  border-left: 1px solid rgba(15, 23, 42, .08);
  padding-left: 22px;
  display: grid;
  align-content: start;
  gap: 16px;
}
.toolbox-body .tb-video-analysis h3 {
  margin: 18px 0 0;
  color: #101828;
  font-size: 22px;
}
.toolbox-body .tb-video-analysis p {
  margin: 0;
  color: #667085;
  font-size: 13px;
  line-height: 1.7;
}
.toolbox-body .tb-video-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 120px;
}
.toolbox-body .tb-video-steps article {
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 14px;
  padding: 14px 12px;
  display: grid;
  gap: 8px;
  min-height: 150px;
}
.toolbox-body .tb-video-steps article.active {
  border-color: #93c5fd;
  background: #eff6ff;
}
.toolbox-body .tb-video-steps b {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: #0f172a;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.toolbox-body .tb-video-steps strong {
  color: #101828;
  font-size: 14px;
}
.toolbox-body .tb-video-steps span {
  color: #667085;
  font-size: 12px;
  line-height: 1.5;
}
@media (max-width: 980px) {
  .toolbox-body .tb-tool-grid-mini,
  .toolbox-body .tb-template-cards.refined,
  .toolbox-body .tb-demo-materials,
  .toolbox-body .tb-admin-rule-grid,
  .toolbox-body .tb-logo-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .toolbox-body .tb-design-preview {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-split-creator,
  .toolbox-body .tb-video-workbench,
  .toolbox-body .tb-video-result-body,
  .toolbox-body .tb-before-after {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-creator-left,
  .toolbox-body .tb-video-left {
    border-right: 0;
    border-bottom: 1px solid rgba(15, 23, 42, .08);
  }
  .toolbox-body .tb-poster-tabs,
  .toolbox-body .tb-poster-settings,
  .toolbox-body .tb-video-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .toolbox-body .tb-before-after > i {
    justify-self: center;
    transform: rotate(90deg);
  }
  .toolbox-body .tb-video-steps {
    margin-top: 20px;
  }
}
@media (max-width: 620px) {
  .toolbox-body .tb-tool-grid-mini,
  .toolbox-body .tb-template-cards.refined,
  .toolbox-body .tb-demo-materials,
  .toolbox-body .tb-admin-rule-grid,
  .toolbox-body .tb-showcase-points,
  .toolbox-body .tb-poster-tabs,
  .toolbox-body .tb-poster-settings,
  .toolbox-body .tb-logo-style-grid,
  .toolbox-body .tb-logo-card-grid,
  .toolbox-body .tb-video-steps,
  .toolbox-body .tb-form-grid.compact {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-admin-rule-fields {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-admin-rule-fields label.wide {
    grid-column: auto;
  }
  .toolbox-body .tb-tool-page-head,
  .toolbox-body .tb-template-strip header,
  .toolbox-body .tb-logo-gallery header,
  .toolbox-body .tb-video-result-panel header {
    align-items: flex-start;
    flex-direction: column;
  }
  .toolbox-body .tb-center-title .tb-btn {
    position: static;
  }
  .toolbox-body .tb-poster-designer {
    padding: 18px;
  }
}

/* 20260713s: stronger commercial tool workbenches */
.toolbox-body {
  overflow-x: hidden;
}
.toolbox-body .tb-main,
.toolbox-body .tb-tool-workbench,
.toolbox-body .tb-special-tool-panel {
  min-width: 0;
  max-width: 100%;
}
.toolbox-body .tb-main {
  overflow-x: hidden;
}
.toolbox-body .tb-tool-hero {
  min-height: 150px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(247, 250, 252, .96)),
    radial-gradient(circle at 88% 20%, rgba(251, 146, 60, .16), transparent 30%),
    radial-gradient(circle at 18% 0%, rgba(124, 58, 237, .14), transparent 34%);
  color: #101828;
  align-items: center;
}
.toolbox-body .tb-tool-hero .tb-kicker {
  color: #7c3aed;
  font-weight: 900;
}
.toolbox-body .tb-tool-hero h2 {
  color: #101828;
  font-size: 26px;
}
.toolbox-body .tb-tool-hero p {
  color: #475467;
  font-weight: 650;
}
.toolbox-body .tb-tool-cost {
  min-width: 220px;
  background: rgba(255, 255, 255, .92);
  border-color: rgba(15, 23, 42, .08);
  box-shadow: 0 14px 30px rgba(15, 23, 42, .06);
}
.toolbox-body .tb-tool-cost span,
.toolbox-body .tb-tool-cost small {
  color: #667085;
}
.toolbox-body .tb-tool-cost strong {
  color: #101828;
  font-size: 20px;
}
.toolbox-body .tb-btn.primary,
.toolbox-body button.tb-btn.primary,
.toolbox-body .tb-auth-submit {
  border: 0;
  background: linear-gradient(135deg, #7c3aed, #a855f7 52%, #ec4899);
  color: #fff;
  box-shadow: 0 12px 26px rgba(124, 58, 237, .22);
}
.toolbox-body .tb-btn.primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 34px rgba(124, 58, 237, .30);
}
.toolbox-body .tb-btn.primary small {
  margin-left: 8px;
  min-height: 20px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .20);
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 900;
}
.toolbox-body .tb-bigposter-page {
  background: linear-gradient(135deg, #f4edff 0%, #fff8fb 52%, #ffffff 100%);
  min-height: 760px;
  padding: 30px 36px;
}
.toolbox-body .tb-bigposter-head {
  text-align: center;
  margin: 8px 0 54px;
}
.toolbox-body .tb-bigposter-head h3 {
  margin: 0;
  color: #1f2937;
  font-size: 34px;
  letter-spacing: 0;
}
.toolbox-body .tb-bigposter-head h3::after {
  content: "图文";
  color: #7c3aed;
  margin-left: 4px;
}
.toolbox-body .tb-bigposter-head p {
  margin: 12px auto 0;
  max-width: 680px;
  color: #667085;
  font-size: 14px;
}
.toolbox-body .tb-bigposter-layout {
  max-width: 1160px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 22px;
}
.toolbox-body .tb-bigposter-form {
  border-radius: 26px;
  background: rgba(255, 255, 255, .78);
  padding: 34px 46px 26px;
  box-shadow: 0 26px 70px rgba(124, 58, 237, .10);
  backdrop-filter: blur(16px);
}
.toolbox-body .tb-creator-warning {
  border: 1px solid #fde68a;
  border-radius: 12px;
  background: rgba(255, 251, 235, .9);
  color: #92400e;
  min-height: 48px;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}
.toolbox-body .tb-creator-warning strong {
  white-space: nowrap;
}
.toolbox-body .tb-creator-warning span {
  font-size: 13px;
  line-height: 1.55;
}
.toolbox-body .tb-option-line,
.toolbox-body .tb-bigposter-title-row {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  margin-bottom: 22px;
}
.toolbox-body .tb-option-line > label,
.toolbox-body .tb-bigposter-title-row > label {
  color: #6b7280;
  font-size: 14px;
  font-weight: 900;
}
.toolbox-body .tb-option-line > label::before,
.toolbox-body .tb-bigposter-title-row > label::before {
  content: "*";
  color: #f43f5e;
  margin-right: 4px;
}
.toolbox-body .tb-radio-row,
.toolbox-body .tb-check-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
}
.toolbox-body .tb-radio-row input,
.toolbox-body .tb-check-row input {
  accent-color: #8b5cf6;
}
.toolbox-body .tb-radio-row span,
.toolbox-body .tb-check-row span,
.toolbox-body .tb-check-row a {
  color: #4b5563;
  font-size: 15px;
  font-weight: 850;
  text-decoration: none;
}
.toolbox-body .tb-radio-row input:checked + span,
.toolbox-body .tb-check-row input:checked + span,
.toolbox-body .tb-check-row a {
  color: #8b5cf6;
}
.toolbox-body .tb-bigposter-title-row > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 56px auto;
  gap: 10px;
  align-items: center;
}
.toolbox-body .tb-bigposter-title-row input {
  min-height: 44px;
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 10px;
  padding: 0 14px;
  background: #fff;
  font-size: 14px;
}
.toolbox-body .tb-bigposter-title-row span {
  color: #98a2b3;
  font-size: 13px;
}
.toolbox-body .tb-bigposter-title-row button {
  border: 0;
  border-radius: 10px;
  min-height: 38px;
  padding: 0 15px;
  background: linear-gradient(135deg, #38bdf8, #3b82f6);
  color: #fff;
  font-weight: 900;
}
.toolbox-body .tb-form-actions.centered {
  justify-content: center;
  margin-top: 34px;
}
.toolbox-body .tb-btn.big {
  min-width: 300px;
  min-height: 50px;
  border-radius: 16px;
  font-size: 16px;
}
.toolbox-body .tb-finished-gallery {
  text-align: center;
}
.toolbox-body .tb-finished-gallery header strong {
  color: #98a2b3;
  font-size: 14px;
}
.toolbox-body .tb-finished-gallery header span {
  display: block;
  margin-top: 4px;
  color: #98a2b3;
  font-size: 12px;
}
.toolbox-body .tb-example-strip {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(5, minmax(150px, 1fr));
  gap: 16px;
  overflow-x: auto;
  padding: 0 2px 8px;
}
.toolbox-body .tb-example-strip article {
  aspect-ratio: 3 / 4.15;
  border-radius: 14px;
  border: 1px solid rgba(15, 23, 42, .08);
  overflow: hidden;
  display: grid;
  align-content: end;
  padding: 18px;
  position: relative;
  text-align: left;
  box-shadow: 0 18px 36px rgba(15, 23, 42, .08);
}
.toolbox-body .tb-example-strip article div {
  display: grid;
  gap: 8px;
}
.toolbox-body .tb-example-strip b {
  color: #1f2937;
  font-size: 20px;
  line-height: 1.18;
}
.toolbox-body .tb-example-strip span {
  color: #667085;
  font-size: 12px;
}
.toolbox-body .tb-example-strip small {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: rgba(17, 24, 39, .65);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.toolbox-body .example-quote { background: linear-gradient(135deg, #fff7ed, #fef3c7); }
.toolbox-body .example-photo { background: linear-gradient(180deg, #f8fafc 0 46%, #e5e7eb 47% 100%); }
.toolbox-body .example-grid { background: repeating-linear-gradient(90deg, #fef2f2 0 16px, #fce7f3 16px 32px, #eff6ff 32px 48px); }
.toolbox-body .example-photo2 { background: linear-gradient(135deg, #e2e8f0, #f8fafc); }
.toolbox-body .example-list { background: linear-gradient(135deg, #0f172a, #1e3a8a); }
.toolbox-body .example-list b,
.toolbox-body .example-list span { color: #fff; }
.toolbox-body .tb-example-image-strip {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(5, minmax(140px, 1fr));
  gap: 16px;
  overflow-x: auto;
  padding: 0 2px 10px;
}
.toolbox-body .tb-example-image-strip article {
  position: relative;
  min-width: 140px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, .08);
  background: #fff;
  box-shadow: 0 16px 36px rgba(15, 23, 42, .08);
}
.toolbox-body .tb-example-image-strip img {
  width: 100%;
  aspect-ratio: 1 / 1.08;
  object-fit: contain;
  background: #f8fafc;
  display: block;
}
.toolbox-body .tb-example-image-strip small {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: rgba(17, 24, 39, .65);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
}
.toolbox-body .tb-wear-page {
  min-height: 760px;
  background: linear-gradient(135deg, #ffedd5 0%, #fff7ed 42%, #ffffff 100%);
  border-radius: 18px;
  padding: 28px 30px 34px;
  max-width: 100%;
  overflow: hidden;
}
.toolbox-body .tb-wear-head {
  max-width: 1320px;
  margin: 0 auto 24px;
}
.toolbox-body .tb-wear-head h3 {
  margin: 0 0 10px;
  color: #101828;
  font-size: 28px;
}
.toolbox-body .tb-wear-head p {
  margin: 0;
  color: #667085;
  font-size: 14px;
}
.toolbox-body .tb-wear-tabs {
  max-width: 1320px;
  margin: 0 auto 18px;
  min-height: 78px;
  border-radius: 18px;
  background: #fff;
  padding: 12px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: wrap;
  box-shadow: 0 18px 38px rgba(15, 23, 42, .06);
}
.toolbox-body .tb-wear-tabs button,
.toolbox-body .tb-wear-tabs a {
  min-height: 42px;
  border: 0;
  border-radius: 12px;
  background: #fff;
  color: #475467;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}
.toolbox-body .tb-wear-tabs button.active {
  background: linear-gradient(135deg, #c084fc, #ec4899);
  color: #fff;
  box-shadow: 0 14px 28px rgba(236, 72, 153, .20);
}
.toolbox-body .tb-wear-tabs a {
  margin-left: auto;
}
.toolbox-body .tb-wear-layout {
  max-width: 1320px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(320px, 360px) minmax(660px, 1fr);
  gap: 24px;
  min-width: 0;
}
.toolbox-body .tb-wear-form,
.toolbox-body .tb-wear-demo {
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .06);
  min-width: 0;
}
.toolbox-body .tb-wear-form {
  padding: 17px;
  display: grid;
  gap: 14px;
  max-height: 720px;
  overflow-y: auto;
}
.toolbox-body .tb-wear-upload-stack {
  display: grid;
  gap: 14px;
}
.toolbox-body .tb-wear-upload-block header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.toolbox-body .tb-wear-upload-block strong {
  color: #101828;
  font-size: 15px;
}
.toolbox-body .tb-wear-upload-block header span {
  border-radius: 999px;
  background: #fce7f3;
  color: #ec4899;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 900;
}
.toolbox-body .tb-wear-upload {
  min-height: 118px;
  border: 1.5px dashed #d8b4fe;
  border-radius: 16px;
  background: #fafafa;
  padding: 18px;
  display: grid;
  place-items: center;
  text-align: center;
  gap: 8px;
  cursor: pointer;
}
.toolbox-body .tb-wear-upload input {
  display: none;
}
.toolbox-body .tb-wear-upload b {
  color: #475467;
  font-size: 14px;
}
.toolbox-body .tb-wear-upload em {
  color: #98a2b3;
  font-size: 12px;
  font-style: normal;
}
.toolbox-body .tb-form-actions.sticky-bottom {
  position: sticky;
  bottom: -17px;
  margin: 0 -17px -17px;
  padding: 14px 17px;
  background: linear-gradient(180deg, rgba(255,255,255,.75), #fff);
  border-top: 1px solid rgba(15, 23, 42, .06);
}
.toolbox-body .tb-wear-demo {
  padding: 28px 24px 30px;
  display: grid;
  align-content: center;
  overflow: hidden;
}
.toolbox-body .tb-wear-showcase {
  display: grid;
  justify-items: center;
  gap: 20px;
  min-width: 0;
  max-width: 100%;
}
.toolbox-body .tb-wear-copy {
  text-align: center;
  display: grid;
  justify-items: center;
  gap: 8px;
}
.toolbox-body .tb-wear-copy span {
  min-height: 28px;
  border-radius: 999px;
  background: #fce7f3;
  color: #db2777;
  display: inline-flex;
  align-items: center;
  padding: 0 13px;
  font-size: 12px;
  font-weight: 950;
}
.toolbox-body .tb-wear-copy h4 {
  margin: 0;
  color: #101828;
  font-size: 30px;
  line-height: 1.2;
}
.toolbox-body .tb-wear-copy p {
  margin: 0;
  max-width: 640px;
  color: #667085;
  font-size: 14px;
  line-height: 1.7;
}
.toolbox-body .tb-wear-reference-frame {
  width: 100%;
  border-radius: 22px;
  background: linear-gradient(135deg, #eef2ff, #fdf2f8);
  padding: 10px;
  box-shadow: inset 0 0 0 1px rgba(124, 58, 237, .10), 0 20px 44px rgba(99, 102, 241, .12);
}
.toolbox-body .tb-wear-reference-img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px;
  box-shadow: 0 14px 30px rgba(15, 23, 42, .08);
}
.toolbox-body .tb-wear-benefits {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}
.toolbox-body .tb-wear-benefits span {
  min-height: 30px;
  border-radius: 999px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  color: #9a3412;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 900;
}
.toolbox-body .tb-wear-steps {
  border-radius: 20px;
  background: #eef2ff;
  padding: 24px;
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: 16px;
  align-items: center;
}
.toolbox-body .tb-wear-steps article {
  display: grid;
  gap: 8px;
  justify-items: center;
}
.toolbox-body .tb-wear-steps span {
  color: #7c3aed;
  font-size: 18px;
  font-weight: 1000;
  font-style: italic;
}
.toolbox-body .tb-wear-steps b {
  width: 168px;
  height: 150px;
  border-radius: 16px;
  background: #fff;
  box-shadow: inset 0 -24px 0 rgba(15, 23, 42, .04);
}
.toolbox-body .tb-wear-steps .human {
  background:
    radial-gradient(circle at 50% 28%, #f8fafc 0 18%, transparent 19%),
    linear-gradient(90deg, transparent 38%, #cbd5e1 39% 61%, transparent 62%),
    #fff;
}
.toolbox-body .tb-wear-steps .dress {
  background:
    linear-gradient(135deg, transparent 32%, #fecdd3 33% 68%, transparent 69%),
    radial-gradient(circle at 50% 15%, #fff 0 13%, transparent 14%),
    #fff;
}
.toolbox-body .tb-wear-steps .result {
  background:
    radial-gradient(circle at 50% 20%, #f8fafc 0 13%, transparent 14%),
    linear-gradient(135deg, transparent 30%, #fecdd3 31% 70%, transparent 71%),
    linear-gradient(90deg, transparent 42%, #cbd5e1 43% 57%, transparent 58%),
    #fff;
}
.toolbox-body .tb-wear-steps em {
  color: #667085;
  font-size: 12px;
  font-style: normal;
}
.toolbox-body .tb-wear-steps > i {
  color: #ec4899;
  font-size: 34px;
  font-style: normal;
  font-weight: 900;
}
.toolbox-body .tb-wear-showcase > button {
  min-width: 220px;
  min-height: 50px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #ec4899, #f472b6);
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  box-shadow: 0 16px 30px rgba(236, 72, 153, .24);
}
@media (min-width: 1281px) {
  .toolbox-body .tb-main {
    padding-right: 76px;
  }
  .toolbox-body .tb-float-rail {
    right: 10px;
  }
}
.toolbox-body .tb-discover-table {
  max-width: 100%;
}
.toolbox-body .tb-discover-table .tb-table {
  min-width: 900px;
}
.toolbox-body .tb-discover-table td:last-child,
.toolbox-body .tb-discover-table th:last-child {
  min-width: 92px;
}
.toolbox-body .tb-discover-table .tb-btn {
  white-space: nowrap;
}
.toolbox-body .tb-tool-workbench {
  grid-template-columns: minmax(0, 1fr) 320px;
}
.toolbox-body .tb-tool-workbench.tb-tool-workbench-full {
  display: block;
  width: 100%;
  margin-top: 14px;
}
.toolbox-body .tb-tool-workbench-full > .tb-special-tool-panel {
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.toolbox-body .tb-tool-page-head {
  max-width: 100%;
}
.toolbox-body .tb-discover-table .tb-table {
  min-width: 760px;
}
.toolbox-body .tb-discover-table .tb-table th,
.toolbox-body .tb-discover-table .tb-table td {
  padding: 7px 8px;
}
.toolbox-body .tb-discover-table .tb-note-cell {
  min-width: 230px;
}
.toolbox-body .tb-discover-table td:nth-child(n+2),
.toolbox-body .tb-discover-table th:nth-child(n+2) {
  white-space: nowrap;
}
@media (max-width: 1100px) {
  .toolbox-body .tb-wear-layout {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-example-strip {
    grid-template-columns: repeat(3, minmax(150px, 1fr));
  }
  .toolbox-body .tb-discover-cards,
  .toolbox-body .tb-template-preset-cards {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 680px) {
  .toolbox-body .tb-bigposter-page,
  .toolbox-body .tb-wear-page {
    padding: 18px;
  }
  .toolbox-body .tb-discover-card {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-discover-thumb {
    min-height: 150px;
  }
  .toolbox-body .tb-template-library-head form,
  .toolbox-body .tb-discover-search {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-bigposter-form {
    padding: 18px;
  }
  .toolbox-body .tb-option-line,
  .toolbox-body .tb-bigposter-title-row,
  .toolbox-body .tb-bigposter-title-row > div,
  .toolbox-body .tb-wear-steps {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-wear-steps > i {
    transform: rotate(90deg);
  }
}

/* 20260714b: commercial ecommerce/image workbenches */
.toolbox-body .tb-ecom-designer,
.toolbox-body .tb-image-lite-page {
  border-radius: 18px;
  background:
    linear-gradient(135deg, #fff8ed 0%, #fff7fb 46%, #f7fbff 100%);
  padding: 22px 24px 26px;
  overflow: hidden;
}
.toolbox-body .tb-ecom-title {
  position: relative;
  text-align: center;
  display: grid;
  justify-items: center;
  gap: 8px;
  margin-bottom: 18px;
}
.toolbox-body .tb-ecom-title h3 {
  margin: 0;
  color: #101828;
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: 0;
}
.toolbox-body .tb-ecom-title h3::first-letter {
  color: #f97316;
}
.toolbox-body .tb-ecom-title p {
  margin: 0;
  color: #667085;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 13px;
  line-height: 1.5;
}
.toolbox-body .tb-ecom-title p b {
  color: #f97316;
}
.toolbox-body .tb-ecom-title p i {
  width: 18px;
  height: 1px;
  background: #cbd5e1;
}
.toolbox-body .tb-ecom-title > .tb-btn {
  position: absolute;
  right: 0;
  top: 0;
}
.toolbox-body .tb-ecom-promo {
  min-height: 64px;
  border-radius: 14px;
  padding: 12px 14px;
  background: linear-gradient(135deg, #6d28d9 0%, #8b5cf6 48%, #c084fc 100%);
  color: #fff;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  box-shadow: 0 16px 34px rgba(109, 40, 217, .20);
}
.toolbox-body .tb-promo-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, .20);
  font-size: 20px;
}
.toolbox-body .tb-ecom-promo strong {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 14px;
}
.toolbox-body .tb-ecom-promo em {
  font-style: normal;
  background: #facc15;
  color: #4c1d95;
  border-radius: 6px;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 950;
}
.toolbox-body .tb-ecom-promo p {
  margin: 4px 0 0;
  color: rgba(255, 255, 255, .84);
  font-size: 12px;
}
.toolbox-body .tb-ecom-promo a {
  min-height: 36px;
  border-radius: 10px;
  background: #fff;
  color: #6d28d9;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-size: 12px;
  font-weight: 950;
}
.toolbox-body .tb-design-tabs {
  width: min(860px, 100%);
  margin: 16px 0 12px;
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 14px;
  background: rgba(255, 255, 255, .88);
  padding: 5px;
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 4px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .05);
}
.toolbox-body .tb-design-tabs a {
  min-height: 36px;
  border-radius: 10px;
  color: #64748b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.25;
}
.toolbox-body .tb-design-tabs a.active {
  background: linear-gradient(135deg, #f97316, #fb923c);
  color: #fff;
  box-shadow: 0 10px 22px rgba(249, 115, 22, .22);
}
.toolbox-body .tb-ecom-board {
  border: 1px solid rgba(125, 211, 252, .85);
  border-radius: 16px;
  background: rgba(255, 255, 255, .96);
  padding: 12px;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .07);
}
.toolbox-body .tb-ecom-product-panel {
  border: 1px solid #bae6fd;
  border-radius: 14px;
  background: linear-gradient(135deg, #eff9ff, #edf8ff);
  padding: 14px;
  display: grid;
  grid-template-columns: minmax(260px, .72fr) minmax(240px, .55fr) minmax(230px, .42fr);
  gap: 18px;
  align-items: center;
}
.toolbox-body .tb-ecom-product-panel header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.toolbox-body .tb-ecom-product-panel header strong {
  color: #0f172a;
  font-size: 13px;
}
.toolbox-body .tb-ecom-product-panel header b,
.toolbox-body .tb-ecom-textarea b {
  color: #ef4444;
}
.toolbox-body .tb-ecom-product-panel header small {
  border-radius: 999px;
  background: #dbeafe;
  color: #2563eb;
  padding: 3px 9px;
  font-size: 11px;
  font-weight: 900;
}
.toolbox-body .tb-ecom-upload-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(58px, 1fr));
  gap: 10px;
}
.toolbox-body .tb-ecom-upload-slot {
  min-height: 84px;
  border: 1.5px dashed #cbd5e1;
  border-radius: 11px;
  background: rgba(255, 255, 255, .76);
  cursor: pointer;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 6px;
  color: #94a3b8;
  position: relative;
  transition: .16s ease;
}
.toolbox-body .tb-ecom-upload-slot:hover,
.toolbox-body .tb-ecom-upload-slot:focus-within {
  border-color: #38bdf8;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .12);
}
.toolbox-body .tb-ecom-upload-slot.has-file {
  border-color: #22c55e;
  background: #f0fdf4;
  color: #16a34a;
}
.toolbox-body .tb-ecom-upload-slot.has-file span {
  background: #dcfce7;
  color: #15803d;
}
.toolbox-body .tb-ecom-upload-slot input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.toolbox-body .tb-ecom-upload-slot span {
  min-height: 20px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #64748b;
  padding: 0 8px;
  font-size: 11px;
  font-weight: 900;
}
.toolbox-body .tb-ecom-upload-slot i {
  font-size: 22px;
}
.toolbox-body .tb-ecom-product-fields {
  display: grid;
  gap: 10px;
}
.toolbox-body .tb-ecom-product-fields .tb-field {
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
}
.toolbox-body .tb-ecom-style-box {
  border: 1px solid #e9d5ff;
  border-radius: 14px;
  background: rgba(255, 255, 255, .82);
  padding: 13px;
  display: grid;
  gap: 8px;
}
.toolbox-body .tb-ecom-style-box label {
  color: #6d28d9;
  font-size: 12px;
  font-weight: 950;
}
.toolbox-body .tb-ecom-style-box select {
  width: 100%;
  min-height: 40px;
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 10px;
  padding: 0 11px;
  background: #fff;
  color: #101828;
}
.toolbox-body .tb-ecom-style-box span {
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
}
.toolbox-body .tb-ecom-prompt-title {
  min-height: 38px;
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 10px 0 8px;
}
.toolbox-body .tb-ecom-prompt-title strong {
  color: #101828;
  font-size: 14px;
}
.toolbox-body .tb-ecom-prompt-title small {
  min-height: 22px;
  border-radius: 999px;
  background: #fff7ed;
  color: #c2410c;
  padding: 3px 9px;
  font-size: 11px;
  font-weight: 900;
}
.toolbox-body .tb-ecom-prompt-title button {
  margin-left: auto;
  min-height: 30px;
  border: 1px solid #bae6fd;
  border-radius: 999px;
  background: #f0f9ff;
  color: #2563eb;
  padding: 0 11px;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}
.toolbox-body .tb-ecom-textareas {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
}
.toolbox-body .tb-ecom-textarea {
  border: 1px solid #dbe4ef;
  border-radius: 14px;
  background: #f8fafc;
  overflow: hidden;
  position: relative;
}
.toolbox-body .tb-ecom-textarea.primary {
  border-color: #fdba74;
  background: #fffaf5;
}
.toolbox-body .tb-ecom-textarea label {
  min-height: 40px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #334155;
  font-size: 13px;
  font-weight: 950;
}
.toolbox-body .tb-ecom-textarea label span {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #f97316;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.toolbox-body .tb-ecom-textarea textarea {
  width: 100%;
  min-height: 208px;
  border: 0;
  background: transparent;
  padding: 0 12px 30px;
  resize: vertical;
  color: #101828;
  font-size: 13px;
  line-height: 1.72;
  outline: none;
}
.toolbox-body .tb-ecom-textarea em {
  position: absolute;
  right: 10px;
  bottom: 8px;
  color: #94a3b8;
  font-style: normal;
  font-size: 12px;
}
.toolbox-body .tb-ecom-settings {
  margin-top: 12px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 13px;
  background: #f8fafc;
  padding: 10px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.toolbox-body .tb-ecom-submit-bar {
  margin-top: 12px;
  border: 1px solid #fed7aa;
  border-radius: 13px;
  background: #fffaf5;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto minmax(160px, auto);
  gap: 12px;
  align-items: center;
}
.toolbox-body .tb-ecom-submit-bar strong {
  color: #334155;
  font-size: 13px;
}
.toolbox-body .tb-ecom-submit-bar span {
  display: block;
  color: #64748b;
  margin-top: 3px;
  font-size: 12px;
}
.toolbox-body .tb-ecom-submit-bar label {
  color: #64748b;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 900;
}
.toolbox-body .tb-ecom-submit-bar select {
  min-height: 34px;
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 9px;
  background: #fff;
  padding: 0 10px;
}
.toolbox-body .tb-ecom-examples {
  margin-top: 14px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 16px;
  background: rgba(255, 255, 255, .88);
  padding: 14px;
}
.toolbox-body .tb-ecom-examples header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.toolbox-body .tb-ecom-examples strong {
  color: #101828;
  font-size: 14px;
}
.toolbox-body .tb-ecom-examples span,
.toolbox-body .tb-ecom-examples a {
  color: #64748b;
  font-size: 12px;
  text-decoration: none;
}
.toolbox-body .tb-ecom-examples a {
  font-weight: 900;
  color: #7c3aed;
}
.toolbox-body .tb-ecom-example-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(140px, 1fr));
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 2px;
}
.toolbox-body .tb-ecom-example-row article {
  min-width: 140px;
  aspect-ratio: 4 / 5;
  border-radius: 14px;
  padding: 0;
  display: grid;
  align-content: end;
  overflow: hidden;
  position: relative;
  background: #111827;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .07);
}
.toolbox-body .tb-ecom-example-row article img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.toolbox-body .tb-ecom-example-row article::after {
  content: "";
  position: absolute;
  inset: 38% 0 0;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0), rgba(15, 23, 42, .82));
}
.toolbox-body .tb-ecom-example-0 { background: linear-gradient(135deg, #111827, #7c3aed); color: #fff; }
.toolbox-body .tb-ecom-example-1 { background: linear-gradient(135deg, #fff7ed, #fb923c); color: #431407; }
.toolbox-body .tb-ecom-example-2 { background: linear-gradient(135deg, #ecfeff, #a5f3fc); color: #164e63; }
.toolbox-body .tb-ecom-example-3 { background: linear-gradient(135deg, #fdf2f8, #f9a8d4); color: #831843; }
.toolbox-body .tb-ecom-example-row article div {
  position: relative;
  z-index: 1;
  padding: 12px;
  display: grid;
  gap: 6px;
}
.toolbox-body .tb-ecom-example-row article span {
  width: fit-content;
  border-radius: 999px;
  background: rgba(255, 255, 255, .72);
  color: inherit;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 900;
}
.toolbox-body .tb-ecom-example-row article strong {
  color: #fff;
  font-size: 18px;
  line-height: 1.18;
  text-shadow: 0 1px 10px rgba(15, 23, 42, .34);
}
.toolbox-body .tb-ecom-example-row article em {
  color: rgba(255, 255, 255, .82);
  font-style: normal;
  font-size: 12px;
}
.toolbox-body .tb-design-board.image {
  position: relative;
  overflow: hidden;
  background: #111827;
  align-content: end;
}
.toolbox-body .tb-design-board.image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .88;
}
.toolbox-body .tb-design-board.image::after {
  content: "";
  position: absolute;
  inset: 35% 0 0;
  background: linear-gradient(180deg, transparent, rgba(17, 24, 39, .84));
}
.toolbox-body .tb-design-board.image strong,
.toolbox-body .tb-design-board.image em,
.toolbox-body .tb-design-board.image b {
  position: relative;
  z-index: 1;
  background: rgba(255, 255, 255, .90);
}
.toolbox-body .tb-image-lite-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
}
.toolbox-body .tb-image-lite-head span {
  width: fit-content;
  border-radius: 999px;
  background: #eef2ff;
  color: #4f46e5;
  padding: 4px 9px;
  font-size: 12px;
  font-weight: 900;
}
.toolbox-body .tb-image-lite-head h3 {
  margin: 8px 0 6px;
  color: #101828;
  font-size: 22px;
}
.toolbox-body .tb-image-lite-head p {
  margin: 0;
  max-width: 760px;
  color: #667085;
  font-size: 13px;
  line-height: 1.6;
}
.toolbox-body .tb-image-lite-form {
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 16px;
  background: rgba(255, 255, 255, .94);
  padding: 14px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .05);
}
.toolbox-body .tb-generated-image-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.toolbox-body .tb-generated-image-grid article {
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
}
.toolbox-body .tb-generated-image-grid img {
  width: 100%;
  aspect-ratio: 1 / 1.18;
  object-fit: contain;
  background: #f8fafc;
  display: block;
}
.toolbox-body .tb-generated-image-grid footer {
  min-height: 46px;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.toolbox-body .tb-generated-image-grid footer span {
  color: #475467;
  font-size: 12px;
  font-weight: 900;
}
.toolbox-body .tb-product-note-page {
  border-radius: 18px;
  background: linear-gradient(135deg, #fff7ed 0%, #fff 42%, #f4f7ff 100%);
  padding: 22px 24px 26px;
  overflow: hidden;
}
.toolbox-body .tb-product-note-hero {
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 18px;
  background: linear-gradient(135deg, #fff, #f3f6fb 58%, #fff4eb);
  min-height: 164px;
  padding: 22px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  box-shadow: 0 16px 38px rgba(15, 23, 42, .06);
}
.toolbox-body .tb-product-note-hero span {
  width: fit-content;
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  border-radius: 999px;
  background: #fff7ed;
  color: #ea580c;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 950;
}
.toolbox-body .tb-product-note-hero h3 {
  margin: 10px 0 8px;
  color: #101828;
  font-size: 25px;
  line-height: 1.2;
}
.toolbox-body .tb-product-note-hero p {
  max-width: 720px;
  margin: 0;
  color: #475467;
  font-size: 13px;
  line-height: 1.7;
}
.toolbox-body .tb-product-note-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 14px;
  align-items: start;
  margin-top: 14px;
}
.toolbox-body .tb-product-note-form,
.toolbox-body .tb-product-note-side {
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 16px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 14px 34px rgba(15, 23, 42, .05);
}
.toolbox-body .tb-product-note-form {
  margin: 0;
  padding: 14px;
}
.toolbox-body .tb-product-note-modes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}
.toolbox-body .tb-product-note-modes input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.toolbox-body .tb-product-note-modes span {
  min-height: 86px;
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 13px;
  background: #fff;
  padding: 12px;
  display: grid;
  gap: 5px;
  cursor: pointer;
}
.toolbox-body .tb-product-note-modes input:checked + span {
  border-color: #f97316;
  background: #fff7ed;
  box-shadow: 0 0 0 3px rgba(249, 115, 22, .12);
}
.toolbox-body .tb-product-note-modes b {
  color: #101828;
  font-size: 13px;
}
.toolbox-body .tb-product-note-modes em,
.toolbox-body .tb-product-note-modes small {
  color: #667085;
  font-style: normal;
  font-size: 12px;
  line-height: 1.45;
}
.toolbox-body .tb-product-note-modes small {
  width: fit-content;
  border-radius: 999px;
  background: #fef3c7;
  color: #b45309;
  padding: 2px 8px;
  font-weight: 900;
}
.toolbox-body .tb-product-note-card {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 14px;
}
.toolbox-body .tb-product-upload-panel {
  border: 1px solid #fed7aa;
  border-radius: 15px;
  background: #fffaf5;
  padding: 13px;
}
.toolbox-body .tb-product-upload-panel header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}
.toolbox-body .tb-product-upload-panel strong {
  color: #101828;
  font-size: 13px;
}
.toolbox-body .tb-product-upload-panel b {
  color: #ef4444;
}
.toolbox-body .tb-product-upload-panel small {
  border-radius: 999px;
  background: #ffedd5;
  color: #c2410c;
  padding: 3px 9px;
  font-size: 11px;
  font-weight: 900;
}
.toolbox-body .tb-product-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.toolbox-body .tb-product-fields .tb-field.full {
  grid-column: 1 / -1;
}
.toolbox-body .tb-product-submit {
  margin-top: 12px;
  border: 1px solid #dbeafe;
  border-radius: 14px;
  background: #f8fbff;
  padding: 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(150px, auto);
  gap: 12px;
  align-items: center;
}
.toolbox-body .tb-product-submit strong {
  display: block;
  color: #101828;
  font-size: 13px;
}
.toolbox-body .tb-product-submit span {
  display: block;
  margin-top: 3px;
  color: #667085;
  font-size: 12px;
  line-height: 1.45;
}
.toolbox-body .tb-product-note-side {
  padding: 14px;
}
.toolbox-body .tb-product-note-side header {
  margin-bottom: 12px;
}
.toolbox-body .tb-product-note-side header strong {
  color: #101828;
  font-size: 14px;
}
.toolbox-body .tb-product-note-side header span {
  display: block;
  margin-top: 3px;
  color: #667085;
  font-size: 12px;
}
.toolbox-body .tb-product-sample-grid {
  display: grid;
  gap: 10px;
}
.toolbox-body .tb-product-sample-grid article {
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 14px;
  background: #fff;
  padding: 8px;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}
.toolbox-body .tb-product-sample-grid img {
  width: 72px;
  height: 72px;
  border-radius: 12px;
  object-fit: cover;
  background: #f8fafc;
}
.toolbox-body .tb-product-sample-grid strong {
  display: block;
  color: #101828;
  font-size: 13px;
}
.toolbox-body .tb-product-sample-grid span {
  display: block;
  margin-top: 4px;
  color: #667085;
  font-size: 12px;
  line-height: 1.45;
}
.toolbox-body .tb-product-rule {
  margin-top: 12px;
  border-radius: 13px;
  background: #f8fafc;
  border: 1px solid rgba(15, 23, 42, .08);
  padding: 12px;
}
.toolbox-body .tb-product-rule b {
  color: #101828;
  font-size: 13px;
}
.toolbox-body .tb-product-rule p {
  margin: 5px 0 0;
  color: #667085;
  font-size: 12px;
  line-height: 1.6;
}

/* 20260714d: original clean-room AI copy workspace */
.toolbox-body .tb-aicopy-hero {
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .98) 0%, rgba(255, 247, 250, .94) 48%, rgba(240, 247, 255, .94) 100%),
    repeating-linear-gradient(135deg, rgba(124, 58, 237, .10) 0 1px, transparent 1px 16px);
  min-height: 172px;
  padding: 24px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 18px;
  align-items: center;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .06);
}
.toolbox-body .tb-aicopy-hero h2 {
  margin: 7px 0 8px;
  color: #101828;
  font-size: 32px;
  line-height: 1.12;
}
.toolbox-body .tb-aicopy-hero p {
  max-width: 760px;
  margin: 0;
  color: #475467;
  font-size: 14px;
  line-height: 1.7;
}
.toolbox-body .tb-aicopy-steps {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.toolbox-body .tb-aicopy-steps span {
  min-height: 28px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .82);
  border: 1px solid rgba(124, 58, 237, .12);
  color: #4f46e5;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 950;
}
.toolbox-body .tb-aicopy-cost {
  border: 1px solid rgba(124, 58, 237, .16);
  border-radius: 16px;
  background: rgba(255, 255, 255, .88);
  padding: 16px;
  display: grid;
  gap: 8px;
  box-shadow: 0 16px 34px rgba(124, 58, 237, .08);
}
.toolbox-body .tb-aicopy-cost span,
.toolbox-body .tb-aicopy-cost small {
  width: fit-content;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 12px;
  font-weight: 900;
}
.toolbox-body .tb-aicopy-cost span {
  background: #dcfce7;
  color: #15803d;
}
.toolbox-body .tb-aicopy-cost small {
  background: #fff7ed;
  color: #c2410c;
}
.toolbox-body .tb-aicopy-cost strong {
  color: #101828;
  font-size: 18px;
}
.toolbox-body .tb-aicopy-tip {
  margin-top: 12px;
}
.toolbox-body .tb-aicopy-tip details {
  border: 1px solid #fde68a;
  border-radius: 14px;
  background: #fffbea;
  overflow: hidden;
}
.toolbox-body .tb-aicopy-tip summary {
  min-height: 42px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  color: #92400e;
  font-size: 13px;
  font-weight: 950;
}
.toolbox-body .tb-aicopy-tip summary::-webkit-details-marker {
  display: none;
}
.toolbox-body .tb-aicopy-tip summary em {
  color: #b45309;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}
.toolbox-body .tb-aicopy-tip p {
  margin: 0;
  border-top: 1px solid #fde68a;
  padding: 11px 14px 13px;
  color: #92400e;
  font-size: 13px;
  line-height: 1.65;
}
.toolbox-body .tb-aicopy-workspace {
  margin-top: 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 14px;
  align-items: start;
}
.toolbox-body .tb-aicopy-form,
.toolbox-body .tb-aicopy-side,
.toolbox-body .tb-aicopy-result {
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 16px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 14px 34px rgba(15, 23, 42, .05);
}
.toolbox-body .tb-aicopy-form {
  margin: 0;
  padding: 16px;
}
.toolbox-body .tb-aicopy-form-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 13px;
}
.toolbox-body .tb-aicopy-form-head strong {
  display: block;
  color: #101828;
  font-size: 16px;
}
.toolbox-body .tb-aicopy-form-head span {
  display: block;
  margin-top: 3px;
  color: #667085;
  font-size: 12px;
}
.toolbox-body .tb-aicopy-form-head a {
  min-height: 32px;
  border-radius: 999px;
  background: #eef2ff;
  color: #4f46e5;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}
.toolbox-body .tb-aicopy-modes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 14px;
}
.toolbox-body .tb-aicopy-modes .tb-mode-option span {
  min-height: 100px;
}
.toolbox-body .tb-aicopy-modes small {
  width: fit-content;
  min-height: 22px;
  border-radius: 999px;
  background: #f5f3ff;
  color: #7c3aed;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 950;
}
.toolbox-body .tb-aicopy-link-panel {
  border: 1px solid #fecdd3;
  border-radius: 15px;
  background: #fff8fa;
  padding: 14px;
  display: grid;
  gap: 10px;
}
.toolbox-body .tb-aicopy-link-panel > label {
  color: #be123c;
  font-size: 13px;
  font-weight: 950;
}
.toolbox-body .tb-aicopy-link-panel > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}
.toolbox-body .tb-aicopy-link-panel input {
  min-height: 46px;
  border: 1px solid rgba(225, 29, 72, .20);
  border-radius: 12px;
  background: #fff;
  color: #101828;
  padding: 0 14px;
  font-size: 14px;
}
.toolbox-body .tb-aicopy-link-panel p {
  margin: 0;
  color: #667085;
  font-size: 12px;
  line-height: 1.55;
}
.toolbox-body .tb-aicopy-upload-panel {
  display: grid;
  grid-template-columns: 310px minmax(0, 1fr);
  gap: 13px;
}
.toolbox-body .tb-aicopy-upload-main .tb-ref-uploader {
  height: 100%;
  min-height: 290px;
}
.toolbox-body .tb-aicopy-text-inputs {
  display: grid;
  gap: 10px;
}
.toolbox-body .tb-aicopy-text-inputs label {
  display: grid;
  gap: 7px;
  color: #344054;
  font-size: 13px;
  font-weight: 900;
}
.toolbox-body .tb-aicopy-text-inputs input,
.toolbox-body .tb-aicopy-text-inputs textarea {
  width: 100%;
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 12px;
  background: #fff;
  color: #101828;
  padding: 11px 12px;
  font-size: 13px;
}
.toolbox-body .tb-aicopy-text-inputs textarea {
  resize: vertical;
  line-height: 1.65;
}
.toolbox-body .tb-aicopy-status-row {
  min-height: 26px;
  margin-top: 10px;
}
.toolbox-body .tb-aicopy-side {
  padding: 14px;
  display: grid;
  gap: 12px;
}
.toolbox-body .tb-aicopy-side section {
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 14px;
  background: #fff;
  padding: 12px;
}
.toolbox-body .tb-aicopy-side strong {
  color: #101828;
  font-size: 14px;
}
.toolbox-body .tb-aicopy-preview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}
.toolbox-body .tb-aicopy-preview span {
  min-height: 32px;
  border-radius: 9px;
  background: #f8fafc;
  color: #475467;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 850;
}
.toolbox-body .tb-aicopy-side ol {
  margin: 10px 0 0;
  padding-left: 18px;
  color: #475467;
  font-size: 12px;
  line-height: 1.9;
}
.toolbox-body .tb-aicopy-boundary {
  background: #fff7ed !important;
  border-color: #fed7aa !important;
}
.toolbox-body .tb-aicopy-boundary b {
  color: #9a3412;
  font-size: 13px;
}
.toolbox-body .tb-aicopy-boundary p {
  margin: 5px 0 0;
  color: #9a3412;
  font-size: 12px;
  line-height: 1.6;
}
.toolbox-body .tb-aicopy-result {
  grid-column: 1 / -1;
  min-height: 120px;
  padding: 14px;
}
.toolbox-body .tb-aicopy-result .tb-empty {
  min-height: 92px;
  display: grid;
  place-items: center;
  text-align: center;
}
.toolbox-body .tb-parsed-grid {
  gap: 16px;
}
.toolbox-body .tb-parsed-grid > section {
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 16px;
  background: #fff;
  padding: 16px;
  box-shadow: 0 14px 30px rgba(15, 23, 42, .04);
}
.toolbox-body .tb-parsed-grid h3 {
  margin: 0 0 12px;
  color: #101828;
  font-size: 16px;
}
.toolbox-body .tb-original-card {
  border-color: rgba(124, 58, 237, .12);
  border-radius: 14px;
  background: linear-gradient(180deg, #fbfcff 0%, #fff7fb 100%);
  padding: 14px;
}
.toolbox-body .tb-parsed-summary {
  border-radius: 12px;
  background: #fff;
}
.toolbox-body .tb-original-text {
  max-height: 300px;
  overflow: auto;
  border-radius: 12px;
  background: rgba(255, 255, 255, .78);
  padding: 10px 12px;
  color: #475467;
  font-size: 13px;
}
.toolbox-body .tb-copy-settings {
  min-height: 0;
  border: 1px solid rgba(15, 23, 42, .06);
  border-radius: 14px;
  background: #f8fafc;
  padding: 14px;
  gap: 14px;
}
.toolbox-body .tb-rewrite-templates {
  border: 1px solid rgba(124, 58, 237, .12);
  border-radius: 14px;
  background: #fff;
  padding: 12px;
}
.toolbox-body .tb-rewrite-template-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.toolbox-body .tb-rewrite-template-head strong {
  color: #101828;
  font-size: 14px;
}
.toolbox-body .tb-rewrite-template-head span {
  color: #667085;
  font-size: 12px;
  font-weight: 800;
}
.toolbox-body .tb-rewrite-template-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.toolbox-body .tb-rewrite-template {
  min-height: 72px;
  border: 1px solid #e4e7ec;
  border-radius: 12px;
  background: linear-gradient(180deg, #fff, #fbfcff);
  color: #344054;
  padding: 10px;
  text-align: left;
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.toolbox-body .tb-rewrite-template:hover,
.toolbox-body .tb-rewrite-template.active {
  transform: translateY(-1px);
  border-color: rgba(124, 58, 237, .42);
  box-shadow: 0 12px 24px rgba(124, 58, 237, .10);
}
.toolbox-body .tb-rewrite-template.active {
  background: linear-gradient(135deg, #f5f3ff, #fff1f4);
}
.toolbox-body .tb-rewrite-template b,
.toolbox-body .tb-rewrite-template span {
  display: block;
}
.toolbox-body .tb-rewrite-template b {
  color: #101828;
  font-size: 13px;
}
.toolbox-body .tb-rewrite-template span {
  margin-top: 4px;
  color: #667085;
  font-size: 12px;
  line-height: 1.4;
}
.toolbox-body .tb-setting-row {
  gap: 10px;
  align-items: flex-start;
}
.toolbox-body .tb-setting-row strong {
  min-width: 86px;
  min-height: 32px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #e4e7ec;
  color: #344054;
  font-size: 12px;
  font-weight: 950;
}
.toolbox-body .tb-setting-row input[type="text"],
.toolbox-body .tb-setting-row input:not([type]),
.toolbox-body .tb-setting-row textarea,
.toolbox-body .tb-setting-row select {
  border-color: #d0d5dd;
  border-radius: 12px;
  font-size: 13px;
}
.toolbox-body .tb-setting-row label {
  min-height: 34px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #e4e7ec;
  padding: 8px 10px;
  color: #344054;
  font-size: 13px;
}
.toolbox-body .tb-setting-row label:has(input:checked) {
  border-color: rgba(124, 58, 237, .46);
  background: #f5f3ff;
  color: #5b21b6;
}
.toolbox-body .tb-setting-row .tb-help {
  margin-left: 96px;
  color: #667085;
  font-size: 12px;
}
.toolbox-body .tb-ref-editor {
  border-radius: 12px;
}
.toolbox-body .tb-ref-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.toolbox-body .tb-ref-card {
  border-radius: 12px;
}
.toolbox-body .tb-ref-card span {
  min-height: 30px;
  background: #fff;
}
.toolbox-body .tb-ref-uploader {
  border-color: #d0d5dd;
  background: #fff;
  border-radius: 12px;
}
.toolbox-body .tb-generate-footer {
  border: 1px solid rgba(124, 58, 237, .12);
  border-radius: 14px;
  background: #fff;
  padding: 12px;
}
.toolbox-body .tb-generate-footer > span:first-child {
  color: #475467;
  font-size: 13px;
  line-height: 1.6;
}
@media (max-width: 1180px) {
  .toolbox-body .tb-design-tabs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .toolbox-body .tb-ecom-product-panel {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-product-note-layout,
  .toolbox-body .tb-product-note-card,
  .toolbox-body .tb-aicopy-hero,
  .toolbox-body .tb-aicopy-workspace,
  .toolbox-body .tb-aicopy-upload-panel {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-ecom-settings,
  .toolbox-body .tb-generated-image-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .toolbox-body .tb-ecom-designer,
  .toolbox-body .tb-image-lite-page {
    padding: 16px;
  }
  .toolbox-body .tb-ecom-title {
    text-align: left;
    justify-items: start;
  }
  .toolbox-body .tb-ecom-title > .tb-btn {
    position: static;
  }
  .toolbox-body .tb-ecom-promo,
  .toolbox-body .tb-ecom-textareas,
  .toolbox-body .tb-ecom-settings,
  .toolbox-body .tb-ecom-submit-bar,
  .toolbox-body .tb-ecom-example-row,
  .toolbox-body .tb-generated-image-grid,
  .toolbox-body .tb-design-tabs,
  .toolbox-body .tb-product-note-modes,
  .toolbox-body .tb-aicopy-modes,
  .toolbox-body .tb-product-fields,
  .toolbox-body .tb-product-submit {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-aicopy-link-panel > div,
  .toolbox-body .tb-aicopy-preview {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-product-note-page {
    padding: 16px;
  }
  .toolbox-body .tb-aicopy-hero {
    padding: 18px;
  }
  .toolbox-body .tb-aicopy-hero h2 {
    font-size: 26px;
  }
  .toolbox-body .tb-aicopy-form-head {
    flex-direction: column;
  }
  .toolbox-body .tb-rewrite-template-grid,
  .toolbox-body .tb-ref-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .toolbox-body .tb-setting-row .tb-help {
    margin-left: 0;
  }
  .toolbox-body .tb-product-note-hero {
    flex-direction: column;
  }
  .toolbox-body .tb-ecom-product-fields .tb-field {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-ecom-submit-bar {
    align-items: stretch;
  }
}

/* 20260714i: task-specific commercial workbenches */
.toolbox-body .tb-precision-studio,
.toolbox-body .tb-product-talk-studio,
.toolbox-body .tb-ai-video-studio,
.toolbox-body .tb-publish-studio,
.toolbox-body .tb-asset-library-studio {
  overflow: hidden;
  border: 1px solid #e2e5ec;
  border-radius: 8px;
  background: #f7f8fb;
  color: #192235;
  letter-spacing: 0;
}
.toolbox-body .tb-precision-studio > header,
.toolbox-body .tb-product-talk-studio > header,
.toolbox-body .tb-publish-studio > header,
.toolbox-body .tb-asset-library-studio > header {
  min-height: 126px;
  padding: 22px 28px;
  border-bottom: 1px solid #e3e5ed;
  background: linear-gradient(112deg, #eef3ff, #fff5f6 56%, #fff9ea);
  text-align: center;
}
.toolbox-body .tb-precision-studio > header > span,
.toolbox-body .tb-product-talk-studio > header > span,
.toolbox-body .tb-publish-studio > header > span,
.toolbox-body .tb-asset-library-studio > header > span,
.toolbox-body .tb-ai-video-studio > header span {
  display: block;
  margin-bottom: 6px;
  color: #6754d8;
  font-size: 12px;
  font-weight: 800;
}
.toolbox-body .tb-precision-studio > header h3,
.toolbox-body .tb-product-talk-studio > header h3,
.toolbox-body .tb-publish-studio > header h3,
.toolbox-body .tb-asset-library-studio > header h3,
.toolbox-body .tb-ai-video-studio > header h3 {
  margin: 0;
  font-size: 25px;
  line-height: 1.25;
}
.toolbox-body .tb-precision-studio > header p,
.toolbox-body .tb-product-talk-studio > header p,
.toolbox-body .tb-publish-studio > header p,
.toolbox-body .tb-asset-library-studio > header p,
.toolbox-body .tb-ai-video-studio > header p {
  margin: 7px 0 0;
  color: #697386;
  font-size: 12px;
  line-height: 1.6;
}
.toolbox-body .tb-precision-tabs,
.toolbox-body .tb-ai-video-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  margin: 15px 20px 0;
  padding: 4px;
  border: 1px solid #e1e4ec;
  border-radius: 8px;
  background: #eceef4;
}
.toolbox-body .tb-precision-tabs button,
.toolbox-body .tb-ai-video-tabs button {
  min-height: 40px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #5a6478;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}
.toolbox-body .tb-precision-tabs button.active,
.toolbox-body .tb-ai-video-tabs button.active {
  background: #fff;
  color: #5f4ed2;
  box-shadow: 0 4px 12px rgba(31, 38, 58, .08);
}
.toolbox-body .tb-precision-tip {
  margin: 10px 20px 0;
  padding: 10px 13px;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid #f0dfb5;
  border-radius: 7px;
  background: #fff9eb;
}
.toolbox-body .tb-precision-tip strong {
  flex: 0 0 auto;
  color: #9a6410;
  font-size: 12px;
}
.toolbox-body .tb-precision-tip span {
  color: #75674b;
  font-size: 11px;
}
.toolbox-body .tb-precision-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 14px;
  padding: 14px 20px 20px;
}
.toolbox-body .tb-precision-form,
.toolbox-body .tb-product-talk-layout > form,
.toolbox-body .tb-ai-video-layout > form,
.toolbox-body .tb-publish-layout > form {
  margin: 0;
  padding: 16px;
  border: 1px solid #e0e3ea;
  border-radius: 8px;
  background: #fff;
}
.toolbox-body .tb-precision-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.toolbox-body .tb-precision-field,
.toolbox-body .tb-product-talk-layout form > label:not(.tb-upload-drop),
.toolbox-body .tb-ai-video-layout form > label:not(.tb-upload-drop),
.toolbox-body .tb-publish-layout form > label {
  display: grid;
  gap: 7px;
  color: #354055;
  font-size: 12px;
  font-weight: 800;
}
.toolbox-body .tb-precision-field > span {
  display: flex;
  align-items: center;
  gap: 7px;
}
.toolbox-body .tb-precision-field > span b {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #6655d9;
  color: #fff;
  font-size: 10px;
}
.toolbox-body .tb-precision-field > span em,
.toolbox-body .tb-product-talk-layout label > b,
.toolbox-body .tb-ai-video-layout label > b,
.toolbox-body .tb-publish-layout label > b {
  color: #e94b70;
  font-style: normal;
}
.toolbox-body .tb-precision-field textarea,
.toolbox-body .tb-precision-lower textarea,
.toolbox-body .tb-precision-lower select,
.toolbox-body .tb-product-talk-layout textarea,
.toolbox-body .tb-product-talk-layout input,
.toolbox-body .tb-product-talk-layout select,
.toolbox-body .tb-ai-video-layout textarea,
.toolbox-body .tb-ai-video-layout input,
.toolbox-body .tb-ai-video-layout select,
.toolbox-body .tb-publish-layout textarea,
.toolbox-body .tb-publish-layout input,
.toolbox-body .tb-publish-layout select,
.toolbox-body .tb-asset-library-studio input,
.toolbox-body .tb-asset-library-studio textarea,
.toolbox-body .tb-asset-library-studio select {
  width: 100%;
  border: 1px solid #d9dde6;
  border-radius: 7px;
  outline: 0;
  background: #fbfcfe;
  color: #263044;
  padding: 10px 11px;
  font: inherit;
  font-size: 12px;
  line-height: 1.65;
}
.toolbox-body .tb-precision-field textarea:focus,
.toolbox-body .tb-precision-lower textarea:focus,
.toolbox-body .tb-product-talk-layout textarea:focus,
.toolbox-body .tb-ai-video-layout textarea:focus,
.toolbox-body .tb-publish-layout textarea:focus {
  border-color: #7666dc;
  box-shadow: 0 0 0 3px rgba(118, 102, 220, .1);
}
.toolbox-body .tb-precision-field.wide textarea {
  min-height: 118px;
}
.toolbox-body .precision-structure-analysis .tb-precision-field:first-child,
.toolbox-body .precision-content-check .tb-precision-field:first-child,
.toolbox-body .precision-geo-traffic-copy .tb-precision-field:first-child {
  grid-column: 1 / -1;
}
.toolbox-body .tb-precision-lower {
  margin-top: 12px;
  display: grid;
  grid-template-columns: 1.15fr .55fr 1fr;
  gap: 12px;
  align-items: stretch;
}
.toolbox-body .tb-precision-lower > label:not(.tb-upload-drop) {
  display: grid;
  align-content: start;
  gap: 7px;
  color: #354055;
  font-size: 12px;
  font-weight: 800;
}
.toolbox-body .tb-precision-lower .tb-upload-drop {
  min-height: 112px;
}
.toolbox-body .tb-precision-output,
.toolbox-body .tb-product-talk-layout > aside,
.toolbox-body .tb-ai-video-layout > aside,
.toolbox-body .tb-publish-layout > aside {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #e0e3ea;
  border-radius: 8px;
  background: #fff;
}
.toolbox-body .tb-precision-output > header,
.toolbox-body .tb-product-talk-layout > aside > header,
.toolbox-body .tb-ai-video-layout > aside > header,
.toolbox-body .tb-publish-layout > aside > header {
  min-height: 48px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid #e7e9ef;
}
.toolbox-body .tb-precision-output > header span,
.toolbox-body .tb-precision-output > header a,
.toolbox-body .tb-product-talk-layout > aside > header span,
.toolbox-body .tb-product-talk-layout > aside > header a,
.toolbox-body .tb-publish-layout > aside > header a {
  color: #6655d9;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
}
.toolbox-body .tb-precision-output > div:not(.tb-tool-result) {
  padding: 17px;
}
.toolbox-body .tb-precision-output > div > strong {
  font-size: 15px;
}
.toolbox-body .tb-precision-output ol,
.toolbox-body .tb-product-talk-empty ol {
  margin: 15px 0;
  padding: 0;
  display: grid;
  gap: 9px;
  list-style: none;
}
.toolbox-body .tb-precision-output li {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  color: #4f596c;
  font-size: 12px;
}
.toolbox-body .tb-precision-output li b {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #f0effc;
  color: #6655d9;
  font-size: 10px;
}
.toolbox-body .tb-precision-output p,
.toolbox-body .tb-product-talk-empty p,
.toolbox-body .tb-ai-video-empty p {
  color: #81899a;
  font-size: 11px;
  line-height: 1.65;
}
.toolbox-body .tb-product-talk-layout,
.toolbox-body .tb-ai-video-layout,
.toolbox-body .tb-publish-layout {
  display: grid;
  grid-template-columns: 430px minmax(0, 1fr);
  gap: 14px;
  padding: 18px 20px 20px;
}
.toolbox-body .tb-product-talk-layout > form,
.toolbox-body .tb-ai-video-layout > form,
.toolbox-body .tb-publish-layout > form {
  display: grid;
  align-content: start;
  gap: 12px;
}
.toolbox-body .tb-product-talk-layout .tb-upload-drop {
  min-height: 150px;
}
.toolbox-body .tb-product-talk-empty,
.toolbox-body .tb-ai-video-empty {
  min-height: 520px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: linear-gradient(145deg, #f7f8fc, #fff);
}
.toolbox-body .tb-product-talk-empty ol {
  width: min(310px, 100%);
  text-align: left;
}
.toolbox-body .tb-product-talk-empty li {
  padding: 10px 12px;
  border: 1px solid #e1e4ec;
  border-radius: 7px;
  background: #fff;
  color: #4e586c;
  font-size: 12px;
}
.toolbox-body .tb-ai-video-studio > header {
  min-height: 126px;
  padding: 22px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid #e3e5ed;
  background: linear-gradient(112deg, #eff6ff, #f3f0ff 55%, #fff5f5);
}
.toolbox-body .tb-ai-video-studio > header a {
  flex: 0 0 auto;
  border: 1px solid #dddfea;
  border-radius: 7px;
  background: #fff;
  color: #6655d9;
  padding: 9px 13px;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}
.toolbox-body .tb-ai-video-tabs {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.toolbox-body .tb-ai-video-layout {
  grid-template-columns: 450px minmax(0, 1fr);
}
.toolbox-body .tb-ai-video-layout > aside > header {
  justify-content: flex-start;
}
.toolbox-body .tb-ai-video-layout > aside > header button {
  min-height: 46px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #7c8495;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
}
.toolbox-body .tb-ai-video-layout > aside > header button.active {
  border-color: #6655d9;
  color: #6655d9;
}
.toolbox-body .tb-publish-layout {
  grid-template-columns: minmax(0, 1fr) 330px;
}
.toolbox-body .tb-publish-layout fieldset {
  margin: 0;
  padding: 12px;
  border: 1px solid #e0e3ea;
  border-radius: 7px;
}
.toolbox-body .tb-publish-layout legend {
  color: #354055;
  font-size: 12px;
  font-weight: 800;
}
.toolbox-body .tb-publish-layout fieldset > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.toolbox-body .tb-publish-layout fieldset label span {
  min-height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid #dfe2e9;
  border-radius: 6px;
  background: #fff;
  color: #5c6577;
  font-size: 11px;
  cursor: pointer;
}
.toolbox-body .tb-publish-layout fieldset input {
  position: absolute;
  opacity: 0;
}
.toolbox-body .tb-publish-layout fieldset input:checked + span {
  border-color: #6655d9;
  background: #f0efff;
  color: #5f4ed2;
}
.toolbox-body .tb-publish-layout > aside .tb-empty {
  margin: 14px;
}
.toolbox-body .tb-asset-library-layout {
  min-height: 560px;
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
}
.toolbox-body .tb-asset-library-layout > aside {
  padding: 18px;
  border-right: 1px solid #e1e4eb;
  background: #fff;
}
.toolbox-body .tb-asset-library-layout > aside > strong {
  color: #2f394d;
  font-size: 13px;
}
.toolbox-body .tb-asset-library-layout > aside nav {
  margin: 12px 0;
  display: grid;
  gap: 6px;
}
.toolbox-body .tb-asset-library-layout > aside nav button {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #596377;
  padding: 0 10px;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
.toolbox-body .tb-asset-library-layout > aside nav button.active {
  background: #eef5ff;
  color: #4d61c9;
  font-weight: 800;
}
.toolbox-body .tb-asset-library-layout > main {
  min-width: 0;
  padding: 18px;
}
.toolbox-body .tb-asset-library-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.toolbox-body .tb-asset-library-toolbar > div,
.toolbox-body .tb-asset-library-toolbar > label {
  display: flex;
  gap: 7px;
}
.toolbox-body .tb-asset-library-toolbar button {
  min-height: 36px;
  border: 1px solid #dfe2ea;
  border-radius: 6px;
  background: #fff;
  color: #596377;
  padding: 0 11px;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
}
.toolbox-body .tb-asset-library-toolbar button.active {
  border-color: #6655d9;
  color: #5f4ed2;
}
.toolbox-body .tb-asset-library-create {
  margin-top: 14px;
  padding: 15px;
  display: grid;
  gap: 11px;
  border: 1px solid #e0e3ea;
  border-radius: 8px;
  background: #fff;
}
.toolbox-body .tb-asset-library-create > div:first-child {
  display: grid;
  grid-template-columns: 1fr 220px;
  gap: 10px;
}
.toolbox-body .tb-asset-library-create label {
  display: grid;
  gap: 6px;
  color: #354055;
  font-size: 12px;
  font-weight: 800;
}
.toolbox-body .tb-asset-library-create label b {
  color: #e94b70;
}
.toolbox-body .tb-asset-library-empty {
  margin-top: 14px;
  min-height: 150px;
  padding: 24px;
  display: grid;
  place-content: center;
  border: 1px dashed #d5d9e3;
  border-radius: 8px;
  color: #7b8496;
  text-align: center;
}
.toolbox-body .tb-asset-library-empty strong {
  color: #3e485b;
  font-size: 14px;
}
.toolbox-body .tb-asset-library-empty p {
  margin: 6px 0 0;
  font-size: 11px;
}
@media (max-width: 1080px) {
  .toolbox-body .tb-precision-layout,
  .toolbox-body .tb-product-talk-layout,
  .toolbox-body .tb-ai-video-layout,
  .toolbox-body .tb-publish-layout {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-precision-lower {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .toolbox-body .tb-precision-output,
  .toolbox-body .tb-product-talk-layout > aside,
  .toolbox-body .tb-ai-video-layout > aside {
    min-height: 360px;
  }
}
@media (max-width: 720px) {
  .toolbox-body .tb-precision-studio > header,
  .toolbox-body .tb-product-talk-studio > header,
  .toolbox-body .tb-ai-video-studio > header,
  .toolbox-body .tb-publish-studio > header,
  .toolbox-body .tb-asset-library-studio > header {
    min-height: 0;
    padding: 19px 16px;
  }
  .toolbox-body .tb-ai-video-studio > header {
    align-items: flex-start;
    flex-direction: column;
  }
  .toolbox-body .tb-precision-tabs {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-precision-fields,
  .toolbox-body .tb-precision-lower,
  .toolbox-body .tb-publish-layout fieldset > div,
  .toolbox-body .tb-asset-library-create > div:first-child {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-precision-field:first-child {
    grid-column: auto !important;
  }
  .toolbox-body .tb-asset-library-layout {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-asset-library-layout > aside {
    border-right: 0;
    border-bottom: 1px solid #e1e4eb;
  }
  .toolbox-body .tb-asset-library-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
}

/* 20260714j: distinct ecommerce workbenches */
.toolbox-body .tb-product-set-studio,
.toolbox-body .tb-batch-main-studio,
.toolbox-body .tb-ecom-chat-studio {
  overflow: hidden;
  border: 1px solid #e1e4eb;
  border-radius: 8px;
  background: #f7f8fb;
  color: #192235;
  letter-spacing: 0;
}
.toolbox-body .tb-product-set-studio > header,
.toolbox-body .tb-batch-main-studio > header {
  min-height: 120px;
  padding: 21px 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid #e2e4eb;
  background: linear-gradient(110deg, #fff4e9, #f2f5ff 58%, #effdf7);
}
.toolbox-body .tb-batch-main-studio > header {
  display: block;
  text-align: center;
}
.toolbox-body .tb-product-set-studio > header span,
.toolbox-body .tb-batch-main-studio > header span {
  display: block;
  margin-bottom: 6px;
  color: #ee742e;
  font-size: 12px;
  font-weight: 800;
}
.toolbox-body .tb-product-set-studio > header h3,
.toolbox-body .tb-batch-main-studio > header h3 {
  margin: 0;
  font-size: 24px;
}
.toolbox-body .tb-product-set-studio > header p,
.toolbox-body .tb-batch-main-studio > header p {
  margin: 7px 0 0;
  color: #6c7587;
  font-size: 12px;
}
.toolbox-body .tb-product-set-studio > header a {
  color: #6554cf;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}
.toolbox-body .tb-product-set-studio > nav,
.toolbox-body .tb-batch-main-studio > nav {
  margin: 13px 18px 0;
}
.toolbox-body .tb-product-set-layout {
  display: grid;
  grid-template-columns: 390px minmax(0, 1fr);
  gap: 14px;
  padding: 14px 18px 18px;
}
.toolbox-body .tb-product-set-layout > form,
.toolbox-body .tb-batch-main-studio > form {
  margin: 0;
  padding: 15px;
  display: grid;
  align-content: start;
  gap: 11px;
  border: 1px solid #e0e3e9;
  border-radius: 8px;
  background: #fff;
}
.toolbox-body .tb-product-set-layout form > label:not(.tb-upload-drop),
.toolbox-body .tb-batch-main-studio form label {
  display: grid;
  gap: 6px;
  color: #354055;
  font-size: 12px;
  font-weight: 800;
}
.toolbox-body .tb-product-set-layout input,
.toolbox-body .tb-product-set-layout textarea,
.toolbox-body .tb-product-set-layout select,
.toolbox-body .tb-batch-main-studio input,
.toolbox-body .tb-batch-main-studio textarea,
.toolbox-body .tb-batch-main-studio select,
.toolbox-body .tb-ecom-chat-studio input,
.toolbox-body .tb-ecom-chat-studio textarea,
.toolbox-body .tb-ecom-chat-studio select {
  width: 100%;
  border: 1px solid #d9dde6;
  border-radius: 7px;
  background: #fbfcfe;
  color: #273145;
  padding: 9px 10px;
  font: inherit;
  font-size: 12px;
  line-height: 1.6;
}
.toolbox-body .tb-product-set-upload {
  min-height: 150px;
}
.toolbox-body .tb-product-set-layout > aside {
  overflow: hidden;
  border: 1px solid #e0e3e9;
  border-radius: 8px;
  background: #fff;
}
.toolbox-body .tb-product-set-layout > aside > header {
  min-height: 48px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e6e8ed;
}
.toolbox-body .tb-product-set-layout > aside > header button {
  min-height: 46px;
  border: 0;
  background: transparent;
  color: #7b8496;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
}
.toolbox-body .tb-product-set-layout > aside > header button.active {
  color: #6554cf;
  border-bottom: 2px solid #6554cf;
}
.toolbox-body .tb-product-set-layout > aside > header a {
  color: #6554cf;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
}
.toolbox-body .tb-product-set-preview {
  min-height: 520px;
  padding: 30px;
  display: grid;
  place-content: center;
  background: linear-gradient(145deg, #f6f8fc, #fff);
  text-align: center;
}
.toolbox-body .tb-product-set-preview > strong {
  font-size: 24px;
}
.toolbox-body .tb-product-set-preview > p {
  color: #778195;
  font-size: 12px;
}
.toolbox-body .tb-product-set-preview > div {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.toolbox-body .tb-product-set-preview > div span {
  min-height: 72px;
  display: grid;
  place-items: center;
  border: 1px solid #dfe2e9;
  border-radius: 7px;
  background: #fff;
  color: #505a6c;
  font-size: 11px;
  font-weight: 800;
}
.toolbox-body .tb-batch-main-studio > form {
  margin: 14px 18px 18px;
}
.toolbox-body .tb-batch-main-upload,
.toolbox-body .tb-batch-main-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.toolbox-body .tb-batch-main-upload .tb-upload-drop {
  min-height: 180px;
}
.toolbox-body .tb-batch-main-fields {
  padding: 13px;
  border: 1px solid #e0e3e9;
  border-radius: 7px;
  background: #f8f9fc;
}
.toolbox-body .tb-ecom-chat-studio {
  min-height: 690px;
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
  background: #fff;
}
.toolbox-body .tb-ecom-chat-studio > aside {
  padding: 16px;
  border-right: 1px solid #e1e4eb;
  background: #f7f8fb;
}
.toolbox-body .tb-ecom-chat-studio > aside > strong {
  display: block;
  margin: 18px 0 8px;
  color: #6a7385;
  font-size: 11px;
}
.toolbox-body .tb-ecom-chat-studio > aside nav button {
  width: 100%;
  min-height: 40px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #5b6577;
  font: inherit;
  text-align: left;
}
.toolbox-body .tb-ecom-chat-studio > aside nav button.active {
  background: #e8f8fb;
  color: #157b90;
}
.toolbox-body .tb-ecom-chat-studio > main {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.toolbox-body .tb-ecom-chat-studio > main > header {
  min-height: 58px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e6e8ee;
}
.toolbox-body .tb-ecom-chat-studio > main > header span {
  color: #8a92a2;
  font-size: 11px;
}
.toolbox-body .tb-ecom-chat-empty {
  flex: 1;
  min-height: 360px;
  display: grid;
  place-content: center;
  text-align: center;
}
.toolbox-body .tb-ecom-chat-empty strong {
  font-size: 18px;
}
.toolbox-body .tb-ecom-chat-empty p {
  max-width: 520px;
  color: #7c8597;
  font-size: 12px;
  line-height: 1.7;
}
.toolbox-body .tb-ecom-chat-studio form {
  margin: 0 16px 16px;
  padding: 13px;
  border: 1px solid #dfe2e9;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 9px 24px rgba(25, 34, 53, .08);
}
.toolbox-body .tb-ecom-chat-upload input {
  position: absolute;
  opacity: 0;
}
.toolbox-body .tb-ecom-chat-upload span {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #dce0e8;
  border-radius: 6px;
  padding: 0 10px;
  color: #5e687b;
  font-size: 11px;
  cursor: pointer;
}
.toolbox-body .tb-ecom-chat-prompt {
  margin-top: 9px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: end;
}
.toolbox-body .tb-ecom-chat-prompt textarea {
  resize: vertical;
}
.toolbox-body .tb-ecom-chat-options {
  margin-top: 9px;
  display: grid;
  grid-template-columns: 1fr 160px 90px auto;
  gap: 8px;
  align-items: end;
}
.toolbox-body .tb-ecom-chat-options label {
  display: grid;
  gap: 5px;
  color: #586276;
  font-size: 10px;
  font-weight: 800;
}
.toolbox-body .tb-ecom-chat-options > span {
  padding-bottom: 10px;
  color: #e9692d;
  font-size: 11px;
  font-weight: 800;
}
@media (max-width: 1080px) {
  .toolbox-body .tb-product-set-layout {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-ecom-chat-studio {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-ecom-chat-studio > aside {
    display: none;
  }
}
@media (max-width: 720px) {
  .toolbox-body .tb-product-set-studio > header {
    align-items: flex-start;
    flex-direction: column;
  }
  .toolbox-body .tb-batch-main-upload,
  .toolbox-body .tb-batch-main-fields,
  .toolbox-body .tb-ecom-chat-prompt,
  .toolbox-body .tb-ecom-chat-options {
    grid-template-columns: 1fr;
  }
}

/* 20260714m: visual polish after side-by-side reference review */
.toolbox-body .tb-main-tool > .tb-topbar {
  display: none;
}
.toolbox-body .tb-main-tool {
  padding-top: 18px;
}
.toolbox-body .tb-main-tool .tb-tool-workbench-full,
.toolbox-body .tb-main-tool .tb-special-tool-panel {
  margin-top: 0;
}
.toolbox-body .tb-image-home-studio > header,
.toolbox-body .tb-image-compose-head {
  position: relative;
  justify-content: center;
  text-align: center;
}
.toolbox-body .tb-image-home-studio > header > a,
.toolbox-body .tb-image-compose-head > a {
  position: absolute;
  right: 26px;
  top: 50%;
  transform: translateY(-50%);
}
.toolbox-body .tb-image-home-studio,
.toolbox-body .tb-free-design-compose,
.toolbox-body .tb-batch-copy-compose,
.toolbox-body .tb-cover-compose,
.toolbox-body .tb-prompt-reverse-studio {
  box-shadow: 0 18px 44px rgba(39, 48, 67, .07);
}
.toolbox-body .tb-image-home-studio {
  background: #fff8ee;
}
.toolbox-body .tb-image-home-studio > header {
  background: #fff7e9;
}
.toolbox-body .tb-free-design-compose {
  background: #f2faf7;
}
.toolbox-body .tb-free-design-compose > header {
  background: #f7fcfa;
}
.toolbox-body .tb-free-design-compose .tb-compose-count {
  border-color: #cfe8dc;
}
.toolbox-body .tb-free-design-compose .tb-compose-canvas {
  border-color: #7bc7ab;
  box-shadow: 0 10px 28px rgba(49, 139, 106, .08);
}
.toolbox-body .tb-batch-copy-compose {
  background: #fff8e9;
}
.toolbox-body .tb-batch-copy-compose > header {
  background: #fffaf1;
}
.toolbox-body .tb-batch-copy-compose .tb-compose-canvas {
  border-color: #79bfe9;
  box-shadow: 0 10px 28px rgba(48, 143, 196, .08);
}
.toolbox-body .tb-batch-copy-compose .tb-batch-reference-board > div:first-child {
  border-color: #98d0ef;
  background: #eef9ff;
}
.toolbox-body .tb-batch-copy-compose .tb-batch-reference-board > div:last-child {
  border-color: #d5bff2;
  background: #f7f1ff;
}
.toolbox-body .tb-batch-copy-compose .tb-upload-drop {
  min-height: 172px;
  border-color: rgba(98, 105, 152, .22);
  background: rgba(255, 255, 255, .68);
}
.toolbox-body .tb-cover-compose {
  background: #fff9eb;
}
.toolbox-body .tb-cover-compose > header {
  background: #fffaf2;
}
.toolbox-body .tb-cover-compose .tb-compose-canvas {
  border-color: #f3a145;
  box-shadow: 0 10px 28px rgba(231, 131, 37, .08);
}
.toolbox-body .tb-cover-compose .tb-compose-canvas.compact > textarea {
  min-height: 265px;
}
.toolbox-body .tb-cover-template-strip > div > button {
  min-height: 110px;
  box-shadow: 0 7px 18px rgba(44, 52, 68, .07);
  transition: transform .16s ease, box-shadow .16s ease;
}
.toolbox-body .tb-cover-template-strip > div > button:hover {
  transform: translateY(-2px);
  box-shadow: 0 11px 24px rgba(44, 52, 68, .12);
}
.toolbox-body .tb-prompt-reverse-studio {
  background: #fff8eb;
}
.toolbox-body .tb-prompt-reverse-studio > header {
  padding: 28px 26px 18px;
  background: #fff8eb;
}
.toolbox-body .tb-prompt-reverse-studio > form {
  margin-top: 0;
  padding: 18px;
  border-color: #eadbc1;
  box-shadow: 0 12px 30px rgba(103, 76, 30, .07);
}
.toolbox-body .tb-prompt-reverse-drop {
  min-height: 320px !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-color: #edc889 !important;
  background: #fffdf9 !important;
}
.toolbox-body .tb-prompt-reverse-drop .tb-upload-mark {
  width: 54px;
  height: 54px;
  margin-bottom: 10px;
  border-color: #f0c56f;
  background: #fff3d9;
}
.toolbox-body .tb-prompt-reverse-options {
  padding: 13px;
  border: 1px solid #eee0c8;
  border-radius: 8px;
  background: #fffaf2;
}
.toolbox-body .tb-template-market-card,
.toolbox-body .tb-geo-folder-grid article,
.toolbox-body .tb-viral-library-grid article {
  box-shadow: 0 8px 22px rgba(31, 40, 58, .065);
}
.toolbox-body .tb-template-market-card:hover,
.toolbox-body .tb-geo-folder-grid article:hover,
.toolbox-body .tb-viral-library-grid article:hover {
  border-color: #b9aceb;
  box-shadow: 0 13px 28px rgba(31, 40, 58, .11);
  transform: translateY(-2px);
}
.toolbox-body .tb-geo-folder-grid article,
.toolbox-body .tb-viral-library-grid article {
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.toolbox-body .tb-viral-library-grid article {
  min-height: 252px;
  padding: 16px;
}
.toolbox-body .tb-viral-library-grid article > strong {
  margin-top: 15px;
  font-size: 15px;
}
.toolbox-body .tb-viral-library-grid article > p {
  font-size: 11px;
  line-height: 1.8;
}
.toolbox-body .tb-viral-library-grid article > footer button {
  min-height: 38px;
}
.toolbox-body .tb-geo-folder-grid article {
  min-height: 190px;
  padding: 16px;
}
.toolbox-body .tb-geo-folder-grid article > i {
  width: 42px;
  height: 42px;
}
.toolbox-body .tb-template-market-grid {
  gap: 12px;
}
.toolbox-body .tb-template-market-card {
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.toolbox-body .tb-design-tabs a.active {
  box-shadow: 0 8px 18px rgba(235, 92, 62, .19);
}
.toolbox-body .tb-compose-submit .tb-btn.primary,
.toolbox-body .tb-viral-library-search .tb-btn.primary {
  border-radius: 8px;
}
@media (max-width: 720px) {
  .toolbox-body .tb-main-tool {
    padding-top: 14px;
  }
  .toolbox-body .tb-image-home-studio > header,
  .toolbox-body .tb-image-compose-head {
    text-align: left;
  }
  .toolbox-body .tb-image-home-studio > header > a,
  .toolbox-body .tb-image-compose-head > a {
    position: static;
    transform: none;
  }
  .toolbox-body .tb-prompt-reverse-drop {
    min-height: 235px !important;
  }
  .toolbox-body .tb-cover-compose .tb-compose-canvas.compact > textarea {
    min-height: 220px;
  }
  .toolbox-body .tb-viral-library-grid article {
    min-height: 230px;
  }
}

/* 20260714n: workbench hierarchy, card depth and 1200px layout pass */
.toolbox-body {
  --tb-page-surface: #f4f6fb;
  --tb-card-border: #dfe3ec;
  --tb-card-border-strong: #d4d9e5;
  --tb-card-shadow: 0 1px 2px rgba(22, 30, 48, .04), 0 14px 34px rgba(22, 30, 48, .075);
  --tb-card-shadow-hover: 0 2px 4px rgba(22, 30, 48, .05), 0 18px 40px rgba(22, 30, 48, .11);
  --tb-input-focus: rgba(112, 82, 220, .12);
}
.toolbox-body .tb-main.tb-main-tool {
  min-width: 0;
  padding: 16px 18px 30px;
  background:
    radial-gradient(circle at 92% 2%, rgba(236, 72, 153, .055), transparent 24%),
    linear-gradient(180deg, #f7f8fc 0, var(--tb-page-surface) 100%);
}
.toolbox-body .tb-main-tool .tb-tool-workbench,
.toolbox-body .tb-main-tool .tb-tool-workbench-full,
.toolbox-body .tb-main-tool .tb-special-tool-panel {
  min-width: 0;
  max-width: 100%;
}
.toolbox-body .tb-main-tool .tb-special-tool-panel {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.toolbox-body .tb-precision-studio,
.toolbox-body .tb-product-talk-studio,
.toolbox-body .tb-publish-studio,
.toolbox-body .tb-asset-library-studio,
.toolbox-body .tb-product-set-studio,
.toolbox-body .tb-batch-main-studio,
.toolbox-body .tb-ecom-chat-studio,
.toolbox-body .tb-topic-hub,
.toolbox-body .tb-visual-template-studio,
.toolbox-body .tb-wechat-cover-studio,
.toolbox-body .tb-image-task-studio,
.toolbox-body .tb-id-photo-studio {
  min-width: 0;
  max-width: 100%;
  border-color: var(--tb-card-border-strong);
  background: #f8f9fc;
  box-shadow: var(--tb-card-shadow);
}
.toolbox-body .tb-precision-studio > header,
.toolbox-body .tb-product-talk-studio > header,
.toolbox-body .tb-publish-studio > header,
.toolbox-body .tb-asset-library-studio > header,
.toolbox-body .tb-visual-template-studio > header,
.toolbox-body .tb-wechat-cover-studio > header,
.toolbox-body .tb-image-task-studio > header,
.toolbox-body .tb-id-photo-studio > header,
.toolbox-body .tb-product-set-studio > header,
.toolbox-body .tb-batch-main-studio > header {
  min-height: 104px;
  padding: 18px 24px;
  background:
    linear-gradient(105deg, rgba(246, 242, 255, .98), rgba(255, 248, 250, .98) 54%, rgba(255, 249, 237, .98));
}
.toolbox-body .tb-precision-studio > header h3,
.toolbox-body .tb-product-talk-studio > header h3,
.toolbox-body .tb-publish-studio > header h3,
.toolbox-body .tb-asset-library-studio > header h3,
.toolbox-body .tb-visual-template-studio > header h3,
.toolbox-body .tb-wechat-cover-studio > header h3,
.toolbox-body .tb-image-task-studio > header h3,
.toolbox-body .tb-id-photo-studio > header h3,
.toolbox-body .tb-product-set-studio > header h3,
.toolbox-body .tb-batch-main-studio > header h3 {
  color: #182033;
  font-size: 23px;
  line-height: 1.3;
}
.toolbox-body .tb-precision-studio > header p,
.toolbox-body .tb-product-talk-studio > header p,
.toolbox-body .tb-publish-studio > header p,
.toolbox-body .tb-asset-library-studio > header p,
.toolbox-body .tb-visual-template-studio > header p,
.toolbox-body .tb-wechat-cover-studio > header p,
.toolbox-body .tb-image-task-studio > header p,
.toolbox-body .tb-id-photo-studio > header p,
.toolbox-body .tb-product-set-studio > header p,
.toolbox-body .tb-batch-main-studio > header p {
  color: #697387;
  line-height: 1.55;
}
.toolbox-body .tb-precision-tabs,
.toolbox-body .tb-ai-video-tabs {
  gap: 4px;
  border-color: #dde1ea;
  background: #eaedf4;
  box-shadow: inset 0 1px 2px rgba(23, 31, 49, .055);
}
.toolbox-body .tb-precision-tabs button,
.toolbox-body .tb-ai-video-tabs button {
  transition: color .16s ease, background .16s ease, box-shadow .16s ease;
}
.toolbox-body .tb-precision-tabs button.active,
.toolbox-body .tb-ai-video-tabs button.active {
  border: 1px solid #e0e2e9;
  background: linear-gradient(180deg, #fff, #fbfbfd);
  box-shadow: 0 5px 14px rgba(28, 37, 57, .09);
}
.toolbox-body .tb-precision-form,
.toolbox-body .tb-precision-output,
.toolbox-body .tb-product-talk-layout > form,
.toolbox-body .tb-product-talk-layout > aside,
.toolbox-body .tb-ai-video-layout > form,
.toolbox-body .tb-ai-video-layout > aside,
.toolbox-body .tb-publish-layout > form,
.toolbox-body .tb-publish-layout > aside,
.toolbox-body .tb-product-set-layout > form,
.toolbox-body .tb-product-set-layout > aside,
.toolbox-body .tb-batch-main-studio > form {
  min-width: 0;
  border-color: var(--tb-card-border);
  background: linear-gradient(180deg, #fff 0, #fefeff 100%);
  box-shadow: 0 1px 2px rgba(24, 32, 50, .035), 0 9px 24px rgba(24, 32, 50, .055);
}
.toolbox-body .tb-precision-output > header,
.toolbox-body .tb-product-talk-layout > aside > header,
.toolbox-body .tb-ai-video-layout > aside > header,
.toolbox-body .tb-publish-layout > aside > header,
.toolbox-body .tb-product-set-layout > aside > header {
  background: linear-gradient(180deg, #fff, #fafbfe);
}
.toolbox-body .tb-precision-field textarea,
.toolbox-body .tb-precision-lower textarea,
.toolbox-body .tb-precision-lower select,
.toolbox-body .tb-product-talk-layout textarea,
.toolbox-body .tb-product-talk-layout input,
.toolbox-body .tb-product-talk-layout select,
.toolbox-body .tb-ai-video-layout textarea,
.toolbox-body .tb-ai-video-layout input,
.toolbox-body .tb-ai-video-layout select,
.toolbox-body .tb-publish-layout textarea,
.toolbox-body .tb-publish-layout input,
.toolbox-body .tb-publish-layout select,
.toolbox-body .tb-product-set-layout input,
.toolbox-body .tb-product-set-layout textarea,
.toolbox-body .tb-product-set-layout select,
.toolbox-body .tb-batch-main-studio input,
.toolbox-body .tb-batch-main-studio textarea,
.toolbox-body .tb-batch-main-studio select,
.toolbox-body .tb-ecom-chat-studio input,
.toolbox-body .tb-ecom-chat-studio textarea,
.toolbox-body .tb-ecom-chat-studio select,
.toolbox-body .tb-id-photo-controls input,
.toolbox-body .tb-id-photo-controls textarea,
.toolbox-body .tb-id-photo-controls select {
  min-width: 0;
  border-color: #d5dae5;
  background: #fff;
  box-shadow: inset 0 1px 2px rgba(21, 29, 47, .035);
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.toolbox-body .tb-precision-field textarea:hover,
.toolbox-body .tb-product-talk-layout textarea:hover,
.toolbox-body .tb-publish-layout textarea:hover,
.toolbox-body .tb-product-set-layout textarea:hover,
.toolbox-body .tb-batch-main-studio textarea:hover,
.toolbox-body .tb-ecom-chat-studio textarea:hover,
.toolbox-body .tb-id-photo-controls textarea:hover {
  border-color: #bec5d4;
}
.toolbox-body .tb-precision-field textarea:focus,
.toolbox-body .tb-precision-lower textarea:focus,
.toolbox-body .tb-precision-lower select:focus,
.toolbox-body .tb-product-talk-layout textarea:focus,
.toolbox-body .tb-product-talk-layout input:focus,
.toolbox-body .tb-product-talk-layout select:focus,
.toolbox-body .tb-publish-layout textarea:focus,
.toolbox-body .tb-publish-layout input:focus,
.toolbox-body .tb-publish-layout select:focus,
.toolbox-body .tb-product-set-layout textarea:focus,
.toolbox-body .tb-product-set-layout input:focus,
.toolbox-body .tb-product-set-layout select:focus,
.toolbox-body .tb-batch-main-studio textarea:focus,
.toolbox-body .tb-batch-main-studio input:focus,
.toolbox-body .tb-batch-main-studio select:focus,
.toolbox-body .tb-ecom-chat-studio textarea:focus,
.toolbox-body .tb-ecom-chat-studio input:focus,
.toolbox-body .tb-ecom-chat-studio select:focus,
.toolbox-body .tb-id-photo-controls textarea:focus,
.toolbox-body .tb-id-photo-controls input:focus,
.toolbox-body .tb-id-photo-controls select:focus {
  outline: 0;
  border-color: #7b65de;
  background: #fff;
  box-shadow: 0 0 0 3px var(--tb-input-focus);
}
.toolbox-body .tb-main-tool .tb-upload-drop {
  border-color: #cdd3e2;
  background: linear-gradient(180deg, #fcfdff, #f7f9fd);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7);
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}
.toolbox-body .tb-main-tool .tb-upload-drop:hover {
  border-color: #8c78e4;
  background: linear-gradient(180deg, #fff, #f7f5ff);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .8), 0 8px 20px rgba(79, 61, 153, .07);
}
.toolbox-body .tb-main-tool .tb-upload-mark {
  border-color: #c9bff1;
  background: linear-gradient(145deg, #f5f2ff, #e9f5ff);
  box-shadow: 0 7px 16px rgba(87, 65, 173, .11);
}
.toolbox-body .tb-studio-submit,
.toolbox-body .tb-compose-submit {
  border: 1px solid rgba(255, 255, 255, .07);
  background: linear-gradient(115deg, #151c2d, #1c253a);
  box-shadow: 0 10px 24px rgba(19, 26, 43, .14);
}
.toolbox-body .tb-studio-submit .tb-btn.primary,
.toolbox-body .tb-compose-submit .tb-btn.primary,
.toolbox-body .tb-ecom-chat-studio .tb-btn.primary {
  min-height: 42px;
  border-radius: 7px;
  box-shadow: 0 9px 20px rgba(131, 73, 211, .22);
}
.toolbox-body .tb-product-talk-empty,
.toolbox-body .tb-ai-video-empty,
.toolbox-body .tb-product-set-preview,
.toolbox-body .tb-ecom-chat-empty,
.toolbox-body .tb-id-photo-preview {
  background:
    radial-gradient(circle at 50% 22%, rgba(124, 92, 227, .075), transparent 28%),
    linear-gradient(155deg, #f8f9fd, #fff 70%);
}
.toolbox-body .tb-product-talk-empty li,
.toolbox-body .tb-product-set-preview > div span {
  border-color: #dfe3ec;
  box-shadow: 0 5px 14px rgba(28, 36, 54, .055);
}
.toolbox-body .tb-topic-cards > button,
.toolbox-body .tb-template-market-card,
.toolbox-body .tb-geo-folder-grid article,
.toolbox-body .tb-viral-library-grid article {
  border-color: #dfe3eb;
  box-shadow: 0 1px 2px rgba(25, 33, 50, .035), 0 8px 20px rgba(25, 33, 50, .06);
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.toolbox-body .tb-topic-cards > button:hover,
.toolbox-body .tb-template-market-card:hover,
.toolbox-body .tb-geo-folder-grid article:hover,
.toolbox-body .tb-viral-library-grid article:hover {
  border-color: #a998ea;
  box-shadow: var(--tb-card-shadow-hover);
  transform: translateY(-2px);
}
.toolbox-body .tb-product-set-studio > nav,
.toolbox-body .tb-batch-main-studio > nav {
  display: flex;
  gap: 5px;
  overflow-x: auto;
  padding: 4px;
  border: 1px solid #dfe2ea;
  border-radius: 8px;
  background: #eceff5;
  box-shadow: inset 0 1px 2px rgba(24, 32, 50, .05);
}
.toolbox-body .tb-product-set-studio > nav a,
.toolbox-body .tb-batch-main-studio > nav a {
  min-height: 38px;
  flex: 0 0 auto;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #606a7c;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}
.toolbox-body .tb-product-set-studio > nav a.active,
.toolbox-body .tb-batch-main-studio > nav a.active {
  border-color: #e0e2e9;
  background: #fff;
  color: #6550ce;
  box-shadow: 0 5px 13px rgba(28, 37, 56, .09);
}
.toolbox-body .tb-ecom-chat-studio,
.toolbox-body .tb-ecom-chat-studio > aside,
.toolbox-body .tb-ecom-chat-studio > main,
.toolbox-body .tb-ecom-chat-studio form,
.toolbox-body .tb-ecom-chat-prompt,
.toolbox-body .tb-ecom-chat-options,
.toolbox-body .tb-publish-layout,
.toolbox-body .tb-publish-layout > form,
.toolbox-body .tb-publish-layout > aside,
.toolbox-body .tb-id-photo-layout,
.toolbox-body .tb-id-photo-controls,
.toolbox-body .tb-id-photo-preview {
  min-width: 0;
  max-width: 100%;
}
.toolbox-body .tb-ecom-chat-studio {
  grid-template-columns: 205px minmax(0, 1fr);
}
.toolbox-body .tb-ecom-chat-studio > aside {
  background: linear-gradient(180deg, #f8f9fc, #f4f6fa);
}
.toolbox-body .tb-ecom-chat-studio > main > header {
  background: linear-gradient(180deg, #fff, #fafbfe);
}
.toolbox-body .tb-ecom-chat-studio form {
  border-color: #d7dce7;
  box-shadow: 0 1px 2px rgba(24, 32, 50, .04), 0 12px 28px rgba(24, 32, 50, .09);
}
.toolbox-body .tb-ecom-chat-options {
  grid-template-columns: minmax(120px, 1fr) minmax(108px, 145px) minmax(68px, 86px) max-content;
}
.toolbox-body .tb-publish-layout {
  grid-template-columns: minmax(0, 1fr) minmax(270px, 310px);
}
.toolbox-body .tb-publish-layout fieldset,
.toolbox-body .tb-publish-layout fieldset > div,
.toolbox-body .tb-publish-layout fieldset label {
  min-width: 0;
  max-width: 100%;
}
.toolbox-body .tb-publish-layout fieldset label span {
  transition: border-color .16s ease, color .16s ease, background .16s ease, box-shadow .16s ease;
}
.toolbox-body .tb-publish-layout fieldset input:checked + span {
  box-shadow: 0 5px 13px rgba(93, 73, 190, .1);
}
.toolbox-body .tb-id-photo-layout {
  grid-template-columns: minmax(320px, 360px) minmax(0, 1fr);
}
.toolbox-body .tb-id-photo-preview {
  overflow: hidden;
  padding: 22px;
}
.toolbox-body .tb-id-photo-preview > .tb-id-photo-drop {
  width: min(480px, 100%);
  min-width: 0;
}
.toolbox-body .tb-id-photo-preview > div:not(.tb-id-photo-examples) {
  max-width: 100%;
  box-shadow: 0 9px 24px rgba(62, 47, 131, .07);
}
.toolbox-body .tb-id-photo-examples {
  max-width: 100%;
  grid-template-columns: repeat(4, minmax(44px, 54px));
}
.toolbox-body .tb-id-photo-examples i {
  box-shadow: 0 5px 13px rgba(24, 32, 50, .09);
}
.toolbox-body .tb-local-image-tool,
.toolbox-body .tb-free-note-studio {
  min-width: 0;
  max-width: 100%;
  border-color: var(--tb-card-border-strong);
  background: #f8f9fc;
  box-shadow: var(--tb-card-shadow);
}
.toolbox-body .tb-local-image-tool > header,
.toolbox-body .tb-free-note-studio > header {
  min-height: 104px;
  padding: 18px 24px;
  background: linear-gradient(105deg, rgba(246, 242, 255, .98), rgba(255, 248, 250, .98) 54%, rgba(255, 249, 237, .98));
}
.toolbox-body .tb-local-image-tool > header h3,
.toolbox-body .tb-free-note-studio > header h3 {
  font-size: 23px;
}
.toolbox-body .tb-local-image-layout {
  grid-template-columns: 330px minmax(0, 1fr);
  background: #f7f8fb;
}
.toolbox-body .tb-local-controls {
  min-width: 0;
  padding: 16px;
  background: linear-gradient(180deg, #fff, #fbfcfe);
}
.toolbox-body .tb-local-upload {
  min-height: 164px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 7px;
  border-color: #c9d1e1;
  background: linear-gradient(180deg, #fbfcff, #f4f7fc);
  box-shadow: inset 0 0 0 1px #fff, 0 7px 18px rgba(28, 36, 54, .055);
}
.toolbox-body .tb-local-upload b,
.toolbox-body .tb-local-upload em {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.toolbox-body .tb-local-upload em {
  color: #69758a;
  line-height: 1.45;
}
.toolbox-body .tb-local-settings {
  margin: 13px 0;
  padding: 13px;
  border: 1px solid #dfe3ec;
  border-radius: 8px;
  background: #f7f9fc;
  box-shadow: inset 0 1px 0 #fff;
}
.toolbox-body .tb-local-settings::before {
  content: "处理参数";
  grid-column: 1 / -1;
  color: #263147;
  font-size: 12px;
  font-weight: 900;
}
.toolbox-body [data-local-image-tool="collage"] .tb-local-settings::before {
  content: "宫格与画布";
}
.toolbox-body [data-local-image-tool="crop"] .tb-local-settings::before {
  content: "裁剪尺寸";
}
.toolbox-body .tb-local-settings label {
  padding: 10px;
  border: 1px solid #e1e5ed;
  border-radius: 7px;
  background: #fff;
}
.toolbox-body .tb-local-settings input,
.toolbox-body .tb-local-settings select {
  border-color: #d4dae6;
  background: #fff;
}
.toolbox-body .tb-local-settings input:focus,
.toolbox-body .tb-local-settings select:focus {
  outline: 0;
  border-color: #7b65de;
  box-shadow: 0 0 0 3px var(--tb-input-focus);
}
.toolbox-body .tb-local-controls > .tb-btn.primary {
  min-height: 44px;
  border-radius: 7px;
  box-shadow: 0 9px 20px rgba(126, 72, 211, .2);
}
.toolbox-body .tb-local-preview {
  min-width: 0;
  position: relative;
  border-left: 1px solid #e0e4ec;
  background: repeating-conic-gradient(#eef1f6 0 25%, #fafbfc 0 50%) 0 / 22px 22px;
  box-shadow: inset 0 0 32px rgba(30, 39, 58, .035);
}
.toolbox-body .tb-local-preview > div {
  min-width: min(330px, 80%);
  border-color: #c6cddd;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 12px 30px rgba(25, 33, 51, .1);
}
.toolbox-body .tb-local-preview > div::before {
  content: "实时预览";
  display: inline-flex;
  margin-bottom: 10px;
  border-radius: 999px;
  background: #f0edff;
  color: #6650d4;
  padding: 5px 9px;
  font-size: 10px;
  font-weight: 900;
}
.toolbox-body .tb-local-preview > .tb-btn[hidden] {
  display: none !important;
}
.toolbox-body [data-local-image-tool="crop"] .tb-local-controls {
  grid-column: 2;
  grid-row: 1;
  border-right: 0;
  border-left: 1px solid #e0e4ec;
}
.toolbox-body [data-local-image-tool="crop"] .tb-local-preview {
  grid-column: 1;
  grid-row: 1;
  border-left: 0;
}
.toolbox-body .tb-free-requirement,
.toolbox-body .tb-free-note-grid > section,
.toolbox-body .tb-free-options {
  border-color: #dfe3ec;
  box-shadow: 0 1px 2px rgba(25, 33, 50, .035), 0 8px 20px rgba(25, 33, 50, .055);
}
.toolbox-body .tb-free-requirement textarea,
.toolbox-body .tb-free-note-grid textarea,
.toolbox-body .tb-free-note-grid input,
.toolbox-body .tb-free-options textarea,
.toolbox-body .tb-free-options input,
.toolbox-body .tb-free-options select {
  border-color: #d5dae5;
  background: #fff;
  box-shadow: inset 0 1px 2px rgba(21, 29, 47, .035);
}
.toolbox-body .tb-free-requirement textarea:focus,
.toolbox-body .tb-free-note-grid textarea:focus,
.toolbox-body .tb-free-note-grid input:focus,
.toolbox-body .tb-free-options textarea:focus,
.toolbox-body .tb-free-options input:focus,
.toolbox-body .tb-free-options select:focus {
  outline: 0;
  border-color: #7b65de;
  box-shadow: 0 0 0 3px var(--tb-input-focus);
}
.toolbox-body .tb-ecom-chat-upload input,
.toolbox-body .tb-publish-layout fieldset input,
.toolbox-body .tb-id-photo-controls fieldset input {
  position: absolute;
  width: 1px;
  height: 1px;
  min-width: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 1240px) {
  .toolbox-body .tb-main.tb-main-tool {
    padding: 14px 14px 26px;
  }
  .toolbox-body .tb-precision-layout {
    grid-template-columns: minmax(0, 1fr) 282px;
    gap: 12px;
    padding-right: 14px;
    padding-left: 14px;
  }
  .toolbox-body .tb-product-talk-layout,
  .toolbox-body .tb-ai-video-layout {
    grid-template-columns: minmax(350px, 390px) minmax(0, 1fr);
    padding-right: 14px;
    padding-left: 14px;
  }
  .toolbox-body .tb-publish-layout {
    grid-template-columns: minmax(0, 1fr) 278px;
    padding-right: 14px;
    padding-left: 14px;
  }
  .toolbox-body .tb-ecom-chat-studio {
    grid-template-columns: 185px minmax(0, 1fr);
  }
  .toolbox-body .tb-ecom-chat-options {
    grid-template-columns: minmax(0, 1fr) 126px 74px;
  }
  .toolbox-body .tb-ecom-chat-options > span {
    grid-column: 1 / -1;
    justify-self: end;
    padding: 0;
  }
  .toolbox-body .tb-id-photo-layout {
    grid-template-columns: 330px minmax(0, 1fr);
  }
  .toolbox-body .tb-id-photo-preview {
    padding: 18px;
  }
}
@media (max-width: 1080px) {
  .toolbox-body .tb-ecom-chat-studio,
  .toolbox-body .tb-publish-layout,
  .toolbox-body .tb-id-photo-layout {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-publish-layout > aside {
    min-height: 260px;
  }
  .toolbox-body .tb-id-photo-controls {
    border-right: 0;
    border-bottom: 1px solid var(--tb-card-border);
  }
  .toolbox-body [data-local-image-tool="crop"] .tb-local-controls,
  .toolbox-body [data-local-image-tool="crop"] .tb-local-preview {
    grid-column: auto;
    grid-row: auto;
  }
  .toolbox-body [data-local-image-tool="crop"] .tb-local-controls {
    border-left: 0;
    border-bottom: 1px solid var(--tb-card-border);
  }
}
@media (max-width: 720px) {
  .toolbox-body .tb-main.tb-main-tool {
    padding: 10px 10px 22px;
  }
  .toolbox-body .tb-precision-studio > header,
  .toolbox-body .tb-product-talk-studio > header,
  .toolbox-body .tb-publish-studio > header,
  .toolbox-body .tb-asset-library-studio > header,
  .toolbox-body .tb-visual-template-studio > header,
  .toolbox-body .tb-wechat-cover-studio > header,
  .toolbox-body .tb-image-task-studio > header,
  .toolbox-body .tb-id-photo-studio > header,
  .toolbox-body .tb-product-set-studio > header,
  .toolbox-body .tb-batch-main-studio > header {
    min-height: 0;
    padding: 17px 15px;
  }
  .toolbox-body .tb-precision-studio > header h3,
  .toolbox-body .tb-product-talk-studio > header h3,
  .toolbox-body .tb-publish-studio > header h3,
  .toolbox-body .tb-id-photo-studio > header h3,
  .toolbox-body .tb-product-set-studio > header h3,
  .toolbox-body .tb-batch-main-studio > header h3 {
    font-size: 20px;
  }
  .toolbox-body .tb-precision-layout,
  .toolbox-body .tb-product-talk-layout,
  .toolbox-body .tb-ai-video-layout,
  .toolbox-body .tb-publish-layout {
    padding: 10px;
  }
  .toolbox-body .tb-product-set-studio > nav,
  .toolbox-body .tb-batch-main-studio > nav {
    margin: 10px;
  }
  .toolbox-body .tb-ecom-chat-options,
  .toolbox-body .tb-id-photo-controls fieldset {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .toolbox-body .tb-ecom-chat-options > span {
    grid-column: 1 / -1;
    justify-self: start;
  }
  .toolbox-body .tb-id-photo-preview {
    padding: 14px;
  }
  .toolbox-body .tb-local-image-tool > header,
  .toolbox-body .tb-free-note-studio > header {
    min-height: 0;
    padding: 17px 15px;
  }
  .toolbox-body .tb-local-image-tool > header h3,
  .toolbox-body .tb-free-note-studio > header h3 {
    font-size: 20px;
  }
  .toolbox-body .tb-local-settings {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-local-preview > div {
    min-width: 0;
    width: min(330px, 92%);
  }
  .toolbox-body .tb-studio-submit,
  .toolbox-body .tb-compose-submit {
    align-items: stretch;
    flex-direction: column;
  }
  .toolbox-body .tb-studio-submit .tb-btn.primary,
  .toolbox-body .tb-compose-submit .tb-btn.primary {
    width: 100%;
    min-width: 0;
  }
}

/* 20260714r: page-specific content workbenches */
.toolbox-body .tb-benchmark-studio,
.toolbox-body .tb-shop-workbench {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  border: 1px solid var(--tb-card-border-strong);
  border-radius: 8px;
  background: #f7f8fb;
  color: #192235;
  box-shadow: var(--tb-card-shadow);
  letter-spacing: 0;
}
.toolbox-body .tb-benchmark-studio > header,
.toolbox-body .tb-shop-workbench > header {
  min-height: 104px;
  padding: 18px 24px;
  border-bottom: 1px solid #e1e5ed;
  background: linear-gradient(105deg, #f5f2ff, #fff8fa 54%, #fff9ed);
  text-align: center;
}
.toolbox-body .tb-benchmark-studio > header > span,
.toolbox-body .tb-shop-workbench > header > span {
  display: block;
  margin-bottom: 6px;
  color: #7054d8;
  font-size: 11px;
  font-weight: 900;
}
.toolbox-body .tb-benchmark-studio > header h3,
.toolbox-body .tb-shop-workbench > header h3 {
  margin: 0;
  color: #182033;
  font-size: 23px;
  line-height: 1.3;
}
.toolbox-body .tb-benchmark-studio > header p,
.toolbox-body .tb-shop-workbench > header p {
  margin: 7px 0 0;
  color: #6b7588;
  font-size: 12px;
  line-height: 1.55;
}
.toolbox-body .tb-benchmark-tabs {
  margin: 14px 18px 0;
  padding: 4px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  border: 1px solid #dfe3eb;
  border-radius: 8px;
  background: #e9ecf3;
  box-shadow: inset 0 1px 2px rgba(25, 33, 50, .055);
}
.toolbox-body .tb-benchmark-tabs button {
  min-height: 39px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: #5e687b;
  font: inherit;
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
}
.toolbox-body .tb-benchmark-tabs button.active {
  border-color: #dfe2e9;
  background: #fff;
  color: #6551cf;
  box-shadow: 0 5px 14px rgba(28, 37, 57, .09);
}
.toolbox-body .tb-benchmark-notice {
  margin: 9px 18px 0;
  padding: 9px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #f1dfae;
  border-radius: 7px;
  background: #fff9e9;
}
.toolbox-body .tb-benchmark-notice strong {
  flex: 0 0 auto;
  color: #98620f;
  font-size: 11px;
}
.toolbox-body .tb-benchmark-notice span {
  color: #776848;
  font-size: 11px;
}
.toolbox-body .tb-benchmark-form,
.toolbox-body .tb-structure-form,
.toolbox-body .tb-viral-form,
.toolbox-body .tb-shop-form {
  min-width: 0;
  margin: 10px 18px 14px;
  padding: 14px;
  border: 1px solid var(--tb-card-border);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(24, 32, 50, .04), 0 9px 24px rgba(24, 32, 50, .055);
}
.toolbox-body .tb-benchmark-editor,
.toolbox-body .tb-structure-editor {
  overflow: hidden;
  border: 1px solid #d9deea;
  border-radius: 8px;
  background: #fff;
  box-shadow: inset 0 1px 2px rgba(22, 30, 48, .035);
}
.toolbox-body .tb-benchmark-editor > header,
.toolbox-body .tb-structure-editor > header {
  min-height: 43px;
  padding: 0 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid #edf0f4;
  background: #fbfcfe;
}
.toolbox-body .tb-benchmark-editor > header strong,
.toolbox-body .tb-structure-editor > header strong {
  color: #2e384c;
  font-size: 12px;
}
.toolbox-body .tb-benchmark-editor b,
.toolbox-body .tb-benchmark-details b,
.toolbox-body .tb-structure-editor b,
.toolbox-body .tb-viral-form b,
.toolbox-body .tb-shop-form b {
  color: #eb4b70;
}
.toolbox-body .tb-benchmark-editor > header span,
.toolbox-body .tb-structure-editor > header span,
.toolbox-body .tb-structure-editor > header em {
  color: #8a93a5;
  font-size: 10px;
  font-style: normal;
}
.toolbox-body .tb-structure-editor > header > div span {
  margin-left: 8px;
}
.toolbox-body .tb-benchmark-editor > textarea,
.toolbox-body .tb-structure-editor > textarea {
  width: 100%;
  min-height: 235px;
  resize: vertical;
  border: 0;
  outline: 0;
  background: #fff;
  color: #273146;
  padding: 14px;
  font: inherit;
  font-size: 13px;
  line-height: 1.75;
}
.toolbox-body .tb-benchmark-editor:focus-within,
.toolbox-body .tb-structure-editor:focus-within {
  border-color: #8069df;
  box-shadow: 0 0 0 3px var(--tb-input-focus);
}
.toolbox-body .tb-benchmark-editor > footer,
.toolbox-body .tb-structure-editor > footer {
  min-height: 40px;
  padding: 5px 9px;
  display: flex;
  align-items: center;
  gap: 6px;
  border-top: 1px solid #edf0f4;
  background: #fafbfe;
}
.toolbox-body .tb-benchmark-editor > footer button,
.toolbox-body .tb-structure-editor > footer button {
  min-height: 29px;
  border: 1px solid #dde1ea;
  border-radius: 6px;
  background: #fff;
  color: #626c7f;
  padding: 0 10px;
  font: inherit;
  font-size: 11px;
  cursor: pointer;
}
.toolbox-body .tb-benchmark-details {
  margin-top: 11px;
  display: grid;
  grid-template-columns: 1.35fr 1fr 1fr;
  gap: 10px;
}
.toolbox-body .tb-benchmark-details label,
.toolbox-body .tb-benchmark-options > label:not(.tb-upload-drop),
.toolbox-body .tb-structure-settings label,
.toolbox-body .tb-viral-form > label,
.toolbox-body .tb-viral-fields label,
.toolbox-body .tb-shop-fields label {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 6px;
  color: #3b465a;
  font-size: 11px;
  font-weight: 850;
}
.toolbox-body .tb-benchmark-details textarea,
.toolbox-body .tb-benchmark-details input,
.toolbox-body .tb-benchmark-options textarea,
.toolbox-body .tb-benchmark-options select,
.toolbox-body .tb-structure-settings input,
.toolbox-body .tb-structure-settings select,
.toolbox-body .tb-viral-form input,
.toolbox-body .tb-viral-form textarea,
.toolbox-body .tb-viral-form select,
.toolbox-body .tb-shop-form input,
.toolbox-body .tb-shop-form textarea,
.toolbox-body .tb-shop-form select {
  width: 100%;
  min-width: 0;
  border: 1px solid #d6dce7;
  border-radius: 7px;
  outline: 0;
  background: #fff;
  color: #273146;
  padding: 9px 10px;
  font: inherit;
  font-size: 12px;
  line-height: 1.6;
  box-shadow: inset 0 1px 2px rgba(22, 30, 48, .03);
}
.toolbox-body .tb-benchmark-details textarea:focus,
.toolbox-body .tb-benchmark-details input:focus,
.toolbox-body .tb-benchmark-options textarea:focus,
.toolbox-body .tb-benchmark-options select:focus,
.toolbox-body .tb-structure-settings input:focus,
.toolbox-body .tb-structure-settings select:focus,
.toolbox-body .tb-viral-form input:focus,
.toolbox-body .tb-viral-form textarea:focus,
.toolbox-body .tb-viral-form select:focus,
.toolbox-body .tb-shop-form input:focus,
.toolbox-body .tb-shop-form textarea:focus {
  border-color: #7d66df;
  box-shadow: 0 0 0 3px var(--tb-input-focus);
}
.toolbox-body .tb-benchmark-options {
  margin-top: 11px;
  display: grid;
  grid-template-columns: 1.2fr .45fr 1fr;
  gap: 10px;
  align-items: stretch;
}
.toolbox-body .tb-benchmark-options .tb-upload-drop {
  min-height: 106px;
}
.toolbox-body .tb-benchmark-templates {
  margin: 0 18px 18px;
  padding: 14px;
  border: 1px solid var(--tb-card-border);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(25, 33, 50, .05);
}
.toolbox-body .tb-benchmark-templates > header {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.toolbox-body .tb-benchmark-templates > header strong,
.toolbox-body .tb-benchmark-templates > header span {
  display: block;
}
.toolbox-body .tb-benchmark-templates > header strong {
  color: #293349;
  font-size: 13px;
}
.toolbox-body .tb-benchmark-templates > header span {
  margin-top: 2px;
  color: #8a93a4;
  font-size: 10px;
}
.toolbox-body .tb-benchmark-templates > header a {
  color: #6b54d5;
  font-size: 11px;
  font-weight: 850;
  text-decoration: none;
}
.toolbox-body .tb-benchmark-templates > div {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 9px;
}
.toolbox-body .tb-benchmark-templates button {
  min-height: 104px;
  padding: 11px;
  display: grid;
  align-content: start;
  gap: 6px;
  border: 1px solid #dfe3eb;
  border-radius: 7px;
  background: linear-gradient(145deg, #fff8ed, #fff);
  color: #273146;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 6px 15px rgba(25, 33, 50, .055);
}
.toolbox-body .tb-benchmark-templates button:hover {
  border-color: #aa97e8;
  box-shadow: 0 10px 22px rgba(62, 47, 131, .1);
  transform: translateY(-1px);
}
.toolbox-body .tb-benchmark-templates button span {
  width: 23px;
  height: 23px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #f0edff;
  color: #6852d1;
  font-size: 10px;
  font-weight: 900;
}
.toolbox-body .tb-benchmark-templates button strong {
  font-size: 12px;
}
.toolbox-body .tb-benchmark-templates button small {
  color: #8b94a4;
  font-size: 10px;
}
.toolbox-body .tb-structure-form {
  margin-top: 10px;
}
.toolbox-body .tb-structure-editor > textarea {
  min-height: 330px;
}
.toolbox-body .tb-structure-settings {
  margin-top: 11px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}
.toolbox-body .tb-structure-settings label {
  padding: 10px;
  border: 1px solid #e1e4eb;
  border-radius: 7px;
  background: #f8f9fc;
}
.toolbox-body .tb-structure-upload {
  margin-top: 11px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 290px;
  gap: 10px;
}
.toolbox-body .tb-structure-upload .tb-upload-drop {
  min-height: 116px;
}
.toolbox-body .tb-structure-upload > aside {
  padding: 13px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  border: 1px solid #e0e4eb;
  border-radius: 8px;
  background: #f8f9fc;
}
.toolbox-body .tb-structure-upload > aside strong {
  grid-column: 1 / -1;
  color: #303a4e;
  font-size: 12px;
}
.toolbox-body .tb-structure-upload > aside span {
  min-height: 32px;
  display: grid;
  place-items: center;
  border: 1px solid #e1e4eb;
  border-radius: 6px;
  background: #fff;
  color: #606a7d;
  font-size: 10px;
}
.toolbox-body .tb-viral-layout,
.toolbox-body .tb-shop-layout {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 12px;
  padding: 10px 18px 18px;
}
.toolbox-body .tb-viral-form,
.toolbox-body .tb-shop-form {
  margin: 0;
  display: grid;
  align-content: start;
  gap: 11px;
}
.toolbox-body .tb-viral-title input {
  min-height: 43px;
}
.toolbox-body .tb-viral-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}
.toolbox-body .tb-viral-ideas {
  padding: 12px;
  border: 1px solid #e1e4eb;
  border-radius: 8px;
  background: #f8f9fc;
}
.toolbox-body .tb-viral-ideas > strong {
  display: block;
  margin-bottom: 8px;
  color: #303a4e;
  font-size: 11px;
}
.toolbox-body .tb-viral-ideas > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}
.toolbox-body .tb-viral-ideas button {
  min-height: 37px;
  overflow: hidden;
  border: 1px solid #dbe1eb;
  border-radius: 7px;
  background: #fff;
  color: #506078;
  padding: 0 9px;
  font: inherit;
  font-size: 10px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.toolbox-body .tb-viral-ideas button:hover {
  border-color: #9d89e7;
  color: #6650cf;
}
.toolbox-body .tb-viral-output,
.toolbox-body .tb-shop-layout > aside {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--tb-card-border);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(24, 32, 50, .04), 0 9px 24px rgba(24, 32, 50, .055);
}
.toolbox-body .tb-viral-output > header,
.toolbox-body .tb-shop-layout > aside > header {
  min-height: 46px;
  padding: 0 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid #e8ebf0;
  background: linear-gradient(180deg, #fff, #fafbfe);
}
.toolbox-body .tb-viral-output > header strong,
.toolbox-body .tb-shop-layout > aside > header strong {
  font-size: 12px;
}
.toolbox-body .tb-viral-output > header a,
.toolbox-body .tb-shop-layout > aside > header a {
  color: #6a53d4;
  font-size: 10px;
  font-weight: 850;
  text-decoration: none;
}
.toolbox-body .tb-viral-output > div:not(.tb-tool-result),
.toolbox-body .tb-shop-layout > aside > div:not(.tb-tool-result) {
  min-height: 430px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at 50% 28%, rgba(119, 88, 220, .07), transparent 30%), linear-gradient(160deg, #f8f9fd, #fff);
  text-align: center;
}
.toolbox-body .tb-viral-output > div strong,
.toolbox-body .tb-shop-layout > aside > div strong {
  color: #303a4e;
  font-size: 14px;
}
.toolbox-body .tb-viral-output > div p,
.toolbox-body .tb-shop-layout > aside > div p {
  color: #838c9d;
  font-size: 11px;
  line-height: 1.65;
}
.toolbox-body .tb-shop-workbench > header {
  text-align: left;
}
.toolbox-body .tb-shop-layout {
  grid-template-columns: minmax(0, 1fr) 300px;
}
.toolbox-body .tb-shop-layout > main {
  min-width: 0;
}
.toolbox-body .tb-shop-prompt {
  padding: 4px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px;
  align-items: end;
  border: 1px solid #d8dde8;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(25, 33, 50, .07);
}
.toolbox-body .tb-shop-prompt textarea {
  min-height: 66px;
  border: 0;
  box-shadow: none;
}
.toolbox-body .tb-shop-prompt textarea:focus {
  box-shadow: none;
}
.toolbox-body .tb-shop-prompt .tb-btn {
  min-width: 108px;
  min-height: 41px;
  margin: 4px;
}
.toolbox-body .tb-shop-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}
.toolbox-body .tb-shop-fields label:first-child {
  grid-column: 1 / -1;
}
.toolbox-body .tb-shop-warm {
  margin-top: 10px;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid #d9ddf0;
  border-radius: 8px;
  background: #f1f3ff;
}
.toolbox-body .tb-shop-warm strong,
.toolbox-body .tb-shop-warm span {
  display: block;
}
.toolbox-body .tb-shop-warm strong {
  color: #4e52aa;
  font-size: 12px;
}
.toolbox-body .tb-shop-warm span {
  margin-top: 3px;
  color: #7b83a1;
  font-size: 10px;
}
.toolbox-body .tb-shop-warm button {
  min-height: 34px;
  flex: 0 0 auto;
  border: 0;
  border-radius: 6px;
  background: #6552cf;
  color: #fff;
  padding: 0 12px;
  font: inherit;
  font-size: 10px;
  font-weight: 850;
  cursor: pointer;
}
.toolbox-body .tb-shop-ideas {
  margin-top: 10px;
  padding: 13px;
  border: 1px solid var(--tb-card-border);
  border-radius: 8px;
  background: #fff9f3;
  box-shadow: 0 8px 20px rgba(25, 33, 50, .05);
}
.toolbox-body .tb-shop-ideas > header {
  margin-bottom: 9px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.toolbox-body .tb-shop-ideas > header strong {
  color: #d05f28;
  font-size: 12px;
}
.toolbox-body .tb-shop-ideas > header span {
  color: #9c826f;
  font-size: 10px;
}
.toolbox-body .tb-shop-ideas > div {
  display: grid;
  gap: 7px;
}
.toolbox-body .tb-shop-ideas article {
  min-width: 0;
  padding: 9px 10px;
  display: grid;
  grid-template-columns: 25px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  border: 1px solid #eadfd4;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(65, 42, 25, .04);
}
.toolbox-body .tb-shop-ideas article > span {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #fff1e4;
  color: #e36f2f;
  font-size: 10px;
  font-weight: 900;
}
.toolbox-body .tb-shop-ideas article strong,
.toolbox-body .tb-shop-ideas article small {
  display: block;
}
.toolbox-body .tb-shop-ideas article strong {
  overflow: hidden;
  color: #384256;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.toolbox-body .tb-shop-ideas article small {
  margin-top: 2px;
  overflow: hidden;
  color: #8b94a4;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.toolbox-body .tb-shop-ideas article button {
  min-height: 30px;
  border: 1px solid #f08b53;
  border-radius: 6px;
  background: #fff;
  color: #df6b2d;
  padding: 0 9px;
  font: inherit;
  font-size: 9px;
  font-weight: 850;
  cursor: pointer;
}
@media (max-width: 1080px) {
  .toolbox-body .tb-viral-layout,
  .toolbox-body .tb-shop-layout {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-viral-output > div:not(.tb-tool-result),
  .toolbox-body .tb-shop-layout > aside > div:not(.tb-tool-result) {
    min-height: 260px;
  }
  .toolbox-body .tb-benchmark-details,
  .toolbox-body .tb-structure-settings {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .toolbox-body .tb-benchmark-templates > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .toolbox-body .tb-benchmark-studio > header,
  .toolbox-body .tb-shop-workbench > header {
    min-height: 0;
    padding: 17px 15px;
    text-align: left;
  }
  .toolbox-body .tb-benchmark-studio > header h3,
  .toolbox-body .tb-shop-workbench > header h3 {
    font-size: 20px;
  }
  .toolbox-body .tb-benchmark-tabs {
    margin: 10px;
    overflow-x: auto;
    display: flex;
  }
  .toolbox-body .tb-benchmark-tabs button {
    min-width: 110px;
    flex: 1 0 auto;
  }
  .toolbox-body .tb-benchmark-notice,
  .toolbox-body .tb-benchmark-form,
  .toolbox-body .tb-structure-form,
  .toolbox-body .tb-benchmark-templates {
    margin-right: 10px;
    margin-left: 10px;
  }
  .toolbox-body .tb-benchmark-details,
  .toolbox-body .tb-benchmark-options,
  .toolbox-body .tb-structure-settings,
  .toolbox-body .tb-structure-upload,
  .toolbox-body .tb-viral-fields,
  .toolbox-body .tb-shop-fields,
  .toolbox-body .tb-viral-ideas > div {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-benchmark-templates > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .toolbox-body .tb-viral-layout,
  .toolbox-body .tb-shop-layout {
    padding: 10px;
  }
  .toolbox-body .tb-shop-prompt {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-shop-prompt .tb-btn {
    width: auto;
  }
  .toolbox-body .tb-shop-ideas > header,
  .toolbox-body .tb-shop-warm {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* 20260714s: audit, diagnosis and GEO task-specific layouts */
.toolbox-body .tb-audit-workbench,
.toolbox-body .tb-diagnosis-workbench,
.toolbox-body .tb-geo-task-workbench {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  border: 1px solid var(--tb-card-border-strong);
  border-radius: 8px;
  background: #f7f8fb;
  color: #192235;
  box-shadow: var(--tb-card-shadow);
  letter-spacing: 0;
}
.toolbox-body .tb-audit-workbench > header {
  min-height: 150px;
  padding: 24px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  background: linear-gradient(120deg, #7754e8, #8f5af0 58%, #a566e9);
  color: #fff;
}
.toolbox-body .tb-audit-workbench > header span {
  display: block;
  margin-bottom: 7px;
  color: rgba(255,255,255,.78);
  font-size: 11px;
  font-weight: 850;
}
.toolbox-body .tb-audit-workbench > header h3 {
  margin: 0;
  font-size: 25px;
}
.toolbox-body .tb-audit-workbench > header p {
  margin: 8px 0 0;
  color: rgba(255,255,255,.82);
  font-size: 12px;
}
.toolbox-body .tb-audit-workbench > header aside {
  width: 110px;
  height: 88px;
  flex: 0 0 auto;
  display: grid;
  place-content: center;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 8px;
  background: rgba(255,255,255,.1);
  text-align: center;
  box-shadow: inset 0 0 0 5px rgba(255,255,255,.06);
}
.toolbox-body .tb-audit-workbench > header aside strong,
.toolbox-body .tb-audit-workbench > header aside span {
  display: block;
}
.toolbox-body .tb-audit-workbench > header aside strong {
  font-size: 25px;
}
.toolbox-body .tb-audit-workbench > header aside span {
  margin: 3px 0 0;
  font-size: 9px;
}
.toolbox-body .tb-audit-checks {
  padding: 14px 18px 5px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}
.toolbox-body .tb-audit-checks article {
  min-width: 0;
  padding: 11px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  border: 1px solid #dedff0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 7px 18px rgba(47, 40, 105, .065);
}
.toolbox-body .tb-audit-checks article i {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: linear-gradient(145deg, #8867ee, #5b70e8);
  color: #fff;
  font-size: 15px;
}
.toolbox-body .tb-audit-checks article strong,
.toolbox-body .tb-audit-checks article span {
  display: block;
}
.toolbox-body .tb-audit-checks article strong {
  color: #303a4e;
  font-size: 11px;
}
.toolbox-body .tb-audit-checks article span {
  margin-top: 2px;
  overflow: hidden;
  color: #8992a3;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.toolbox-body .tb-audit-checks article b {
  grid-column: 1 / -1;
  color: #5f4fc7;
  font-size: 9px;
  text-align: right;
}
.toolbox-body .tb-audit-tabs {
  margin: 8px 18px 0;
  min-height: 40px;
  padding: 4px;
  display: flex;
  align-items: center;
  gap: 5px;
  border: 1px solid #e0e3eb;
  border-radius: 8px;
  background: #fff;
}
.toolbox-body .tb-audit-tabs button {
  min-height: 31px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #70798b;
  padding: 0 12px;
  font: inherit;
  font-size: 10px;
  font-weight: 850;
}
.toolbox-body .tb-audit-tabs button.active {
  background: #f0edff;
  color: #684fd1;
}
.toolbox-body .tb-audit-tabs span {
  margin-left: auto;
  color: #9aa2b1;
  padding-right: 8px;
  font-size: 9px;
}
.toolbox-body .tb-audit-layout,
.toolbox-body .tb-diagnosis-layout,
.toolbox-body .tb-geo-task-layout {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 12px;
  padding: 10px 18px 18px;
}
.toolbox-body .tb-audit-form,
.toolbox-body .tb-diagnosis-layout > form,
.toolbox-body .tb-geo-task-layout > form,
.toolbox-body .tb-audit-output,
.toolbox-body .tb-diagnosis-layout > aside,
.toolbox-body .tb-geo-task-layout > aside {
  min-width: 0;
  margin: 0;
  border: 1px solid var(--tb-card-border);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(24, 32, 50, .04), 0 9px 24px rgba(24, 32, 50, .055);
}
.toolbox-body .tb-audit-form {
  padding: 13px;
}
.toolbox-body .tb-audit-editor {
  display: block;
  overflow: hidden;
  border: 1px solid #d8deea;
  border-radius: 8px;
  background: #fff;
}
.toolbox-body .tb-audit-editor > header {
  min-height: 42px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #edf0f4;
  background: #fbfcfe;
}
.toolbox-body .tb-audit-editor > header strong {
  color: #303a4e;
  font-size: 11px;
}
.toolbox-body .tb-audit-editor b {
  color: #eb4c71;
}
.toolbox-body .tb-audit-editor > header span {
  color: #8d96a6;
  font-size: 9px;
}
.toolbox-body .tb-audit-editor textarea {
  width: 100%;
  min-height: 300px;
  resize: vertical;
  border: 0;
  outline: 0;
  padding: 13px;
  color: #273146;
  font: inherit;
  font-size: 12px;
  line-height: 1.75;
}
.toolbox-body .tb-audit-editor:focus-within {
  border-color: #7d66df;
  box-shadow: 0 0 0 3px var(--tb-input-focus);
}
.toolbox-body .tb-audit-editor > footer {
  min-height: 38px;
  padding: 5px 8px;
  display: flex;
  align-items: center;
  gap: 6px;
  border-top: 1px solid #edf0f4;
  background: #fafbfe;
}
.toolbox-body .tb-audit-editor > footer button {
  min-height: 27px;
  border: 1px solid #dce1e9;
  border-radius: 6px;
  background: #fff;
  color: #667084;
  padding: 0 9px;
  font: inherit;
  font-size: 9px;
}
.toolbox-body .tb-audit-settings {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.toolbox-body .tb-audit-settings label,
.toolbox-body .tb-diagnosis-layout form > label:not(.tb-upload-drop),
.toolbox-body .tb-geo-task-layout form > label,
.toolbox-body .tb-geo-task-fields label {
  min-width: 0;
  display: grid;
  gap: 5px;
  color: #3c4659;
  font-size: 10px;
  font-weight: 850;
}
.toolbox-body .tb-audit-settings input,
.toolbox-body .tb-audit-settings select,
.toolbox-body .tb-diagnosis-layout input,
.toolbox-body .tb-diagnosis-layout textarea,
.toolbox-body .tb-geo-task-layout input,
.toolbox-body .tb-geo-task-layout textarea,
.toolbox-body .tb-geo-task-layout select {
  width: 100%;
  min-width: 0;
  border: 1px solid #d6dce7;
  border-radius: 7px;
  outline: 0;
  background: #fff;
  color: #273146;
  padding: 9px 10px;
  font: inherit;
  font-size: 11px;
  line-height: 1.6;
}
.toolbox-body .tb-audit-upload {
  min-height: 100px;
  margin-top: 10px;
}
.toolbox-body .tb-audit-output,
.toolbox-body .tb-diagnosis-layout > aside,
.toolbox-body .tb-geo-task-layout > aside {
  overflow: hidden;
}
.toolbox-body .tb-audit-output > header,
.toolbox-body .tb-diagnosis-layout > aside > header,
.toolbox-body .tb-geo-task-layout > aside > header {
  min-height: 46px;
  padding: 0 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid #e8ebf0;
  background: linear-gradient(180deg, #fff, #fafbfe);
}
.toolbox-body .tb-audit-output > header strong,
.toolbox-body .tb-diagnosis-layout > aside > header strong {
  font-size: 11px;
}
.toolbox-body .tb-audit-output > header a,
.toolbox-body .tb-diagnosis-layout > aside > header a,
.toolbox-body .tb-geo-task-layout > aside > header a {
  color: #6b53d4;
  font-size: 9px;
  font-weight: 850;
  text-decoration: none;
}
.toolbox-body .tb-audit-output > div:not(.tb-tool-result),
.toolbox-body .tb-diagnosis-layout > aside > div:not(.tb-tool-result),
.toolbox-body .tb-geo-task-layout > aside > div:not(.tb-tool-result) {
  min-height: 440px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at 50% 28%, rgba(119, 88, 220, .07), transparent 30%), linear-gradient(160deg, #f8f9fd, #fff);
  text-align: center;
}
.toolbox-body .tb-audit-output > div i,
.toolbox-body .tb-diagnosis-layout > aside > div i,
.toolbox-body .tb-geo-task-layout > aside > div i {
  color: #7860db;
  font-size: 26px;
}
.toolbox-body .tb-audit-output > div strong,
.toolbox-body .tb-diagnosis-layout > aside > div strong,
.toolbox-body .tb-geo-task-layout > aside > div strong {
  margin-top: 9px;
  color: #303a4e;
  font-size: 13px;
}
.toolbox-body .tb-audit-output > div p,
.toolbox-body .tb-diagnosis-layout > aside > div p,
.toolbox-body .tb-geo-task-layout > aside > div p {
  color: #858e9f;
  font-size: 10px;
  line-height: 1.65;
}
.toolbox-body .tb-diagnosis-workbench > header {
  min-height: 104px;
  padding: 18px 24px;
  border-bottom: 1px solid #e1e5ed;
  background: linear-gradient(105deg, #f5f2ff, #fff8fa 54%, #fff9ed);
  text-align: center;
}
.toolbox-body .tb-diagnosis-workbench > header span {
  display: block;
  margin-bottom: 6px;
  color: #7054d8;
  font-size: 11px;
  font-weight: 900;
}
.toolbox-body .tb-diagnosis-workbench > header h3 {
  margin: 0;
  font-size: 23px;
}
.toolbox-body .tb-diagnosis-workbench > header p {
  margin: 7px 0 0;
  color: #6b7588;
  font-size: 11px;
}
.toolbox-body .tb-diagnosis-workbench > nav {
  margin: 13px 18px 0;
  padding: 4px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  border: 1px solid #dfe3eb;
  border-radius: 8px;
  background: #e9ecf3;
}
.toolbox-body .tb-diagnosis-workbench > nav button {
  min-height: 38px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #667084;
  font: inherit;
  font-size: 11px;
  font-weight: 850;
}
.toolbox-body .tb-diagnosis-workbench > nav button.active {
  background: #fff;
  color: #6750d0;
  box-shadow: 0 5px 13px rgba(25, 33, 50, .08);
}
.toolbox-body .tb-diagnosis-checks {
  margin: 8px 18px 0;
  display: flex;
  gap: 7px;
}
.toolbox-body .tb-diagnosis-checks input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.toolbox-body .tb-diagnosis-checks span {
  min-height: 31px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #dce1e9;
  border-radius: 7px;
  background: #fff;
  color: #667084;
  padding: 0 10px;
  font-size: 9px;
}
.toolbox-body .tb-diagnosis-checks input:checked + span {
  border-color: #8b72e2;
  background: #f0edff;
  color: #6750d0;
}
.toolbox-body .tb-diagnosis-layout > form {
  padding: 13px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  gap: 9px;
}
.toolbox-body .tb-diagnosis-layout form > label:not(.tb-upload-drop) span {
  color: #3c4659;
}
.toolbox-body .tb-diagnosis-layout form b {
  color: #ea4a70;
}
.toolbox-body .tb-diagnosis-layout form > .tb-upload-drop {
  min-height: 110px;
}
.toolbox-body .tb-diagnosis-layout form > .tb-studio-submit {
  grid-column: 1 / -1;
}
.toolbox-body .tb-geo-task-workbench > header {
  min-height: 92px;
  padding: 16px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid #e1e5ed;
  background: #fff;
}
.toolbox-body .tb-geo-task-workbench > header span {
  display: block;
  margin-bottom: 5px;
  color: #5e53c8;
  font-size: 10px;
  font-weight: 900;
}
.toolbox-body .tb-geo-task-workbench > header h3 {
  margin: 0;
  font-size: 21px;
}
.toolbox-body .tb-geo-task-workbench > header p {
  margin: 6px 0 0;
  color: #748093;
  font-size: 10px;
}
.toolbox-body .tb-geo-task-workbench > header button {
  min-height: 34px;
  border: 1px solid #dce1e9;
  border-radius: 7px;
  background: #fff;
  color: #4d5668;
  padding: 0 11px;
  font: inherit;
  font-size: 9px;
  font-weight: 850;
}
.toolbox-body .tb-geo-task-workbench > nav {
  min-height: 48px;
  padding: 7px 18px;
  display: flex;
  align-items: center;
  gap: 7px;
  border-bottom: 1px solid #e1e5ed;
  background: #f8f9fc;
}
.toolbox-body .tb-geo-task-workbench > nav button {
  min-height: 34px;
  border: 1px solid #dce1e9;
  border-radius: 7px;
  background: #fff;
  color: #667084;
  padding: 0 12px;
  font: inherit;
  font-size: 10px;
  font-weight: 850;
}
.toolbox-body .tb-geo-task-workbench > nav button.active {
  border-color: #282d38;
  background: #282d38;
  color: #fff;
}
.toolbox-body .tb-geo-task-layout {
  grid-template-columns: 380px minmax(0, 1fr);
  padding-top: 12px;
}
.toolbox-body .tb-geo-task-layout > form {
  padding: 14px;
  display: grid;
  align-content: start;
  gap: 9px;
}
.toolbox-body .tb-geo-task-layout form > label > span,
.toolbox-body .tb-geo-task-fields label > span {
  display: flex;
  align-items: center;
  gap: 6px;
}
.toolbox-body .tb-geo-task-layout form > label > span b,
.toolbox-body .tb-geo-task-fields label > span b {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #eeedff;
  color: #6653ce;
  font-size: 9px;
}
.toolbox-body .tb-geo-task-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.toolbox-body .tb-geo-task-layout > aside > header > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.toolbox-body .tb-geo-task-layout > aside > header button {
  min-height: 44px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #788194;
  font: inherit;
  font-size: 10px;
  font-weight: 850;
}
.toolbox-body .tb-geo-task-layout > aside > header button.active {
  border-color: #6652cf;
  color: #6652cf;
}
@media (max-width: 1080px) {
  .toolbox-body .tb-audit-layout,
  .toolbox-body .tb-diagnosis-layout,
  .toolbox-body .tb-geo-task-layout {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-audit-output > div:not(.tb-tool-result),
  .toolbox-body .tb-diagnosis-layout > aside > div:not(.tb-tool-result),
  .toolbox-body .tb-geo-task-layout > aside > div:not(.tb-tool-result) {
    min-height: 260px;
  }
}
@media (max-width: 720px) {
  .toolbox-body .tb-audit-workbench > header,
  .toolbox-body .tb-diagnosis-workbench > header,
  .toolbox-body .tb-geo-task-workbench > header {
    min-height: 0;
    padding: 17px 15px;
    align-items: flex-start;
    flex-direction: column;
    text-align: left;
  }
  .toolbox-body .tb-audit-workbench > header h3,
  .toolbox-body .tb-diagnosis-workbench > header h3,
  .toolbox-body .tb-geo-task-workbench > header h3 {
    font-size: 20px;
  }
  .toolbox-body .tb-audit-checks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .toolbox-body .tb-audit-tabs span {
    display: none;
  }
  .toolbox-body .tb-audit-layout,
  .toolbox-body .tb-diagnosis-layout,
  .toolbox-body .tb-geo-task-layout {
    padding: 10px;
  }
  .toolbox-body .tb-audit-settings,
  .toolbox-body .tb-diagnosis-layout > form,
  .toolbox-body .tb-geo-task-fields {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-diagnosis-checks,
  .toolbox-body .tb-geo-task-workbench > nav {
    overflow-x: auto;
  }
  .toolbox-body .tb-diagnosis-checks label,
  .toolbox-body .tb-geo-task-workbench > nav button {
    flex: 0 0 auto;
  }
}

/* 20260714t: publishing workflow aligned to the reference entry page */
.toolbox-body .tb-publish-assistant-page {
  min-width: 0;
  max-width: 100%;
  color: #1b2436;
}
.toolbox-body .tb-publish-assistant-hero {
  min-height: 218px;
  padding: 30px 24px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #dfe4ec;
  border-radius: 8px;
  background:
    radial-gradient(circle at 78% 16%, rgba(110, 88, 220, .08), transparent 25%),
    linear-gradient(145deg, #eef2f8, #f8fafc 66%, #f0f2f7);
  box-shadow: var(--tb-card-shadow);
  text-align: center;
}
.toolbox-body .tb-publish-assistant-hero > span {
  color: #6953d3;
  font-size: 10px;
  font-weight: 900;
}
.toolbox-body .tb-publish-assistant-hero h2 {
  margin: 9px 0 0;
  color: #202839;
  font-size: 27px;
  line-height: 1.25;
}
.toolbox-body .tb-publish-assistant-hero h2 small {
  margin-left: 7px;
  border: 1px solid #dfd8f4;
  border-radius: 999px;
  background: #fff;
  color: #6953d3;
  padding: 4px 8px;
  font-size: 9px;
  vertical-align: middle;
}
.toolbox-body .tb-publish-assistant-hero p {
  margin: 9px 0 15px;
  color: #697489;
  font-size: 12px;
}
.toolbox-body .tb-publish-assistant-hero > .tb-btn {
  min-width: 150px;
  min-height: 42px;
  justify-content: center;
}
.toolbox-body .tb-publish-assistant-hero > div {
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  flex-wrap: wrap;
}
.toolbox-body .tb-publish-assistant-hero > div span {
  min-height: 27px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #dde2ea;
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  color: #667184;
  padding: 0 9px;
  font-size: 9px;
}
.toolbox-body .tb-publish-tutorial {
  min-height: 54px;
  margin-top: 14px;
  padding: 0 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  border: 2px solid #ff8a24;
  border-radius: 8px;
  background: #fff9f1;
  box-shadow: 0 8px 20px rgba(195, 94, 17, .08);
}
.toolbox-body .tb-publish-tutorial strong {
  color: #e66f16;
  font-size: 11px;
}
.toolbox-body .tb-publish-tutorial span {
  color: #835d42;
  font-size: 10px;
}
.toolbox-body .tb-publish-tutorial i {
  width: 18px;
  height: 1px;
  background: #efbb92;
}
.toolbox-body .tb-publish-showcase,
.toolbox-body .tb-publish-queue {
  margin-top: 14px;
  padding: 17px;
  border: 1px solid #dfe4ec;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(24, 32, 50, .04), 0 10px 26px rgba(24, 32, 50, .055);
}
.toolbox-body .tb-publish-showcase > header,
.toolbox-body .tb-publish-queue > header {
  margin-bottom: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.toolbox-body .tb-publish-showcase > header strong,
.toolbox-body .tb-publish-showcase > header span,
.toolbox-body .tb-publish-queue > header strong,
.toolbox-body .tb-publish-queue > header span {
  display: block;
}
.toolbox-body .tb-publish-showcase > header strong,
.toolbox-body .tb-publish-queue > header strong {
  color: #2c3649;
  font-size: 13px;
}
.toolbox-body .tb-publish-showcase > header span,
.toolbox-body .tb-publish-queue > header span {
  margin-top: 2px;
  color: #8992a3;
  font-size: 10px;
}
.toolbox-body .tb-publish-showcase > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.toolbox-body .tb-publish-showcase article {
  min-height: 142px;
  position: relative;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #e0e4eb;
  border-radius: 8px;
  background: linear-gradient(150deg, #fafbfe, #fff);
  text-align: center;
}
.toolbox-body .tb-publish-showcase article > b {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #eeeaff;
  color: #6651cf;
  font-size: 9px;
}
.toolbox-body .tb-publish-showcase article > i {
  color: #7057d9;
  font-size: 25px;
}
.toolbox-body .tb-publish-showcase article > strong {
  margin-top: 8px;
  color: #354055;
  font-size: 12px;
}
.toolbox-body .tb-publish-showcase article > p {
  margin: 5px 0 0;
  color: #7f899b;
  font-size: 9px;
  line-height: 1.55;
}
.toolbox-body .tb-publish-queue > header a {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #dce1e9;
  border-radius: 7px;
  background: #fff;
  color: #6651cf;
  padding: 0 11px;
  font-size: 10px;
  font-weight: 850;
  text-decoration: none;
}
.toolbox-body .tb-publish-queue .tb-publish-list {
  display: grid;
  gap: 12px;
}
.toolbox-body .tb-publish-queue .tb-publish-card {
  margin: 0;
  border-color: #e0e4eb;
  box-shadow: 0 7px 18px rgba(25, 33, 50, .055);
}
@media (max-width: 720px) {
  .toolbox-body .tb-publish-assistant-hero {
    min-height: 0;
    padding: 23px 16px;
  }
  .toolbox-body .tb-publish-assistant-hero h2 {
    font-size: 22px;
  }
  .toolbox-body .tb-publish-tutorial {
    padding: 11px;
    align-items: stretch;
    flex-direction: column;
    gap: 6px;
  }
  .toolbox-body .tb-publish-tutorial i {
    width: 1px;
    height: 8px;
    margin-left: 7px;
  }
  .toolbox-body .tb-publish-showcase > div {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-publish-showcase > header,
  .toolbox-body .tb-publish-queue > header {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Final image-to-video sizing overrides must stay after legacy workbench rules. */
.toolbox-body .tb-video-workbench {
  min-height: 650px;
  grid-template-columns: 360px minmax(0, 1fr);
  gap: 0;
  padding: 0;
  background: #f5f7fa;
}
.toolbox-body .tb-video-workbench .tb-video-left {
  padding: 16px;
}
.toolbox-body .tb-video-workbench .tb-video-right {
  padding: 14px;
}
.toolbox-body .tb-video-workbench .tb-video-result-panel {
  min-height: 620px;
  border-radius: 9px;
}
.toolbox-body .tb-video-workbench .tb-video-result-panel header {
  min-height: 52px;
  padding: 0 16px;
}
.toolbox-body .tb-video-workbench .tb-video-result-panel header button {
  min-height: 52px;
  font-size: 10px;
}
.toolbox-body .tb-video-workbench .tb-video-result-panel header a {
  font-size: 9px;
}
.toolbox-body .tb-video-workbench .tb-video-result-body {
  grid-template-columns: minmax(180px, .9fr) minmax(210px, 1fr);
  gap: 14px;
  padding: 16px;
}
.toolbox-body .tb-video-workbench .tb-video-preview {
  min-height: 480px;
  border-radius: 9px;
  padding: 11px;
}
.toolbox-body .tb-video-workbench .tb-video-preview > div {
  border-radius: 8px;
}
.toolbox-body .tb-video-workbench .tb-video-preview i {
  font-size: 30px;
}
.toolbox-body .tb-video-workbench .tb-video-preview em {
  font-size: 10px;
}
.toolbox-body .tb-video-workbench .tb-video-analysis {
  min-width: 0;
  gap: 10px;
  padding-left: 14px;
}
.toolbox-body .tb-video-workbench .tb-video-analysis h3 {
  margin-top: 14px;
  font-size: 18px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.toolbox-body .tb-video-workbench .tb-video-analysis p {
  font-size: 10px;
  line-height: 1.65;
}
.toolbox-body .tb-video-workbench .tb-video-steps {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin-top: 70px;
}
.toolbox-body .tb-video-workbench .tb-video-steps article {
  min-height: 138px;
  gap: 6px;
  border-radius: 8px;
  padding: 10px 7px;
}
.toolbox-body .tb-video-workbench .tb-video-steps b {
  width: 24px;
  height: 24px;
  font-size: 10px;
}
.toolbox-body .tb-video-workbench .tb-video-steps strong {
  font-size: 10px;
  overflow-wrap: anywhere;
}
.toolbox-body .tb-video-workbench .tb-video-steps span {
  font-size: 8px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.toolbox-body .tb-ecommerce-pro-classic .tb-ecom-pro-upload {
  min-height: 132px;
  padding: 14px;
}
.toolbox-body .tb-ecommerce-pro-classic .tb-ecom-pro-upload .tb-upload-mark {
  width: 38px;
  height: 38px;
}
.toolbox-body .tb-ecommerce-pro-classic .tb-ecom-pro-upload b {
  font-size: 11px;
}
.toolbox-body .tb-video-workbench .tb-video-case-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 18px;
}
.toolbox-body .tb-video-workbench .tb-video-case-grid:not([hidden]) {
  display: grid;
}
.toolbox-body .tb-video-workbench .tb-video-case-grid article {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #e0e4ea;
  border-radius: 9px;
  background: #fff;
}
.toolbox-body .tb-video-workbench .tb-video-case-grid img {
  width: 100%;
  aspect-ratio: 3 / 4;
  display: block;
  object-fit: cover;
}
.toolbox-body .tb-video-workbench .tb-video-case-grid article > div {
  display: grid;
  gap: 3px;
  padding: 10px;
}
.toolbox-body .tb-video-workbench .tb-video-case-grid strong {
  color: #303744;
  font-size: 10px;
}
.toolbox-body .tb-video-workbench .tb-video-case-grid span {
  color: #89919e;
  font-size: 8px;
}
@media (max-width: 980px) {
  .toolbox-body .tb-video-workbench {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-video-workbench .tb-video-left {
    border-right: 0;
    border-bottom: 1px solid #e1e5ea;
  }
  .toolbox-body .tb-video-workbench .tb-video-result-body {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-video-workbench .tb-video-analysis {
    border-left: 0;
    border-top: 1px solid #e1e5ea;
    padding: 14px 0 0;
  }
  .toolbox-body .tb-video-workbench .tb-video-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 14px;
  }
}
@media (max-width: 620px) {
  .toolbox-body .tb-video-workbench .tb-video-left,
  .toolbox-body .tb-video-workbench .tb-video-right {
    padding: 10px;
  }
  .toolbox-body .tb-video-workbench .tb-video-result-body {
    padding: 10px;
  }
  .toolbox-body .tb-video-workbench .tb-video-preview {
    min-height: 360px;
  }
  .toolbox-body .tb-video-workbench .tb-video-steps {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-video-workbench .tb-video-case-grid {
    grid-template-columns: 1fr;
    padding: 10px;
  }
  .toolbox-body .tb-free-count > div {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 38px);
    gap: 7px;
  }
}

/* Six-entry navigation and searchable category hubs. */
.toolbox-body .tb-side-hubs {
  display: grid;
  gap: 4px;
  padding: 8px 8px 14px;
}
.toolbox-body .tb-side-hubs > strong {
  padding: 4px 9px 7px;
  color: #9aa1ad;
  font-size: 9px;
  font-weight: 800;
}
.toolbox-body .tb-side-hubs > a {
  min-height: 38px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  border-radius: 6px;
  color: #505866;
  padding: 0 9px;
  font-size: 10px;
  font-weight: 750;
  text-decoration: none;
}
.toolbox-body .tb-side-hubs > a i {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #f0f2f5;
  color: #687180;
  font-size: 12px;
}
.toolbox-body .tb-side-hubs > a small {
  border-radius: 7px;
  background: #ff416c;
  color: #fff;
  padding: 1px 4px;
  font-size: 7px;
}
.toolbox-body .tb-side-hubs > a:hover {
  background: #f6f7f9;
  color: #343b48;
}
.toolbox-body .tb-side-hubs > a.active {
  background: linear-gradient(90deg, #8458ed, #ef4f8d);
  color: #fff;
  box-shadow: 0 5px 12px rgba(118, 74, 215, .14);
}
.toolbox-body .tb-side-hubs > a.active i {
  background: rgba(255, 255, 255, .18);
  color: #fff;
}

.toolbox-body .tb-tool-hub {
  min-height: calc(100vh - 48px);
  padding: 16px;
  background: #f5f6f8;
}
.toolbox-body .tb-tool-hub > header {
  min-height: 126px;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr);
  align-items: center;
  gap: 26px;
  padding: 22px 26px;
  border: 1px solid #e2e5ea;
  border-radius: 8px;
  background: linear-gradient(118deg, #ffffff 0%, #f7f4ff 55%, #fff5f2 100%);
  box-shadow: 0 6px 18px rgba(34, 40, 51, .05);
}
.toolbox-body .tb-tool-hub > header > div > span {
  color: #7958d2;
  font-size: 9px;
  font-weight: 850;
}
.toolbox-body .tb-tool-hub > header h2 {
  margin: 6px 0 0;
  color: #262d39;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 900;
}
.toolbox-body .tb-tool-hub > header p {
  max-width: 670px;
  margin: 8px 0 0;
  color: #747c8a;
  font-size: 11px;
  line-height: 1.7;
}
.toolbox-body .tb-tool-hub > header ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.toolbox-body .tb-tool-hub > header li {
  min-width: 0;
  display: grid;
  gap: 6px;
  padding: 10px;
  border: 1px solid rgba(113, 83, 200, .12);
  border-radius: 7px;
  background: rgba(255, 255, 255, .74);
}
.toolbox-body .tb-tool-hub > header li b {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #2f3745;
  color: #fff;
  font-size: 9px;
}
.toolbox-body .tb-tool-hub > header li span {
  color: #5e6674;
  font-size: 9px;
  line-height: 1.5;
}
.toolbox-body .tb-tool-hub-toolbar {
  min-height: 58px;
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid #e1e4e9;
  border-radius: 8px;
  background: #fff;
}
.toolbox-body .tb-tool-hub-toolbar > label {
  min-height: 36px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 30px;
  align-items: center;
  border: 1px solid #dce0e6;
  border-radius: 7px;
  background: #f8f9fb;
}
.toolbox-body .tb-tool-hub-toolbar > label > i {
  color: #9198a4;
  font-size: 11px;
  text-align: center;
}
.toolbox-body .tb-tool-hub-toolbar input {
  min-width: 0;
  height: 34px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #343b48;
  font-size: 10px;
}
.toolbox-body .tb-tool-hub-toolbar label button {
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #a0a7b2;
}
.toolbox-body .tb-tool-hub-toolbar label button:hover {
  background: #eceef2;
  color: #4d5562;
}
.toolbox-body .tb-tool-hub-toolbar nav {
  display: flex;
  align-items: center;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: none;
}
.toolbox-body .tb-tool-hub-toolbar nav::-webkit-scrollbar {
  display: none;
}
.toolbox-body .tb-tool-hub-toolbar nav button {
  min-height: 30px;
  flex: 0 0 auto;
  border: 1px solid #e0e3e8;
  border-radius: 6px;
  background: #fff;
  color: #68707d;
  padding: 0 10px;
  font-size: 9px;
  font-weight: 750;
}
.toolbox-body .tb-tool-hub-toolbar nav button.active {
  border-color: #7656d5;
  background: #f2efff;
  color: #6649c5;
}
.toolbox-body .tb-tool-hub-toolbar output {
  color: #8b929d;
  font-size: 9px;
  white-space: nowrap;
}
.toolbox-body .tb-tool-hub-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}
.toolbox-body .tb-tool-hub-grid > a {
  position: relative;
  min-width: 0;
  min-height: 126px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  border: 1px solid #e0e4e9;
  border-radius: 8px;
  background: #fff;
  padding: 16px 14px;
  box-shadow: 0 5px 14px rgba(34, 39, 49, .035);
  text-decoration: none;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.toolbox-body .tb-tool-hub-grid > a[hidden] {
  display: none;
}
.toolbox-body .tb-tool-hub-grid > a:hover {
  transform: translateY(-2px);
  border-color: #b9ace5;
  box-shadow: 0 9px 20px rgba(56, 45, 91, .09);
}
.toolbox-body .tb-tool-hub-grid > a > span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #f0edff;
  color: #7154cc;
  font-size: 18px;
}
.toolbox-body .tb-tool-hub-grid > a:nth-child(4n + 2) > span {
  background: #eaf6f2;
  color: #15856b;
}
.toolbox-body .tb-tool-hub-grid > a:nth-child(4n + 3) > span {
  background: #fff0eb;
  color: #db633e;
}
.toolbox-body .tb-tool-hub-grid > a:nth-child(4n) > span {
  background: #edf3fb;
  color: #3e6fa8;
}
.toolbox-body .tb-tool-hub-grid > a > div {
  min-width: 0;
  display: grid;
  gap: 5px;
}
.toolbox-body .tb-tool-hub-grid > a small {
  color: #999faa;
  font-size: 8px;
}
.toolbox-body .tb-tool-hub-grid > a strong {
  color: #303744;
  font-size: 13px;
  line-height: 1.3;
}
.toolbox-body .tb-tool-hub-grid > a p {
  margin: 0;
  color: #747c89;
  font-size: 9px;
  line-height: 1.65;
}
.toolbox-body .tb-tool-hub-grid > a > em {
  position: absolute;
  top: 12px;
  right: 12px;
  max-width: 88px;
  border-radius: 6px;
  background: #f3f4f6;
  color: #707784;
  padding: 3px 6px;
  font-size: 7px;
  font-style: normal;
  font-weight: 800;
}
.toolbox-body .tb-tool-hub-empty {
  min-height: 260px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 7px;
  color: #969da8;
}
.toolbox-body .tb-tool-hub-empty[hidden] {
  display: none;
}
.toolbox-body .tb-tool-hub-empty i {
  font-size: 28px;
}
.toolbox-body .tb-tool-hub-empty strong {
  color: #59616e;
  font-size: 12px;
}
.toolbox-body .tb-tool-hub-empty p {
  margin: 0;
  font-size: 9px;
}
@media (max-width: 1050px) {
  .toolbox-body .tb-tool-hub > header {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-tool-hub-toolbar {
    grid-template-columns: 220px minmax(0, 1fr);
  }
  .toolbox-body .tb-tool-hub-toolbar output {
    display: none;
  }
  .toolbox-body .tb-tool-hub-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .toolbox-body .tb-tool-hub {
    padding: 10px;
  }
  .toolbox-body .tb-tool-hub > header {
    gap: 16px;
    padding: 18px;
  }
  .toolbox-body .tb-tool-hub > header h2 {
    font-size: 20px;
  }
  .toolbox-body .tb-tool-hub > header ol {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-tool-hub-toolbar {
    grid-template-columns: 1fr;
    align-items: stretch;
  }
  .toolbox-body .tb-tool-hub-toolbar nav {
    padding-bottom: 2px;
  }
  .toolbox-body .tb-tool-hub-grid {
    grid-template-columns: 1fr;
  }
}

/* 20260715f: four-mode AI replica workflow */
.toolbox-body .tb-replicate-mode-shell {
  min-width: 0;
}
.toolbox-body .tb-replicate-mode-shell .tb-aicopy-modes {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 14px;
}
.toolbox-body .tb-replicate-mode-tab {
  min-width: 0;
  min-height: 76px;
  border: 1px solid #d8dde6;
  border-radius: 8px;
  background: #fff;
  color: #394150;
  padding: 11px 12px;
  display: grid;
  align-content: center;
  gap: 4px;
  text-align: left;
  cursor: pointer;
}
.toolbox-body .tb-replicate-mode-tab:hover {
  border-color: #aeb8c7;
  background: #f8fafc;
}
.toolbox-body .tb-replicate-mode-tab.active {
  border-color: #6d5bd0;
  background: #f3f0ff;
  box-shadow: inset 0 0 0 1px rgba(109, 91, 208, .18);
}
.toolbox-body .tb-replicate-mode-tab:focus-visible,
.toolbox-body .tb-replicate-search-card input:focus-visible + span {
  outline: 3px solid rgba(37, 99, 235, .28);
  outline-offset: 2px;
}
.toolbox-body .tb-replicate-mode-tab b {
  color: #202938;
  font-size: 13px;
}
.toolbox-body .tb-replicate-mode-tab span {
  color: #687386;
  font-size: 11px;
  line-height: 1.45;
}
.toolbox-body .tb-replicate-mode-panel[hidden] {
  display: none;
}
.toolbox-body .tb-replicate-mode-panel > form {
  margin: 0;
}
.toolbox-body .tb-replicate-mode-panel .tb-btn,
.toolbox-body .tb-replicate-mode-panel button,
.toolbox-body .tb-replicate-mode-panel input,
.toolbox-body .tb-replicate-mode-panel select {
  min-height: 44px;
}
.toolbox-body .tb-replicate-provider {
  min-height: 44px;
  margin-top: 10px;
  border: 1px solid #d9e0e8;
  border-radius: 8px;
  background: #f8fafc;
  padding: 9px 11px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #5b6676;
  font-size: 12px;
  line-height: 1.5;
}
.toolbox-body .tb-replicate-provider strong {
  flex: 0 0 auto;
  color: #263244;
}
.toolbox-body .tb-replicate-provider.ok {
  border-color: #b7dfca;
  background: #f0faf4;
}
.toolbox-body .tb-replicate-provider.ok strong {
  color: #177245;
}
.toolbox-body .tb-replicate-provider.error {
  border-color: #f0c4bd;
  background: #fff4f1;
}
.toolbox-body .tb-replicate-provider.error strong {
  color: #b33a2b;
}
.toolbox-body .tb-replicate-mode-panel .tb-supported-row {
  margin-top: 10px;
}
.toolbox-body .tb-replicate-search-intro,
.toolbox-body .tb-replicate-batch-head,
.toolbox-body .tb-replicate-search-footer,
.toolbox-body .tb-replicate-batch-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.toolbox-body .tb-replicate-search-intro {
  min-height: 48px;
  border: 1px solid #dce5df;
  border-radius: 8px;
  background: #f3f9f5;
  padding: 10px 12px;
}
.toolbox-body .tb-replicate-search-intro strong,
.toolbox-body .tb-replicate-batch-head strong {
  color: #263244;
  font-size: 13px;
}
.toolbox-body .tb-replicate-search-intro span,
.toolbox-body .tb-replicate-batch-head span {
  color: #667085;
  font-size: 12px;
  line-height: 1.5;
}
.toolbox-body .tb-replicate-search-form {
  margin: 12px 0 0;
}
.toolbox-body .tb-replicate-search-form > label {
  display: block;
  margin-bottom: 6px;
  color: #344054;
  font-size: 12px;
  font-weight: 850;
}
.toolbox-body .tb-replicate-search-form > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}
.toolbox-body .tb-replicate-search-form input,
.toolbox-body .tb-replicate-batch-row input {
  width: 100%;
  min-width: 0;
  border: 1px solid #cfd6df;
  border-radius: 8px;
  background: #fff;
  color: #202938;
  padding: 0 12px;
  font-size: 13px;
}
.toolbox-body .tb-replicate-search-status {
  min-height: 24px;
  margin: 6px 0;
}
.toolbox-body .tb-replicate-search-gallery {
  min-height: 150px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.toolbox-body .tb-replicate-search-card {
  position: relative;
  min-width: 0;
  cursor: pointer;
}
.toolbox-body .tb-replicate-search-card > input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.toolbox-body .tb-replicate-search-card > span {
  min-height: 126px;
  height: 100%;
  border: 1px solid #dce1e8;
  border-radius: 8px;
  background: #fff;
  padding: 8px;
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 10px;
}
.toolbox-body .tb-replicate-search-card:hover > span {
  border-color: #aeb8c7;
}
.toolbox-body .tb-replicate-search-card.selected > span,
.toolbox-body .tb-replicate-search-card:has(input:checked) > span {
  border-color: #27866a;
  background: #f2faf7;
  box-shadow: inset 0 0 0 1px rgba(39, 134, 106, .16);
}
.toolbox-body .tb-replicate-search-thumb {
  position: relative;
  width: 82px;
  height: 108px;
  overflow: hidden;
  border-radius: 6px;
  background: #e9eef3;
  display: grid;
  place-items: center;
}
.toolbox-body .tb-replicate-search-thumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #e9eef3;
}
.toolbox-body .tb-replicate-search-thumb b {
  color: #5e6877;
  font-size: 12px;
}
.toolbox-body .tb-replicate-search-thumb:not(.fallback) b {
  visibility: hidden;
}
.toolbox-body .tb-replicate-search-card-copy {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 4px;
}
.toolbox-body .tb-replicate-search-card-copy small {
  color: #27866a;
  font-size: 10px;
  font-weight: 800;
}
.toolbox-body .tb-replicate-search-card-copy strong {
  overflow: hidden;
  color: #263244;
  font-size: 12px;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.toolbox-body .tb-replicate-search-card-copy em {
  overflow: hidden;
  color: #667085;
  font-size: 10px;
  font-style: normal;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.toolbox-body .tb-replicate-search-card-copy > span {
  color: #87909e;
  font-size: 9px;
}
.toolbox-body .tb-replicate-state {
  grid-column: 1 / -1;
  min-height: 150px;
  border: 1px dashed #cfd6df;
  border-radius: 8px;
  background: #f8fafc;
  padding: 20px;
  display: grid;
  place-content: center;
  gap: 6px;
  text-align: center;
}
.toolbox-body .tb-replicate-state strong {
  color: #3d4756;
  font-size: 13px;
}
.toolbox-body .tb-replicate-state p {
  margin: 0;
  color: #727d8c;
  font-size: 12px;
  line-height: 1.6;
}
.toolbox-body .tb-replicate-state.loading {
  border-color: #bed0e9;
  background: #f3f7fc;
}
.toolbox-body .tb-replicate-state.error {
  border-color: #ecc7c0;
  background: #fff5f2;
}
.toolbox-body .tb-replicate-search-footer {
  min-height: 56px;
  margin-top: 10px;
  border-top: 1px solid #e5e9ef;
  padding-top: 10px;
}
.toolbox-body .tb-replicate-search-footer output,
.toolbox-body .tb-replicate-batch-footer output {
  min-width: 0;
  color: #596575;
  font-size: 12px;
  line-height: 1.5;
}
.toolbox-body .tb-replicate-batch-head {
  align-items: flex-start;
  margin-bottom: 12px;
}
.toolbox-body .tb-replicate-batch-head > div {
  display: grid;
  gap: 4px;
}
.toolbox-body .tb-replicate-batch-rows {
  display: grid;
  gap: 8px;
}
.toolbox-body .tb-replicate-batch-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 168px 44px;
  gap: 8px;
  align-items: end;
}
.toolbox-body .tb-replicate-batch-row label {
  min-width: 0;
  display: grid;
  gap: 5px;
}
.toolbox-body .tb-replicate-batch-row label > span {
  color: #344054;
  font-size: 11px;
  font-weight: 850;
}
.toolbox-body .tb-replicate-batch-row output {
  min-height: 44px;
  border: 1px solid #dce1e8;
  border-radius: 8px;
  background: #f8fafc;
  color: #687386;
  padding: 0 9px;
  display: flex;
  align-items: center;
  font-size: 10px;
  line-height: 1.35;
}
.toolbox-body .tb-replicate-batch-row output.ok {
  border-color: #b7dfca;
  background: #f0faf4;
  color: #177245;
}
.toolbox-body .tb-replicate-batch-row output.error {
  border-color: #f0c4bd;
  background: #fff4f1;
  color: #b33a2b;
}
.toolbox-body .tb-replicate-batch-row [data-replicate-batch-remove] {
  width: 44px;
  height: 44px;
  border: 1px solid #dce1e8;
  border-radius: 8px;
  background: #fff;
  color: #7d4750;
  cursor: pointer;
}
.toolbox-body .tb-replicate-batch-row [data-replicate-batch-remove]:disabled {
  color: #aeb5bf;
  cursor: not-allowed;
}
.toolbox-body .tb-replicate-batch-footer {
  min-height: 56px;
  margin-top: 12px;
  border-top: 1px solid #e5e9ef;
  padding-top: 10px;
}
.toolbox-body .tb-replicate-batch-result {
  display: grid;
  gap: 12px;
}
.toolbox-body .tb-replicate-batch-result > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.toolbox-body .tb-replicate-batch-result > header strong {
  color: #263244;
  font-size: 15px;
}
.toolbox-body .tb-replicate-batch-result > header span {
  color: #667085;
  font-size: 12px;
}
.toolbox-body .tb-replicate-batch-errors {
  border: 1px solid #f0c4bd;
  border-radius: 8px;
  background: #fff4f1;
  padding: 12px;
}
.toolbox-body .tb-replicate-batch-errors ul {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}
.toolbox-body .tb-replicate-batch-errors li {
  display: flex;
  gap: 8px;
  color: #8e3329;
  font-size: 12px;
}
.toolbox-body .tb-replicate-batch-errors li p {
  margin: 0;
}
.toolbox-body .tb-replicate-batch-item {
  border: 1px solid #dce1e8;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}
.toolbox-body .tb-replicate-batch-item > summary {
  min-height: 48px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.toolbox-body .tb-replicate-batch-item > summary span {
  color: #27866a;
  font-size: 11px;
  font-weight: 850;
}
.toolbox-body .tb-replicate-batch-item > summary strong {
  min-width: 0;
  color: #263244;
  font-size: 13px;
}
.toolbox-body .tb-replicate-batch-item > .tb-parsed-grid {
  border-top: 1px solid #e5e9ef;
  padding: 12px;
}
@media (max-width: 1050px) {
  .toolbox-body .tb-replicate-mode-shell .tb-aicopy-modes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .toolbox-body .tb-replicate-mode-shell {
    padding: 12px;
  }
  .toolbox-body .tb-replicate-mode-shell .tb-aicopy-modes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .toolbox-body .tb-replicate-mode-tab {
    min-height: 72px;
    padding: 9px;
  }
  .toolbox-body .tb-replicate-provider,
  .toolbox-body .tb-replicate-search-intro,
  .toolbox-body .tb-replicate-search-footer,
  .toolbox-body .tb-replicate-batch-head,
  .toolbox-body .tb-replicate-batch-footer,
  .toolbox-body .tb-replicate-batch-result > header {
    align-items: stretch;
    flex-direction: column;
  }
  .toolbox-body .tb-replicate-search-form > div,
  .toolbox-body .tb-replicate-search-gallery,
  .toolbox-body .tb-replicate-batch-row {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-replicate-search-form button,
  .toolbox-body .tb-replicate-search-footer button,
  .toolbox-body .tb-replicate-batch-head button,
  .toolbox-body .tb-replicate-batch-footer button {
    width: 100%;
  }
  .toolbox-body .tb-replicate-batch-row [data-replicate-batch-remove] {
    width: 100%;
  }
  .toolbox-body .tb-replicate-search-card > span {
    grid-template-columns: 72px minmax(0, 1fr);
  }
  .toolbox-body .tb-replicate-search-thumb {
    width: 72px;
    height: 96px;
  }
}

/* 20260715g: keep all primary hubs reachable on phones. */
@media (max-width: 680px) {
  .toolbox-body .tb-sidebar {
    position: relative;
    top: auto;
    height: auto;
    padding: 10px 12px 12px;
    gap: 8px;
  }
  .toolbox-body .tb-side-primary {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 0;
  }
  .toolbox-body .tb-side-pill {
    min-height: 44px;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) 14px;
    gap: 8px;
    padding: 0 12px;
  }
  .toolbox-body .tb-side-pill i {
    display: inline-block;
  }
  .toolbox-body .tb-side-nav {
    display: block;
    overflow: visible;
    padding: 0;
  }
  .toolbox-body .tb-side-hubs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 0;
  }
  .toolbox-body .tb-side-hubs > strong {
    grid-column: 1 / -1;
    padding: 2px 2px 0;
  }
  .toolbox-body .tb-side-hubs > a {
    min-width: 0;
    min-height: 48px;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    gap: 7px;
    border: 1px solid #e1e5eb;
    border-radius: 8px;
    background: #fff;
    padding: 7px 8px;
    font-size: 11px;
    line-height: 1.35;
  }
  .toolbox-body .tb-side-hubs > a span {
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .toolbox-body .tb-side-hubs > a i {
    width: 26px;
    height: 26px;
  }
  .toolbox-body .tb-sidebar-foot,
  .toolbox-body .tb-float-rail {
    display: none;
  }
}

/* 20260715k: final cascade seal for late page-specific rules. */
.toolbox-body .tb-main {
  padding-right: 68px;
}

.toolbox-body .tb-btn.primary,
.toolbox-body .tb-studio-submit .tb-btn.primary,
.toolbox-body .tb-compose-submit .tb-btn.primary,
.toolbox-body .tb-media-download-actions .tb-btn.primary {
  min-height: 44px;
  border-color: var(--tb-app-accent) !important;
  border-radius: 7px;
  background: var(--tb-app-accent) !important;
  color: #fff !important;
  box-shadow: 0 7px 16px rgba(239, 91, 77, .2) !important;
}

.toolbox-body .tb-btn.primary:hover,
.toolbox-body .tb-studio-submit .tb-btn.primary:hover,
.toolbox-body .tb-compose-submit .tb-btn.primary:hover,
.toolbox-body .tb-media-download-actions .tb-btn.primary:hover {
  border-color: var(--tb-app-accent-strong) !important;
  background: var(--tb-app-accent-strong) !important;
}

.toolbox-body .tb-main-tool p,
.toolbox-body .tb-main-tool li,
.toolbox-body .tb-main-tool label,
.toolbox-body .tb-main-tool output {
  color: #626d7c;
  font-size: 12px !important;
}

.toolbox-body .tb-main-tool small,
.toolbox-body .tb-main-tool em {
  color: #747e8d;
  font-size: 11px !important;
}

.toolbox-body .tb-main-tool h2 {
  color: #252b35;
  font-size: 24px;
  line-height: 1.3;
}

.toolbox-body .tb-main-tool h3 {
  color: #2d3440;
  font-size: 16px;
  line-height: 1.35;
}

.toolbox-body .tb-main-tool input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
.toolbox-body .tb-main-tool textarea,
.toolbox-body .tb-main-tool select {
  border-color: var(--tb-app-line-strong);
  border-radius: 7px;
  background: #fff;
  color: #252b35;
  padding: 10px 12px;
  font-size: 13px;
}

.toolbox-body .tb-main-tool input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):focus,
.toolbox-body .tb-main-tool textarea:focus,
.toolbox-body .tb-main-tool select:focus {
  border-color: #3777df;
  outline: 0;
  box-shadow: 0 0 0 3px var(--tb-app-focus);
}

.toolbox-body .tb-upload-drop,
.toolbox-body .tb-upload-box,
.toolbox-body .tb-ref-uploader {
  border-color: #aeb8c5;
  border-radius: 8px;
  background: #f9fafb;
  box-shadow: none;
}

.toolbox-body .tb-upload-drop:hover,
.toolbox-body .tb-upload-drop:focus-within,
.toolbox-body .tb-upload-drop.is-dragging {
  border-color: #3777df;
  background: #f4f7fd;
  box-shadow: 0 0 0 3px var(--tb-app-focus);
  transform: none;
}

.toolbox-body .tb-upload-mark {
  width: 46px;
  height: 46px;
  border-radius: 8px;
  background: #303640;
  box-shadow: 0 6px 14px rgba(23, 31, 44, .14);
}

.toolbox-body .tb-empty,
.toolbox-body .tb-tool-empty-state,
.toolbox-body .tb-image-result-empty,
.toolbox-body .tb-product-talk-empty,
.toolbox-body .tb-ai-video-empty,
.toolbox-body .tb-ecom-chat-empty,
.toolbox-body .tb-replicate-state {
  min-height: 132px;
  border: 1px dashed #bdc5d0;
  border-radius: 8px;
  background: #f8f9fb;
  color: #626d7c;
  padding: 24px 18px;
  line-height: 1.7;
}

.toolbox-body .tb-status:not(:empty) {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #dce1e7;
  border-radius: 7px;
  background: #f8f9fb;
  color: #5f6978;
  padding: 7px 10px;
  font-size: 12px;
}

.toolbox-body .tb-status.ok:not(:empty) {
  border-color: #b9decf;
  background: #f1f8f5;
  color: var(--tb-app-success);
}

.toolbox-body .tb-status.error:not(:empty) {
  border-color: #efc4c8;
  background: #fff5f5;
  color: var(--tb-app-danger);
}

.toolbox-body .tb-tool-hub {
  padding: 14px 16px 22px;
}

.toolbox-body .tb-tool-hub > header {
  min-height: 116px;
  padding: 20px 22px;
  border-color: var(--tb-app-line);
  background: linear-gradient(118deg, #fff 0%, #f5f7f9 62%, #fff4f1 100%);
  box-shadow: var(--tb-app-card-shadow);
}

.toolbox-body .tb-tool-hub > header > div > span,
.toolbox-body .tb-tool-hub > header li span,
.toolbox-body .tb-tool-hub-toolbar nav button,
.toolbox-body .tb-tool-hub-toolbar output,
.toolbox-body .tb-tool-hub-grid > a small {
  color: #697483;
  font-size: 11px;
}

.toolbox-body .tb-tool-hub > header h2 {
  font-size: 24px;
}

.toolbox-body .tb-tool-hub > header p,
.toolbox-body .tb-tool-hub-grid > a p {
  color: #626d7c;
  font-size: 12px;
}

.toolbox-body .tb-tool-hub-toolbar {
  min-height: 64px;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) auto;
  border-color: var(--tb-app-line);
  background: #fff;
  box-shadow: 0 2px 8px rgba(23, 31, 44, .04);
}

.toolbox-body .tb-tool-hub-toolbar > label {
  min-height: 44px;
  grid-template-columns: 32px minmax(0, 1fr) 44px;
  background: #f8f9fb;
}

.toolbox-body .tb-tool-hub-toolbar nav button {
  min-height: 44px;
  border-radius: 7px;
  padding: 0 12px;
}

.toolbox-body .tb-tool-hub-toolbar nav button.active {
  border-color: #303640;
  background: #303640;
  color: #fff;
}

.toolbox-body .tb-tool-hub-grid > a {
  min-height: 136px;
  border-color: var(--tb-app-line);
  padding: 15px;
  box-shadow: 0 2px 8px rgba(23, 31, 44, .045);
}

.toolbox-body .tb-tool-hub-grid > a:hover {
  border-color: #aeb7c4;
  box-shadow: var(--tb-app-card-shadow);
}

.toolbox-body .tb-tool-hub-grid > a > em {
  border: 1px solid #e0e4e9;
  background: #f5f6f8;
  color: #626c7a;
  font-size: 10px !important;
}

.toolbox-body .tb-media-downloader {
  gap: 16px;
}

.toolbox-body .tb-media-downloader-head {
  padding: 24px 26px;
  background: linear-gradient(118deg, #242a33, #303842);
  box-shadow: 0 10px 24px rgba(23, 31, 44, .14);
}

.toolbox-body .tb-media-downloader-head h2 {
  color: #fff;
  font-size: 25px;
}

.toolbox-body .tb-media-downloader-head p {
  color: #d4d9df;
  font-size: 12px !important;
}

.toolbox-body .tb-media-downloader-head > div > span,
.toolbox-body .tb-media-downloader-head > strong {
  color: #9fe0bd;
}

.toolbox-body .tb-media-platforms span {
  min-height: 36px;
  border-color: var(--tb-app-line);
  border-radius: 7px;
  background: #fff;
  color: #4b5563;
  box-shadow: 0 1px 2px rgba(23, 31, 44, .03);
  font-size: 12px;
}

.toolbox-body .tb-media-download-form > label span {
  color: #303846;
  font-size: 13px;
}

.toolbox-body .tb-media-download-form > label small {
  color: #697483;
  font-size: 11px;
}

.toolbox-body .tb-media-download-form textarea {
  min-height: 156px;
  border-color: var(--tb-app-line-strong);
  background: #fbfcfd;
  color: #252b35;
  padding: 14px;
  font-size: 13px;
}

.toolbox-body .tb-media-downloader.has-link .tb-media-download-form textarea {
  border-color: #73b49b;
  background: #fbfefc;
}

.toolbox-body .tb-media-downloader.has-input-error .tb-media-download-form textarea {
  border-color: #df8e95;
  background: #fffafa;
}

.toolbox-body .tb-media-downloader.has-link [data-media-share-hint] {
  color: var(--tb-app-success);
}

.toolbox-body .tb-media-downloader.has-input-error [data-media-share-hint] {
  color: var(--tb-app-danger);
}

.toolbox-body .tb-media-download-boundary {
  border: 1px solid #dbe5df;
  border-left: 3px solid var(--tb-app-success);
  border-radius: 7px;
  background: #f3f8f5;
  color: #526158;
}

.toolbox-body .tb-account-tabs a,
.toolbox-body .tb-account-switch a,
.toolbox-body .tb-title-groups a,
.toolbox-body .tb-design-tabs a,
.toolbox-body .tb-mini-tabs a,
.toolbox-body .tb-main [role="tab"],
.toolbox-body .tb-main [data-workbench-action],
.toolbox-body .tb-main label:has(input[type="checkbox"]),
.toolbox-body .tb-main label:has(input[type="radio"]) {
  min-height: 44px !important;
  touch-action: manipulation;
}

@media (max-width: 1180px) {
  .toolbox-body .tb-tool-hub-toolbar {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .toolbox-body .tb-tool-hub-toolbar output {
    display: none;
  }
}

@media (max-width: 680px) {
  .toolbox-body .tb-app {
    display: block;
  }

  .toolbox-body .tb-sidebar {
    position: relative;
    top: auto;
    width: 100%;
    height: auto;
    max-height: none;
    padding: 10px;
    border-right: 0;
    border-bottom: 1px solid var(--tb-app-line);
    box-shadow: none;
  }

  .toolbox-body .tb-side-primary,
  .toolbox-body .tb-side-hubs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .toolbox-body .tb-side-nav {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 5px;
    overflow: visible;
    padding: 0;
  }

  .toolbox-body .tb-main {
    padding: 8px 10px 20px;
  }

  .toolbox-body .tb-account-panel,
  .toolbox-body .tb-account-package-grid,
  .toolbox-body .tb-account-package,
  .toolbox-body .tb-member-package-grid {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .toolbox-body .tb-account-panel {
    overflow: hidden;
    padding: 12px;
  }

  .toolbox-body .tb-account-package-grid,
  .toolbox-body .tb-member-package-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-account-package > *,
  .toolbox-body .tb-member-package-grid > * {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .toolbox-body .tb-account-tabs {
    overflow-x: auto;
    flex-wrap: nowrap;
    align-items: center;
    scrollbar-width: none;
  }

  .toolbox-body .tb-account-tabs a {
    flex: 0 0 auto;
  }

  .toolbox-body .tb-account-tabs::-webkit-scrollbar {
    display: none;
  }

  .toolbox-body .tb-local-image-layout {
    min-height: 0;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-local-controls,
  .toolbox-body .tb-local-preview {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .toolbox-body .tb-local-controls {
    padding: 12px;
    border-right: 0;
    border-left: 0 !important;
    border-bottom: 1px solid var(--tb-app-line);
  }

  .toolbox-body .tb-local-preview {
    min-height: 280px;
    overflow: hidden;
    border-left: 0;
    padding: 14px;
  }

  .toolbox-body .tb-local-preview > div {
    width: min(330px, 100%);
    min-width: 0;
    max-width: 100%;
    padding: 18px;
  }

  .toolbox-body .tb-local-preview canvas {
    width: auto;
    height: auto;
    max-width: 100%;
  }

  .toolbox-body .tb-topbar {
    top: 0;
    min-height: 56px;
    margin-bottom: 10px;
  }

  .toolbox-body .tb-main-tool h2,
  .toolbox-body .tb-tool-hub > header h2,
  .toolbox-body .tb-media-downloader-head h2 {
    font-size: 20px;
  }

  .toolbox-body .tb-tool-hub {
    padding: 10px 0 18px;
  }

  .toolbox-body .tb-tool-hub > header,
  .toolbox-body .tb-media-downloader-head {
    padding: 17px;
  }

  .toolbox-body .tb-tool-hub-toolbar {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .toolbox-body .tb-tool-hub-grid {
    grid-template-columns: 1fr;
  }

  .toolbox-body .tb-media-download-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .toolbox-body .tb-media-download-actions .tb-btn {
    width: 100%;
  }
}

/* v1.1.0: mobile 44px targets for explicit toolbox actions only. */
@media (max-width: 720px) {
  .toolbox-body .tb-main-tool details > summary,
  .toolbox-body .tb-main-tool a.tb-btn,
  .toolbox-body .tb-main-tool .tb-chip,
  .toolbox-body .tb-main-tool header > a,
  .toolbox-body .tb-main-tool nav > a,
  .toolbox-body .tb-aicopy-form-head > a,
  .toolbox-body .tb-prompt-tools a,
  .toolbox-body .tb-yiju-quickbar a,
  .toolbox-body .tb-product-classic-tools a,
  .toolbox-body .tb-topic-promo a,
  .toolbox-body .tb-ecom-promo a,
  .toolbox-body .tb-ecom-examples header a,
  .toolbox-body .tb-benchmark-templates header a,
  .toolbox-body .tb-local-image-tool > header > a {
    min-height: 44px;
    touch-action: manipulation;
  }

  .toolbox-body .tb-main-tool a.tb-btn,
  .toolbox-body .tb-main-tool .tb-chip,
  .toolbox-body .tb-main-tool header > a,
  .toolbox-body .tb-main-tool nav > a,
  .toolbox-body .tb-aicopy-form-head > a,
  .toolbox-body .tb-prompt-tools a,
  .toolbox-body .tb-yiju-quickbar a,
  .toolbox-body .tb-product-classic-tools a,
  .toolbox-body .tb-topic-promo a,
  .toolbox-body .tb-ecom-promo a,
  .toolbox-body .tb-ecom-examples header a,
  .toolbox-body .tb-benchmark-templates header a,
  .toolbox-body .tb-local-image-tool > header > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
  }

  .toolbox-body .tb-main-tool details > summary {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .toolbox-body .tb-tool-hub-toolbar [data-tool-hub-clear] {
    min-width: 44px !important;
  }

  .toolbox-body .tb-geo-library-toolbar > label {
    grid-template-columns: minmax(0, 1fr) 44px;
  }

  .toolbox-body .tb-geo-library-toolbar label button {
    min-width: 44px;
  }
}

/* 20260715l: honest states for searchable topic and GEO workbenches. */
.toolbox-body .tb-topic-empty {
  min-height: 112px;
  display: grid;
  place-items: center;
  border: 1px dashed #d8dde7;
  border-radius: 8px;
  background: #fafbfc;
  color: #727c8f;
  font-size: 12px;
  text-align: center;
}

.toolbox-body .tb-topic-empty[hidden] {
  display: none;
}

.toolbox-body .tb-topic-cards > [data-topic-card][hidden],
.toolbox-body .tb-geo-folder-grid > [data-geo-folder][hidden] {
  display: none;
}

.toolbox-body .tb-geo-folder-grid article.active {
  border-color: #7c67d7;
  box-shadow: 0 0 0 2px rgba(124, 103, 215, .12), var(--tb-card-shadow);
}

.toolbox-body .tb-geo-library-toolbar > button:disabled,
.toolbox-body .tb-geo-folder-grid footer button:disabled {
  border-color: #e2e5eb;
  background: #f4f5f7;
  color: #a0a7b3;
  box-shadow: none;
}

.toolbox-body .tb-geo-task-workbench > nav button.active:disabled,
.toolbox-body .tb-geo-task-layout > aside > header button.active:disabled {
  opacity: 1;
  cursor: default;
}

/* 20260715p: contrast and semantic visibility seal. */
.toolbox-body {
  --tb-app-accent: #c63f34;
  --tb-app-accent-strong: #a92b33;
}

.toolbox-body [hidden] {
  display: none !important;
}

.toolbox-body .tb-btn.primary,
.toolbox-body .tb-studio-submit .tb-btn.primary,
.toolbox-body .tb-compose-submit .tb-btn.primary,
.toolbox-body .tb-media-download-actions .tb-btn.primary {
  box-shadow: 0 7px 16px rgba(198, 63, 52, .2) !important;
}

.toolbox-body .tb-brand-text small,
.toolbox-body .tb-side-hubs > strong {
  color: #596273;
}

.toolbox-body .tb-side-hubs > a small,
.toolbox-body .tb-side-nav a small {
  background: #b42336;
  color: #fff;
}

.toolbox-body .tb-side-hubs > a.active,
.toolbox-body .tb-side-nav a.active {
  border-color: #303640;
  background: #303640;
  background-image: none;
  color: #fff;
}

.toolbox-body .tb-side-hubs > a.active small,
.toolbox-body .tb-side-nav a.active small {
  background: rgba(255, 255, 255, .92);
  color: #303640;
}

.toolbox-body .tb-topic-hub > header {
  background-color: #303640;
  background-image: linear-gradient(112deg, #303640, #3d4655 58%, #7d304d);
}

.toolbox-body .tb-topic-hub > header p {
  color: #eef1f4;
}

.toolbox-body .tb-media-downloader-head {
  background-color: #242a33;
}

.toolbox-body .tb-main-tool small,
.toolbox-body .tb-main-tool em,
.toolbox-body .tb-topic-cards small,
.toolbox-body .tb-upload-file-text,
.toolbox-body .tb-geo-folder-grid article span,
.toolbox-body .tb-geo-library-toolbar > div span,
.toolbox-body .tb-geo-library-empty p,
.toolbox-body .tb-geo-task-layout > aside > div p {
  color: #5f6875;
}

.toolbox-body .tb-agree-line a,
.toolbox-body .tb-video-agreement a {
  color: #14733a;
}

.toolbox-body .tb-video-agreement input[type="checkbox"] {
  width: 18px !important;
  min-width: 18px;
  height: 18px !important;
  min-height: 18px !important;
  flex: 0 0 18px;
}

.toolbox-body .tb-wear-tabs button.active {
  background: #303640;
  background-image: none;
  color: #fff;
}

@media (max-width: 720px) {
  .toolbox-body .tb-aicopy-tip summary,
  .toolbox-body .tb-yiju-side .tb-panel-head a.tb-btn.compact,
  .toolbox-body .tb-video-prompt-label > a,
  .toolbox-body .tb-video-agreement a,
  .toolbox-body .tb-product-talk-layout > aside > header a,
  .toolbox-body .tb-wear-tabs a {
    min-width: 44px;
    min-height: 44px !important;
    touch-action: manipulation;
  }

  .toolbox-body .tb-yiju-side .tb-panel-head a.tb-btn.compact,
  .toolbox-body .tb-video-prompt-label > a,
  .toolbox-body .tb-video-agreement a,
  .toolbox-body .tb-product-talk-layout > aside > header a,
  .toolbox-body .tb-wear-tabs a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .toolbox-body .tb-video-prompt-label > a {
    top: -8px;
  }

  .toolbox-body .tb-product-talk-layout > aside > header a {
    white-space: nowrap;
    writing-mode: horizontal-tb;
  }
}

/* 20260715r: truthful libraries and personal asset workspace */
.toolbox-body .tb-template-preview-sheet {
  position: absolute;
  inset: 12px 28px 12px 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid rgba(31, 39, 54, .1);
  border-radius: 6px;
  background: #fff;
  padding: 12px;
  box-shadow: 0 7px 18px rgba(31, 39, 54, .12);
}
.toolbox-body .tb-template-preview-sheet small {
  color: #657084;
  font-size: 9px;
  font-weight: 800;
}
.toolbox-body .tb-template-preview-sheet strong {
  margin: 5px 0 8px;
  color: #20293a;
  font-size: 16px;
  line-height: 1.25;
}
.toolbox-body .tb-template-preview-sheet em {
  width: 82%;
  height: 4px;
  margin-top: 4px;
  border-radius: 4px;
  background: rgba(45, 55, 75, .14);
}
.toolbox-body .tb-template-preview-sheet em:nth-of-type(2) {
  width: 64%;
}
.toolbox-body .tb-template-preview-sheet b {
  margin-top: 9px;
  color: #677184;
  font-size: 8px;
}
.toolbox-body .tb-template-preview-theme-0 { background: #f5d9dc; }
.toolbox-body .tb-template-preview-theme-1 { background: #dce9f7; }
.toolbox-body .tb-template-preview-theme-2 { background: #e1eddf; }
.toolbox-body .tb-template-preview-theme-3 { background: #f5e6bd; }
.toolbox-body .tb-template-preview-theme-4 { background: #e7def3; }
.toolbox-body .tb-template-preview-theme-5 { background: #d8ece9; }
.toolbox-body .tb-template-market-empty {
  grid-column: 1 / -1;
  min-height: 220px;
  display: grid;
  place-content: center;
  border: 1px dashed #cfd5df;
  border-radius: 8px;
  background: #f8f9fb;
  color: #697386;
  padding: 24px;
  text-align: center;
}
.toolbox-body .tb-template-market-empty i {
  margin-bottom: 8px;
  color: #50647e;
  font-size: 28px;
}
.toolbox-body .tb-template-market-empty strong {
  color: #283448;
  font-size: 14px;
}
.toolbox-body .tb-template-market-empty p {
  margin: 6px 0 0;
  font-size: 11px;
}
.toolbox-body .tb-viral-library-search form {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}
.toolbox-body .tb-viral-library-cats a {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #dfe3e9;
  border-radius: 999px;
  background: #fff;
  color: #566174;
  padding: 0 12px;
  font-size: 10px;
  font-weight: 750;
  text-decoration: none;
}
.toolbox-body .tb-viral-library-cats a.active {
  border-color: #303b4d;
  background: #303b4d;
  color: #fff;
}
.toolbox-body .tb-viral-library-source-note {
  margin: 10px 16px 0;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #cfe1d5;
  border-radius: 7px;
  background: #f3faf5;
  color: #315c3e;
  padding: 9px 11px;
  font-size: 10px;
}
.toolbox-body .tb-viral-library-cover {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  display: grid;
  place-items: center;
  margin: -14px -14px 12px;
  border-bottom: 1px solid #e1e5eb;
  background: #e7edf3;
  color: #536277;
  text-decoration: none;
}
.toolbox-body .tb-viral-library-cover img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.toolbox-body .tb-viral-library-cover.empty {
  gap: 5px;
  align-content: center;
  font-size: 10px;
}
.toolbox-body .tb-viral-library-cover.empty i {
  font-size: 24px;
}
.toolbox-body .tb-viral-library-grid article > footer > div a,
.toolbox-body .tb-viral-library-grid article > footer > div button {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d7dce4;
  border-radius: 6px;
  background: #fff;
  color: #4f5a6d;
  padding: 0 9px;
  font-size: 10px;
  font-weight: 800;
  text-decoration: none;
}
.toolbox-body .tb-viral-library-grid article > footer > div a {
  border-color: #303b4d;
  background: #303b4d;
  color: #fff;
}
.toolbox-body .tb-viral-library-empty {
  grid-column: 1 / -1;
  min-height: 260px;
  display: grid;
  place-content: center;
  border: 1px dashed #cfd5df;
  border-radius: 8px;
  background: #f8f9fb;
  color: #697386;
  padding: 28px;
  text-align: center;
}
.toolbox-body .tb-viral-library-empty i {
  margin-bottom: 8px;
  color: #4b5d73;
  font-size: 28px;
}
.toolbox-body .tb-viral-library-empty strong {
  color: #283448;
  font-size: 14px;
}
.toolbox-body .tb-viral-library-empty p {
  margin: 6px 0 0;
  font-size: 11px;
}
.toolbox-body .tb-asset-library-layout > aside nav a {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 6px;
  color: #596377;
  padding: 0 10px;
  font-size: 12px;
  text-decoration: none;
}
.toolbox-body .tb-asset-library-layout > aside nav a span {
  min-width: 24px;
  border-radius: 999px;
  background: #eef1f5;
  color: #687386;
  padding: 2px 7px;
  font-size: 9px;
  text-align: center;
}
.toolbox-body .tb-asset-library-layout > aside nav a.active {
  background: #eaf2f8;
  color: #315773;
  font-weight: 800;
}
.toolbox-body .tb-asset-group-create {
  display: grid;
  gap: 8px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #e3e6ec;
}
.toolbox-body .tb-asset-library-toolbar > form {
  display: grid;
  grid-template-columns: minmax(180px, 320px) auto;
  gap: 7px;
}
.toolbox-body .tb-asset-library-items {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.toolbox-body .tb-asset-library-item {
  min-width: 0;
  min-height: 170px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid #dfe3e9;
  border-radius: 8px;
  background: #fff;
  padding: 14px;
  box-shadow: 0 6px 18px rgba(30, 40, 56, .045);
}
.toolbox-body .tb-asset-library-item strong {
  display: block;
  color: #263246;
  font-size: 13px;
}
.toolbox-body .tb-asset-library-item p {
  overflow: hidden;
  margin: 7px 0;
  color: #657084;
  font-size: 11px;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.toolbox-body .tb-asset-library-item span {
  color: #8190a1;
  font-size: 9px;
}
.toolbox-body .tb-asset-library-item .tb-form-actions {
  margin-top: 0;
  justify-content: flex-end;
}
.toolbox-body .tb-asset-library-item .tb-form-actions form {
  margin: 0;
}
.toolbox-body .tb-asset-library-items > .tb-asset-library-empty {
  grid-column: 1 / -1;
  margin-top: 0;
}
.toolbox-body .tb-task-replay {
  min-height: 170px;
  display: grid;
  place-content: center;
  gap: 7px;
  border: 1px solid #dce2e9;
  border-radius: 8px;
  background: #f8fafb;
  color: #697487;
  padding: 24px;
  text-align: center;
}
.toolbox-body .tb-task-replay strong {
  color: #273448;
  font-size: 14px;
}
.toolbox-body .tb-task-replay p {
  max-width: 520px;
  margin: 0;
  font-size: 11px;
  line-height: 1.7;
}
.toolbox-body .tb-task-replay .tb-btn {
  justify-self: center;
  margin-top: 5px;
}
.toolbox-body .tb-upload-preview-list {
  align-items: stretch;
}
.toolbox-body .tb-upload-preview-item {
  overflow: hidden;
  border: 1px solid #dce1e8;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 5px 14px rgba(31, 41, 57, .05);
}
.toolbox-body .tb-upload-preview-item img,
.toolbox-body .tb-upload-file-placeholder {
  border-bottom: 1px solid #e2e6ec;
  background: #edf1f4;
}
.toolbox-body .tb-upload-preview-item figcaption {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 4px 8px;
  padding: 8px;
}
.toolbox-body .tb-upload-preview-item figcaption > span {
  color: #344055;
  font-size: 10px;
  font-weight: 750;
}
.toolbox-body .tb-upload-preview-item figcaption > small {
  color: #7b8797;
  font-size: 9px;
}
.toolbox-body .tb-upload-preview-item figcaption > button {
  grid-column: 2;
  grid-row: 1 / span 2;
  min-width: 48px;
  min-height: 34px;
  border-color: #ead5d7;
  color: #a1444b;
}
.toolbox-body .tb-ecom-example-row article {
  display: flex;
  flex-direction: column;
}
.toolbox-body .tb-ecom-example-row article .tb-ecom-example-art {
  position: relative;
  min-height: 58%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 7px;
  margin: 0;
  background: #edf1f4;
  color: #263348;
  padding: 16px;
}
.toolbox-body .tb-ecom-example-0 .tb-ecom-example-art { background: #dce9f5; }
.toolbox-body .tb-ecom-example-1 .tb-ecom-example-art { background: #f0dfd2; }
.toolbox-body .tb-ecom-example-2 .tb-ecom-example-art { background: #dbe9df; }
.toolbox-body .tb-ecom-example-3 .tb-ecom-example-art { background: #e8dfed; }
.toolbox-body .tb-ecom-example-row article .tb-ecom-example-art span {
  background: rgba(255, 255, 255, .72);
  color: #586579;
}
.toolbox-body .tb-ecom-example-row article .tb-ecom-example-art strong {
  color: #263348;
  font-size: 18px;
  text-shadow: none;
}
.toolbox-body .tb-ecom-example-art i {
  width: 72%;
  height: 5px;
  border-radius: 5px;
  background: rgba(46, 57, 76, .16);
}
.toolbox-body .tb-ecom-example-art i:nth-of-type(2) {
  width: 48%;
}
.toolbox-body .tb-ecom-example-art b {
  width: fit-content;
  margin-top: 4px;
  border-radius: 4px;
  background: #303b4d;
  color: #fff;
  padding: 4px 7px;
  font-size: 9px;
}
.toolbox-body .tb-ecom-example-row article > div:last-child {
  flex: 1;
  align-content: start;
  background: #303846;
}
.toolbox-body .tb-original-design-board {
  background: #dce7e1 !important;
  align-content: center !important;
}
.toolbox-body .tb-original-design-board::after {
  display: none;
}
.toolbox-body .tb-original-design-board > span {
  position: absolute;
  inset: 16px 16px auto auto;
  width: 42%;
  height: 58%;
  display: grid;
  place-items: center;
  border: 1px dashed rgba(42, 54, 71, .25);
  background: rgba(255, 255, 255, .56);
  color: #566477;
  font-size: 9px;
}
.toolbox-body .tb-original-design-board > em {
  width: 38%;
  height: 5px;
  border-radius: 4px;
  background: rgba(42, 54, 71, .16) !important;
  padding: 0;
}
.toolbox-body .tb-cover-template-art {
  min-height: 64px;
  display: grid !important;
  align-content: center;
  gap: 5px;
  border: 1px solid rgba(42, 52, 70, .11);
  border-radius: 5px;
  background: rgba(255, 255, 255, .68);
  color: #2d394b !important;
  padding: 8px;
}
.toolbox-body .tb-cover-template-art i {
  color: #6c788a;
  font-size: 8px;
  font-style: normal;
}
.toolbox-body .tb-cover-template-art b {
  font-size: 12px;
}
.toolbox-body .tb-cover-template-art em {
  width: 80%;
  height: 3px;
  border-radius: 3px;
  background: rgba(42, 52, 70, .18);
}
.toolbox-body .tb-cover-template-art em:last-child {
  width: 54%;
}
.toolbox-body .tb-cover-template-strip button.tone-0 { background: #dbe8f2; }
.toolbox-body .tb-cover-template-strip button.tone-1 { background: #e9dfed; }
.toolbox-body .tb-cover-template-strip button.tone-2 { background: #f2dfd6; }
.toolbox-body .tb-cover-template-strip button.tone-3 { background: #e4ead9; }
.toolbox-body .tb-cover-template-strip button.tone-4 { background: #f1e5c8; }
.toolbox-body .tb-cover-template-strip button.tone-5 { background: #d9ebe8; }
.toolbox-body .tb-video-case-art {
  position: relative;
  aspect-ratio: 4 / 3;
  display: grid !important;
  place-items: center;
  border-bottom: 1px solid #dfe4ea;
  background: #dfe9f2;
  color: #314158;
  padding: 0 !important;
}
.toolbox-body .tb-video-case-art.motion-2 { background: #e7dfed; }
.toolbox-body .tb-video-case-art.motion-3 { background: #e0eadf; }
.toolbox-body .tb-video-case-art i {
  font-size: 30px;
}
.toolbox-body .tb-video-case-art span {
  position: absolute;
  right: 8px;
  bottom: 7px;
  color: rgba(40, 52, 70, .55) !important;
  font-size: 9px !important;
  font-weight: 850;
}
.toolbox-body .tb-ecom-pro-case-art {
  aspect-ratio: 3 / 4;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 7px;
  background: #dce8f1;
  color: #2d3b50;
  padding: 15px;
}
.toolbox-body .tb-ecom-pro-case-art.tone-2 { background: #eedfd4; }
.toolbox-body .tb-ecom-pro-case-art.tone-3 { background: #dce9df; }
.toolbox-body .tb-ecom-pro-case-art.tone-4 { background: #e8dfed; }
.toolbox-body .tb-ecom-pro-case-art small {
  color: #677487;
  font-size: 9px;
}
.toolbox-body .tb-ecom-pro-case-art strong {
  font-size: 17px;
}
.toolbox-body .tb-ecom-pro-case-art i {
  width: 78%;
  height: 5px;
  border-radius: 5px;
  background: rgba(43, 57, 77, .16);
}
.toolbox-body .tb-ecom-pro-case-art i:nth-of-type(2) {
  width: 52%;
}
.toolbox-body .tb-ecom-pro-case-art b {
  width: fit-content;
  margin-top: 5px;
  border-radius: 4px;
  background: #303b4d;
  color: #fff;
  padding: 5px 8px;
  font-size: 9px;
}
.toolbox-body .tb-ecom-pro-cases article > span {
  left: 7px;
  right: auto;
}
.toolbox-body .tb-product-sample-art {
  width: 72px;
  height: 72px;
  display: grid;
  align-content: center;
  gap: 5px;
  border-radius: 12px;
  background: #dce8f1;
  padding: 10px;
}
.toolbox-body .tb-product-sample-art.tone-1 { background: #efdfd4; }
.toolbox-body .tb-product-sample-art.tone-2 { background: #dce8de; }
.toolbox-body .tb-product-sample-art.tone-3 { background: #e9dfed; }
.toolbox-body .tb-product-sample-art.tone-4 { background: #eee7cf; }
.toolbox-body .tb-product-sample-art strong {
  font-size: 10px;
}
.toolbox-body .tb-product-sample-art i {
  width: 88%;
  height: 4px;
  border-radius: 4px;
  background: rgba(42, 54, 72, .16);
}
.toolbox-body .tb-product-sample-art i:last-child {
  width: 58%;
}
.toolbox-body .tb-discover-stats.curated {
  border-color: #d6dee7;
  background: #f3f6f8;
}
.toolbox-body .tb-discover-stats.curated span {
  color: #5d6b7d;
}

@media (max-width: 900px) {
  .toolbox-body .tb-asset-library-items {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .toolbox-body .tb-viral-library-search form,
  .toolbox-body .tb-asset-library-toolbar > form {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-viral-library-cats {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }
  .toolbox-body .tb-viral-library-cats a {
    min-height: 44px;
    flex: 0 0 auto;
  }
  .toolbox-body .tb-viral-library-grid article > footer > div a,
  .toolbox-body .tb-viral-library-grid article > footer > div button {
    min-height: 44px;
  }
}

/* 20260715 v1.1.0 final commercial shell and studio contract. */
.toolbox-body .tb-app[data-app-shell],
.toolbox-body [data-toolbox-shell] {
  --tb-final-sidebar: 224px;
  --tb-final-gutter: 20px;
  --tb-final-purple: #5b4fc4;
  --tb-final-purple-soft: #f1efff;
  --tb-final-primary: #b42336;
  --tb-final-primary-hover: #941f30;
  --tb-final-ink: #202734;
  --tb-final-muted: #5d6775;
  --tb-final-line: #d9dee6;
  --tb-final-soft: #f6f7f9;
  --tb-final-danger: #a82d3a;
  min-width: 0;
  max-width: 100%;
  display: grid;
  grid-template-columns: var(--tb-final-sidebar) minmax(0, 1fr);
  background: #f5f6f8;
  color: var(--tb-final-ink);
  font-size: 13px;
  line-height: 1.55;
  letter-spacing: 0;
  overflow-x: clip;
}

body.toolbox-body:has(.tb-app[data-app-shell]),
body.toolbox-body:has([data-toolbox-shell]) {
  max-width: 100%;
  overflow-x: clip;
}

.toolbox-body .tb-app[data-app-shell] > .tb-sidebar,
.toolbox-body .tb-app[data-app-shell] > [data-sidebar],
.toolbox-body [data-toolbox-shell] > .tb-sidebar,
.toolbox-body [data-toolbox-shell] > [data-sidebar] {
  position: sticky;
  top: 0;
  z-index: 40;
  width: var(--tb-final-sidebar);
  height: 100vh;
  max-height: 100vh;
  gap: 10px;
  padding: 12px 10px;
  overflow: hidden;
  border: 0;
  border-right: 1px solid var(--tb-final-line);
  background: #fff;
  box-shadow: none;
  transition: width .18s ease, transform .18s ease;
}

.toolbox-body .tb-sidebar-head {
  min-height: 44px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 44px;
  align-items: center;
  gap: 4px;
}

.toolbox-body .tb-sidebar-head .tb-brand {
  min-width: 0;
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 4px;
  text-decoration: none;
}

.toolbox-body .tb-sidebar-head [data-sidebar-collapse],
.toolbox-body .tb-sidebar-head [data-sidebar-close] {
  width: 44px;
  height: 44px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--tb-final-line);
  border-radius: 7px;
  background: #fff;
  color: #46505f;
  padding: 0;
}

.toolbox-body .tb-sidebar-head [data-sidebar-close] {
  display: none;
}

.toolbox-body .tb-app[data-app-shell] .tb-side-hubs,
.toolbox-body [data-toolbox-shell] .tb-side-hubs {
  display: grid;
  gap: 4px;
  padding: 0;
}

.toolbox-body .tb-app[data-app-shell] .tb-side-hubs > strong,
.toolbox-body [data-toolbox-shell] .tb-side-hubs > strong {
  padding: 3px 8px;
  color: #697382;
  font-size: 11px;
}

.toolbox-body .tb-app[data-app-shell] :where(.tb-side-hubs > a, .tb-side-pill, .tb-sidebar-profile),
.toolbox-body [data-toolbox-shell] :where(.tb-side-hubs > a, .tb-side-pill, .tb-sidebar-profile) {
  min-height: 44px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: #fff;
  color: #46505f;
  box-shadow: none;
  font-size: 12px;
}

.toolbox-body .tb-app[data-app-shell] :where(.tb-side-hubs > a, .tb-side-pill):hover,
.toolbox-body [data-toolbox-shell] :where(.tb-side-hubs > a, .tb-side-pill):hover {
  border-color: var(--tb-final-line);
  background: var(--tb-final-soft);
  color: #252d3a;
}

.toolbox-body .tb-app[data-app-shell] :where(.tb-side-hubs > a, .tb-side-pill).active,
.toolbox-body [data-toolbox-shell] :where(.tb-side-hubs > a, .tb-side-pill).active {
  border-color: #d8d3f2;
  background: var(--tb-final-purple-soft);
  color: #4034a2;
  box-shadow: none;
}

.toolbox-body .tb-app[data-app-shell] :where(.tb-side-hubs > a, .tb-side-pill).active i,
.toolbox-body [data-toolbox-shell] :where(.tb-side-hubs > a, .tb-side-pill).active i {
  background: #fff;
  color: var(--tb-final-purple);
}

.toolbox-body .tb-app[data-app-shell] .tb-side-primary,
.toolbox-body [data-toolbox-shell] .tb-side-primary {
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid #e5e8ed;
}

.toolbox-body .tb-app[data-app-shell] .tb-sidebar-foot,
.toolbox-body [data-toolbox-shell] .tb-sidebar-foot {
  margin-top: 0;
  padding-top: 0;
}

.toolbox-body .tb-app[data-app-shell] .tb-sidebar-profile,
.toolbox-body [data-toolbox-shell] .tb-sidebar-profile {
  min-height: 54px;
  padding: 7px;
}

.toolbox-body .tb-mobile-topbar,
.toolbox-body .tb-sidebar-backdrop,
.toolbox-body [data-sidebar-backdrop] {
  display: none;
}

.toolbox-body .tb-app[data-app-shell] > .tb-main,
.toolbox-body [data-toolbox-shell] > .tb-main {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  padding: var(--tb-final-gutter);
  overflow-x: clip;
  background: #f5f6f8;
}

.toolbox-body .tb-app[data-app-shell] > .tb-main > *,
.toolbox-body [data-toolbox-shell] > .tb-main > * {
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.toolbox-body .tb-app[data-app-shell] .tb-main-tool,
.toolbox-body [data-toolbox-shell] .tb-main-tool {
  padding: var(--tb-final-gutter);
  background: #f5f6f8;
}

.toolbox-body .tb-app[data-app-shell] .tb-main-tool > .tb-topbar,
.toolbox-body [data-toolbox-shell] .tb-main-tool > .tb-topbar {
  display: none;
}

.toolbox-body .tb-app[data-app-shell] .tb-float-rail,
.toolbox-body [data-toolbox-shell] .tb-float-rail,
.toolbox-body :is(.tb-main-tool, .tb-aicopy-workspace, .tb-media-downloader, .tb-tool-hub) .tb-float-rail {
  display: none !important;
}

.toolbox-body .tb-app[data-app-shell] :where(input, textarea, select, button, .tb-btn),
.toolbox-body [data-toolbox-shell] :where(input, textarea, select, button, .tb-btn) {
  max-width: 100%;
  letter-spacing: 0;
}

.toolbox-body .tb-app[data-app-shell] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]), select, button, .tb-btn),
.toolbox-body [data-toolbox-shell] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]), select, button, .tb-btn) {
  min-height: 44px !important;
}

.toolbox-body .tb-app[data-app-shell] :where(input, textarea, select),
.toolbox-body [data-toolbox-shell] :where(input, textarea, select) {
  border-color: #cbd2dc;
  border-radius: 7px;
  background: #fff;
  color: #202734;
  font-size: 13px;
}

.toolbox-body .tb-app[data-app-shell] :where(input, textarea)::placeholder,
.toolbox-body [data-toolbox-shell] :where(input, textarea)::placeholder {
  color: #697382;
  opacity: 1;
}

.toolbox-body .tb-app[data-app-shell] :where(input, textarea, select):focus,
.toolbox-body [data-toolbox-shell] :where(input, textarea, select):focus {
  border-color: var(--tb-final-purple);
  outline: 0;
  box-shadow: 0 0 0 3px rgba(91, 79, 196, .16);
}

.toolbox-body .tb-app[data-app-shell] :where(button, .tb-btn):disabled,
.toolbox-body .tb-app[data-app-shell] :where(button, .tb-btn)[aria-disabled="true"],
.toolbox-body [data-toolbox-shell] :where(button, .tb-btn):disabled,
.toolbox-body [data-toolbox-shell] :where(button, .tb-btn)[aria-disabled="true"] {
  border-color: #d9dee6 !important;
  background: #eef0f3 !important;
  color: #687281 !important;
  box-shadow: none !important;
  opacity: 1;
  cursor: not-allowed;
}

.toolbox-body .tb-app[data-app-shell] :where(.tb-btn.primary, button.primary),
.toolbox-body [data-toolbox-shell] :where(.tb-btn.primary, button.primary) {
  border-color: var(--tb-final-primary) !important;
  background: var(--tb-final-primary) !important;
  background-image: none !important;
  color: #fff !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell] :where(.tb-btn.primary, button.primary):hover,
.toolbox-body [data-toolbox-shell] :where(.tb-btn.primary, button.primary):hover {
  border-color: var(--tb-final-primary-hover) !important;
  background: var(--tb-final-primary-hover) !important;
  transform: none;
}

.toolbox-body .tb-app[data-app-shell] :where(.tb-main-tool, .tb-aicopy-workspace, .tb-tool-hub, .tb-media-downloader) :where(p, li, label, output),
.toolbox-body [data-toolbox-shell] :where(.tb-main-tool, .tb-aicopy-workspace, .tb-tool-hub, .tb-media-downloader) :where(p, li, label, output) {
  font-size: 12px !important;
  letter-spacing: 0;
}

.toolbox-body .tb-app[data-app-shell] :where(.tb-main-tool, .tb-aicopy-workspace, .tb-tool-hub, .tb-media-downloader) :where(small, em),
.toolbox-body [data-toolbox-shell] :where(.tb-main-tool, .tb-aicopy-workspace, .tb-tool-hub, .tb-media-downloader) :where(small, em) {
  color: #5f6977;
  font-size: 11px !important;
  opacity: 1;
}

.toolbox-body .tb-app[data-app-shell] :where(.tb-main-tool, .tb-aicopy-workspace, .tb-tool-hub, .tb-media-downloader) h2,
.toolbox-body [data-toolbox-shell] :where(.tb-main-tool, .tb-aicopy-workspace, .tb-tool-hub, .tb-media-downloader) h2 {
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: 0;
}

.toolbox-body .tb-app[data-app-shell] :where(.tb-main-tool, .tb-aicopy-workspace, .tb-tool-hub, .tb-media-downloader) h3,
.toolbox-body [data-toolbox-shell] :where(.tb-main-tool, .tb-aicopy-workspace, .tb-tool-hub, .tb-media-downloader) h3 {
  font-size: 16px;
  line-height: 1.35;
  letter-spacing: 0;
}

/* Compact destination context and forward-compatible studio primitives. */
.toolbox-body :where(.tb-studio-context, .tb-destination-context, .tb-studio-breadcrumb, .tb-destination-breadcrumb, .tb-destination-switch, .tb-sibling-switcher, [data-studio-nav], [data-destination-nav]) {
  min-width: 0;
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 10px;
  overflow-x: auto;
  border: 1px solid var(--tb-final-line, #d9dee6);
  border-radius: 8px;
  background: #fff;
  padding: 5px;
  scrollbar-width: thin;
}

.toolbox-body :where(.tb-studio-context, .tb-destination-context, .tb-studio-breadcrumb, .tb-destination-breadcrumb, .tb-destination-switch, .tb-sibling-switcher, [data-studio-nav], [data-destination-nav]) :where(a, button) {
  min-height: 44px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 6px;
  background: #fff;
  color: #4e5867;
  padding: 0 11px;
  text-decoration: none;
  white-space: nowrap;
}

.toolbox-body :where(.tb-studio-context, .tb-destination-context, .tb-studio-breadcrumb, .tb-destination-breadcrumb, .tb-destination-switch, .tb-sibling-switcher, [data-studio-nav], [data-destination-nav]) :where(a, button).active,
.toolbox-body :where(.tb-studio-context, .tb-destination-context, .tb-studio-breadcrumb, .tb-destination-breadcrumb, .tb-destination-switch, .tb-sibling-switcher, [data-studio-nav], [data-destination-nav]) [aria-current="page"] {
  border-color: #d8d3f2;
  background: #f1efff;
  color: #4034a2;
}

.toolbox-body :where(.tb-studio-back, .tb-destination-back, [data-studio-back]) {
  min-width: 44px;
  min-height: 44px;
}

.toolbox-body :where(.tb-studio-pagehead, .tb-tool-page-head) {
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 10px;
  border: 1px solid var(--tb-final-line, #d9dee6);
  border-radius: 8px;
  background: #fff;
  background-image: none;
  padding: 10px 14px;
  box-shadow: none;
}

.toolbox-body :where(.tb-studio-pagehead, .tb-tool-page-head) :where(h1, h2, h3) {
  margin: 0;
  color: #202734;
  font-size: 20px;
  line-height: 1.3;
}

.toolbox-body :where(.tb-studio-pagehead, .tb-tool-page-head) p {
  margin: 3px 0 0;
  color: #5d6775;
  font-size: 12px;
  line-height: 1.5;
}

.toolbox-body :where(.tb-studio-notice, .tb-provider-notice, [data-provider-reason], [data-disabled-reason]) {
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  border: 1px solid #d7dce4;
  border-left: 3px solid #7b8492;
  border-radius: 7px;
  background: #f8f9fb;
  color: #4c5665;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 1.5;
  opacity: 1;
}

.toolbox-body :where(.tb-studio-form, .tb-studio-result, .tb-studio-history, .tb-studio-advanced) {
  min-width: 0;
  max-width: 100%;
  border-color: var(--tb-final-line, #d9dee6);
  border-radius: 8px;
  background: #fff;
  box-shadow: none;
}

.toolbox-body .tb-studio-advanced > summary {
  min-height: 44px;
  padding: 0 12px;
  color: #414b5a;
  cursor: pointer;
}

.toolbox-body .tb-studio-advanced > :not(summary) {
  border-top: 1px solid #e1e5eb;
  padding: 12px;
}

.toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-generate-footer) {
  min-width: 0;
  min-height: 60px;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  background: #fff;
  background-image: none;
  color: #202734;
  padding: 8px 10px;
  box-shadow: none;
}

.toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-generate-footer) > div span,
.toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-generate-footer) > span:first-child {
  color: #5d6775;
}

.toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-generate-footer) > div strong {
  color: #202734;
  font-size: 14px;
}

.toolbox-body :where(.tb-studio-status, .tb-status) {
  min-width: 0;
  min-height: 40px;
  overflow-wrap: anywhere;
}

.toolbox-body :where(.tb-studio-status, .tb-status):empty {
  display: block;
  visibility: hidden;
  border: 1px solid transparent;
  padding: 0;
}

.toolbox-body :where(.tb-studio-result, .tb-tool-result, .tb-result-panel, .tb-result-box, .tb-aicopy-result) {
  min-width: 0;
  min-height: 160px;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.toolbox-body :where(.tb-empty, .tb-tool-empty-state, .tb-result-state, .tb-image-result-empty, .tb-template-empty, .tb-gallery-empty, [data-empty-state]) {
  min-height: 144px;
  border: 1px dashed #bfc7d2;
  border-radius: 8px;
  background: #f8f9fb;
  color: #505a69;
  padding: 18px;
  box-shadow: none;
  opacity: 1;
  overflow-wrap: anywhere;
}

.toolbox-body :where(.tb-upload-drop, .tb-upload-box, .tb-ref-uploader) {
  min-width: 0;
  min-height: 132px;
  border: 1px dashed #aeb7c4;
  border-radius: 8px;
  background: #f8f9fb;
  box-shadow: none;
}

.toolbox-body .tb-upload-preview-list {
  min-width: 0;
  grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));
  gap: 8px;
}

.toolbox-body .tb-upload-preview-item {
  min-width: 0;
  border-radius: 8px;
  box-shadow: none;
}

.toolbox-body .tb-upload-preview-item :where(img, video, .tb-upload-file-placeholder) {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.toolbox-body :where(img, video, canvas) {
  max-width: 100%;
}

/* Searchable hubs: compact header, real workspace controls, and primary replicate task. */
.toolbox-body .tb-tool-hub {
  min-height: 0;
  padding: 0;
  background: transparent;
}

.toolbox-body .tb-tool-hub > header,
.toolbox-body .tb-tool-hub > .tb-tool-hub-head {
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  background: #fff;
  background-image: none;
  padding: 12px 14px;
  box-shadow: none;
}

.toolbox-body .tb-tool-hub > header h2 {
  margin: 0;
  color: #202734;
  font-size: 20px;
}

.toolbox-body .tb-tool-hub > header p {
  margin: 3px 0 0;
  color: #5d6775;
  font-size: 12px;
}

.toolbox-body .tb-tool-hub > header > span {
  flex: 0 0 auto;
  color: #5d6775;
  font-size: 12px;
}

.toolbox-body .tb-tool-hub-toolbar {
  min-height: 56px;
  margin-top: 10px;
  padding: 5px 7px;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  background: #fff;
  box-shadow: none;
}

.toolbox-body .tb-tool-hub-toolbar > label,
.toolbox-body .tb-tool-hub-toolbar nav button {
  min-height: 44px;
}

.toolbox-body .tb-tool-hub-toolbar nav button.active {
  border-color: #d8d3f2;
  background: #f1efff;
  color: #4034a2;
}

.toolbox-body .tb-tool-hub-grid {
  gap: 8px;
  margin-top: 10px;
}

.toolbox-body .tb-tool-hub-grid > a {
  min-height: 112px;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  box-shadow: none;
  transform: none;
}

.toolbox-body .tb-tool-hub-grid > a:hover {
  border-color: #aeb7c4;
  box-shadow: 0 3px 10px rgba(30, 39, 54, .07);
  transform: none;
}

.toolbox-body .tb-tool-hub-grid > a :where(strong, p, small, em) {
  opacity: 1;
}

.toolbox-body .tb-tool-hub-grid:has(> a[href="/console/replicate"]) > a[href="/console/replicate"] {
  grid-column: span 2;
  min-height: 136px;
  border-color: #cfc8ef;
  background: #f8f7ff;
  box-shadow: inset 4px 0 0 var(--tb-final-purple, #5b4fc4);
}

.toolbox-body .tb-tool-hub-grid:has(> a[href="/console/replicate"]) > a[href="/console/replicate"] > span {
  background: var(--tb-final-purple, #5b4fc4);
  color: #fff;
}

.toolbox-body .tb-tool-hub-grid:has(> a[href="/console/replicate"]) > a[href="/console/replicate"] strong {
  font-size: 16px;
}

/* Replicate: title, modes, and active form first; no cost hero or help rail. */
.toolbox-body .tb-aicopy-hero {
  min-height: 0;
  display: block;
  margin: 0 auto 8px;
  border: 0;
  border-bottom: 1px solid #d9dee6;
  border-radius: 0;
  background: transparent;
  background-image: none;
  padding: 0 0 10px;
  box-shadow: none;
}

.toolbox-body .tb-aicopy-hero h2 {
  margin: 0;
  color: #202734;
  font-size: 20px;
}

.toolbox-body .tb-aicopy-hero p {
  max-width: 780px;
  margin: 3px 0 0;
  color: #5d6775;
  font-size: 12px;
  line-height: 1.5;
}

.toolbox-body .tb-aicopy-steps,
.toolbox-body .tb-aicopy-cost,
.toolbox-body .tb-aicopy-tip,
.toolbox-body .tb-aicopy-side {
  display: none !important;
}

.toolbox-body .tb-aicopy-workspace {
  width: 100%;
  max-width: 1200px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  margin: 0 auto;
}

.toolbox-body .tb-aicopy-form,
.toolbox-body .tb-aicopy-result {
  grid-column: 1;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  background: #fff;
  padding: 14px;
  box-shadow: none;
}

.toolbox-body .tb-aicopy-form-head {
  min-height: 44px;
  align-items: center;
  margin-bottom: 8px;
}

.toolbox-body .tb-aicopy-form-head strong {
  font-size: 16px;
}

.toolbox-body .tb-aicopy-form-head a {
  min-height: 44px;
  border: 1px solid #d9dee6;
  border-radius: 7px;
  background: #fff;
  color: #4e5867;
}

.toolbox-body .tb-replicate-mode-shell .tb-aicopy-modes {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin-bottom: 10px;
}

.toolbox-body .tb-replicate-mode-tab {
  min-height: 58px;
  border-radius: 7px;
  padding: 7px 9px;
}

.toolbox-body .tb-replicate-mode-tab.active {
  border-color: #bfb6ea;
  background: #f1efff;
  box-shadow: none;
}

.toolbox-body .tb-replicate-mode-tab b {
  font-size: 13px;
}

.toolbox-body .tb-replicate-mode-tab span {
  color: #5d6775;
  font-size: 11px;
}

.toolbox-body .tb-aicopy-link-panel,
.toolbox-body .tb-replicate-search-intro,
.toolbox-body .tb-replicate-provider,
.toolbox-body .tb-replicate-state,
.toolbox-body .tb-replicate-batch-item {
  border-radius: 8px;
  background: #fff;
  box-shadow: none;
}

.toolbox-body .tb-aicopy-link-panel {
  border-color: #d9dee6;
  padding: 12px;
}

.toolbox-body .tb-aicopy-link-panel > label {
  color: #303947;
}

.toolbox-body .tb-aicopy-upload-panel {
  grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr);
  gap: 10px;
}

.toolbox-body .tb-aicopy-upload-main .tb-ref-uploader {
  min-height: 220px;
}

.toolbox-body .tb-replicate-search-gallery {
  min-height: 160px;
}

.toolbox-body .tb-replicate-search-card > span,
.toolbox-body .tb-replicate-search-thumb,
.toolbox-body .tb-replicate-batch-row output,
.toolbox-body .tb-replicate-batch-row [data-replicate-batch-remove] {
  border-radius: 8px;
}

/* Downloader: direct full-width operational form before supporting detail. */
.toolbox-body .tb-media-downloader {
  width: 100%;
  max-width: 1200px;
  display: grid;
  gap: 10px;
  margin: 0 auto;
}

.toolbox-body .tb-media-downloader-head {
  order: 1;
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 0;
  border-bottom: 1px solid #d9dee6;
  border-radius: 0;
  background: transparent;
  background-image: none;
  padding: 0 0 10px;
  box-shadow: none;
}

.toolbox-body .tb-media-downloader-head h2 {
  margin: 0;
  color: #202734;
  font-size: 20px;
}

.toolbox-body .tb-media-downloader-head p {
  margin: 3px 0 0;
  color: #5d6775;
}

.toolbox-body .tb-media-downloader-head > div > span,
.toolbox-body .tb-media-downloader-head > strong {
  color: #276044;
  font-size: 12px;
}

.toolbox-body .tb-media-download-form {
  order: 2;
  margin: 0;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  background: #fff;
  padding: 14px;
}

.toolbox-body .tb-media-download-form textarea {
  min-height: 148px;
  background: #fff;
}

.toolbox-body .tb-media-download-actions {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}

.toolbox-body .tb-media-download-actions .tb-status {
  flex: 1 1 240px;
}

.toolbox-body .tb-media-platforms {
  order: 3;
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding: 0 0 2px;
}

.toolbox-body .tb-media-platforms span {
  min-height: 36px;
  flex: 0 0 auto;
  border-radius: 7px;
  box-shadow: none;
}

.toolbox-body .tb-media-download-boundary {
  order: 4;
  min-height: 44px;
  margin: 0;
  border: 1px solid #cfded5;
  border-left: 3px solid #347453;
  border-radius: 7px;
  background: #f4f8f5;
  color: #3f5749;
}

.toolbox-body .tb-media-download-result {
  order: 5;
  min-height: 160px;
  display: block;
  border: 1px dashed #bfc7d2;
  border-radius: 8px;
  background: #f8f9fb;
  padding: 10px;
}

.toolbox-body .tb-media-download-result:empty {
  display: block;
}

.toolbox-body .tb-media-download-result:not(:empty) {
  border-style: solid;
  background: #fff;
}

.toolbox-body .tb-media-download-grid {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 8px;
}

.toolbox-body .tb-media-download-card {
  min-width: 0;
  border-radius: 8px;
  box-shadow: none;
}

.toolbox-body .tb-media-download-preview {
  aspect-ratio: 4 / 3;
  min-height: 0;
  border-radius: 7px 7px 0 0;
}

/* Real-source discovery, detail panel, templates, and visual examples. */
.toolbox-body .tb-discover-workbench {
  min-width: 0;
}

.toolbox-body .tb-discover-count {
  min-height: 44px;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  background: #fff;
  color: #4e5867;
}

.toolbox-body .tb-discover-cards {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.toolbox-body .tb-discover-card {
  min-width: 0;
  grid-template-columns: 136px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  background: #fff;
  padding: 10px;
  box-shadow: none;
}

.toolbox-body .tb-discover-thumb {
  min-height: 168px;
  overflow: hidden;
  border: 1px solid #dfe3e9;
  border-radius: 7px;
  background: #eef1f4;
}

.toolbox-body .tb-discover-thumb img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
}

.toolbox-body .tb-discover-thumb b {
  color: #4f5a69;
  font-size: 13px;
}

.toolbox-body :where(.tb-discover-meta, .tb-discover-stats) span {
  border: 1px solid #dfe3e9;
  border-radius: 6px;
  background: #f7f8fa;
  color: #46515f;
  opacity: 1;
}

.toolbox-body .tb-discover-stats.curated span {
  color: #4f5a69;
}

.toolbox-body :where(.tb-discover-detail, .tb-discover-detail-panel, .tb-discover-drawer, [data-discover-detail]) {
  min-width: 0;
  max-width: 100%;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  background: #fff;
  padding: 14px;
  box-shadow: none;
}

.toolbox-body :where(.tb-discover-detail, .tb-discover-detail-panel, .tb-discover-drawer, [data-discover-detail]) :where(img, video) {
  width: 100%;
  max-height: 520px;
  object-fit: contain;
  border-radius: 7px;
  background: #eef1f4;
}

.toolbox-body :where(.tb-discover-load-more, [data-discover-load-more], .tb-gallery-load-more) {
  min-width: 144px;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 12px auto 0;
}

.toolbox-body :where(.tb-template-gallery, .tb-example-gallery, .tb-grid-template-gallery, .tb-ecom-example-row, .tb-ecom-pro-cases:not([hidden]), [data-template-gallery], [data-example-gallery]) {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 8px;
}

.toolbox-body :where(.tb-template-gallery, .tb-example-gallery, .tb-grid-template-gallery, .tb-ecom-example-row, .tb-ecom-pro-cases, [data-template-gallery], [data-example-gallery]) > :where(article, label, button, a) {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #cfd5de;
  border-radius: 8px;
  background: #fff;
  color: #202734;
  box-shadow: none;
  opacity: 1;
}

.toolbox-body :where(.tb-template-gallery, .tb-example-gallery, .tb-grid-template-gallery, .tb-ecom-example-row, .tb-ecom-pro-cases, [data-template-gallery], [data-example-gallery]) img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  background: #e8ebef;
}

.toolbox-body :where(.tb-example-source, .tb-template-source, .tb-license-meta, [data-source-meta], [data-license-meta]) {
  color: #4d5867;
  font-size: 11px;
  line-height: 1.45;
  opacity: 1;
  overflow-wrap: anywhere;
}

/* Product, white-background, and model-wear workflows stay operational and white. */
.toolbox-body :where(.tb-ecom-designer, .tb-ecommerce-pro-classic, .tb-product-set-studio, .tb-batch-main-studio, .tb-ecom-chat-studio, .tb-wear-page, .tb-product-workflow, .tb-white-background-studio) {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  background: #fff;
  background-image: none;
  box-shadow: none;
}

.toolbox-body :where(.tb-ecom-designer, .tb-ecommerce-pro-classic, .tb-product-set-studio, .tb-batch-main-studio, .tb-ecom-chat-studio, .tb-wear-page, .tb-product-workflow, .tb-white-background-studio) :where(form, aside, section) {
  box-shadow: none;
}

.toolbox-body .tb-ecom-promo {
  border: 1px solid #d9dee6;
  border-radius: 8px;
  background: #f8f9fb;
  background-image: none;
  box-shadow: none;
}

.toolbox-body .tb-ecom-promo :where(strong, p, a, em) {
  color: #36404e;
  opacity: 1;
}

.toolbox-body :where(.tb-ecom-product-panel, .tb-ecom-textarea, .tb-ecom-style-box, .tb-ecom-settings, .tb-ecom-examples, .tb-ecommerce-pro-layout > form, .tb-ecommerce-pro-layout > aside) {
  border-color: #d9dee6;
  border-radius: 8px;
  background: #fff;
  box-shadow: none;
}

.toolbox-body .tb-ecom-submit-bar {
  border: 1px solid #d9dee6;
  border-radius: 8px;
  background: #fff;
  color: #202734;
  box-shadow: none;
}

.toolbox-body .tb-ecom-submit-bar :where(strong, span, label) {
  color: #46515f;
}

.toolbox-body .tb-wear-page {
  min-height: 0;
  padding: 14px;
}

.toolbox-body .tb-wear-head {
  max-width: 1200px;
  margin: 0 auto 10px;
}

.toolbox-body .tb-wear-head h3 {
  margin: 0;
  font-size: 20px;
}

.toolbox-body .tb-wear-head p {
  margin-top: 3px;
  color: #5d6775;
  font-size: 12px;
}

.toolbox-body .tb-wear-tabs {
  min-height: 52px;
  max-width: 1200px;
  margin: 0 auto 10px;
  align-items: center;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  padding: 4px;
  box-shadow: none;
}

.toolbox-body .tb-wear-tabs :where(button, a) {
  min-height: 44px;
  border-radius: 6px;
}

.toolbox-body .tb-wear-tabs button.active {
  background: #f1efff;
  background-image: none;
  color: #4034a2;
  box-shadow: none;
}

.toolbox-body .tb-wear-layout {
  max-width: 1200px;
  grid-template-columns: minmax(420px, .85fr) minmax(480px, 1.15fr);
  gap: 10px;
}

.toolbox-body :where(.tb-wear-form, .tb-wear-demo, .tb-wear-upload, .tb-wear-showcase, .tb-wear-reference-frame) {
  border-radius: 8px;
  background: #fff;
  box-shadow: none;
}

.toolbox-body .tb-wear-form,
.toolbox-body .tb-wear-demo {
  border: 1px solid #d9dee6;
}

.toolbox-body .tb-wear-form {
  max-height: none;
  overflow: visible;
}

.toolbox-body :where(.tb-wear-options, .tb-wear-option-groups, [data-wear-options]) {
  display: grid;
  gap: 10px;
}

.toolbox-body :where(.tb-wear-option-group, [data-wear-option-group]) {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 6px;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  background: #fff;
  padding: 8px;
}

.toolbox-body :where(.tb-wear-option-group, [data-wear-option-group]) label {
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #d9dee6;
  border-radius: 7px;
  background: #fff;
  color: #404a59;
  padding: 7px 9px;
}

.toolbox-body :where(.tb-wear-option-group, [data-wear-option-group]) label:has(input:checked) {
  border-color: #bfb6ea;
  background: #f1efff;
  color: #4034a2;
}

.toolbox-body :where(.tb-wear-option-group, [data-wear-option-group]) label:has(input:disabled) {
  border-color: #dfe3e9;
  background: #f2f3f5;
  color: #66717f;
  opacity: 1;
}

/* Posts selection and confirmation surfaces. */
.toolbox-body :where(.tb-posts-toolbar, .tb-post-selection-toolbar, [data-posts-toolbar]) {
  min-width: 0;
  min-height: 56px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  background: #fff;
  padding: 6px 8px;
}

.toolbox-body :where(.tb-posts-toolbar, .tb-post-selection-toolbar, [data-posts-toolbar]) :where(label, button, a) {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.toolbox-body :where(.tb-posts-toolbar, .tb-post-selection-toolbar, [data-posts-toolbar]) :where(.tb-selection-count, output) {
  margin-left: auto;
  color: #4f5a69;
}

.toolbox-body .tb-post-card {
  min-width: 0;
  border-radius: 8px;
  box-shadow: none;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-post-card :where([data-post-select], .tb-post-select) {
  width: 44px;
  min-width: 44px;
  height: 44px;
  display: inline-grid;
  place-items: center;
}

.toolbox-body .tb-post-card.is-selected,
.toolbox-body .tb-post-card:has([data-post-select]:checked) {
  border-color: #bfb6ea;
  box-shadow: inset 0 0 0 1px #bfb6ea;
}

.toolbox-body :where(.tb-confirm-backdrop, [data-confirm-backdrop]) {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: grid;
  place-items: center;
  background: rgba(20, 27, 39, .48);
  padding: 16px;
}

.toolbox-body :where(.tb-confirm-modal, [data-confirm-modal]) {
  width: min(440px, 100%);
  max-height: min(640px, calc(100vh - 32px));
  overflow: auto;
  border: 1px solid #cfd5de;
  border-radius: 8px;
  background: #fff;
  color: #202734;
  padding: 16px;
  box-shadow: 0 18px 48px rgba(20, 27, 39, .22);
}

.toolbox-body :where(.tb-confirm-modal, [data-confirm-modal]) :where(h2, h3) {
  margin: 0;
  font-size: 18px;
}

.toolbox-body :where(.tb-confirm-modal, [data-confirm-modal]) .danger {
  border-color: #a82d3a;
  background: #a82d3a;
  color: #fff;
}

.toolbox-body :where(.tb-confirm-backdrop, [data-confirm-backdrop], .tb-confirm-modal, [data-confirm-modal])[hidden] {
  display: none !important;
}

/* Publish: compact queue first, platform segments, and one mobile publish action. */
.toolbox-body .tb-publish-assistant-hero {
  min-height: 0;
  align-items: flex-start;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  background: #fff;
  background-image: none;
  padding: 12px 14px;
  box-shadow: none;
  text-align: left;
}

.toolbox-body .tb-publish-assistant-hero h2 {
  margin: 0;
  font-size: 20px;
}

.toolbox-body .tb-publish-assistant-hero p {
  margin: 3px 0 0;
  color: #5d6775;
}

.toolbox-body .tb-publish-assistant-hero > span,
.toolbox-body .tb-publish-assistant-hero > div,
.toolbox-body .tb-publish-assistant-hero > .tb-btn,
.toolbox-body .tb-publish-tutorial,
.toolbox-body .tb-publish-showcase {
  display: none;
}

.toolbox-body .tb-publish-queue {
  margin-top: 10px;
  border-radius: 8px;
  padding: 12px;
  box-shadow: none;
}

.toolbox-body :where(.tb-publish-platforms, .tb-platform-segmented, [data-publish-platforms]) {
  min-width: 0;
  min-height: 52px;
  display: flex;
  align-items: center;
  gap: 4px;
  overflow-x: auto;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  background: #f4f5f7;
  padding: 4px;
}

.toolbox-body :where(.tb-publish-platforms, .tb-platform-segmented, [data-publish-platforms]) label {
  min-height: 44px;
  flex: 1 0 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: #4e5867;
  padding: 0 10px;
}

.toolbox-body :where(.tb-publish-platforms, .tb-platform-segmented, [data-publish-platforms]) label:has(input:checked) {
  border-color: #d8d3f2;
  background: #fff;
  color: #4034a2;
}

.toolbox-body .tb-publish-card {
  border-radius: 8px;
  padding: 12px;
  box-shadow: none;
}

.toolbox-body .tb-publish-card .tb-publish-qr {
  border: 0;
  border-left: 1px solid #e1e5eb;
  border-radius: 0;
  background: #fff;
  padding: 8px 12px;
}

.toolbox-body .tb-phone-package {
  width: min(620px, 100%);
}

.toolbox-body .tb-phone-package :where(.tb-publish-primary-action, [data-publish-primary]) {
  width: 100%;
  min-height: 44px;
}

.toolbox-body .tb-phone-package .tb-form-actions .tb-btn.primary:not(.tb-publish-primary-action):not([data-publish-primary]) {
  border-color: #cbd2dc !important;
  background: #fff !important;
  color: #36404e !important;
}

/* Matching admin rules, provider state, authorized records, and audit controls. */
.toolbox-body .tb-admin-rule-grid,
.toolbox-body :where(.tb-admin-template-grid, .tb-admin-example-grid, .tb-admin-audit-grid, [data-admin-template-grid], [data-admin-example-grid], [data-admin-audit-grid]) {
  gap: 8px;
}

.toolbox-body .tb-admin-rule-card,
.toolbox-body :where(.tb-admin-template-card, .tb-admin-example-card, .tb-admin-audit-card, .tb-admin-provider-card, [data-admin-template-card], [data-admin-example-card], [data-admin-audit-card]) {
  min-width: 0;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  box-shadow: none;
  opacity: 1;
}

.toolbox-body .tb-admin-rule-fields {
  gap: 8px;
}

.toolbox-body .tb-admin-rule-fields :where(input, select, textarea),
.toolbox-body :where(.tb-admin-template-card, .tb-admin-example-card, .tb-admin-audit-card, .tb-admin-provider-card, [data-admin-template-card], [data-admin-example-card], [data-admin-audit-card]) :where(input, select, textarea, button, .tb-btn) {
  min-height: 44px;
  border-radius: 7px;
}

.toolbox-body :where(.tb-admin-template-manager, .tb-admin-example-manager, .tb-admin-output-audit, .tb-admin-provider-state, [data-admin-template-manager], [data-admin-example-manager], [data-admin-output-audit]) {
  min-width: 0;
  max-width: 100%;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  background: #fff;
  padding: 12px;
}

.toolbox-body :where(.tb-admin-template-manager, .tb-admin-example-manager, .tb-admin-output-audit, .tb-admin-provider-state, [data-admin-template-manager], [data-admin-example-manager], [data-admin-output-audit]) .tb-table-wrap {
  max-width: 100%;
  overflow-x: auto;
}

.toolbox-body :where(.tb-status-card, .tb-provider-status-card) {
  border: 1px solid #d9dee6;
  border-radius: 8px;
  background: #fff;
  color: #35404e;
  box-shadow: none;
  opacity: 1;
}

/* Explicit desktop collapse states. */
.toolbox-body .tb-app[data-app-shell].is-sidebar-collapsed,
.toolbox-body .tb-app[data-app-shell].sidebar-collapsed,
.toolbox-body .tb-app[data-app-shell][data-sidebar-collapsed="true"],
.toolbox-body .tb-app[data-app-shell]:has([data-sidebar-collapse][aria-expanded="false"]),
.toolbox-body [data-toolbox-shell].is-sidebar-collapsed,
.toolbox-body [data-toolbox-shell][data-sidebar-collapsed="true"],
.toolbox-body.tb-sidebar-collapsed .tb-app[data-app-shell],
.toolbox-body.sidebar-collapsed .tb-app[data-app-shell],
.toolbox-body.is-sidebar-collapsed .tb-app[data-app-shell],
.toolbox-body .tb-app[data-app-shell]:has(> [data-sidebar].is-collapsed) {
  --tb-final-sidebar: 68px;
}

.toolbox-body :is(.tb-app[data-app-shell].is-sidebar-collapsed, .tb-app[data-app-shell].sidebar-collapsed, .tb-app[data-app-shell][data-sidebar-collapsed="true"], .tb-app[data-app-shell]:has([data-sidebar-collapse][aria-expanded="false"]), [data-toolbox-shell].is-sidebar-collapsed, [data-toolbox-shell][data-sidebar-collapsed="true"]) .tb-sidebar-head,
.toolbox-body.tb-sidebar-collapsed .tb-app[data-app-shell] .tb-sidebar-head,
.toolbox-body.sidebar-collapsed .tb-app[data-app-shell] .tb-sidebar-head,
.toolbox-body.is-sidebar-collapsed .tb-app[data-app-shell] .tb-sidebar-head,
.toolbox-body .tb-app[data-app-shell]:has(> [data-sidebar].is-collapsed) .tb-sidebar-head {
  grid-template-columns: 1fr;
  justify-items: center;
}

.toolbox-body :is(.tb-app[data-app-shell].is-sidebar-collapsed, .tb-app[data-app-shell].sidebar-collapsed, .tb-app[data-app-shell][data-sidebar-collapsed="true"], .tb-app[data-app-shell]:has([data-sidebar-collapse][aria-expanded="false"]), [data-toolbox-shell].is-sidebar-collapsed, [data-toolbox-shell][data-sidebar-collapsed="true"]) :where(.tb-brand-text, .tb-side-hubs > strong, .tb-side-hubs > a span, .tb-side-hubs > a small, .tb-side-pill span, .tb-side-pill em, .tb-sidebar-profile > div, .tb-sidebar-profile > em),
.toolbox-body.tb-sidebar-collapsed .tb-app[data-app-shell] :where(.tb-brand-text, .tb-side-hubs > strong, .tb-side-hubs > a span, .tb-side-hubs > a small, .tb-side-pill span, .tb-side-pill em, .tb-sidebar-profile > div, .tb-sidebar-profile > em),
.toolbox-body.sidebar-collapsed .tb-app[data-app-shell] :where(.tb-brand-text, .tb-side-hubs > strong, .tb-side-hubs > a span, .tb-side-hubs > a small, .tb-side-pill span, .tb-side-pill em, .tb-sidebar-profile > div, .tb-sidebar-profile > em),
.toolbox-body.is-sidebar-collapsed .tb-app[data-app-shell] :where(.tb-brand-text, .tb-side-hubs > strong, .tb-side-hubs > a span, .tb-side-hubs > a small, .tb-side-pill span, .tb-side-pill em, .tb-sidebar-profile > div, .tb-sidebar-profile > em),
.toolbox-body .tb-app[data-app-shell]:has(> [data-sidebar].is-collapsed) :where(.tb-brand-text, .tb-side-hubs > strong, .tb-side-hubs > a span, .tb-side-hubs > a small, .tb-side-pill span, .tb-side-pill em, .tb-sidebar-profile > div, .tb-sidebar-profile > em) {
  display: none;
}

.toolbox-body :is(.tb-app[data-app-shell].is-sidebar-collapsed, .tb-app[data-app-shell].sidebar-collapsed, .tb-app[data-app-shell][data-sidebar-collapsed="true"], .tb-app[data-app-shell]:has([data-sidebar-collapse][aria-expanded="false"]), [data-toolbox-shell].is-sidebar-collapsed, [data-toolbox-shell][data-sidebar-collapsed="true"]) :where(.tb-side-hubs > a, .tb-side-pill, .tb-sidebar-profile),
.toolbox-body.tb-sidebar-collapsed .tb-app[data-app-shell] :where(.tb-side-hubs > a, .tb-side-pill, .tb-sidebar-profile),
.toolbox-body.sidebar-collapsed .tb-app[data-app-shell] :where(.tb-side-hubs > a, .tb-side-pill, .tb-sidebar-profile),
.toolbox-body.is-sidebar-collapsed .tb-app[data-app-shell] :where(.tb-side-hubs > a, .tb-side-pill, .tb-sidebar-profile),
.toolbox-body .tb-app[data-app-shell]:has(> [data-sidebar].is-collapsed) :where(.tb-side-hubs > a, .tb-side-pill, .tb-sidebar-profile) {
  grid-template-columns: 1fr;
  justify-items: center;
  padding-right: 0;
  padding-left: 0;
}

@media (min-width: 769px) and (max-width: 1099px) {
  .toolbox-body .tb-app[data-app-shell],
  .toolbox-body [data-toolbox-shell] {
    --tb-final-sidebar: 68px;
    --tb-final-gutter: 16px;
  }

  .toolbox-body .tb-app[data-app-shell] .tb-sidebar-head,
  .toolbox-body [data-toolbox-shell] .tb-sidebar-head {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .toolbox-body .tb-app[data-app-shell] :where(.tb-brand-text, .tb-side-hubs > strong, .tb-side-hubs > a span, .tb-side-hubs > a small, .tb-side-pill span, .tb-side-pill em, .tb-sidebar-profile > div, .tb-sidebar-profile > em),
  .toolbox-body [data-toolbox-shell] :where(.tb-brand-text, .tb-side-hubs > strong, .tb-side-hubs > a span, .tb-side-hubs > a small, .tb-side-pill span, .tb-side-pill em, .tb-sidebar-profile > div, .tb-sidebar-profile > em) {
    display: none;
  }

  .toolbox-body .tb-app[data-app-shell] :where(.tb-side-hubs > a, .tb-side-pill, .tb-sidebar-profile),
  .toolbox-body [data-toolbox-shell] :where(.tb-side-hubs > a, .tb-side-pill, .tb-sidebar-profile) {
    grid-template-columns: 1fr;
    justify-items: center;
    padding-right: 0;
    padding-left: 0;
  }

  .toolbox-body .tb-app[data-app-shell].is-sidebar-expanded,
  .toolbox-body .tb-app[data-app-shell][data-sidebar-expanded="true"],
  .toolbox-body [data-toolbox-shell].is-sidebar-expanded,
  .toolbox-body [data-toolbox-shell][data-sidebar-expanded="true"] {
    --tb-final-sidebar: 224px;
  }

  .toolbox-body :is(.tb-app[data-app-shell].is-sidebar-expanded, .tb-app[data-app-shell][data-sidebar-expanded="true"], [data-toolbox-shell].is-sidebar-expanded, [data-toolbox-shell][data-sidebar-expanded="true"]) .tb-sidebar-head {
    grid-template-columns: minmax(0, 1fr) 44px;
    justify-items: stretch;
  }

  .toolbox-body :is(.tb-app[data-app-shell].is-sidebar-expanded, .tb-app[data-app-shell][data-sidebar-expanded="true"], [data-toolbox-shell].is-sidebar-expanded, [data-toolbox-shell][data-sidebar-expanded="true"]) :where(.tb-brand-text, .tb-side-hubs > strong, .tb-side-hubs > a span, .tb-side-hubs > a small, .tb-side-pill span, .tb-side-pill em, .tb-sidebar-profile > div, .tb-sidebar-profile > em) {
    display: initial;
  }

  .toolbox-body :is(.tb-app[data-app-shell].is-sidebar-expanded, .tb-app[data-app-shell][data-sidebar-expanded="true"], [data-toolbox-shell].is-sidebar-expanded, [data-toolbox-shell][data-sidebar-expanded="true"]) :where(.tb-side-hubs > a, .tb-side-pill, .tb-sidebar-profile) {
    grid-template-columns: 24px minmax(0, 1fr) auto;
    justify-items: stretch;
    padding-right: 9px;
    padding-left: 9px;
  }

  .toolbox-body .tb-wear-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1024px) {
  .toolbox-body .tb-tool-hub-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .toolbox-body .tb-discover-cards,
  .toolbox-body .tb-wear-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .toolbox-body .tb-app[data-app-shell],
  .toolbox-body [data-toolbox-shell] {
    --tb-final-gutter: 12px;
    display: block;
    min-height: 100vh;
    padding: 0;
  }

  .toolbox-body .tb-mobile-topbar {
    position: sticky;
    top: 0;
    z-index: 70;
    width: 100%;
    height: 56px;
    min-height: 56px;
    display: grid;
    grid-template-columns: 44px 40px minmax(0, 1fr) 44px;
    align-items: center;
    gap: 4px;
    border-bottom: 1px solid #d9dee6;
    background: #fff;
    padding: 0 8px;
    box-shadow: 0 2px 8px rgba(28, 36, 50, .06);
  }

  .toolbox-body .tb-mobile-topbar :where(button, a) {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px !important;
    display: inline-grid;
    place-items: center;
    border: 0;
    border-radius: 7px;
    background: #fff;
    color: #343d4b;
    padding: 0;
    text-decoration: none;
  }

  .toolbox-body .tb-mobile-topbar .tb-mobile-brand {
    width: 40px;
  }

  .toolbox-body .tb-mobile-topbar .tb-brand-mark {
    width: 36px;
    height: 36px;
  }

  .toolbox-body .tb-mobile-topbar > strong {
    min-width: 0;
    overflow: hidden;
    color: #202734;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .toolbox-body .tb-app[data-app-shell] > .tb-sidebar,
  .toolbox-body .tb-app[data-app-shell] > [data-sidebar],
  .toolbox-body [data-toolbox-shell] > .tb-sidebar,
  .toolbox-body [data-toolbox-shell] > [data-sidebar] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 90;
    width: min(320px, calc(100vw - 48px));
    height: 100dvh;
    max-height: 100dvh;
    display: flex;
    padding: 10px;
    overflow: hidden auto;
    border-right: 1px solid #cfd5de;
    border-bottom: 0;
    background: #fff;
    box-shadow: 12px 0 28px rgba(20, 27, 39, .16);
    transform: translateX(calc(-100% - 8px));
    visibility: hidden;
    transition: transform .18s ease, visibility 0s linear .18s;
  }

  .toolbox-body .tb-sidebar-head {
    grid-template-columns: minmax(0, 1fr) 44px;
  }

  .toolbox-body .tb-sidebar-head [data-sidebar-collapse] {
    display: none;
  }

  .toolbox-body .tb-sidebar-head [data-sidebar-close] {
    display: inline-grid;
  }

  .toolbox-body .tb-app[data-app-shell] .tb-side-nav,
  .toolbox-body [data-toolbox-shell] .tb-side-nav {
    display: block;
    overflow: visible;
    padding: 0;
  }

  .toolbox-body .tb-app[data-app-shell] .tb-side-hubs,
  .toolbox-body [data-toolbox-shell] .tb-side-hubs {
    grid-template-columns: 1fr;
  }

  .toolbox-body .tb-app[data-app-shell] .tb-side-hubs > a,
  .toolbox-body [data-toolbox-shell] .tb-side-hubs > a {
    min-height: 44px;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    padding: 0 9px;
  }

  .toolbox-body .tb-app[data-app-shell] :where(.tb-side-primary, .tb-sidebar-foot),
  .toolbox-body [data-toolbox-shell] :where(.tb-side-primary, .tb-sidebar-foot) {
    display: none;
  }

  .toolbox-body .tb-sidebar-backdrop:not([hidden]),
  .toolbox-body [data-sidebar-backdrop]:not([hidden]) {
    position: fixed;
    inset: 0;
    z-index: 80;
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    border-radius: 0;
    background: rgba(20, 27, 39, .46);
    padding: 0;
  }

  .toolbox-body :is(.tb-app[data-app-shell].is-sidebar-open, .tb-app[data-app-shell].sidebar-open, .tb-app[data-app-shell].drawer-open, .tb-app[data-app-shell][data-sidebar-open="true"], .tb-app[data-app-shell][data-drawer-open="true"], .tb-app[data-app-shell]:has([data-sidebar-open][aria-expanded="true"]), .tb-app[data-app-shell]:has(> [data-sidebar].is-open), [data-toolbox-shell].is-sidebar-open, [data-toolbox-shell][data-sidebar-open="true"]) > .tb-sidebar,
  .toolbox-body.tb-sidebar-open .tb-app[data-app-shell] > .tb-sidebar,
  .toolbox-body.tb-drawer-open .tb-app[data-app-shell] > .tb-sidebar,
  .toolbox-body.sidebar-open .tb-app[data-app-shell] > .tb-sidebar,
  .toolbox-body.drawer-open .tb-app[data-app-shell] > .tb-sidebar {
    transform: translateX(0);
    visibility: visible;
    transition-delay: 0s;
  }

  body.toolbox-body.tb-sidebar-open,
  body.toolbox-body.tb-drawer-open,
  body.toolbox-body.sidebar-open,
  body.toolbox-body.is-sidebar-open,
  body.toolbox-body.drawer-open {
    overflow: hidden;
  }

  .toolbox-body .tb-app[data-app-shell] > .tb-main,
  .toolbox-body [data-toolbox-shell] > .tb-main,
  .toolbox-body .tb-app[data-app-shell] .tb-main-tool,
  .toolbox-body [data-toolbox-shell] .tb-main-tool {
    width: 100%;
    padding: 12px;
  }

  .toolbox-body .tb-app[data-app-shell] > .tb-main > .tb-topbar,
  .toolbox-body [data-toolbox-shell] > .tb-main > .tb-topbar {
    display: none;
  }

  .toolbox-body :where(.tb-studio-pagehead, .tb-tool-page-head, .tb-tool-hub > header, .tb-media-downloader-head) {
    min-height: 0;
    align-items: flex-start;
    flex-direction: column;
    padding: 10px 0;
  }

  .toolbox-body :where(.tb-studio-pagehead, .tb-tool-page-head, .tb-tool-hub > header) :where(h1, h2, h3),
  .toolbox-body .tb-media-downloader-head h2 {
    font-size: 18px;
  }

  .toolbox-body :where(.tb-studio-context, .tb-destination-context, .tb-studio-breadcrumb, .tb-destination-breadcrumb, .tb-destination-switch, .tb-sibling-switcher, [data-studio-nav], [data-destination-nav]) {
    margin-bottom: 8px;
  }

  .toolbox-body .tb-tool-hub-toolbar {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .toolbox-body .tb-tool-hub-grid {
    grid-template-columns: 1fr;
  }

  .toolbox-body .tb-tool-hub-grid:has(> a[href="/console/replicate"]) > a[href="/console/replicate"] {
    grid-column: auto;
  }

  .toolbox-body .tb-aicopy-form,
  .toolbox-body .tb-aicopy-result,
  .toolbox-body .tb-media-download-form,
  .toolbox-body .tb-publish-queue,
  .toolbox-body .tb-wear-page {
    padding: 12px;
  }

  .toolbox-body .tb-aicopy-form-head {
    align-items: stretch;
    flex-direction: column;
  }

  .toolbox-body .tb-replicate-mode-shell .tb-aicopy-modes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .toolbox-body .tb-replicate-mode-tab {
    min-height: 64px;
  }

  .toolbox-body .tb-aicopy-link-panel > div,
  .toolbox-body .tb-aicopy-upload-panel,
  .toolbox-body .tb-replicate-search-form > div,
  .toolbox-body .tb-replicate-search-gallery,
  .toolbox-body .tb-replicate-batch-row {
    grid-template-columns: 1fr;
  }

  .toolbox-body .tb-aicopy-link-panel button,
  .toolbox-body .tb-replicate-search-form button,
  .toolbox-body .tb-replicate-search-footer button,
  .toolbox-body .tb-replicate-batch-footer button,
  .toolbox-body .tb-replicate-batch-head button {
    width: 100%;
  }

  .toolbox-body .tb-media-download-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .toolbox-body .tb-media-download-actions :where(button, .tb-btn, .tb-status) {
    width: 100%;
  }

  .toolbox-body .tb-media-download-actions .tb-status {
    flex-basis: auto;
  }

  .toolbox-body .tb-media-download-grid,
  .toolbox-body .tb-discover-cards,
  .toolbox-body .tb-discover-card,
  .toolbox-body :where(.tb-template-gallery, .tb-example-gallery, .tb-grid-template-gallery, .tb-ecom-example-row, .tb-ecom-pro-cases:not([hidden]), [data-template-gallery], [data-example-gallery]),
  .toolbox-body .tb-wear-layout,
  .toolbox-body .tb-admin-rule-grid,
  .toolbox-body :where(.tb-admin-template-grid, .tb-admin-example-grid, .tb-admin-audit-grid, [data-admin-template-grid], [data-admin-example-grid], [data-admin-audit-grid]) {
    grid-template-columns: 1fr;
  }

  .toolbox-body .tb-discover-thumb {
    min-height: 0;
    aspect-ratio: 16 / 9;
  }

  .toolbox-body :where(.tb-discover-detail, .tb-discover-detail-panel, .tb-discover-drawer, [data-discover-detail]) {
    padding: 12px;
  }

  .toolbox-body .tb-ecom-promo {
    align-items: flex-start;
    flex-direction: column;
  }

  .toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-generate-footer, .tb-ecom-submit-bar) {
    align-items: stretch;
    flex-direction: column;
  }

  .toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-generate-footer, .tb-ecom-submit-bar) :where(button, .tb-btn.primary) {
    width: 100%;
    min-width: 0;
  }

  .toolbox-body :where(.tb-posts-toolbar, .tb-post-selection-toolbar, [data-posts-toolbar]) {
    align-items: stretch;
    flex-wrap: wrap;
  }

  .toolbox-body :where(.tb-posts-toolbar, .tb-post-selection-toolbar, [data-posts-toolbar]) :where(.tb-selection-count, output) {
    width: 100%;
    margin-left: 0;
  }

  .toolbox-body .tb-publish-queue > header {
    align-items: stretch;
    flex-direction: column;
  }

  .toolbox-body .tb-publish-card .tb-publish-layout {
    grid-template-columns: 1fr;
  }

  .toolbox-body .tb-publish-card .tb-publish-qr {
    border-top: 1px solid #e1e5eb;
    border-left: 0;
  }

  .toolbox-body .tb-phone-package :where(.tb-publish-primary-action, [data-publish-primary]) {
    position: relative;
    width: 100%;
  }

  .toolbox-body .tb-admin-rule-fields,
  .toolbox-body .tb-admin-rule-fields label.wide {
    grid-template-columns: 1fr;
    grid-column: auto;
  }
}

@media (max-width: 380px) {
  .toolbox-body .tb-app[data-app-shell],
  .toolbox-body [data-toolbox-shell] {
    --tb-final-gutter: 12px;
  }

  .toolbox-body .tb-mobile-topbar {
    padding-right: 6px;
    padding-left: 6px;
  }

  .toolbox-body .tb-replicate-mode-tab {
    padding: 7px;
  }
}

/* 20260715 sourced content, licensed examples and mode-aware wear controls. */
.toolbox-body .tb-discover-author {
  display: block;
  margin-bottom: 7px;
  color: #697382;
  font-size: 12px;
}

.toolbox-body .tb-discover-detail-gallery {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.toolbox-body .tb-discover-detail-gallery > img {
  width: 100%;
  min-height: 0;
  aspect-ratio: 3 / 4;
  display: block;
  object-fit: cover;
  border: 1px solid #dce1e7;
  border-radius: 6px;
  background: #eef1f4;
}

.toolbox-body .tb-discover-detail-gallery > img:only-child {
  grid-column: 1 / -1;
}

.toolbox-body .tb-ecom-example-row > article > img,
.toolbox-body .tb-ecom-pro-cases > article > img {
  width: 100%;
  aspect-ratio: 3 / 4;
  display: block;
  object-fit: cover;
  border-bottom: 1px solid #dfe3e9;
  background: #eef1f4;
}

.toolbox-body .tb-ecom-pro-cases > article > span {
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 8px;
}

.toolbox-body .tb-ecom-pro-cases > article > span :where(strong, small) {
  min-width: 0;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-wear-upload-block.is-optional {
  opacity: .8;
}

.toolbox-body .tb-wear-upload-block.is-optional .tb-wear-upload {
  border-style: dashed;
}

.toolbox-body .tb-admin-source-sync > form,
.toolbox-body .tb-admin-source-filters,
.toolbox-body .tb-admin-source-filters > form {
  min-width: 0;
  display: flex;
  align-items: end;
  gap: 8px;
  flex-wrap: wrap;
}

.toolbox-body .tb-admin-source-sync > form > label {
  min-width: 160px;
  display: grid;
  gap: 5px;
  color: #4d5867;
  font-weight: 700;
}

.toolbox-body .tb-admin-source-sync > form > label:has(input) {
  flex: 1 1 260px;
}

.toolbox-body .tb-admin-source-filters {
  justify-content: space-between;
  margin-bottom: 10px;
}

.toolbox-body .tb-admin-source-grid,
.toolbox-body .tb-admin-template-audit {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.toolbox-body .tb-admin-source-card,
.toolbox-body .tb-admin-template-audit > article {
  min-width: 0;
  overflow: hidden;
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid #d9dee6;
  border-radius: 7px;
  background: #fff;
  padding: 8px;
}

.toolbox-body .tb-admin-source-card > img,
.toolbox-body .tb-admin-source-no-cover,
.toolbox-body .tb-admin-template-audit > article > img {
  width: 112px;
  height: 142px;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
  background: #eef1f4;
  color: #717b89;
}

.toolbox-body .tb-admin-source-card > div,
.toolbox-body .tb-admin-template-audit > article > div {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.toolbox-body .tb-admin-source-card header,
.toolbox-body .tb-admin-source-card footer {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}

.toolbox-body .tb-admin-source-card :where(strong, p, small),
.toolbox-body .tb-admin-template-audit :where(strong, span, small) {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-admin-source-card p {
  display: -webkit-box;
  overflow: hidden;
  color: #606b79;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.toolbox-body .tb-admin-source-card footer {
  margin-top: auto;
}

.toolbox-body .tb-admin-source-card footer > a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}

.toolbox-body .tb-admin-output-audit > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.toolbox-body .tb-admin-output-audit > div > span {
  display: grid;
  gap: 5px;
  border: 1px solid #dce1e7;
  padding: 12px;
}

.toolbox-body .tb-admin-output-audit > div strong {
  color: #a52235;
  font-size: 24px;
}

@media (max-width: 980px) {
  .toolbox-body .tb-admin-source-grid,
  .toolbox-body .tb-admin-template-audit {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .toolbox-body .tb-discover-detail-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .toolbox-body .tb-admin-source-grid,
  .toolbox-body .tb-admin-template-audit {
    grid-template-columns: minmax(0, 1fr);
  }

  .toolbox-body .tb-admin-source-sync > form,
  .toolbox-body .tb-admin-source-filters,
  .toolbox-body .tb-admin-source-filters > form {
    align-items: stretch;
    flex-direction: column;
  }

  .toolbox-body .tb-admin-source-sync > form > label {
    width: 100%;
  }
}

/* 20260715 iteration 2: scoped six-destination production UI refinements. */
.toolbox-body .tb-main-tool:has(.tb-media-downloader) > .tb-destination-context {
  display: none;
}

.toolbox-body .tb-tool-workbench-full:has(.tb-media-downloader),
.toolbox-body .tb-special-tool-panel:has(.tb-media-downloader) {
  margin: 0;
  border: 0;
  background: transparent;
  padding: 0;
  box-shadow: none;
}

.toolbox-body .tb-special-tool-panel:has(.tb-grid-note-studio),
.toolbox-body .tb-special-tool-panel:has(.tb-product-image-studio),
.toolbox-body .tb-special-tool-panel:has(.tb-ecom-designer),
.toolbox-body .tb-special-tool-panel:has(.tb-ecommerce-pro-classic),
.toolbox-body .tb-special-tool-panel:has(.tb-wear-page) {
  border: 0;
  background: transparent;
  padding: 0;
  box-shadow: none;
}

.toolbox-body .tb-tool-workbench:has(.tb-discover-workbench) {
  grid-template-columns: minmax(0, 1fr);
}

.toolbox-body .tb-tool-workbench:has(.tb-discover-workbench) > .tb-tool-form-panel {
  border: 0;
  background: transparent;
  padding: 0;
  box-shadow: none;
}

.toolbox-body .tb-tool-workbench:has(.tb-discover-workbench) > .tb-tool-side-panel {
  display: none;
}

.toolbox-body .tb-media-downloader .tb-studio-notice {
  order: 3;
  margin: 0;
}

.toolbox-body .tb-media-downloader .tb-media-download-form {
  border-left: 3px solid var(--tb-final-primary, #b42336);
}

.toolbox-body .tb-media-downloader .tb-media-download-form > label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 7px;
  color: #283241;
  font-weight: 800;
}

.toolbox-body .tb-media-downloader .tb-media-download-form > label small {
  min-width: 0;
  color: #667180;
  font-weight: 500;
  text-align: right;
  overflow-wrap: anywhere;
}

/* Concrete tools always expose a clear back action and sibling switcher. */
.toolbox-body .tb-main > .tb-destination-context {
  min-height: 52px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  overflow: visible;
  padding: 4px;
}

.toolbox-body .tb-destination-context > .tb-destination-back {
  min-width: 0;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #d6dbe3;
  border-radius: 6px;
  background: #fff;
  color: #323d4c;
  padding: 0 11px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

.toolbox-body .tb-destination-context > .tb-destination-back:hover {
  border-color: #aeb7c4;
  background: #f6f7f9;
}

.toolbox-body .tb-destination-context > .tb-destination-back.current {
  color: #5e6876;
  font-weight: 700;
}

.toolbox-body .tb-destination-context > .tb-destination-crumb {
  min-width: 0;
  overflow: hidden;
  color: #687281;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-destination-context > .tb-destination-switch {
  position: relative;
  min-width: 0;
  min-height: 44px;
  display: block;
  margin: 0;
  overflow: visible;
  border: 0;
  background: transparent;
  padding: 0;
}

.toolbox-body .tb-destination-switch > summary {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d6dbe3;
  border-radius: 6px;
  background: #fff;
  color: #3f4a59;
  padding: 0 32px 0 11px;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
  cursor: pointer;
  list-style: none;
}

.toolbox-body .tb-destination-switch > summary::-webkit-details-marker {
  display: none;
}

.toolbox-body .tb-destination-switch > summary::after {
  content: "";
  position: absolute;
  right: 12px;
  width: 7px;
  height: 7px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
}

.toolbox-body .tb-destination-switch[open] > summary {
  border-color: #bfb6ea;
  background: #f8f7ff;
  color: #4034a2;
}

.toolbox-body .tb-destination-switch[open] > summary::after {
  transform: translateY(2px) rotate(225deg);
}

.toolbox-body .tb-destination-switch > div {
  position: absolute;
  top: calc(100% + 5px);
  right: 0;
  z-index: 60;
  width: min(320px, calc(100vw - 32px));
  max-height: min(420px, calc(100dvh - 120px));
  display: grid;
  gap: 3px;
  overflow-y: auto;
  border: 1px solid #cfd5de;
  border-radius: 8px;
  background: #fff;
  padding: 5px;
  box-shadow: 0 14px 32px rgba(24, 32, 45, .16);
}

.toolbox-body .tb-destination-switch > div > a {
  min-width: 0;
  min-height: 44px;
  justify-content: flex-start;
  overflow-wrap: anywhere;
  white-space: normal;
}

/* Hub hierarchy keeps AI replication as the obvious primary content action. */
.toolbox-body .tb-tool-hub-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.toolbox-body .tb-tool-hub-grid > a {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-content: start;
  align-items: start;
  gap: 2px 10px;
}

.toolbox-body .tb-tool-hub-grid > a > span {
  grid-row: 1 / span 3;
}

.toolbox-body .tb-tool-hub-grid > a > div {
  min-width: 0;
}

.toolbox-body .tb-tool-hub-grid > a strong {
  display: block;
  margin-top: 1px;
  color: #202734;
  font-size: 15px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-tool-hub-grid > a p {
  display: -webkit-box;
  margin: 4px 0 0;
  overflow: hidden;
  color: #5d6775;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.toolbox-body .tb-tool-hub-grid > a > em {
  max-width: 76px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-tool-hub-grid:has(> a[href="/console/replicate"]) > a[href="/console/replicate"] {
  grid-column: span 2;
  min-height: 126px;
  border-color: #bfb6ea;
  background: #f8f7ff;
  box-shadow: inset 4px 0 0 var(--tb-final-purple, #5b4fc4);
}

.toolbox-body .tb-tool-hub-grid:has(> a[href="/console/replicate"]) > a[href="/console/replicate"] strong {
  color: #302578;
  font-size: 17px;
}

.toolbox-body .tb-tool-hub-grid > a[href="/console/tools/product-image"] {
  border-color: #b9d7c5;
  box-shadow: inset 3px 0 0 #347453;
}

.toolbox-body .tb-aicopy-form {
  border-left: 3px solid var(--tb-final-purple, #5b4fc4);
}

.toolbox-body .tb-aicopy-form-head {
  padding-bottom: 8px;
  border-bottom: 1px solid #e3e6eb;
}

.toolbox-body .tb-replicate-mode-shell .tb-aicopy-modes {
  grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
}

.toolbox-body .tb-replicate-mode-tab {
  overflow: hidden;
}

.toolbox-body .tb-replicate-mode-tab :where(b, span) {
  min-width: 0;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-parsed-grid {
  gap: 10px;
}

.toolbox-body .tb-parsed-grid > section {
  min-width: 0;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  background: #fff;
  padding: 12px;
}

.toolbox-body .tb-parsed-grid > section > h3 {
  margin: 0 0 9px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e3e6eb;
}

/* Real-source discovery: cover first, then title, evidence and actions. */
.toolbox-body .tb-discover-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px;
}

.toolbox-body .tb-discover-workbench .tb-filter-line {
  min-width: 0;
}

.toolbox-body .tb-discover-workbench .tb-filter-line > div {
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: thin;
}

.toolbox-body .tb-discover-card {
  align-items: stretch;
}

.toolbox-body .tb-discover-card > .tb-discover-thumb {
  min-height: 0;
  aspect-ratio: 3 / 4;
}

.toolbox-body .tb-discover-card > .tb-discover-thumb img {
  display: block;
}

.toolbox-body .tb-discover-info {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.toolbox-body .tb-discover-info h3 {
  display: -webkit-box;
  margin: 7px 0 5px;
  overflow: hidden;
  color: #202734;
  font-size: 15px;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.toolbox-body .tb-discover-info h3 a {
  color: inherit;
  text-decoration: none;
}

.toolbox-body .tb-discover-info > p {
  display: -webkit-box;
  margin: 0 0 7px;
  overflow: hidden;
  color: #596473;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.toolbox-body .tb-discover-card footer {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid #e5e8ed;
  flex-wrap: wrap;
}

.toolbox-body .tb-discover-card footer form {
  min-width: 0;
  margin-left: auto;
}

.toolbox-body .tb-discover-card footer :where(a, button) {
  min-height: 44px;
}

.toolbox-body .tb-discover-detail[data-source-detail] {
  margin-bottom: 10px;
}

.toolbox-body .tb-discover-detail[data-source-detail] > a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #3e4857;
  font-weight: 800;
  text-decoration: none;
}

.toolbox-body .tb-discover-detail[data-source-detail] > div {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  margin-top: 8px;
}

.toolbox-body .tb-discover-detail[data-source-detail] > div > :where(img, .tb-empty) {
  width: 100%;
  min-height: 0;
  aspect-ratio: 3 / 4;
  object-fit: cover;
}

.toolbox-body .tb-discover-detail[data-source-detail] article {
  min-width: 0;
  border: 0;
  background: transparent;
  padding: 0;
  box-shadow: none;
}

.toolbox-body .tb-discover-detail[data-source-detail] article h3 {
  margin: 7px 0;
  font-size: 18px;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-discover-detail[data-source-detail] article > .tb-btn {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}

.toolbox-body .tb-discover-load-more[data-discover-load-more] {
  width: min(280px, 100%);
  border-color: #aeb7c4;
  background: #fff;
  color: #344050;
}

/* Licensed multi-grid templates use the real preview image as the primary signal. */
.toolbox-body .tb-grid-note-studio {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  background: #fff;
  padding: 14px;
}

.toolbox-body .tb-grid-note-studio > header {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e6eb;
}

.toolbox-body .tb-grid-note-studio > header :where(h3, p) {
  margin: 0;
}

.toolbox-body .tb-grid-note-templates {
  min-width: 0;
  margin-bottom: 12px;
  border: 0;
  background: transparent;
  padding: 0;
}

.toolbox-body .tb-grid-note-templates > header {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.toolbox-body .tb-grid-note-templates > div {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.toolbox-body .tb-grid-note-template {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #cfd5de;
  border-radius: 8px;
  background: #fff;
  color: #27313f;
  cursor: pointer;
}

.toolbox-body .tb-grid-note-template:has(input:checked) {
  border-color: #8f82d9;
  box-shadow: inset 0 0 0 1px #8f82d9;
}

.toolbox-body .tb-grid-note-template > input {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
  width: 18px;
  height: 18px;
  accent-color: var(--tb-final-purple, #5b4fc4);
}

.toolbox-body .tb-grid-note-template > img {
  width: 100%;
  aspect-ratio: 4 / 5;
  display: block;
  object-fit: cover;
  border-bottom: 1px solid #dfe3e9;
  background: #edf0f3;
}

.toolbox-body .tb-grid-note-template > span {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 8px;
}

.toolbox-body .tb-grid-note-template > span :where(strong, small, a) {
  min-width: 0;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-grid-note-template > span strong {
  font-size: 13px;
  line-height: 1.4;
}

.toolbox-body .tb-grid-note-template > span small {
  display: -webkit-box;
  overflow: hidden;
  color: #596473;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.toolbox-body .tb-grid-note-template > span a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  color: #5145a6;
}

/* Ecommerce cases and pure-white product generation remain visually distinct. */
.toolbox-body .tb-product-image-studio {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  background: #fff;
  padding: 14px;
}

.toolbox-body .tb-product-image-studio > header,
.toolbox-body .tb-product-image-result > header {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.toolbox-body .tb-product-image-studio > header {
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e6eb;
}

.toolbox-body .tb-product-image-studio > header :where(h3, p) {
  margin: 0;
}

.toolbox-body .tb-product-image-studio > form {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr);
  gap: 12px;
  margin-top: 12px;
}

.toolbox-body .tb-product-image-upload {
  min-height: 280px;
  align-content: center;
  border-color: #aeb7c4;
  background: #fff;
  box-shadow: inset 0 0 0 8px #f4f5f7;
}

.toolbox-body .tb-product-image-studio > form > .tb-form-grid {
  min-width: 0;
  align-content: start;
}

.toolbox-body .tb-product-image-studio > form > .tb-studio-submit {
  grid-column: 1 / -1;
}

.toolbox-body .tb-product-image-result {
  margin-top: 12px;
  border-top: 1px solid #e3e6eb;
  padding-top: 12px;
}

.toolbox-body .tb-product-image-result > header {
  min-height: 44px;
  align-items: center;
}

.toolbox-body .tb-ecom-example-row,
.toolbox-body .tb-ecom-pro-cases:not([hidden]) {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.toolbox-body .tb-ecom-example-row > article,
.toolbox-body .tb-ecom-pro-cases > article {
  min-width: 0;
  border: 1px solid #d5dae2;
  border-radius: 8px;
  background: #fff;
  box-shadow: none;
}

.toolbox-body .tb-ecom-example-row .tb-ecom-example-art,
.toolbox-body .tb-ecom-pro-cases .tb-ecom-pro-case-art {
  min-height: 0;
  aspect-ratio: 4 / 3;
  border-bottom: 1px solid #dfe3e9;
  border-radius: 0;
}

.toolbox-body .tb-ecom-example-row > article > div:last-child {
  min-width: 0;
  padding: 8px;
}

.toolbox-body .tb-ecom-example-row > article > div:last-child :where(strong, span, em) {
  overflow-wrap: anywhere;
}

/* Model wear: real radio modes, usable uploads and explicit unavailable reasons. */
.toolbox-body .tb-wear-tabs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: stretch;
  gap: 5px;
}

.toolbox-body .tb-wear-tabs > label {
  position: relative;
  min-width: 0;
  min-height: 52px;
  display: grid;
  align-content: center;
  gap: 2px;
  overflow: hidden;
  border: 1px solid #d9dee6;
  border-radius: 6px;
  background: #fff;
  color: #3e4857;
  padding: 7px 8px 7px 30px;
  cursor: pointer;
}

.toolbox-body .tb-wear-tabs > label > input {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 16px;
  height: 16px;
  accent-color: var(--tb-final-purple, #5b4fc4);
}

.toolbox-body .tb-wear-tabs > label:has(input:checked) {
  border-color: #9f94df;
  background: #f1efff;
  color: #4034a2;
  box-shadow: inset 0 0 0 1px #9f94df;
}

.toolbox-body .tb-wear-tabs > label:has(input:disabled) {
  border-color: #dfe3e9;
  background: #f2f3f5;
  color: #66717f;
  opacity: 1;
  cursor: not-allowed;
}

.toolbox-body .tb-wear-tabs > label small {
  display: -webkit-box;
  min-width: 0;
  overflow: hidden;
  color: #687281;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.toolbox-body .tb-wear-tabs > a {
  grid-column: 1 / -1;
  justify-self: end;
  min-height: 40px;
}

.toolbox-body .tb-wear-upload-block {
  min-width: 0;
}

.toolbox-body .tb-wear-upload-block > header {
  min-width: 0;
  gap: 8px;
}

.toolbox-body .tb-wear-upload-block > header :where(strong, span) {
  min-width: 0;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-wear-upload {
  min-height: 108px;
  border-color: #aeb7c4;
  background: #f8f9fb;
  padding: 12px;
}

.toolbox-body .tb-wear-form[data-provider-ready="false"] .tb-form-actions.sticky-bottom::before {
  content: attr(data-provider-unavailable);
  width: 100%;
  color: #8d2935;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

/* Works library selection is visible only in multi-select mode. */
.toolbox-body .tb-post-library > .tb-post-selection-toolbar {
  display: grid;
  grid-template-columns: auto auto minmax(100px, 1fr) auto;
  align-items: center;
}

.toolbox-body .tb-post-selection-toolbar > [data-post-selection-count] {
  min-width: 0;
  color: #4f5a69;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-post-selection-toolbar > form[data-post-batch-delete] {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
}

.toolbox-body .tb-post-selector {
  min-width: 0;
  min-height: 44px;
  display: none;
  align-items: center;
  gap: 7px;
  border-bottom: 1px solid #e3e6eb;
  color: #3f4a59;
  font-weight: 800;
}

.toolbox-body .tb-post-library[data-multi-select="true"] .tb-post-selector {
  display: flex;
}

.toolbox-body .tb-post-selector > input {
  width: 20px;
  height: 20px;
  accent-color: var(--tb-final-purple, #5b4fc4);
}

.toolbox-body .tb-post-library[data-multi-select="true"] .tb-post-card:has([data-post-select]:checked) {
  border-color: #8f82d9;
  background: #fbfaff;
  box-shadow: inset 0 0 0 1px #8f82d9;
}

.toolbox-body .tb-post-selection-toolbar [data-post-batch-submit]:not(:disabled) {
  border-color: #a82d3a;
  background: #a82d3a;
  color: #fff;
}

/* Publishing uses per-item platform segments and a compact QR/package region. */
.toolbox-body .tb-publish-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.toolbox-body .tb-publish-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.toolbox-body .tb-publish-card .tb-panel-head {
  min-width: 0;
}

.toolbox-body .tb-publish-card .tb-panel-head h3 {
  min-width: 0;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-publish-card > .tb-platform-segmented {
  min-height: 48px;
}

.toolbox-body .tb-publish-card > .tb-post-body {
  min-height: 124px;
  max-height: 190px;
  margin: 0;
  border: 1px solid #e1e5eb;
  border-radius: 7px;
  background: #f8f9fb;
  padding: 9px;
  overflow: auto;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-publish-card > .tb-form-actions {
  margin-top: auto;
}

.toolbox-body [data-publish-package][data-active-platform="xiaohongshu"] .tb-platform-segmented label:has(input[value="xiaohongshu"]:checked),
.toolbox-body [data-publish-package][data-active-platform="douyin"] .tb-platform-segmented label:has(input[value="douyin"]:checked) {
  border-color: #9f94df;
  color: #4034a2;
  box-shadow: inset 0 -2px 0 #5b4fc4;
}

.toolbox-body .tb-publish-card > [data-publish-fallback] {
  margin-top: 2px;
  border-top: 1px solid #e1e5eb;
  background: transparent;
  padding: 9px 0 0;
}

.toolbox-body .tb-publish-layout {
  grid-template-columns: minmax(0, 1fr) 184px;
  gap: 12px;
}

.toolbox-body :where(.tb-publish-qr, [data-publish-qr]) {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  background: #fff;
  padding: 10px;
}

.toolbox-body :where(.tb-publish-qr, [data-publish-qr]) :where(.tb-qr, img, canvas) {
  width: min(152px, 100%);
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background: #fff;
  flex: 0 0 auto;
}

.toolbox-body :where(.tb-publish-qr, [data-publish-qr]) > div {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.toolbox-body :where(.tb-publish-qr, [data-publish-qr]) > div :where(strong, span, a) {
  min-width: 0;
  overflow-wrap: anywhere;
}

.toolbox-body :where(.tb-publish-qr, [data-publish-qr]) > div > a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.toolbox-body .tb-publish-dialog {
  width: min(560px, calc(100vw - 24px));
  max-height: calc(100dvh - 24px);
  overflow: auto;
  border: 1px solid #cfd5de;
  border-radius: 8px;
  background: #fff;
  color: #202734;
  padding: 16px;
  box-shadow: 0 22px 60px rgba(22, 29, 39, .24);
}

.toolbox-body .tb-publish-dialog::backdrop {
  background: rgba(18, 23, 31, .52);
}

.toolbox-body .tb-publish-dialog > header {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e1e5eb;
}

.toolbox-body .tb-publish-dialog > header > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.toolbox-body .tb-publish-dialog > header strong {
  overflow-wrap: anywhere;
}

.toolbox-body .tb-publish-dialog > header button {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border: 1px solid #d9dee6;
  border-radius: 6px;
  background: #fff;
  color: #485361;
}

.toolbox-body .tb-publish-dialog > .tb-platform-segmented,
.toolbox-body .tb-publish-dialog > .tb-publish-qr,
.toolbox-body .tb-publish-dialog > .tb-form-actions {
  margin-top: 10px;
}

.toolbox-body .tb-phone-package {
  min-width: 0;
}

.toolbox-body .tb-phone-package .tb-result-box pre {
  max-width: 100%;
  margin: 0;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  word-break: break-word;
}

@media (max-width: 1100px) {
  .toolbox-body .tb-tool-hub-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .toolbox-body .tb-grid-note-templates > div,
  .toolbox-body .tb-ecom-example-row,
  .toolbox-body .tb-ecom-pro-cases:not([hidden]) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .toolbox-body .tb-wear-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .toolbox-body .tb-publish-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .toolbox-body .tb-main > .tb-destination-context {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 4px;
  }

  .toolbox-body .tb-destination-context > .tb-destination-back {
    width: 44px;
    min-width: 44px;
    justify-content: center;
    padding: 0;
  }

  .toolbox-body .tb-destination-context > .tb-destination-crumb {
    display: none;
  }

  .toolbox-body .tb-destination-context > .tb-destination-back span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
  }

  .toolbox-body .tb-destination-context > .tb-destination-switch {
    width: 100%;
  }

  .toolbox-body .tb-destination-switch > summary {
    justify-content: flex-start;
  }

  .toolbox-body .tb-destination-switch > div {
    width: min(300px, calc(100vw - 76px));
  }

  .toolbox-body .tb-media-downloader .tb-media-download-form > label {
    align-items: flex-start;
    flex-direction: column;
  }

  .toolbox-body .tb-media-downloader .tb-media-download-form > label small {
    text-align: left;
  }

  .toolbox-body .tb-tool-hub-grid {
    grid-template-columns: 1fr;
  }

  .toolbox-body .tb-tool-hub-grid:has(> a[href="/console/replicate"]) > a[href="/console/replicate"] {
    grid-template-columns: 42px minmax(0, 1fr) auto;
    grid-column: auto;
  }

  .toolbox-body .tb-replicate-mode-shell .tb-aicopy-modes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .toolbox-body .tb-discover-search {
    grid-template-columns: 1fr;
  }

  .toolbox-body .tb-discover-search .tb-btn {
    width: 100%;
  }

  .toolbox-body .tb-discover-card {
    grid-template-columns: 1fr;
  }

  .toolbox-body .tb-discover-card > .tb-discover-thumb {
    aspect-ratio: 16 / 9;
  }

  .toolbox-body .tb-discover-card footer form,
  .toolbox-body .tb-discover-card footer form button {
    width: 100%;
    margin-left: 0;
  }

  .toolbox-body .tb-discover-detail[data-source-detail] > div {
    grid-template-columns: 1fr;
  }

  .toolbox-body .tb-discover-detail[data-source-detail] > div > :where(img, .tb-empty) {
    aspect-ratio: 4 / 3;
  }

  .toolbox-body .tb-grid-note-studio,
  .toolbox-body .tb-product-image-studio {
    padding: 12px;
  }

  .toolbox-body .tb-grid-note-templates > div,
  .toolbox-body .tb-ecom-example-row,
  .toolbox-body .tb-ecom-pro-cases:not([hidden]) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .toolbox-body .tb-product-image-studio > form {
    grid-template-columns: 1fr;
  }

  .toolbox-body .tb-product-image-upload {
    min-height: 180px;
  }

  .toolbox-body .tb-product-image-studio > form > .tb-studio-submit {
    grid-column: auto;
  }

  .toolbox-body .tb-wear-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .toolbox-body .tb-wear-tabs > a {
    justify-self: stretch;
  }

  .toolbox-body .tb-post-library > .tb-post-selection-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .toolbox-body .tb-post-selection-toolbar > [data-post-selection-count] {
    min-height: 44px;
    display: flex;
    align-items: center;
  }

  .toolbox-body .tb-post-selection-toolbar > form[data-post-batch-delete] {
    justify-content: stretch;
  }

  .toolbox-body .tb-post-selection-toolbar > form[data-post-batch-delete] button {
    width: 100%;
  }

  .toolbox-body .tb-publish-layout {
    grid-template-columns: 1fr;
  }

  .toolbox-body :where(.tb-publish-qr, [data-publish-qr]) {
    border-top: 1px solid #d9dee6;
    border-left: 0;
  }
}

@media (max-width: 520px) {
  .toolbox-body :where(.tb-publish-qr, [data-publish-qr]) {
    align-items: stretch;
    flex-direction: column;
  }

  .toolbox-body :where(.tb-publish-qr, [data-publish-qr]) :where(.tb-qr, img, canvas) {
    align-self: center;
  }
}

@media (max-width: 380px) {
  .toolbox-body .tb-grid-note-templates > div,
  .toolbox-body .tb-ecom-example-row,
  .toolbox-body .tb-ecom-pro-cases:not([hidden]) {
    gap: 6px;
  }

  .toolbox-body .tb-grid-note-template > span,
  .toolbox-body .tb-ecom-example-row > article > div:last-child {
    padding: 7px;
  }

  .toolbox-body .tb-wear-tabs > label {
    min-height: 58px;
    padding-right: 6px;
    padding-left: 28px;
  }

  .toolbox-body .tb-post-library > .tb-post-selection-toolbar {
    grid-template-columns: 1fr;
  }

  .toolbox-body .tb-post-selection-toolbar > form[data-post-batch-delete] {
    justify-content: stretch;
  }
}