:root {
  --tb-bg: #faf8f5;
  --tb-surface: #ffffff;
  --tb-surface-2: #fff7ed;
  --tb-ink: #1c1917;
  --tb-muted: #78716c;
  --tb-line: #e7e2dd;
  --tb-brand: #ea580c;
  --tb-brand-strong: #c2410c;
  --tb-blue: #2563eb;
  --tb-purple: #f59e0b;
  --tb-green: #0f8f72;
  --tb-amber: #b7791f;
  --tb-red: #c2414b;
  --tb-shadow: 0 18px 44px rgba(41, 25, 12, .09);
  --tb-radius: 8px;
}

/* Lingxuan admin workspace: dense, restrained and operations-first. */
.toolbox-body .tb-admin-app {
  grid-template-columns: 236px minmax(0, 1fr);
  background: #f4f6f9;
  color: #1d2939;
}

.toolbox-body .tb-admin-app > .tb-sidebar {
  padding: 20px 14px 16px;
  border-right: 0;
  background: #111827;
  color: #d0d5dd;
  box-shadow: none;
}

.toolbox-body .tb-admin-app .tb-brand {
  min-height: 50px;
  color: #fff;
}

.toolbox-body .tb-admin-app .tb-brand-mark {
  background: #fff;
}

.toolbox-body .tb-admin-app .tb-brand-text small,
.toolbox-body .tb-admin-app .tb-sidebar-foot {
  color: #98a2b3;
}

.toolbox-body .tb-admin-app .tb-side-nav {
  gap: 3px;
  padding-right: 2px;
}

.toolbox-body .tb-admin-app .tb-side-nav a {
  min-height: 38px;
  border-radius: 7px;
  color: #cbd5e1;
  font-size: 13px;
  font-weight: 680;
}

.toolbox-body .tb-admin-app .tb-side-nav a:hover {
  background: #1f2937;
  color: #fff;
  box-shadow: none;
}

.toolbox-body .tb-admin-app .tb-side-nav a.active {
  background: #b42336;
  color: #fff;
  box-shadow: none;
}

.toolbox-body .tb-admin-app .tb-sidebar-foot {
  border-color: #344054;
  font-size: 12px;
  line-height: 1.7;
}

.toolbox-body .tb-admin-app .tb-sidebar-foot a {
  color: #fda4af;
}

.toolbox-body .tb-admin-app > .tb-main {
  padding: 18px 22px 32px;
}

.toolbox-body .tb-admin-app .tb-topbar {
  min-height: 68px;
  display: grid;
  grid-template-columns: max-content minmax(260px, 520px) max-content;
  border-color: #e4e7ec;
  background: #fff;
  padding: 10px 14px 10px 18px;
  box-shadow: none;
  backdrop-filter: none;
}

.toolbox-body .tb-admin-app .tb-topbar > div:first-child {
  display: grid;
  gap: 2px;
}

.toolbox-body .tb-admin-app .tb-topbar > div:first-child > span {
  color: #667085;
  font-size: 10px;
  font-weight: 700;
}

.toolbox-body .tb-admin-app .tb-topbar h1 {
  color: #101828;
  font-size: 20px;
  letter-spacing: -.02em;
}

.toolbox-body .tb-admin-top-search {
  min-width: 0;
  height: 40px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) max-content;
  align-items: center;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #f9fafb;
  padding-left: 10px;
}

.toolbox-body .tb-admin-top-search > i {
  color: #667085;
}

.toolbox-body .tb-admin-top-search input {
  min-width: 0;
  height: 38px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #101828;
  font-size: 13px;
}

.toolbox-body .tb-admin-top-search button {
  height: 32px;
  margin-right: 4px;
  border: 0;
  border-radius: 6px;
  background: #344054;
  color: #fff;
  padding: 0 12px;
  font-weight: 700;
}

.toolbox-body .tb-admin-app > .tb-main > :where(.tb-panel, .tb-admin-ops-grid, .tb-admin-query-hero, .tb-admin-query-empty, .tb-admin-query-summary, .tb-admin-detail-head, .tb-admin-work-detail-layout, .tb-admin-json-grid) + :where(.tb-panel, .tb-admin-ops-grid, .tb-admin-query-group, .tb-admin-detail-head, .tb-admin-work-detail-layout, .tb-admin-json-grid) {
  margin-top: 14px;
}

.toolbox-body .tb-admin-app .tb-panel {
  border: 1px solid #e4e7ec;
  border-radius: 10px;
  background: #fff;
  padding: 16px;
  box-shadow: none;
}

.toolbox-body .tb-admin-app .tb-panel-head {
  align-items: flex-start;
  margin-bottom: 13px;
}

.toolbox-body .tb-admin-app .tb-panel-head h3,
.toolbox-body .tb-admin-app .tb-panel > h3 {
  margin: 0;
  color: #101828;
  font-size: 15px;
}

.toolbox-body .tb-admin-app .tb-panel-head p,
.toolbox-body .tb-admin-app .tb-panel > p {
  margin: 4px 0 0;
  color: #667085;
  font-size: 12px;
  line-height: 1.55;
}

.toolbox-body .tb-admin-app .tb-panel-head > span {
  border-radius: 999px;
  background: #f2f4f7;
  color: #475467;
  padding: 5px 9px;
  font-size: 11px;
  font-weight: 700;
}

.toolbox-body .tb-admin-app .tb-admin-filter {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) max-content max-content;
  align-items: end;
  border: 0;
  border-radius: 8px;
  background: #f2f4f7;
  padding: 10px;
}

.toolbox-body .tb-admin-app .tb-admin-filter :where(input, select) {
  width: 100%;
  min-width: 0;
  min-height: 40px !important;
  border: 1px solid #d0d5dd;
  border-radius: 7px;
  background: #fff;
  color: #101828;
  padding: 0 10px;
  font-size: 12px;
  outline: 0;
}

.toolbox-body .tb-admin-app .tb-admin-filter :where(input, select):focus,
.toolbox-body .tb-admin-work-editor :where(input, textarea):focus {
  border-color: #b42336;
  box-shadow: 0 0 0 3px rgba(180, 35, 54, .1);
}

.toolbox-body .tb-admin-app .tb-admin-filter .tb-btn {
  min-height: 40px;
  border-radius: 7px;
  box-shadow: none;
}

.toolbox-body .tb-admin-app .tb-admin-filter.tb-admin-filter-tasks,
.toolbox-body .tb-admin-app .tb-admin-filter.tb-admin-filter-works,
.toolbox-body .tb-admin-app .tb-admin-filter.tb-admin-filter-materials {
  grid-template-columns: minmax(210px, 1.4fr) minmax(150px, 1fr) minmax(140px, .9fr) max-content max-content;
}

.toolbox-body .tb-admin-app .tb-admin-filter-wide {
  grid-template-columns: minmax(260px, 1fr) minmax(150px, 220px) max-content max-content;
}

.toolbox-body .tb-admin-app .tb-table-wrap {
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  box-shadow: none;
}

.toolbox-body .tb-admin-app .tb-table th {
  background: #f9fafb;
  color: #475467;
  font-size: 11px;
  font-weight: 750;
  white-space: nowrap;
}

.toolbox-body .tb-admin-app .tb-table td {
  color: #344054;
  vertical-align: middle;
}

.toolbox-body .tb-admin-app .tb-table tbody tr:hover td {
  background: #fcfcfd;
}

.toolbox-body .tb-admin-app .tb-table td strong,
.toolbox-body .tb-admin-app .tb-table td small {
  display: block;
}

.toolbox-body .tb-admin-app .tb-table td small {
  margin-top: 3px;
  color: #667085;
  font-size: 10px;
  line-height: 1.45;
}

.toolbox-body .tb-admin-app .tb-table td a:not(.tb-btn) {
  color: #175cd3;
  text-decoration: none;
}

.toolbox-body .tb-admin-app .tb-btn {
  box-shadow: none;
}

.toolbox-body .tb-admin-app .tb-btn.primary {
  border-color: #b42336;
  background: #b42336;
}

.toolbox-body .tb-admin-app .tb-btn.danger {
  border-color: #d92d20;
  background: #fff;
  color: #b42318;
}

.toolbox-body .tb-admin-app .tb-action-stack {
  align-items: flex-start;
  gap: 6px;
}

.toolbox-body .tb-admin-app .tb-action-stack form {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.toolbox-body .tb-admin-app .tb-action-stack form > input:not([type="hidden"]) {
  min-width: 150px;
  min-height: 32px;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 8px;
  font-size: 11px;
}

.toolbox-body .tb-admin-create-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.toolbox-body .tb-admin-create-strip > form {
  min-width: 300px;
}

.toolbox-body .tb-admin-ops-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.toolbox-body .tb-admin-ops-grid > a {
  min-width: 0;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) max-content 16px;
  align-items: center;
  gap: 8px;
  border: 1px solid #e4e7ec;
  border-radius: 9px;
  background: #fff;
  color: #344054;
  padding: 13px;
  text-decoration: none;
  transition: border-color .18s ease, background-color .18s ease;
}

.toolbox-body .tb-admin-ops-grid > a:hover {
  border-color: #98a2b3;
  background: #fcfcfd;
}

.toolbox-body .tb-admin-ops-grid > a > i:first-child {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #fef3f2;
  color: #b42318;
}

.toolbox-body .tb-admin-ops-grid > a strong {
  color: #101828;
  font-size: 18px;
}

.toolbox-body .tb-admin-query-hero {
  display: grid;
  grid-template-columns: minmax(220px, .7fr) minmax(360px, 1.3fr);
  align-items: center;
  gap: 20px;
  border: 1px solid #e4e7ec;
  border-radius: 10px;
  background: #fff;
  padding: 18px;
}

.toolbox-body .tb-admin-query-hero > div {
  display: grid;
  gap: 4px;
}

.toolbox-body .tb-admin-query-hero > div strong {
  color: #101828;
  font-size: 17px;
}

.toolbox-body .tb-admin-query-hero > div span {
  color: #667085;
  font-size: 12px;
}

.toolbox-body .tb-admin-query-hero > label {
  height: 44px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) max-content;
  align-items: center;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  padding-left: 10px;
}

.toolbox-body .tb-admin-query-hero input {
  min-width: 0;
  height: 42px;
  border: 0;
  outline: 0;
}

.toolbox-body .tb-admin-query-hero .tb-btn {
  height: 36px;
  margin-right: 4px;
}

.toolbox-body .tb-admin-query-empty {
  min-height: 260px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  border: 1px dashed #d0d5dd;
  border-radius: 10px;
  background: #fff;
  color: #667085;
  text-align: center;
}

.toolbox-body .tb-admin-query-empty i {
  color: #98a2b3;
  font-size: 32px;
}

.toolbox-body .tb-admin-query-empty strong {
  color: #101828;
  font-size: 16px;
}

.toolbox-body .tb-admin-query-empty p,
.toolbox-body .tb-admin-query-summary {
  margin: 0;
  color: #667085;
  font-size: 12px;
}

.toolbox-body .tb-admin-query-summary {
  padding: 0 2px;
}

.toolbox-body .tb-admin-query-group h3 i {
  margin-right: 8px;
  color: #b42336;
}

.toolbox-body .tb-admin-mini-stats {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.toolbox-body .tb-admin-mini-stats > div {
  border-radius: 8px;
  background: #f9fafb;
  padding: 11px 12px;
}

.toolbox-body .tb-admin-mini-stats span,
.toolbox-body .tb-admin-mini-stats strong {
  display: block;
}

.toolbox-body .tb-admin-mini-stats span {
  color: #667085;
  font-size: 11px;
}

.toolbox-body .tb-admin-mini-stats strong {
  margin-top: 3px;
  color: #101828;
  font-size: 20px;
}

.toolbox-body .tb-admin-app .tb-admin-filter + .tb-table-wrap > .tb-task-table {
  min-width: 930px;
}

.toolbox-body .tb-admin-app .tb-task-table :where(th, td):last-child {
  position: sticky;
  right: 0;
  z-index: 2;
  min-width: 170px;
  background: #fff;
  box-shadow: -10px 0 18px -18px rgba(16, 24, 40, .55);
}

.toolbox-body .tb-admin-app .tb-task-table thead th:last-child {
  z-index: 3;
  background: #f9fafb;
}

.toolbox-body .tb-admin-app .tb-task-table tbody tr:hover td:last-child {
  background: #fcfcfd;
}

.toolbox-body .tb-admin-app .tb-admin-filter + .tb-table-wrap > .tb-task-table th:nth-child(1) { width: 155px; }
.toolbox-body .tb-admin-app .tb-admin-filter + .tb-table-wrap > .tb-task-table th:nth-child(2) { width: 120px; }
.toolbox-body .tb-admin-app .tb-admin-filter + .tb-table-wrap > .tb-task-table th:nth-child(3) { width: 80px; }
.toolbox-body .tb-admin-app .tb-admin-filter + .tb-table-wrap > .tb-task-table th:nth-child(4) { width: 65px; }
.toolbox-body .tb-admin-app .tb-admin-filter + .tb-table-wrap > .tb-task-table th:nth-child(5) { width: 205px; }
.toolbox-body .tb-admin-app .tb-admin-filter + .tb-table-wrap > .tb-task-table th:nth-child(6) { width: 115px; }
.toolbox-body .tb-admin-app .tb-admin-filter + .tb-table-wrap > .tb-task-table th:nth-child(7) { width: 170px; }

.toolbox-body .tb-admin-app .tb-admin-filter + .tb-table-wrap > .tb-admin-work-table {
  min-width: 960px;
}

.toolbox-body .tb-admin-work-table :where(th, td):last-child {
  position: sticky;
  right: 0;
  z-index: 2;
  min-width: 142px;
  background: #fff;
  box-shadow: -10px 0 18px -18px rgba(16, 24, 40, .55);
}

.toolbox-body .tb-admin-work-table thead th:last-child {
  z-index: 3;
  background: #f9fafb;
}

.toolbox-body .tb-admin-work-table tbody tr:hover td:last-child {
  background: #fcfcfd;
}

.toolbox-body .tb-admin-app .tb-admin-filter + .tb-table-wrap > .tb-admin-work-table th:nth-child(1) { width: 68px; }
.toolbox-body .tb-admin-app .tb-admin-filter + .tb-table-wrap > .tb-admin-work-table th:nth-child(2) { width: 190px; }
.toolbox-body .tb-admin-app .tb-admin-filter + .tb-table-wrap > .tb-admin-work-table th:nth-child(3) { width: 130px; }
.toolbox-body .tb-admin-app .tb-admin-filter + .tb-table-wrap > .tb-admin-work-table th:nth-child(4) { width: 120px; }
.toolbox-body .tb-admin-app .tb-admin-filter + .tb-table-wrap > .tb-admin-work-table th:nth-child(5) { width: 90px; }
.toolbox-body .tb-admin-app .tb-admin-filter + .tb-table-wrap > .tb-admin-work-table th:nth-child(6) { width: 126px; }
.toolbox-body .tb-admin-app .tb-admin-filter + .tb-table-wrap > .tb-admin-work-table th:nth-child(7) { width: 146px; }

.toolbox-body .tb-admin-work-thumb {
  width: 48px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: #f2f4f7;
  object-fit: cover;
  color: #98a2b3;
}

.toolbox-body .tb-admin-row-actions {
  display: flex;
  align-items: flex-start;
  gap: 6px;
}

.toolbox-body .tb-admin-row-menu summary {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  background: #fff;
  color: #344054;
  padding: 0 9px;
  cursor: pointer;
  list-style: none;
  font-size: 11px;
  font-weight: 700;
}

.toolbox-body .tb-admin-row-menu summary::-webkit-details-marker {
  display: none;
}

.toolbox-body .tb-admin-row-menu > div {
  min-width: 200px;
  display: grid;
  gap: 6px;
  margin-top: 6px;
  padding: 8px;
  border-radius: 8px;
  background: #f2f4f7;
}

.toolbox-body .tb-admin-row-menu form {
  display: grid;
  gap: 6px;
}

.toolbox-body .tb-admin-row-menu form > input:not([type="hidden"]) {
  min-width: 0;
  height: 32px;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 8px;
  font-size: 11px;
}

.toolbox-body .tb-admin-detail-head {
  min-height: 94px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid #e4e7ec;
  padding: 4px 2px 16px;
}

.toolbox-body .tb-admin-detail-head > div:first-child > span {
  color: #667085;
  font-size: 11px;
  font-weight: 700;
}

.toolbox-body .tb-admin-detail-head h2 {
  margin: 4px 0;
  color: #101828;
  font-size: 22px;
}

.toolbox-body .tb-admin-detail-head p {
  margin: 0;
  color: #667085;
  font-size: 12px;
}

.toolbox-body .tb-admin-detail-actions {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 7px;
}

.toolbox-body .tb-admin-detail-actions form {
  display: grid;
  grid-template-columns: minmax(150px, 220px) max-content;
  gap: 6px;
}

.toolbox-body .tb-admin-detail-actions form > input:not([type="hidden"]) {
  min-height: 36px;
  border: 1px solid #d0d5dd;
  border-radius: 7px;
  padding: 0 9px;
}

.toolbox-body .tb-admin-detail-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  border-radius: 8px;
  overflow: hidden;
  background: #e4e7ec;
}

.toolbox-body .tb-admin-detail-grid > div {
  min-width: 0;
  background: #f9fafb;
  padding: 11px 12px;
}

.toolbox-body .tb-admin-detail-grid dt {
  color: #667085;
  font-size: 10px;
}

.toolbox-body .tb-admin-detail-grid dd {
  margin: 4px 0 0;
  color: #101828;
  font-size: 12px;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-admin-detail-grid dd small {
  display: block;
  margin-top: 2px;
  color: #667085;
  font-size: 10px;
  font-weight: 500;
}

.toolbox-body .tb-admin-error-panel {
  border-color: #fecdca;
  background: #fffbfa;
}

.toolbox-body .tb-admin-error-panel p {
  color: #b42318;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-admin-json-grid,
.toolbox-body .tb-admin-work-detail-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.toolbox-body .tb-admin-json-grid details summary {
  color: #101828;
  cursor: pointer;
  font-size: 14px;
  font-weight: 750;
}

.toolbox-body .tb-admin-json-grid pre {
  max-height: 520px;
  overflow: auto;
  margin: 12px 0 0;
  border-radius: 8px;
  background: #101828;
  color: #d1fadf;
  padding: 14px;
  font: 11px/1.65 ui-monospace, SFMono-Regular, Menlo, monospace;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-admin-work-detail-layout {
  grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr);
  align-items: start;
}

.toolbox-body .tb-admin-work-editor {
  display: grid;
  gap: 12px;
}

.toolbox-body .tb-admin-work-editor > input[name="reason"] {
  min-height: 40px;
  border: 1px solid #d0d5dd;
  border-radius: 7px;
  padding: 0 10px;
}

.toolbox-body .tb-admin-work-editor label {
  display: grid;
  gap: 6px;
  color: #344054;
  font-size: 12px;
  font-weight: 700;
}

.toolbox-body .tb-admin-work-editor :where(input, textarea) {
  width: 100%;
  border: 1px solid #d0d5dd;
  border-radius: 7px;
  background: #fff;
  color: #101828;
  padding: 9px 10px;
  outline: 0;
  font-size: 13px;
  line-height: 1.6;
  resize: vertical;
}

.toolbox-body .tb-admin-editor-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.toolbox-body .tb-admin-work-editor footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.toolbox-body .tb-admin-work-gallery {
  max-height: 720px;
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.toolbox-body .tb-admin-work-gallery figure {
  margin: 0;
}

.toolbox-body .tb-admin-work-gallery img {
  width: 100%;
  aspect-ratio: 3 / 4;
  display: block;
  border-radius: 7px;
  background: #f2f4f7;
  object-fit: cover;
}

.toolbox-body .tb-admin-work-gallery figcaption {
  margin-top: 4px;
  color: #667085;
  font-size: 10px;
}

.toolbox-body .tb-admin-material-preview {
  display: inline-grid;
  grid-template-columns: 42px max-content;
  align-items: center;
  gap: 7px;
}

.toolbox-body .tb-admin-material-preview img {
  width: 42px;
  height: 42px;
  border-radius: 6px;
  background: #f2f4f7;
  object-fit: cover;
}

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

  .toolbox-body .tb-admin-app .tb-topbar {
    grid-template-columns: max-content minmax(220px, 1fr);
  }

  .toolbox-body .tb-admin-app .tb-topbar .tb-userbar {
    display: none;
  }

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

  .toolbox-body .tb-admin-app .tb-admin-filter.tb-admin-filter-tasks,
  .toolbox-body .tb-admin-app .tb-admin-filter.tb-admin-filter-works,
  .toolbox-body .tb-admin-app .tb-admin-filter.tb-admin-filter-materials {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

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

  .toolbox-body .tb-admin-app > .tb-sidebar {
    position: static;
    height: auto;
  }

  .toolbox-body .tb-admin-app .tb-side-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: 250px;
  }

  .toolbox-body .tb-admin-app > .tb-main {
    padding: 12px;
  }

  .toolbox-body .tb-admin-app .tb-topbar,
  .toolbox-body .tb-admin-query-hero,
  .toolbox-body .tb-admin-json-grid,
  .toolbox-body .tb-admin-work-detail-layout,
  .toolbox-body .tb-admin-editor-grid {
    grid-template-columns: minmax(0, 1fr);
  }

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

  .toolbox-body .tb-admin-create-strip,
  .toolbox-body .tb-admin-detail-head {
    align-items: stretch;
    flex-direction: column;
  }

  .toolbox-body .tb-admin-create-strip > form,
  .toolbox-body .tb-admin-detail-actions form {
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
  }
}

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


/* 20260717-template-compact: form-first visual template creator. */
.toolbox-body .tb-template-creator {
  color: #1f2430;
  background: #fff;
}

.toolbox-body .tb-template-creator > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 26px 30px 22px;
  border-bottom: 1px solid #eceef3;
}

.toolbox-body .tb-template-creator > header span {
  display: block;
  margin-bottom: 7px;
  color: #7857d6;
  font-size: 12px;
  font-weight: 800;
}

.toolbox-body .tb-template-creator > header h3 {
  margin: 0;
  color: #1d2230;
  font-size: 22px;
  line-height: 1.35;
}

.toolbox-body .tb-template-creator > header p {
  max-width: 720px;
  margin: 7px 0 0;
  color: #737b8c;
  font-size: 13px;
  line-height: 1.7;
}

.toolbox-body .tb-template-creator > header > a,
.toolbox-body .tb-popular-templates > header > a {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 14px;
  border: 1px solid #dedfea;
  border-radius: 6px;
  color: #4e5565;
  background: #fff;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.toolbox-body .tb-template-creator-form {
  display: grid;
  gap: 20px;
  padding: 24px 30px 28px;
}

.toolbox-body .tb-selected-template {
  display: grid;
  min-height: 126px;
  grid-template-columns: 82px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 14px;
  border: 1px solid #ddd8ef;
  border-left: 4px solid #7557d5;
  border-radius: 7px;
  background: #faf9fd;
  box-shadow: 0 8px 20px rgba(34, 29, 58, .06);
}

.toolbox-body .tb-selected-template > img {
  width: 82px;
  height: 98px;
  border-radius: 5px;
  object-fit: cover;
  background: #ececf2;
}

.toolbox-body .tb-selected-template > div:nth-child(2) {
  min-width: 0;
}

.toolbox-body .tb-selected-template small,
.toolbox-body .tb-selected-template strong,
.toolbox-body .tb-selected-template span {
  display: block;
}

.toolbox-body .tb-selected-template small {
  color: #7657d5;
  font-size: 11px;
  font-weight: 800;
}

.toolbox-body .tb-selected-template strong {
  overflow: hidden;
  margin-top: 4px;
  color: #202532;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-selected-template span {
  margin-top: 4px;
  color: #7a8291;
  font-size: 11px;
}

.toolbox-body .tb-selected-template p {
  display: -webkit-box;
  overflow: hidden;
  margin: 7px 0 0;
  color: #565e6d;
  font-size: 12px;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.toolbox-body .tb-selected-template-actions {
  display: flex;
  align-items: center;
  gap: 7px;
}

.toolbox-body .tb-selected-template-actions :where(button, a),
.toolbox-body .tb-popular-template-card footer button {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 11px;
  border: 1px solid #dcdde6;
  border-radius: 5px;
  color: #4e5563;
  background: #fff;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

.toolbox-body .tb-selected-template-actions :where(button, a):is(:hover, :focus-visible),
.toolbox-body .tb-popular-template-card footer button:is(:hover, :focus-visible) {
  border-color: #785bd2;
  color: #6747c2;
  box-shadow: 0 0 0 3px rgba(117, 87, 213, .11);
  outline: none;
}

.toolbox-body .tb-selected-template.is-empty {
  border-color: #e0e2e8;
  border-left-color: #9aa1af;
  background: #f8f9fb;
  box-shadow: none;
}

.toolbox-body .tb-template-mode-row {
  display: flex;
  gap: 10px;
}

.toolbox-body .tb-template-mode-row label {
  position: relative;
  flex: 0 1 210px;
}

.toolbox-body .tb-template-mode-row input {
  position: absolute;
  opacity: 0;
}

.toolbox-body .tb-template-mode-row label > span,
.toolbox-body .tb-template-fixed-mode {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 15px;
  border: 1px solid #e1e3e9;
  border-radius: 6px;
  color: #4d5564;
  background: #fff;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.toolbox-body .tb-template-mode-row label > span small {
  color: #9298a5;
  font-size: 10px;
}

.toolbox-body .tb-template-mode-row input:checked + span {
  border-color: #7557d5;
  color: #6043ba;
  background: #f7f4ff;
  box-shadow: 0 0 0 3px rgba(117, 87, 213, .1);
}

.toolbox-body .tb-template-fixed-mode {
  width: fit-content;
  justify-content: flex-start;
  color: #626a78;
  background: #f7f8fa;
  cursor: default;
}

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

.toolbox-body .tb-template-branch-field {
  display: grid;
  gap: 8px;
}

.toolbox-body .tb-template-branch-field > span,
.toolbox-body .tb-template-creator-options label > span {
  color: #343b49;
  font-size: 12px;
  font-weight: 800;
}

.toolbox-body .tb-template-branch-field > span b {
  display: inline-flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  margin-right: 7px;
  border-radius: 50%;
  color: #6748c1;
  background: #eee9fc;
  font-size: 10px;
}

.toolbox-body .tb-template-branch-field > span em {
  margin-left: 3px;
  color: #df5f5f;
  font-style: normal;
}

.toolbox-body .tb-template-branch-field textarea,
.toolbox-body .tb-template-creator-options textarea,
.toolbox-body .tb-template-creator-options select {
  width: 100%;
  border: 1px solid #dfe2e8;
  border-radius: 6px;
  color: #242a35;
  background: #fff;
  font: inherit;
  font-size: 12px;
  line-height: 1.65;
  outline: none;
}

.toolbox-body .tb-template-branch-field textarea,
.toolbox-body .tb-template-creator-options textarea {
  min-height: 102px;
  padding: 12px 13px;
  resize: vertical;
}

.toolbox-body .tb-template-branch-field textarea:focus,
.toolbox-body .tb-template-creator-options textarea:focus,
.toolbox-body .tb-template-creator-options select:focus {
  border-color: #795ed2;
  box-shadow: 0 0 0 3px rgba(117, 87, 213, .1);
}

.toolbox-body .tb-template-creator-options {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 14px;
}

.toolbox-body .tb-template-creator-options label {
  display: grid;
  align-content: start;
  gap: 8px;
}

.toolbox-body .tb-template-creator-options select {
  min-height: 42px;
  padding: 0 11px;
}

.toolbox-body .tb-template-creator > .tb-tool-result {
  margin: 0 30px;
}

.toolbox-body .tb-popular-templates {
  padding: 26px 30px 30px;
  border-top: 1px solid #eceef3;
  background: #fafbfc;
}

.toolbox-body .tb-popular-templates > header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}

.toolbox-body .tb-popular-templates > header span {
  color: #7758d3;
  font-size: 11px;
  font-weight: 800;
}

.toolbox-body .tb-popular-templates > header strong {
  display: block;
  margin-top: 3px;
  color: #252b36;
  font-size: 16px;
}

.toolbox-body .tb-popular-templates > header p {
  margin: 4px 0 0;
  color: #7e8592;
  font-size: 11px;
}

.toolbox-body .tb-popular-templates > div {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 11px;
}

.toolbox-body .tb-popular-template-card {
  overflow: hidden;
  border: 1px solid #e0e2e8;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 5px 14px rgba(31, 36, 48, .05);
}

.toolbox-body .tb-popular-template-card[hidden] {
  display: none !important;
}

.toolbox-body .tb-popular-template-card > img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  background: #eff0f3;
}

.toolbox-body .tb-popular-template-card > div {
  min-width: 0;
  padding: 9px 9px 7px;
}

.toolbox-body .tb-popular-template-card > div strong,
.toolbox-body .tb-popular-template-card > div span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-popular-template-card > div strong {
  color: #2a303c;
  font-size: 11px;
}

.toolbox-body .tb-popular-template-card > div span {
  margin-top: 3px;
  color: #858c99;
  font-size: 10px;
}

.toolbox-body .tb-popular-template-card footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  padding: 0 8px 8px;
}

.toolbox-body .tb-popular-template-card footer button:last-child {
  border-color: #7557d5;
  color: #fff;
  background: #7557d5;
}

.toolbox-body .tb-template-creator-empty {
  display: grid;
  min-height: 360px;
  place-items: center;
  align-content: center;
  gap: 10px;
  padding: 40px;
  text-align: center;
}

@media (max-width: 1180px) {
  .toolbox-body .tb-popular-templates > div {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .toolbox-body .tb-template-creator > header,
  .toolbox-body .tb-template-creator-form,
  .toolbox-body .tb-popular-templates {
    padding-right: 16px;
    padding-left: 16px;
  }

  .toolbox-body .tb-template-creator > header,
  .toolbox-body .tb-popular-templates > header {
    align-items: flex-start;
  }

  .toolbox-body .tb-template-creator > header h3 {
    font-size: 19px;
  }

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

  .toolbox-body .tb-selected-template > img {
    width: 66px;
    height: 82px;
  }

  .toolbox-body .tb-selected-template-actions {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .toolbox-body .tb-selected-template-actions :where(button, a) {
    min-height: 42px;
  }

  .toolbox-body .tb-template-mode-row label {
    flex: 1 1 0;
  }

  .toolbox-body .tb-template-mode-row label > span {
    min-height: 54px;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
  }

  .toolbox-body .tb-template-branch-fields,
  .toolbox-body .tb-template-creator-options {
    grid-template-columns: 1fr;
  }

  .toolbox-body .tb-popular-templates > header > a {
    flex: 0 0 auto;
  }

  .toolbox-body .tb-popular-templates > div {
    display: flex;
    overflow-x: auto;
    gap: 9px;
    padding: 2px 1px 8px;
    scroll-snap-type: x proximity;
  }

  .toolbox-body .tb-popular-template-card {
    flex: 0 0 154px;
    scroll-snap-align: start;
  }

  .toolbox-body .tb-popular-template-card footer button {
    min-height: 42px;
    padding: 0 6px;
  }
}

.toolbox-body .tb-product-upload-panel {
  align-self: start;
}

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

.toolbox-body .tb-product-submit {
  grid-template-columns: minmax(0, 1fr) 100px minmax(240px, auto);
}

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

/* 20260717persona: final generation-context and product-note frontend contract */
.toolbox-body.tb-context-editor-is-open {
  overflow: hidden;
}

.toolbox-body .tb-generation-context {
  position: relative;
  z-index: 12;
  display: grid;
  min-width: 0;
  gap: 10px;
  margin: 0 0 12px;
  padding: 12px;
  border: 1px solid #e1e4ec;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(30, 35, 48, .045);
  color: #252936;
}

.toolbox-body .tb-generation-context > header {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.toolbox-body .tb-generation-context > header > div {
  display: flex;
  min-width: 0;
  align-items: baseline;
  gap: 9px;
}

.toolbox-body .tb-generation-context > header span {
  color: #7257f4;
  font-size: 12px;
  font-weight: 800;
}

.toolbox-body .tb-generation-context > header strong {
  color: #252936;
  font-size: 14px;
  font-weight: 800;
}

.toolbox-body .tb-generation-context > header small {
  flex: 0 0 auto;
  color: #7a8190;
  font-size: 11px;
}

.toolbox-body .tb-generation-context-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.toolbox-body .tb-context-picker {
  position: relative;
  min-width: 0;
}

.toolbox-body .tb-context-picker > summary {
  display: flex;
  min-height: 48px;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 12px;
  border: 1px solid #dfe3eb;
  border-radius: 7px;
  background: #fafbfe;
  color: #353b49;
  cursor: pointer;
  list-style: none;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

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

.toolbox-body .tb-context-picker > summary:hover,
.toolbox-body .tb-context-picker[open] > summary {
  border-color: #8a72f6;
  background: #f8f6ff;
  box-shadow: 0 0 0 3px rgba(114, 87, 244, .09);
}

.toolbox-body .tb-context-picker > summary:focus-visible {
  outline: 3px solid rgba(114, 87, 244, .2);
  outline-offset: 2px;
}

.toolbox-body .tb-context-picker > summary > span {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  color: #303645;
  font-size: 13px;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-context-picker > summary > span i {
  display: grid;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  place-items: center;
  border-radius: 6px;
  background: #eeeaff;
  color: #674ee0;
  font-size: 14px;
}

.toolbox-body .tb-context-picker > summary > em {
  flex: 0 0 auto;
  color: #7257f4;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.toolbox-body .tb-context-picker-menu {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 70;
  display: grid;
  width: 100%;
  min-width: 320px;
  max-height: 330px;
  gap: 5px;
  padding: 7px;
  overflow-y: auto;
  border: 1px solid #dfe2eb;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 46px rgba(35, 39, 52, .16);
}

.toolbox-body .tb-context-option {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 6px;
  min-height: 54px;
  padding: 5px 6px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: #fff;
}

.toolbox-body .tb-context-option:has(input:checked) {
  border-color: #cfc5ff;
  background: #f7f5ff;
}

.toolbox-body .tb-context-option > label {
  display: flex;
  min-width: 0;
  min-height: 44px;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.toolbox-body .tb-context-option input {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  accent-color: #7257f4;
}

.toolbox-body .tb-context-option input:focus-visible {
  outline: 3px solid rgba(114, 87, 244, .2);
  outline-offset: 2px;
}

.toolbox-body .tb-context-option > label > span {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.toolbox-body .tb-context-option strong,
.toolbox-body .tb-context-option small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-context-option strong {
  color: #303542;
  font-size: 12px;
  font-weight: 800;
}

.toolbox-body .tb-context-option small {
  color: #858b98;
  font-size: 10px;
}

.toolbox-body .tb-context-option > em {
  border-radius: 4px;
  background: #eeeaff;
  color: #674ee0;
  padding: 3px 6px;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.toolbox-body .tb-context-option-edit {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #687080;
  cursor: pointer;
}

.toolbox-body .tb-context-option-edit:hover,
.toolbox-body .tb-context-option-edit:focus-visible {
  background: #ebe7ff;
  color: #6248d8;
  outline: 0;
}

.toolbox-body .tb-context-picker-menu > [data-context-editor-open] {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px dashed #bfb2fb;
  border-radius: 7px;
  background: #faf9ff;
  color: #654bdc;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.toolbox-body .tb-context-picker-menu > [data-context-editor-open]:hover,
.toolbox-body .tb-context-picker-menu > [data-context-editor-open]:focus-visible {
  border-style: solid;
  background: #f0edff;
  outline: 0;
}

.toolbox-body .tb-context-picker-menu > .tb-context-empty {
  display: grid;
  min-height: 88px;
  place-content: center;
  gap: 4px;
  width: 100%;
  border: 0;
  border-radius: 7px;
  background: #f7f8fb;
  color: #565d6b;
  padding: 12px;
  text-align: center;
  cursor: pointer;
}

.toolbox-body .tb-context-empty strong {
  color: #333946;
  font-size: 12px;
}

.toolbox-body .tb-context-empty span {
  color: #808795;
  font-size: 10px;
}

.toolbox-body .tb-context-selected {
  display: flex;
  min-height: 32px;
  min-width: 0;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.toolbox-body .tb-context-chip {
  display: inline-flex;
  min-height: 36px;
  max-width: 240px;
  align-items: center;
  gap: 6px;
  padding: 6px 9px;
  border: 1px solid #ded9f5;
  border-radius: 6px;
  background: #f8f7fd;
  color: #474d5b;
  font-size: 11px;
  font-weight: 750;
  cursor: pointer;
}

.toolbox-body .tb-context-chip.primary {
  border-color: #c8bcff;
  background: #f1eeff;
  color: #5e45d3;
}

.toolbox-body .tb-context-chip > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-context-chip > em {
  border-radius: 3px;
  background: #7257f4;
  color: #fff;
  padding: 1px 4px;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.toolbox-body .tb-context-chip:hover,
.toolbox-body .tb-context-chip:focus-visible {
  border-color: #9e8cf7;
  outline: 3px solid rgba(114, 87, 244, .12);
  outline-offset: 1px;
}

.toolbox-body .tb-context-selection-empty {
  color: #8a909d;
  font-size: 11px;
}

.toolbox-body .tb-context-feedback {
  min-height: 0;
  margin: 0;
  color: #737a88;
  font-size: 11px;
}

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

.toolbox-body .tb-context-feedback.error {
  color: #c53d35;
}

.toolbox-body .tb-context-feedback.ok {
  color: #188557;
}

.toolbox-body .tb-context-editor-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1090;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: rgba(27, 30, 39, .48);
  cursor: default;
}

.toolbox-body .tb-context-editor {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1100;
  display: flex;
  width: min(560px, 94vw);
  height: 100dvh;
  flex-direction: column;
  border: 0;
  border-left: 1px solid #e0e3eb;
  background: #fff;
  box-shadow: -22px 0 58px rgba(26, 29, 39, .18);
  color: #262b36;
}

.toolbox-body .tb-context-editor[hidden],
.toolbox-body .tb-context-editor-backdrop[hidden] {
  display: none !important;
}

.toolbox-body .tb-context-editor > header {
  display: flex;
  min-height: 68px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 20px;
  border-bottom: 1px solid #e8eaf0;
  background: #fff;
}

.toolbox-body .tb-context-editor > header strong {
  color: #252a35;
  font-size: 17px;
}

.toolbox-body .tb-context-editor > header button {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 0;
  border-radius: 7px;
  background: #f4f5f8;
  color: #4e5562;
  cursor: pointer;
}

.toolbox-body .tb-context-editor-fields {
  display: grid;
  min-height: 0;
  flex: 1 1 auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  gap: 14px;
  padding: 20px;
  overflow-y: auto;
  background: #fafbfc;
}

.toolbox-body .tb-context-editor-fields > label {
  display: grid;
  min-width: 0;
  align-content: start;
  gap: 7px;
  color: #3d4350;
  font-size: 12px;
  font-weight: 800;
}

.toolbox-body .tb-context-editor-fields > label:has(textarea) {
  grid-column: 1 / -1;
}

.toolbox-body .tb-context-editor-fields :where(input, textarea, select) {
  width: 100%;
  min-height: 44px;
  border: 1px solid #d9dde7;
  border-radius: 7px;
  background: #fff;
  color: #282e39;
  padding: 10px 11px;
  font-size: 13px;
  line-height: 1.55;
  resize: vertical;
}

.toolbox-body .tb-context-editor-fields :where(input, textarea, select):focus {
  border-color: #8068ee;
  box-shadow: 0 0 0 3px rgba(114, 87, 244, .12);
  outline: 0;
}

.toolbox-body .tb-context-editor > footer {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  justify-content: end;
  gap: 8px;
  padding: 12px 20px calc(12px + env(safe-area-inset-bottom));
  border-top: 1px solid #e6e8ef;
  background: #fff;
}

.toolbox-body .tb-context-editor > footer .tb-btn {
  min-height: 44px;
  border-radius: 7px;
}

.toolbox-body .tb-context-editor > footer .primary {
  background: #7257f4;
  box-shadow: 0 7px 18px rgba(114, 87, 244, .22);
}

.toolbox-body .tb-context-editor > footer .tb-status {
  min-width: 0;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-product-note-page.tb-product-note-compact {
  padding: 12px;
  border-color: #e2e5ec;
  background: #f6f7fa;
}

.toolbox-body .tb-product-note-compact .tb-product-note-hero {
  padding: 15px 18px;
}

.toolbox-body .tb-product-note-compact .tb-product-note-layout {
  grid-template-columns: minmax(0, 1fr) 270px;
  gap: 10px;
}

.toolbox-body .tb-product-note-compact .tb-product-note-form {
  padding: 12px;
}

.toolbox-body .tb-product-note-compact .tb-product-note-segmented {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-bottom: 9px;
}

.toolbox-body .tb-product-note-compact .tb-product-note-segmented span {
  display: grid;
  min-height: 72px;
  align-content: center;
  gap: 2px;
  padding: 9px 12px;
  border: 1px solid #dfe3eb;
  border-radius: 7px;
  background: #fff;
}

.toolbox-body .tb-product-note-compact .tb-product-note-segmented input:checked + span {
  border-color: #7257f4;
  background: #f4f1ff;
  box-shadow: 0 0 0 2px rgba(114, 87, 244, .09);
}

.toolbox-body .tb-product-note-compact .tb-product-note-segmented b {
  color: #2d3240;
  font-size: 13px;
}

.toolbox-body .tb-product-note-compact .tb-product-note-segmented em,
.toolbox-body .tb-product-note-compact .tb-product-note-segmented small {
  color: #777f8e;
  font-size: 10px;
  line-height: 1.35;
}

.toolbox-body .tb-product-note-compact .tb-product-note-segmented i {
  top: 7px;
  right: 7px;
  background: #fff1ea;
  color: #c75122;
}

.toolbox-body .tb-product-note-compact .tb-product-note-card {
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 10px;
}

.toolbox-body .tb-product-note-compact [data-compact-upload] {
  width: 100%;
  max-width: 260px;
  padding: 10px;
}

.toolbox-body .tb-product-note-compact [data-compact-upload] .tb-upload-drop {
  min-height: 160px;
  padding: 14px 10px;
}

.toolbox-body .tb-product-note-compact [data-compact-upload] .tb-product-rule {
  margin-top: 8px;
  padding: 10px;
}

.toolbox-body .tb-product-note-compact .tb-product-main-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.toolbox-body .tb-product-note-compact .tb-product-main-fields .tb-field {
  gap: 5px;
}

.toolbox-body .tb-product-note-compact .tb-product-main-fields .tb-field > span {
  color: #454c5b;
  font-size: 11px;
  font-weight: 800;
}

.toolbox-body .tb-product-note-compact .tb-product-main-fields textarea,
.toolbox-body .tb-product-note-compact .tb-product-main-fields select {
  min-height: 44px;
  border-color: #dce0e8;
  border-radius: 7px;
  background: #fff;
  color: #2d3340;
  font-size: 12px;
}

.toolbox-body .tb-product-note-compact .tb-product-submit {
  grid-template-columns: minmax(190px, 1fr) auto auto minmax(220px, auto);
  margin-top: 10px;
  padding: 9px;
  border-radius: 7px;
}

.toolbox-body .tb-product-note-compact .tb-product-submit .tb-btn {
  min-height: 48px;
  background: #7257f4;
  box-shadow: 0 7px 18px rgba(114, 87, 244, .2);
}

.toolbox-body .tb-product-note-compact .tb-product-note-side {
  padding: 10px;
}

.toolbox-body .tb-product-note-compact .tb-product-sample-grid article {
  grid-template-columns: 56px minmax(0, 1fr);
}

.toolbox-body .tb-product-note-compact .tb-product-sample-grid img {
  width: 56px;
  height: 56px;
}

@media (max-width: 1080px) {
  .toolbox-body .tb-product-note-compact .tb-product-note-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .toolbox-body .tb-product-note-compact .tb-product-note-side {
    display: grid;
    grid-template-columns: minmax(180px, .7fr) minmax(0, 1.3fr);
    gap: 10px;
  }

  .toolbox-body .tb-product-note-compact .tb-product-note-side > header,
  .toolbox-body .tb-product-note-compact .tb-product-note-side > .tb-product-rule {
    grid-column: 1 / -1;
  }
}

@media (max-width: 680px) {
  .toolbox-body .tb-generation-context {
    padding: 10px;
  }

  .toolbox-body .tb-generation-context > header,
  .toolbox-body .tb-generation-context > header > div {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }

  .toolbox-body .tb-generation-context > header small {
    display: none;
  }

  .toolbox-body .tb-generation-context-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .toolbox-body .tb-context-picker-menu {
    min-width: 0;
    max-height: min(52vh, 390px);
  }

  .toolbox-body .tb-context-chip {
    min-height: 44px;
    max-width: 100%;
  }

  .toolbox-body .tb-context-editor {
    width: 100%;
    max-width: none;
    border-left: 0;
  }

  .toolbox-body .tb-context-editor-fields {
    grid-template-columns: minmax(0, 1fr);
    padding: 14px;
  }

  .toolbox-body .tb-context-editor-fields > label:has(textarea) {
    grid-column: auto;
  }

  .toolbox-body .tb-context-editor > footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
  }

  .toolbox-body .tb-context-editor > footer .tb-btn {
    width: 100%;
  }

  .toolbox-body .tb-context-editor > footer .tb-status {
    grid-column: 1 / -1;
  }

  .toolbox-body .tb-product-note-page.tb-product-note-compact {
    padding: 8px;
  }

  .toolbox-body .tb-product-note-compact .tb-product-note-hero {
    padding: 12px;
  }

  .toolbox-body .tb-product-note-compact .tb-product-note-hero h3 {
    font-size: 18px;
  }

  .toolbox-body .tb-product-note-compact .tb-product-note-segmented {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .toolbox-body .tb-product-note-compact .tb-product-note-segmented span {
    min-height: 76px;
    padding: 8px 9px;
  }

  .toolbox-body .tb-product-note-compact .tb-product-note-segmented em {
    display: none;
  }

  .toolbox-body .tb-product-note-compact .tb-product-note-card,
  .toolbox-body .tb-product-note-compact .tb-product-main-fields,
  .toolbox-body .tb-product-note-compact .tb-product-submit,
  .toolbox-body .tb-product-note-compact .tb-product-note-side {
    grid-template-columns: minmax(0, 1fr);
  }

  .toolbox-body .tb-product-note-compact [data-compact-upload] {
    max-width: none;
  }

  .toolbox-body .tb-product-note-compact [data-compact-upload] .tb-upload-drop {
    min-height: 150px;
  }

  .toolbox-body .tb-product-note-compact .tb-product-submit label,
  .toolbox-body .tb-product-note-compact .tb-product-submit select,
  .toolbox-body .tb-product-note-compact .tb-product-submit .tb-btn {
    width: 100%;
    min-height: 44px;
    margin-left: 0;
  }
}

* { 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;
  overflow: hidden;
  color: #fff;
  background: #fff;
  border: 1px solid #fed7aa;
  box-shadow: 0 7px 18px rgba(240, 68, 36, .16);
  font-size: 15px;
}
.tb-brand-mark img,
.tb-modal-brand span img,
.tb-auth-bg-brand span img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.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;
  overflow: hidden;
  background: #fff;
  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;
  overflow: hidden;
  background: #fff;
  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-qr-box[data-wechat-qr-box] {
  width: 220px !important;
  height: 220px !important;
  padding: 0 !important;
  overflow: hidden;
}
.tb-qr-box[data-wechat-qr-box] img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  border: 10px solid #fff;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 16px 36px rgba(15, 23, 42, .12);
}
.tb-qr-placeholder {
  display: grid;
  place-items: center;
  width: 220px;
  height: 220px;
  border-radius: 14px;
  background: #f6f3ee;
  color: #ef4d43;
  font-size: 46px;
}
.tb-qr-placeholder.is-loading i {
  animation: tb-qr-spin .8s linear infinite;
}
.tb-qr-refresh {
  display: block;
  min-width: 150px;
  min-height: 40px;
  margin: 14px auto 0;
  border: 1px solid #e1e5eb;
  border-radius: 10px;
  background: #fff;
  color: #303746;
  font-weight: 800;
  cursor: pointer;
}
.tb-qr-refresh[hidden] {
  display: none;
}
@keyframes tb-qr-spin {
  to { transform: rotate(360deg); }
}
.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: 11px;
  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-media {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(132px, 100%), 1fr));
  gap: 8px;
}
.tb-post-media figure {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  background: #f7f8fa;
}
.tb-post-media-preview {
  display: block;
  background: #eef1f5;
}
.tb-post-media-preview img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
}
.tb-post-media-download {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-top: 1px solid #dfe3ea;
  color: #3f4653;
  font-size: 13px;
  font-weight: 850;
}
.tb-post-media-download:hover {
  background: #f0effb;
  color: #4f43b7;
}
.tb-post-media-more {
  min-height: 44px;
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  color: #5548bc;
  font-weight: 800;
}
.tb-tool-result[data-state="partial"] {
  border-left: 4px solid #c9891b;
  border-radius: 8px;
  background: #fffbeb;
  padding: 10px;
}
.tb-status.partial {
  color: #8a5a08;
  font-weight: 850;
}
.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;
  }
}

/* GEO enterprise knowledge assets */
.toolbox-body .tb-geo-assets-workbench {
  --geo-ink: #24313f;
  --geo-muted: #6d7886;
  --geo-line: #dfe5e8;
  --geo-accent: #25705a;
  overflow: visible;
  background: #f6f8f7;
}

.toolbox-body .tb-geo-assets-workbench > header {
  border-bottom: 1px solid var(--geo-line);
  background: #fff;
}

.toolbox-body .tb-geo-assets-workbench > header > div > span {
  color: var(--geo-accent);
}

.toolbox-body .tb-geo-assets-layout {
  min-height: 570px;
  display: grid;
  grid-template-columns: 228px minmax(0, 1fr);
}

.toolbox-body .tb-geo-assets-nav {
  display: grid;
  align-content: start;
  gap: 7px;
  border-right: 1px solid var(--geo-line);
  background: #fbfcfb;
  padding: 16px 12px;
}

.toolbox-body .tb-geo-assets-nav > strong {
  padding: 0 9px 5px;
  color: #89929c;
  font-size: 10px;
  font-weight: 800;
}

.toolbox-body .tb-geo-assets-nav button {
  min-height: 60px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: var(--geo-muted);
  padding: 8px 9px;
  text-align: left;
  cursor: pointer;
}

.toolbox-body .tb-geo-assets-nav button:hover {
  border-color: #d7dfdc;
  background: #fff;
  color: var(--geo-ink);
}

.toolbox-body .tb-geo-assets-nav button.active {
  border-color: #bdd2ca;
  background: #eaf3ef;
  color: #205e4b;
  box-shadow: inset 3px 0 #2c7a61;
}

.toolbox-body .tb-geo-assets-nav button > i {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 5px;
  background: #eef1f2;
  font-size: 15px;
}

.toolbox-body .tb-geo-assets-nav button.active > i {
  background: #d7ebe3;
}

.toolbox-body .tb-geo-assets-nav button span,
.toolbox-body .tb-geo-assets-nav button b,
.toolbox-body .tb-geo-assets-nav button small {
  min-width: 0;
  display: block;
}

.toolbox-body .tb-geo-assets-nav button b {
  color: inherit;
  font-size: 11px;
}

.toolbox-body .tb-geo-assets-nav button small {
  overflow: hidden;
  margin-top: 2px;
  color: #89939d;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-geo-assets-nav button em {
  min-width: 24px;
  border-radius: 10px;
  background: #e8ecee;
  color: #707b86;
  padding: 2px 6px;
  font-size: 11px;
  font-style: normal;
  text-align: center;
}

.toolbox-body .tb-geo-assets-main {
  min-width: 0;
  padding: 16px;
}

.toolbox-body .tb-geo-assets-toolbar {
  min-height: 46px;
  display: grid;
  grid-template-columns: minmax(220px, 420px) auto;
  justify-content: space-between;
  gap: 12px;
}

.toolbox-body .tb-geo-assets-toolbar > label {
  min-height: 44px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  border: 1px solid #d7dfe2;
  border-radius: 6px;
  background: #fff;
}

.toolbox-body .tb-geo-assets-toolbar > label i {
  color: #89939e;
  text-align: center;
}

.toolbox-body .tb-geo-assets-toolbar input {
  min-width: 0;
  height: 42px;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--geo-ink);
  padding: 0 11px 0 0;
  font: inherit;
  font-size: 11px;
}

.toolbox-body .tb-geo-assets-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 13px;
}

.toolbox-body .tb-geo-assets-list article {
  min-width: 0;
  min-height: 184px;
  display: flex;
  flex-direction: column;
  border: 1px solid #dce3e5;
  border-radius: 7px;
  background: #fff;
  padding: 14px;
  box-shadow: 0 5px 16px rgba(39, 57, 66, .04);
}

.toolbox-body .tb-geo-assets-list article:hover {
  border-color: #baccc5;
  box-shadow: 0 9px 22px rgba(39, 57, 66, .08);
}

.toolbox-body .tb-geo-assets-list article[hidden] {
  display: none;
}

.toolbox-body .tb-geo-assets-list article > header,
.toolbox-body .tb-geo-assets-list article > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.toolbox-body .tb-geo-assets-list article > header span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--geo-accent);
  font-size: 10px;
  font-weight: 800;
}

.toolbox-body .tb-geo-assets-list article > header em {
  overflow: hidden;
  max-width: 45%;
  border: 1px solid #e0e5e7;
  border-radius: 3px;
  color: #7e8994;
  padding: 3px 6px;
  font-size: 11px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-geo-assets-list h4 {
  margin: 11px 0 6px;
  color: var(--geo-ink);
  font-size: 13px;
}

.toolbox-body .tb-geo-assets-list p {
  display: -webkit-box;
  overflow: hidden;
  margin: 0 0 12px;
  color: var(--geo-muted);
  font-size: 10px;
  line-height: 1.7;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.toolbox-body .tb-geo-assets-list footer {
  margin-top: auto;
  border-top: 1px solid #edf0f1;
  padding-top: 10px;
}

.toolbox-body .tb-geo-assets-list footer small {
  overflow: hidden;
  color: #919aa3;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-geo-assets-list footer button {
  min-width: 70px;
  min-height: 34px;
  flex: 0 0 auto;
  border: 1px solid #cbd8d3;
  border-radius: 5px;
  background: #f7faf9;
  color: #296b56;
  font: inherit;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.toolbox-body .tb-geo-assets-empty {
  min-height: 330px;
  display: grid;
  place-content: center;
  justify-items: center;
  margin-top: 13px;
  border: 1px dashed #cfd9d5;
  border-radius: 7px;
  background: #fbfcfc;
  color: var(--geo-muted);
  text-align: center;
}

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

.toolbox-body .tb-geo-assets-empty > i {
  margin-bottom: 9px;
  color: #6f9989;
  font-size: 28px;
}

.toolbox-body .tb-geo-assets-empty strong {
  color: var(--geo-ink);
  font-size: 13px;
}

.toolbox-body .tb-geo-assets-empty p {
  margin: 6px 0 14px;
  font-size: 10px;
}

body.tb-dialog-open {
  overflow: hidden;
}

.toolbox-body .tb-geo-asset-dialog {
  position: fixed;
  z-index: 1200;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 18px;
}

.toolbox-body .tb-geo-asset-dialog[hidden] {
  display: none;
}

.toolbox-body .tb-geo-asset-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(24, 34, 39, .54);
  backdrop-filter: blur(3px);
}

.toolbox-body .tb-geo-asset-dialog > section {
  position: relative;
  width: min(680px, 100%);
  max-height: min(760px, calc(100vh - 36px));
  overflow: auto;
  border: 1px solid #d9e0e2;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(18, 29, 35, .24);
}

.toolbox-body .tb-geo-asset-dialog > section > header {
  position: sticky;
  z-index: 2;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--geo-line);
  background: rgba(255, 255, 255, .97);
  padding: 14px 16px;
}

.toolbox-body .tb-geo-asset-dialog header span {
  color: var(--geo-accent);
  font-size: 11px;
  font-weight: 800;
}

.toolbox-body .tb-geo-asset-dialog header h4 {
  margin: 2px 0 0;
  color: var(--geo-ink);
  font-size: 16px;
}

.toolbox-body .tb-geo-asset-dialog header > button {
  width: 44px;
  height: 44px;
  border: 1px solid #dfe5e7;
  border-radius: 6px;
  background: #f8f9f9;
  color: #65717b;
  cursor: pointer;
}

.toolbox-body .tb-geo-asset-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
  padding: 16px;
}

.toolbox-body .tb-geo-asset-fields label {
  min-width: 0;
  display: grid;
  gap: 6px;
  color: #52606b;
  font-size: 10px;
  font-weight: 800;
}

.toolbox-body .tb-geo-asset-fields label.wide {
  grid-column: 1 / -1;
}

.toolbox-body .tb-geo-asset-fields label span b {
  color: #cc563f;
}

.toolbox-body .tb-geo-asset-fields input,
.toolbox-body .tb-geo-asset-fields select,
.toolbox-body .tb-geo-asset-fields textarea {
  width: 100%;
  min-height: 44px;
  border: 1px solid #d7dfe2;
  border-radius: 6px;
  outline: 0;
  background: #fff;
  color: #293844;
  padding: 9px 10px;
  font: inherit;
  font-size: 11px;
  line-height: 1.55;
}

.toolbox-body .tb-geo-asset-fields textarea {
  resize: vertical;
}

.toolbox-body .tb-geo-asset-fields input:focus,
.toolbox-body .tb-geo-asset-fields select:focus,
.toolbox-body .tb-geo-asset-fields textarea:focus {
  border-color: #4d8a75;
  box-shadow: 0 0 0 3px rgba(44, 122, 97, .12);
}

.toolbox-body .tb-geo-asset-fields label > small {
  color: #84909a;
  font-size: 11px;
  font-weight: 500;
}

.toolbox-body form[data-geo-asset-form] > footer {
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  border-top: 1px solid var(--geo-line);
  background: rgba(252, 253, 253, .98);
  padding: 12px 16px;
}

.toolbox-body form[data-geo-asset-form] > footer [data-geo-asset-delete] {
  margin-right: auto;
}

.toolbox-body form[data-geo-asset-form] > footer .tb-status {
  margin-right: auto;
}

.toolbox-body .tb-geo-article-assets {
  min-width: 0;
  border: 1px solid #dce3e5;
  border-radius: 7px;
  background: #f9fbfa;
  padding: 11px;
}

.toolbox-body .tb-geo-article-assets legend {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #52606c;
  font-size: 10px;
  font-weight: 800;
}

.toolbox-body .tb-geo-article-assets legend span b {
  width: 20px;
  height: 20px;
  display: inline-grid;
  place-items: center;
  margin-right: 6px;
  border-radius: 50%;
  background: #2d765f;
  color: #fff;
  font-size: 11px;
}

.toolbox-body .tb-geo-article-assets legend small,
.toolbox-body .tb-geo-article-assets > em {
  color: #7e8992;
  font-size: 11px;
  font-style: normal;
}

.toolbox-body .tb-geo-article-assets > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  max-height: 220px;
  overflow: auto;
  margin: 10px 0 7px;
}

.toolbox-body .tb-geo-article-asset {
  position: relative;
  min-width: 0;
}

.toolbox-body .tb-geo-article-asset input {
  position: absolute;
  opacity: 0;
}

.toolbox-body .tb-geo-article-asset > span {
  min-height: 54px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  border: 1px solid #dce3e5;
  border-radius: 5px;
  background: #fff;
  color: #5d6974;
  padding: 7px;
  cursor: pointer;
}

.toolbox-body .tb-geo-article-asset input:checked + span {
  border-color: #4f8d77;
  background: #eaf4f0;
  color: #245e4b;
  box-shadow: inset 3px 0 #2c7a61;
}

.toolbox-body .tb-geo-article-asset input:focus-visible + span {
  outline: 3px solid rgba(44, 122, 97, .18);
  outline-offset: 1px;
}

.toolbox-body .tb-geo-article-asset i {
  grid-row: 1 / 3;
  text-align: center;
}

.toolbox-body .tb-geo-article-asset b,
.toolbox-body .tb-geo-article-asset small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-geo-article-asset b {
  font-size: 10px;
}

.toolbox-body .tb-geo-article-asset small {
  color: #87919b;
  font-size: 11px;
}

.toolbox-body .tb-geo-article-assets-empty {
  grid-column: 1 / -1;
  min-height: 74px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  border: 1px dashed #ccd7d3;
  border-radius: 6px;
  background: #fff;
  padding: 10px;
}

.toolbox-body .tb-geo-article-assets-empty span,
.toolbox-body .tb-geo-article-assets-empty b,
.toolbox-body .tb-geo-article-assets-empty small {
  display: block;
}

.toolbox-body .tb-geo-article-assets-empty b {
  color: #35434e;
  font-size: 10px;
}

.toolbox-body .tb-geo-article-assets-empty small {
  margin-top: 2px;
  color: #84909a;
  font-size: 11px;
}

.toolbox-body .tb-geo-article-assets-empty a {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #c9d8d2;
  border-radius: 5px;
  color: #286b55;
  padding: 0 10px;
  font-size: 10px;
  font-weight: 800;
}

.toolbox-body .tb-geo-traffic-boundary {
  min-height: 48px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border-top: 1px solid #dfe5e8;
  background: #f8faf9;
  padding: 10px 16px;
}

.toolbox-body .tb-geo-traffic-boundary span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #28705a;
  font-size: 10px;
  font-weight: 800;
}

.toolbox-body .tb-geo-traffic-boundary p {
  margin: 0;
  color: #76818c;
  font-size: 10px;
  line-height: 1.55;
}

.toolbox-body .tb-geo-traffic-boundary strong {
  color: #273642;
  font-size: 11px;
}

.toolbox-body .tb-geo-traffic-parse-form label > small {
  display: block;
  margin-top: 5px;
  color: #7f8994;
  font-size: 11px;
}

.toolbox-body .tb-geo-traffic-ready {
  display: grid;
  gap: 12px;
  padding: 13px;
  text-align: left;
}

.toolbox-body .tb-geo-traffic-ready > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid #e2e7e9;
  padding-bottom: 10px;
}

.toolbox-body .tb-geo-traffic-ready > header strong,
.toolbox-body .tb-geo-traffic-ready > header span {
  display: block;
}

.toolbox-body .tb-geo-traffic-ready > header strong {
  color: #263641;
  font-size: 12px;
}

.toolbox-body .tb-geo-traffic-ready > header span {
  margin-top: 3px;
  color: #7d8892;
  font-size: 11px;
}

.toolbox-body .tb-geo-traffic-ready > header em {
  flex: 0 0 auto;
  border-radius: 4px;
  background: #e8f4ef;
  color: #267159;
  padding: 5px 8px;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.toolbox-body .tb-geo-traffic-ready details {
  border: 1px solid #dce3e5;
  border-radius: 6px;
  background: #fff;
}

.toolbox-body .tb-geo-traffic-ready summary {
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 0 11px;
  color: #4d5b66;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.toolbox-body .tb-geo-traffic-ready pre {
  max-height: 210px;
  overflow: auto;
  margin: 0;
  border-top: 1px solid #e5e9eb;
  background: #f8faf9;
  color: #4b5965;
  padding: 11px;
  font: inherit;
  font-size: 10px;
  line-height: 1.7;
  white-space: pre-wrap;
}

.toolbox-body .tb-geo-traffic-failures {
  border: 1px solid #e7c7bd;
  border-radius: 6px;
  background: #fff7f4;
  color: #7b493d;
  padding: 10px 12px;
}

.toolbox-body .tb-geo-traffic-failures strong {
  display: block;
  margin-bottom: 5px;
  font-size: 10px;
}

.toolbox-body .tb-geo-traffic-failures ul {
  display: grid;
  gap: 3px;
  margin: 0;
  padding-left: 16px;
  font-size: 11px;
  line-height: 1.55;
}

.toolbox-body .tb-geo-traffic-analysis {
  display: grid;
  gap: 10px;
}

.toolbox-body .tb-geo-traffic-analysis > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.toolbox-body .tb-geo-traffic-analysis > header strong,
.toolbox-body .tb-geo-traffic-analysis > header span {
  display: block;
}

.toolbox-body .tb-geo-traffic-analysis > header strong {
  color: #263641;
  font-size: 12px;
}

.toolbox-body .tb-geo-traffic-analysis > header span {
  margin-top: 3px;
  color: #7c8790;
  font-size: 11px;
}

.toolbox-body .tb-geo-traffic-analysis > header em {
  flex: 0 0 auto;
  border: 1px solid #cfe0d9;
  border-radius: 4px;
  background: #edf6f2;
  color: #267159;
  padding: 5px 8px;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.toolbox-body .tb-geo-traffic-analysis > div {
  display: grid;
  gap: 9px;
}

.toolbox-body .tb-geo-traffic-analysis-card {
  overflow: hidden;
  border: 1px solid #dbe2e4;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 5px 16px rgba(39, 54, 66, .055);
}

.toolbox-body .tb-geo-traffic-analysis-card > header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 5px 8px;
  border-bottom: 1px solid #e6eaec;
  background: #f7f9f8;
  padding: 10px 11px;
}

.toolbox-body .tb-geo-traffic-analysis-card > header span {
  grid-row: 1 / 3;
  align-self: stretch;
  display: inline-grid;
  place-items: center;
  border-radius: 4px;
  background: #2d765f;
  color: #fff;
  padding: 0 7px;
  font-size: 11px;
  font-weight: 800;
}

.toolbox-body .tb-geo-traffic-analysis-card > header strong {
  min-width: 0;
  overflow: hidden;
  color: #263641;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-geo-traffic-analysis-card > header small {
  color: #87919a;
  font-size: 8px;
}

.toolbox-body .tb-geo-traffic-analysis-card > section {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 9px;
  border-bottom: 1px solid #edf0f1;
  padding: 9px 11px;
}

.toolbox-body .tb-geo-traffic-analysis-card b,
.toolbox-body .tb-geo-traffic-analysis-card > footer b {
  color: #65717a;
  font-size: 11px;
}

.toolbox-body .tb-geo-traffic-keywords {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.toolbox-body .tb-geo-traffic-keywords span {
  border-radius: 3px;
  background: #edf4f1;
  color: #356b59;
  padding: 3px 6px;
  font-size: 8px;
}

.toolbox-body .tb-geo-traffic-analysis-card ol {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.toolbox-body .tb-geo-traffic-analysis-card li {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 7px;
}

.toolbox-body .tb-geo-traffic-analysis-card li span {
  color: #2d765f;
  font-size: 8px;
  font-weight: 800;
}

.toolbox-body .tb-geo-traffic-analysis-card li p {
  margin: 0;
  color: #5e6973;
  font-size: 11px;
  line-height: 1.55;
}

.toolbox-body .tb-geo-traffic-analysis-card > footer {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 9px;
  padding: 9px 11px;
}

.toolbox-body .tb-geo-traffic-analysis-card > footer span {
  color: #5e6973;
  font-size: 11px;
}

.toolbox-body .tb-geo-traffic-originality {
  min-height: 54px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  border: 1px solid #cfe0d9;
  border-radius: 6px;
  background: #edf6f2;
  color: #27654f;
  padding: 9px;
}

.toolbox-body .tb-geo-traffic-originality > i {
  font-size: 17px;
  text-align: center;
}

.toolbox-body .tb-geo-traffic-originality b,
.toolbox-body .tb-geo-traffic-originality small {
  display: block;
}

.toolbox-body .tb-geo-traffic-originality b {
  font-size: 10px;
}

.toolbox-body .tb-geo-traffic-originality small {
  margin-top: 3px;
  color: #688477;
  font-size: 11px;
}

.toolbox-body .tb-geo-traffic-generation-form {
  display: grid;
  gap: 11px;
}

.toolbox-body .tb-geo-traffic-generation-form > label {
  display: grid;
  gap: 6px;
}

.toolbox-body .tb-geo-traffic-generation-form > label > span {
  color: #4f5d68;
  font-size: 10px;
  font-weight: 800;
}

.toolbox-body .tb-geo-traffic-generation-form > label > span b {
  width: 20px;
  height: 20px;
  display: inline-grid;
  place-items: center;
  margin-right: 5px;
  border-radius: 50%;
  background: #2d765f;
  color: #fff;
  font-size: 11px;
}

.toolbox-body .tb-geo-traffic-generation-form > label > span em {
  color: #cc563f;
  font-style: normal;
}

.toolbox-body .tb-geo-traffic-generation-form textarea,
.toolbox-body .tb-geo-traffic-generation-form input,
.toolbox-body .tb-geo-traffic-generation-form select {
  width: 100%;
  min-height: 44px;
  border: 1px solid #d9e0e3;
  border-radius: 6px;
  outline: 0;
  background: #fff;
  padding: 9px 10px;
  font: inherit;
  font-size: 10px;
  line-height: 1.55;
}

.toolbox-body .tb-geo-traffic-generation-form textarea:focus,
.toolbox-body .tb-geo-traffic-generation-form input:focus,
.toolbox-body .tb-geo-traffic-generation-form select:focus {
  border-color: #4d8a75;
  box-shadow: 0 0 0 3px rgba(44, 122, 97, .12);
}

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

  .toolbox-body .tb-geo-assets-nav {
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    overflow-x: auto;
    border-right: 0;
    border-bottom: 1px solid var(--geo-line);
  }

  .toolbox-body .tb-geo-assets-nav > strong {
    display: none;
  }
}

@media (max-width: 620px) {
  .toolbox-body .tb-geo-assets-main {
    padding: 10px;
  }

  .toolbox-body .tb-geo-assets-toolbar,
  .toolbox-body .tb-geo-assets-list,
  .toolbox-body .tb-geo-article-assets > div,
  .toolbox-body .tb-geo-asset-fields {
    grid-template-columns: minmax(0, 1fr);
  }

  .toolbox-body .tb-geo-assets-toolbar .tb-btn {
    width: 100%;
  }

  .toolbox-body .tb-geo-assets-list article {
    min-height: 170px;
  }

  .toolbox-body .tb-geo-asset-dialog {
    align-items: end;
    padding: 0;
  }

  .toolbox-body .tb-geo-asset-dialog > section {
    width: 100%;
    max-height: 92vh;
    border-radius: 8px 8px 0 0;
  }

  .toolbox-body .tb-geo-asset-fields label.wide {
    grid-column: auto;
  }

  .toolbox-body form[data-geo-asset-form] > footer {
    flex-wrap: wrap;
  }

  .toolbox-body form[data-geo-asset-form] > footer .tb-status {
    width: 100%;
    order: -1;
  }

  .toolbox-body .tb-geo-article-assets legend {
    align-items: flex-start;
    flex-direction: column;
  }

  .toolbox-body .tb-geo-traffic-boundary {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .toolbox-body .tb-geo-traffic-boundary p {
    grid-column: 1 / -1;
    grid-row: 2;
  }
}

.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;
  }
}

/* Image-backed template and logo interaction styles. */
.toolbox-body .tb-template-similar-note {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 18px 14px;
  border: 1px solid #cdd8ff;
  border-radius: 8px;
  background: #f6f8ff;
  color: #344054;
  padding: 11px 13px;
  font-size: 12px;
  line-height: 1.55;
}
.toolbox-body .tb-template-similar-note i {
  color: #5b52d6;
  font-size: 15px;
}

.toolbox-body :where(.tb-template-market-studio, .tb-visual-template-list, .tb-grid-note-templates, .tb-logo-gallery, .tb-example-image-strip) :where(.tb-example-source, .tb-template-source, .tb-license-meta, [data-source-meta], [data-license-meta]) {
  display: none !important;
}

.toolbox-body .tb-logo-gallery {
  min-height: 0;
  border: 1px solid #d8dde6;
  border-radius: 8px;
  background: #f7f8fa;
  padding: 16px;
  box-shadow: 0 12px 28px rgba(28, 35, 50, .08);
}
.toolbox-body .tb-logo-gallery > header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}
.toolbox-body .tb-logo-gallery > header strong {
  color: #1d2430;
  font-size: 17px;
  line-height: 1.3;
}
.toolbox-body .tb-logo-gallery > header span {
  color: #667085;
  font-size: 12px;
}
.toolbox-body .tb-logo-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 7px;
  margin-bottom: 14px;
  padding-bottom: 5px;
  overflow-x: auto;
  scrollbar-width: thin;
}
.toolbox-body .tb-logo-tabs button {
  flex: 0 0 auto;
  min-height: 34px;
  border: 1px solid #d8dde6;
  border-radius: 7px;
  background: #fff;
  color: #4b5565;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.toolbox-body .tb-logo-tabs button:is(:hover, :focus-visible) {
  border-color: #8d83ee;
  color: #5147c7;
  outline: none;
}
.toolbox-body .tb-logo-tabs button.active {
  border-color: #5d55d9;
  background: #5d55d9;
  color: #fff;
  box-shadow: 0 5px 12px rgba(93, 85, 217, .2);
}
.toolbox-body .tb-logo-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.toolbox-body .tb-logo-card-grid article {
  min-width: 0;
  min-height: 0;
  border: 1px solid #d8dde6;
  border-radius: 8px;
  background: #fff;
  padding: 8px;
  display: grid;
  grid-template-rows: auto auto;
  align-content: start;
  justify-items: stretch;
  gap: 9px;
  text-align: left;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 14px rgba(28, 35, 50, .06);
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.toolbox-body .tb-logo-card-grid article[hidden] {
  display: none !important;
}
.toolbox-body .tb-logo-card-grid article:is(:hover, :focus-within, :focus-visible) {
  border-color: #8d83ee;
  box-shadow: 0 12px 24px rgba(28, 35, 50, .12);
  transform: translateY(-2px);
  outline: none;
}
.toolbox-body .tb-logo-card-grid article.selected {
  border-color: #5d55d9;
  box-shadow: 0 0 0 2px rgba(93, 85, 217, .13), 0 12px 24px rgba(28, 35, 50, .12);
}
.toolbox-body .tb-logo-card-grid figure {
  width: 100%;
  aspect-ratio: 1 / 1;
  margin: 0;
  border: 1px solid #e5e8ee;
  border-radius: 6px;
  background: #fff;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.toolbox-body .tb-logo-card-grid figure img {
  width: 86%;
  height: 86%;
  object-fit: contain;
}
.toolbox-body .tb-logo-card-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 0 2px 2px;
}
.toolbox-body .tb-logo-card-copy strong {
  overflow: hidden;
  color: #1d2430;
  font-size: 13px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.toolbox-body .tb-logo-card-copy small {
  overflow: hidden;
  color: #70798a;
  font-size: 11px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.toolbox-body .tb-logo-card-grid article > button {
  position: absolute;
  z-index: 2;
  right: 12px;
  bottom: 12px;
  left: 12px;
  min-height: 38px;
  border: 1px solid rgba(255,255,255,.5);
  border-radius: 7px;
  background: rgba(29, 36, 48, .9);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  opacity: 0;
  transform: translateY(7px);
  transition: opacity .16s ease, transform .16s ease, background .16s ease;
}
.toolbox-body .tb-logo-card-grid article:is(:hover, :focus-within, :focus-visible) > button,
.toolbox-body .tb-logo-card-grid article.selected > button {
  opacity: 1;
  transform: translateY(0);
}
.toolbox-body .tb-logo-card-grid article > button:is(:hover, :focus-visible) {
  background: #5147c7;
  outline: 2px solid #fff;
  outline-offset: 1px;
}

.toolbox-body .tb-visual-template-list > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.toolbox-body .tb-visual-template-card {
  min-width: 0;
  border: 1px solid #d8dde6;
  border-radius: 8px;
  background: #fff;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 14px rgba(28, 35, 50, .06);
}
.toolbox-body .tb-visual-template-card:has(input:checked) {
  border-color: #5d55d9;
  box-shadow: 0 0 0 2px rgba(93, 85, 217, .12);
}
.toolbox-body .tb-visual-template-card > label {
  display: block;
  cursor: pointer;
}
.toolbox-body .tb-visual-template-card > label > input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.toolbox-body .tb-visual-template-card > label > span {
  min-height: 0;
  border: 0;
  border-radius: 0;
  background: #fff;
  display: grid;
  gap: 5px;
  padding: 8px 8px 11px;
}
.toolbox-body .tb-visual-template-card img {
  width: 100%;
  aspect-ratio: 3 / 4;
  border-radius: 6px;
  background: #eef0f4;
  object-fit: cover;
}
.toolbox-body .tb-visual-template-card b {
  overflow: hidden;
  color: #1d2430;
  font-size: 13px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.toolbox-body .tb-visual-template-card em {
  overflow: hidden;
  color: #70798a;
  font-size: 11px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.toolbox-body .tb-visual-template-actions,
.toolbox-body .tb-grid-note-template-actions,
.toolbox-body .tb-example-template-actions {
  position: absolute;
  z-index: 3;
  inset: 8px 8px auto;
  display: flex;
  gap: 6px;
  opacity: 0;
  transform: translateY(-5px);
  transition: opacity .16s ease, transform .16s ease;
  pointer-events: none;
}
.toolbox-body :where(.tb-visual-template-card, .tb-grid-note-template, .tb-example-image-strip article):is(:hover, :focus-within, :focus-visible) :where(.tb-visual-template-actions, .tb-grid-note-template-actions, .tb-example-template-actions) {
  opacity: 1;
  transform: translateY(0);
}
.toolbox-body :where(.tb-visual-template-actions, .tb-grid-note-template-actions, .tb-example-template-actions) :where(button, a) {
  flex: 1 1 0;
  min-width: 0;
  min-height: 34px;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 7px;
  background: rgba(29, 36, 48, .88);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 8px;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
  pointer-events: auto;
}
.toolbox-body :where(.tb-visual-template-actions, .tb-grid-note-template-actions, .tb-example-template-actions) :where(button, a):is(:hover, :focus-visible) {
  background: #5147c7;
  outline: 2px solid #fff;
  outline-offset: 1px;
}

.toolbox-body .tb-grid-note-templates > div {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.toolbox-body .tb-grid-note-template {
  min-width: 0;
  min-height: 0;
  border: 1px solid #d8dde6;
  border-radius: 8px;
  background: #fff;
  display: block;
  padding: 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 14px rgba(28, 35, 50, .06);
}
.toolbox-body .tb-grid-note-template:has(input:checked) {
  border-color: #5d55d9;
  box-shadow: 0 0 0 2px rgba(93, 85, 217, .12);
}
.toolbox-body .tb-grid-note-template > label {
  display: grid;
  cursor: pointer;
}
.toolbox-body .tb-grid-note-template > label > input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.toolbox-body .tb-grid-note-template > label > img {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 0;
  background: #eef0f4;
  object-fit: cover;
}
.toolbox-body .tb-grid-note-template > label > span {
  min-height: 58px;
  background: #fff;
  display: grid;
  gap: 3px;
  padding: 9px 10px;
}
.toolbox-body .tb-grid-note-template > label > span strong {
  overflow: hidden;
  color: #1d2430;
  font-size: 12px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.toolbox-body .tb-grid-note-template > label > span small {
  overflow: hidden;
  color: #70798a;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-example-image-strip article {
  position: relative;
}
.toolbox-body .tb-example-image-strip article.selected {
  border-color: #5d55d9;
  box-shadow: 0 0 0 2px rgba(93, 85, 217, .12);
}

@media (hover: none) {
  .toolbox-body .tb-logo-card-grid article > button,
  .toolbox-body :where(.tb-visual-template-actions, .tb-grid-note-template-actions, .tb-example-template-actions) {
    position: static;
    opacity: 1;
    transform: none;
  }
  .toolbox-body .tb-logo-card-grid article > button {
    min-height: 44px;
  }
  .toolbox-body :where(.tb-visual-template-actions, .tb-grid-note-template-actions, .tb-example-template-actions) {
    padding: 0 8px 8px;
  }
  .toolbox-body :where(.tb-visual-template-actions, .tb-grid-note-template-actions, .tb-example-template-actions) :where(button, a) {
    min-height: 44px;
  }
}

@media (max-width: 1180px) {
  .toolbox-body .tb-logo-card-grid,
  .toolbox-body .tb-grid-note-templates > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .toolbox-body .tb-logo-gallery {
    padding: 12px;
  }
  .toolbox-body .tb-logo-gallery > header {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
  .toolbox-body .tb-logo-card-grid,
  .toolbox-body .tb-visual-template-list > div,
  .toolbox-body .tb-grid-note-templates > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .toolbox-body .tb-template-similar-note {
    margin: 0 12px 12px;
  }
}

/* 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: 11px;
}

.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;
  }
}

/* Deep creator interactions: canvas blocks, photo confirmation, translation review and chat versions. */
.toolbox-body .tb-main.tb-main-tool :where(
  .tb-photo-recognition,
  .tb-translation-review,
  .tb-ecom-chat-studio > aside,
  .tb-canvas-block-toolbar,
  .tb-interactive-result
) {
  box-sizing: border-box;
  border: 1px solid #e1e5ec;
  border-radius: 10px;
  background: #fff;
  color: #343c49;
  box-shadow: 0 6px 18px rgba(31, 38, 52, .055);
}

.toolbox-body .tb-photo-recognition[hidden],
.toolbox-body .tb-translation-review[hidden],
.toolbox-body .tb-translation-source-preview[hidden] {
  display: none !important;
}

.toolbox-body .tb-photo-recognition {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.toolbox-body .tb-photo-recognition > header,
.toolbox-body .tb-translation-review > header,
.toolbox-body .tb-interactive-result > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
}

.toolbox-body .tb-photo-recognition > header div,
.toolbox-body .tb-translation-review > header div,
.toolbox-body .tb-interactive-result > header div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.toolbox-body .tb-photo-recognition > header strong,
.toolbox-body .tb-translation-review > header strong,
.toolbox-body .tb-interactive-result > header strong {
  color: #303744;
  font-size: 14px;
  line-height: 1.45;
}

.toolbox-body .tb-photo-recognition > header span,
.toolbox-body .tb-translation-review > header span,
.toolbox-body .tb-interactive-result > header small,
.toolbox-body .tb-photo-recognition > header em,
.toolbox-body .tb-translation-review > header em {
  color: #737d8c;
  font-size: 12px;
  font-style: normal;
  line-height: 1.5;
}

.toolbox-body .tb-photo-recognition-list {
  display: grid;
  gap: 10px;
}

.toolbox-body .tb-photo-recognition-list > article {
  min-width: 0;
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 12px;
  border: 1px solid #e2e6ed;
  border-radius: 8px;
  background: #fafbfc;
  padding: 10px;
}

.toolbox-body .tb-photo-recognition-list figure {
  width: 112px;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  margin: 0;
  border-radius: 7px;
  background: #edf0f4;
}

.toolbox-body .tb-photo-recognition-list figure img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.toolbox-body .tb-photo-recognition-list article > div,
.toolbox-body .tb-photo-recognition-list article > div > label {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.toolbox-body .tb-photo-recognition-list article > div {
  gap: 9px;
}

.toolbox-body .tb-photo-recognition-list article header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.toolbox-body .tb-photo-recognition-list article header div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.toolbox-body .tb-photo-recognition-list article header b {
  color: #3d4552;
  font-size: 13px;
}

.toolbox-body .tb-photo-recognition-list article header span,
.toolbox-body .tb-photo-recognition-list label {
  color: #747e8d;
  font-size: 11px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-photo-recognition-list :where(select, input, textarea),
.toolbox-body .tb-translation-review :where(input, textarea),
.toolbox-body .tb-ecom-chat-studio :where(input, select, textarea) {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  box-sizing: border-box;
  border: 1px solid #d5dae3;
  border-radius: 8px;
  background: #fff;
  color: #343c49;
  padding: 9px 10px;
  font-size: 13px;
  line-height: 1.55;
}

.toolbox-body .tb-photo-recognition-list :where(select, input, textarea):focus-visible,
.toolbox-body .tb-translation-review :where(input, textarea):focus-visible,
.toolbox-body .tb-ecom-chat-studio :where(input, select, textarea):focus-visible {
  border-color: #9176dc;
  outline: 3px solid rgba(139, 92, 246, .12);
  outline-offset: 0;
}

.toolbox-body .tb-photo-recognition-confirm {
  min-height: 52px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border: 1px solid #ded6f3;
  border-radius: 8px;
  background: #faf8ff;
  padding: 10px 12px;
  cursor: pointer;
}

.toolbox-body .tb-photo-recognition-confirm input {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  margin-top: 2px;
  accent-color: #7653cf;
}

.toolbox-body .tb-photo-recognition-confirm span {
  display: grid;
  gap: 2px;
}

.toolbox-body .tb-photo-recognition-confirm b {
  color: #473879;
  font-size: 12px;
}

.toolbox-body .tb-photo-recognition-confirm small {
  color: #776e91;
  font-size: 11px;
  line-height: 1.5;
}

.toolbox-body .tb-translation-workbench {
  max-width: 1180px;
  margin-inline: auto;
}

.toolbox-body .tb-translation-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
}

.toolbox-body .tb-translation-steps li {
  min-height: 46px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #e0e4eb;
  border-radius: 9px;
  background: #fff;
  color: #707a89;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 700;
}

.toolbox-body .tb-translation-steps li b {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #edf0f4;
  color: #6d7684;
  font-size: 11px;
}

.toolbox-body .tb-translation-steps li.active {
  border-color: #b9a7e8;
  background: #faf8ff;
  color: #5d43a7;
  box-shadow: 0 5px 14px rgba(91, 62, 170, .08);
}

.toolbox-body .tb-translation-steps li.active b,
.toolbox-body .tb-translation-steps li.done b {
  background: #7653cf;
  color: #fff;
}

.toolbox-body .tb-translation-steps li.done {
  color: #4f765f;
}

.toolbox-body .tb-translation-source-preview {
  display: grid;
  gap: 7px;
  margin-top: 12px;
}

.toolbox-body .tb-translation-source-preview img {
  width: 100%;
  max-height: 320px;
  display: block;
  border-radius: 8px;
  object-fit: contain;
  background: #eef1f5;
}

.toolbox-body .tb-translation-source-preview small {
  color: #77818f;
  font-size: 11px;
  text-align: center;
}

.toolbox-body .tb-translation-review {
  display: grid;
  gap: 10px;
  padding: 12px;
}

.toolbox-body .tb-translation-review [data-translation-block-list] {
  max-height: 430px;
  display: grid;
  gap: 8px;
  overflow: auto;
  overscroll-behavior: contain;
}

.toolbox-body .tb-translation-review article {
  min-width: 0;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 8px;
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  background: #fafbfc;
  padding: 9px;
}

.toolbox-body .tb-translation-review article > b {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #eee9fb;
  color: #684db1;
  font-size: 11px;
}

.toolbox-body .tb-translation-review article > div,
.toolbox-body .tb-translation-review label {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.toolbox-body .tb-translation-review article > div {
  gap: 8px;
}

.toolbox-body .tb-translation-review label > span {
  color: #697484;
  font-size: 11px;
  font-weight: 700;
}

.toolbox-body .tb-ecom-chat-studio > aside {
  align-self: stretch;
  padding: 12px;
}

.toolbox-body .tb-ecom-chat-studio > aside > header {
  display: grid;
  gap: 2px;
  margin: 14px 0 8px;
}

.toolbox-body .tb-ecom-chat-studio > aside > header strong {
  color: #343c49;
  font-size: 13px;
}

.toolbox-body .tb-ecom-chat-studio > aside > header span,
.toolbox-body .tb-ecom-chat-studio > aside > small {
  color: #778190;
  font-size: 11px;
  line-height: 1.5;
}

.toolbox-body .tb-ecom-chat-studio [data-chat-version-list] {
  display: grid;
  gap: 7px;
  margin-bottom: 10px;
}

.toolbox-body .tb-chat-version-empty {
  border: 1px dashed #d8dde6;
  border-radius: 8px;
  background: #fafbfc;
  color: #7a8493;
  padding: 12px;
  font-size: 11px;
  line-height: 1.5;
}

.toolbox-body .tb-ecom-chat-studio [data-chat-version-list] article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 5px;
  border: 1px solid #e0e4eb;
  border-radius: 8px;
  background: #fff;
  padding: 5px;
}

.toolbox-body .tb-ecom-chat-studio [data-chat-version-list] article.active {
  border-color: #ad98e4;
  background: #faf8ff;
  box-shadow: 0 4px 12px rgba(91, 62, 170, .08);
}

.toolbox-body .tb-ecom-chat-studio [data-chat-version-list] button {
  min-width: 0;
  min-height: 40px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #515b6a;
  padding: 4px 7px;
}

.toolbox-body .tb-ecom-chat-studio [data-chat-version-preview] {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  text-align: left;
}

.toolbox-body .tb-ecom-chat-studio [data-chat-version-preview] img {
  width: 38px;
  height: 46px;
  border-radius: 5px;
  object-fit: cover;
  background: #edf0f4;
}

.toolbox-body .tb-ecom-chat-studio [data-chat-version-preview] span {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.toolbox-body .tb-ecom-chat-studio [data-chat-version-preview] b {
  color: #39414e;
  font-size: 12px;
}

.toolbox-body .tb-ecom-chat-studio [data-chat-version-preview] small {
  color: #7a8493;
  font-size: 10px;
}

.toolbox-body .tb-ecom-chat-studio [data-chat-version-rollback] {
  color: #694caf;
  font-size: 11px;
  font-weight: 700;
}

.toolbox-body .tb-chat-version-preview {
  display: grid;
  justify-items: start;
  gap: 10px;
}

.toolbox-body .tb-chat-version-preview header,
.toolbox-body .tb-chat-version-preview header div {
  display: grid;
  gap: 2px;
}

.toolbox-body .tb-chat-version-preview img {
  width: min(100%, 520px);
  max-height: 680px;
  border-radius: 9px;
  object-fit: contain;
  background: #eef1f5;
}

.toolbox-body .tb-canvas-block-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 10px 14px 0;
  padding: 7px;
}

.toolbox-body .tb-canvas-block-toolbar > span {
  width: 1px;
  height: 28px;
  background: #e2e6ed;
}

.toolbox-body .tb-canvas-block-toolbar button {
  min-width: 40px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid #dce1e9;
  border-radius: 7px;
  background: #fff;
  color: #505a69;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 700;
}

.toolbox-body .tb-canvas-block-toolbar button:is(:hover, :focus-visible):not(:disabled) {
  border-color: #a894df;
  background: #faf8ff;
  color: #684bab;
  outline: 0;
}

.toolbox-body .tb-canvas-block-toolbar button.danger:not(:disabled) {
  color: #b04452;
}

.toolbox-body .tb-canvas-block-toolbar button:disabled {
  opacity: .42;
  cursor: not-allowed;
}

.toolbox-body .tb-canvas-live-frame [contenteditable="true"] {
  cursor: text;
  outline: 0;
}

.toolbox-body .tb-canvas-live-frame [contenteditable="true"]:focus {
  border-radius: 4px;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--canvas-accent, #e66047) 22%, transparent);
}

.toolbox-body [data-canvas-preview-body] p {
  cursor: pointer;
  transition: border-color .14s ease, box-shadow .14s ease, transform .14s ease;
}

.toolbox-body [data-canvas-preview-body] p.selected {
  border-color: var(--canvas-accent, #e66047);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--canvas-accent, #e66047) 16%, transparent);
  transform: translateX(2px);
}

.toolbox-body .tb-interactive-result {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.toolbox-body .tb-interactive-result > header span {
  color: #684bab;
  font-size: 11px;
  font-weight: 800;
}

.toolbox-body .tb-interactive-text-blocks {
  display: grid;
  gap: 8px;
}

.toolbox-body .tb-interactive-text-blocks article {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 9px;
  border: 1px solid #e3e7ed;
  border-radius: 8px;
  background: #fafbfc;
  padding: 9px;
}

.toolbox-body .tb-interactive-text-blocks article > b {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #eee9fb;
  color: #684bab;
  font-size: 11px;
}

.toolbox-body .tb-interactive-text-blocks article div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.toolbox-body .tb-interactive-text-blocks :where(small, p) {
  margin: 0;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-interactive-text-blocks small {
  color: #7b8594;
  font-size: 10px;
  font-weight: 700;
}

.toolbox-body .tb-interactive-text-blocks p {
  color: #3b4452;
  font-size: 12px;
  line-height: 1.55;
}

@media (max-width: 800px) {
  .toolbox-body .tb-photo-recognition-list > article {
    grid-template-columns: 88px minmax(0, 1fr);
  }

  .toolbox-body .tb-photo-recognition-list figure {
    width: 88px;
  }

  .toolbox-body .tb-canvas-block-toolbar {
    margin-inline: 8px;
  }
}

@media (max-width: 560px) {
  .toolbox-body .tb-photo-recognition-list > article {
    grid-template-columns: minmax(0, 1fr);
  }

  .toolbox-body .tb-photo-recognition-list figure {
    width: 100%;
    max-height: 220px;
    aspect-ratio: 4 / 3;
  }

  .toolbox-body .tb-photo-recognition > header,
  .toolbox-body .tb-translation-review > header,
  .toolbox-body .tb-interactive-result > header {
    flex-direction: column;
  }

  .toolbox-body .tb-translation-steps {
    gap: 5px;
  }

  .toolbox-body .tb-translation-steps li {
    min-height: 58px;
    align-content: center;
    flex-direction: column;
    gap: 3px;
    padding: 6px 3px;
    text-align: center;
  }

  .toolbox-body .tb-canvas-block-toolbar {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .toolbox-body .tb-canvas-block-toolbar > span {
    display: none;
  }

  .toolbox-body .tb-canvas-block-toolbar button {
    min-width: 0;
    min-height: 44px;
    padding-inline: 5px;
    font-size: 10px;
  }
}

/* 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;
  }
}

/* 20260716a: commercial controls, visible point settlement, and template library. */
.toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-ecom-submit-bar) {
  min-height: 72px;
  border: 1px solid #d7dde6 !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%) !important;
  color: #202734 !important;
  box-shadow: 0 1px 2px rgba(22, 31, 45, .04), 0 8px 22px rgba(22, 31, 45, .06) !important;
}

.toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-ecom-submit-bar) > div {
  min-width: 0;
}

.toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-ecom-submit-bar) > div > strong {
  width: fit-content;
  max-width: 100%;
  display: inline-flex !important;
  align-items: center;
  min-height: 30px;
  border: 1px solid #f3c9c4;
  border-radius: 6px;
  background: #fff3f1;
  color: #b42318 !important;
  padding: 4px 9px;
  font-size: 13px !important;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-ecom-submit-bar) > div > span {
  display: block;
  margin-top: 5px !important;
  color: #5d6878 !important;
  font-size: 12px !important;
  line-height: 1.55;
}

.toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-ecom-submit-bar) .tb-btn.primary {
  border: 1px solid #c63f34 !important;
  border-radius: 7px !important;
  background: linear-gradient(180deg, #d94b3f, #c63f34) !important;
  color: #fff !important;
  box-shadow: 0 7px 16px rgba(198, 63, 52, .19) !important;
}

.toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-ecom-submit-bar) .tb-btn.primary:hover {
  border-color: #a92b33 !important;
  background: linear-gradient(180deg, #c63f34, #a92b33) !important;
}

.toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-ecom-submit-bar) .tb-status:not(:empty) {
  grid-column: 1 / -1;
  width: 100%;
}

.toolbox-body .tb-main-tool :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]), textarea, select) {
  border: 1px solid #cfd6e1 !important;
  border-radius: 7px !important;
  background-color: #fff !important;
  box-shadow: inset 0 1px 2px rgba(28, 39, 56, .045), 0 1px 0 rgba(255, 255, 255, .8) !important;
}

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

.toolbox-body .tb-main-tool :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]), textarea, select):focus {
  border-color: #4d76d8 !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(77, 118, 216, .16), inset 0 1px 2px rgba(28, 39, 56, .035) !important;
}

.toolbox-body :where(.tb-studio-fields, .tb-form-grid, .tb-ecom-settings, .tb-audit-settings, .tb-precision-lower, .tb-topic-settings) {
  border-color: #dfe4eb !important;
  background: #f7f9fb !important;
  box-shadow: inset 0 1px 2px rgba(23, 31, 44, .035) !important;
}

.toolbox-body .tb-select-shell {
  position: relative;
  width: 100%;
  min-width: 0;
}

.toolbox-body .tb-select-native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.toolbox-body .tb-select-trigger {
  width: 100%;
  min-height: 44px !important;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 28px;
  align-items: center;
  gap: 8px;
  border: 1px solid #cfd6e1;
  border-radius: 7px;
  background: linear-gradient(180deg, #fff, #fafbfd);
  color: #27313f;
  padding: 0 8px 0 12px;
  text-align: left;
  box-shadow: inset 0 1px 2px rgba(28, 39, 56, .035), 0 1px 2px rgba(28, 39, 56, .04);
}

.toolbox-body .tb-select-trigger > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-select-trigger > i {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #f0f2f5;
  color: #687386;
  transition: transform .16s ease, background .16s ease;
}

.toolbox-body .tb-select-shell.open .tb-select-trigger {
  border-color: #4d76d8;
  box-shadow: 0 0 0 3px rgba(77, 118, 216, .16);
}

.toolbox-body .tb-select-shell.open .tb-select-trigger > i {
  background: #eaf0ff;
  color: #335fca;
  transform: rotate(180deg);
}

.toolbox-body .tb-select-menu {
  position: absolute;
  z-index: 80;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  max-height: 286px;
  overflow: auto;
  display: grid;
  gap: 3px;
  border: 1px solid #d6dce5;
  border-radius: 8px;
  background: #fff;
  padding: 6px;
  box-shadow: 0 18px 44px rgba(20, 29, 43, .16), 0 2px 8px rgba(20, 29, 43, .08);
}

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

.toolbox-body .tb-select-option {
  min-height: 40px !important;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 22px;
  align-items: center;
  gap: 8px;
  border: 0;
  border-radius: 6px;
  background: #fff;
  color: #3b4656;
  padding: 7px 9px;
  text-align: left;
}

.toolbox-body .tb-select-option:hover,
.toolbox-body .tb-select-option[aria-selected="true"] {
  background: #eef3ff;
  color: #274fba;
}

.toolbox-body .tb-select-option i {
  opacity: 0;
  color: #335fca;
}

.toolbox-body .tb-select-option[aria-selected="true"] i {
  opacity: 1;
}

.toolbox-body .tb-template-market-studio {
  display: grid;
  gap: 14px;
  padding: 0;
  background: #f4f6f8;
}

.toolbox-body .tb-template-market-studio > header {
  min-height: 106px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border: 1px solid #dce2e9;
  border-radius: 8px;
  background: linear-gradient(116deg, #fff 0%, #f6f8fb 70%, #fff3f1 100%);
  padding: 20px 22px;
  box-shadow: 0 4px 14px rgba(25, 34, 49, .045);
}

.toolbox-body .tb-template-market-studio > header h3,
.toolbox-body .tb-template-market-studio > header p {
  margin: 0;
}

.toolbox-body .tb-template-market-studio > header h3 {
  margin-top: 4px;
  color: #202734;
  font-size: 24px;
}

.toolbox-body .tb-template-market-studio > header p {
  margin-top: 6px;
  color: #667085;
}

.toolbox-body .tb-template-market-studio > header > strong {
  flex: 0 0 auto;
  border: 1px solid #d6dce5;
  border-radius: 7px;
  background: #fff;
  color: #46515f;
  padding: 8px 11px;
  font-size: 12px;
}

.toolbox-body .tb-template-type-nav {
  display: flex;
  align-items: center;
  gap: 5px;
  overflow-x: auto;
  border: 1px solid #dbe1e8;
  border-radius: 8px;
  background: #fff;
  padding: 6px;
  scrollbar-width: thin;
}

.toolbox-body .tb-template-type-nav a {
  min-height: 40px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 7px;
  color: #566171;
  padding: 0 13px;
  font-size: 12px;
  font-weight: 750;
  text-decoration: none;
}

.toolbox-body .tb-template-type-nav a:hover {
  border-color: #dce1e8;
  background: #f5f7f9;
  color: #2f3845;
}

.toolbox-body .tb-template-type-nav a.active {
  border-color: #303640;
  background: #303640;
  color: #fff;
  box-shadow: 0 5px 12px rgba(28, 36, 49, .13);
}

.toolbox-body .tb-template-market-search {
  display: grid;
  gap: 10px;
  border: 1px solid #dce2e9;
  border-radius: 8px;
  background: #fff;
  padding: 12px;
}

.toolbox-body .tb-template-market-search form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px;
}

.toolbox-body .tb-template-market-search form input {
  min-height: 44px;
}

.toolbox-body .tb-template-industry-row {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.toolbox-body .tb-template-industry-row > strong {
  min-height: 34px;
  display: flex;
  align-items: center;
  color: #4f5b6b;
  font-size: 12px;
}

.toolbox-body .tb-template-industry-row .tb-chip-row {
  max-height: 78px;
  overflow: auto;
  align-content: start;
}

.toolbox-body .tb-template-industry-row .tb-chip {
  min-height: 34px;
  border-radius: 6px;
  color: #586476;
  font-size: 11px;
  text-decoration: none;
}

.toolbox-body .tb-template-industry-row .tb-chip.active {
  border-color: #d8574a;
  background: #fff3f1;
  color: #b42318;
}

.toolbox-body .tb-template-market-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.toolbox-body .tb-template-market-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(21, 30, 44, .055);
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.toolbox-body .tb-template-market-card:hover,
.toolbox-body .tb-template-market-card:focus-within {
  border-color: #adb8c7;
  box-shadow: 0 14px 30px rgba(21, 30, 44, .12);
  transform: translateY(-2px);
}

.toolbox-body .tb-template-market-card > label {
  display: block;
  cursor: pointer;
}

.toolbox-body .tb-template-market-card > label > input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.toolbox-body .tb-template-market-choice {
  min-width: 0;
  display: grid;
}

.toolbox-body .tb-template-market-card:has(input:checked) {
  border-color: #d8574a;
  box-shadow: 0 0 0 2px rgba(216, 87, 74, .12), 0 12px 26px rgba(21, 30, 44, .09);
}

.toolbox-body .tb-template-market-thumb {
  position: relative;
  width: 100%;
  min-height: 0;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  display: block;
  border: 0;
  border-radius: 0;
  background: #eef1f4;
}

.toolbox-body .tb-template-market-thumb.has-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .22s ease;
}

.toolbox-body .tb-template-market-card:hover .tb-template-market-thumb.has-image img {
  transform: scale(1.025);
}

.toolbox-body .tb-template-market-thumb.has-image > span {
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 8px;
  display: none;
}

.toolbox-body .tb-template-market-copy {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 11px 11px 12px;
}

.toolbox-body .tb-template-market-copy > strong {
  overflow: hidden;
  color: #26303e;
  font-size: 13px;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-template-market-copy > em,
.toolbox-body .tb-template-market-copy > small {
  overflow: hidden;
  color: #7a8492 !important;
  font-size: 10px !important;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-template-market-copy > span:last-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 2px;
}

.toolbox-body .tb-template-market-copy > span:last-child b {
  color: #b42318;
  font-size: 10px;
}

.toolbox-body .tb-template-market-copy > span:last-child i {
  color: #748091;
  font-size: 11px;
  font-style: normal;
}

.toolbox-body .tb-template-market-hover {
  position: absolute;
  z-index: 3;
  inset: 0 0 auto;
  aspect-ratio: 3 / 4;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 7px;
  padding: 14px 8px;
  background: linear-gradient(180deg, transparent 42%, rgba(21, 27, 38, .78));
  opacity: 0;
  pointer-events: none;
  transition: opacity .16s ease;
}

.toolbox-body .tb-template-market-card:hover .tb-template-market-hover,
.toolbox-body .tb-template-market-card:focus-within .tb-template-market-hover {
  opacity: 1;
  pointer-events: auto;
}

.toolbox-body .tb-template-market-hover :where(button, a) {
  min-height: 38px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(255, 255, 255, .6);
  border-radius: 7px;
  background: rgba(255, 255, 255, .94);
  color: #303846;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
  backdrop-filter: blur(8px);
}

.toolbox-body .tb-template-market-hover a {
  border-color: #d8574a;
  background: #d8574a;
  color: #fff;
}

.toolbox-body .tb-template-use-panel {
  position: sticky;
  z-index: 6;
  bottom: 8px;
  border: 1px solid #d9dfe7;
  border-radius: 8px;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 14px 34px rgba(21, 30, 44, .13);
  backdrop-filter: blur(12px);
}

.toolbox-body .tb-template-applied {
  position: relative;
  min-height: 82px;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto 44px;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  border: 1px solid #d7dde6;
  border-left: 4px solid #d8574a;
  border-radius: 8px;
  background: #fff;
  padding: 10px 10px 10px 12px;
  box-shadow: 0 5px 15px rgba(23, 31, 44, .06);
}

.toolbox-body .tb-template-applied > img,
.toolbox-body .tb-template-applied > span {
  width: 58px;
  height: 58px;
  border-radius: 7px;
  object-fit: cover;
  background: #eef1f4;
}

.toolbox-body .tb-template-applied > span {
  display: grid;
  place-items: center;
  color: #687386;
  font-size: 22px;
}

.toolbox-body .tb-template-applied small,
.toolbox-body .tb-template-applied strong,
.toolbox-body .tb-template-applied p {
  display: block;
  margin: 0;
}

.toolbox-body .tb-template-applied small {
  color: #b42318 !important;
  font-size: 10px !important;
  font-weight: 800;
}

.toolbox-body .tb-template-applied strong {
  margin-top: 2px;
  color: #26303e;
  font-size: 14px;
}

.toolbox-body .tb-template-applied p {
  margin-top: 3px;
  color: #667085;
  font-size: 11px;
}

.toolbox-body .tb-template-applied > a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #d5dbe4;
  border-radius: 7px;
  color: #3f4a59;
  padding: 0 11px;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
}

.toolbox-body .tb-template-applied > button {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 7px;
  background: #f1f3f6;
  color: #687386;
}

.toolbox-body .tb-template-preview-dialog {
  width: min(900px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  overflow: hidden;
  border: 0;
  border-radius: 8px;
  background: #fff;
  padding: 0;
  box-shadow: 0 28px 80px rgba(14, 21, 33, .28);
}

.toolbox-body .tb-template-preview-dialog::backdrop {
  background: rgba(20, 27, 39, .62);
  backdrop-filter: blur(3px);
}

.toolbox-body .tb-template-preview-dialog > header {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid #e1e5eb;
  padding: 8px 10px 8px 16px;
}

.toolbox-body .tb-template-preview-dialog > header strong {
  overflow: hidden;
  color: #27313f;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-template-preview-dialog > header button {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 7px;
  background: #f0f2f5;
  color: #596575;
}

.toolbox-body .tb-template-preview-body {
  max-height: calc(100vh - 122px);
  overflow: auto;
  display: grid;
  grid-template-columns: minmax(280px, 430px) minmax(0, 1fr);
  gap: 18px;
  padding: 18px;
}

.toolbox-body .tb-template-preview-body > img {
  width: 100%;
  max-height: calc(100vh - 160px);
  object-fit: contain;
  border: 1px solid #e1e5ea;
  border-radius: 8px;
  background: #f2f4f6;
}

.toolbox-body .tb-template-preview-body > div {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 12px;
}

.toolbox-body .tb-template-preview-body pre {
  margin: 0;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  color: #566171;
  font: inherit;
  line-height: 1.75;
}

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

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

@media (hover: none) {
  .toolbox-body .tb-template-market-hover {
    position: static;
    aspect-ratio: auto;
    opacity: 1;
    pointer-events: auto;
    background: #fff;
    padding: 0 10px 10px;
  }

  .toolbox-body .tb-template-market-hover :where(button, a) {
    flex: 1 1 0;
    border-color: #d6dce5;
    background: #f7f8fa;
  }

  .toolbox-body .tb-template-market-hover a {
    border-color: #d8574a;
    background: #d8574a;
  }
}

@media (max-width: 680px) {
  .toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-ecom-submit-bar) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    padding: 12px !important;
  }

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

  .toolbox-body .tb-template-market-studio > header {
    align-items: flex-start;
    flex-direction: column;
    padding: 16px;
  }

  .toolbox-body .tb-template-market-search form,
  .toolbox-body .tb-template-industry-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .toolbox-body .tb-template-industry-row > strong {
    min-height: 0;
  }

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

  .toolbox-body .tb-template-market-copy {
    padding: 9px;
  }

  .toolbox-body .tb-template-market-copy > small {
    display: none;
  }

  .toolbox-body .tb-template-use-panel {
    position: static;
  }

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

  .toolbox-body .tb-template-applied > img,
  .toolbox-body .tb-template-applied > span {
    width: 48px;
    height: 48px;
  }

  .toolbox-body .tb-template-applied > a {
    grid-column: 1 / -1;
    justify-content: center;
  }

  .toolbox-body .tb-template-applied > button {
    grid-column: 3;
    grid-row: 1;
  }

  .toolbox-body .tb-template-preview-body {
    grid-template-columns: minmax(0, 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;
  }
}

/* Product-talk typed script result */
.toolbox-body .tb-product-talk-layout > aside:has(#toolResult:not(:empty)) .tb-product-talk-empty {
  display: none;
}
.toolbox-body .tb-product-talk-result {
  display: grid;
  gap: 14px;
  width: 100%;
  color: #20232b;
}
.toolbox-body .tb-talk-result-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 18px;
  border: 1px solid #e7e8ee;
  border-radius: 8px;
  background: linear-gradient(135deg, #fff 0%, #f8f7ff 62%, #f3faf6 100%);
  box-shadow: 0 10px 24px rgba(35, 28, 71, .06);
}
.toolbox-body .tb-talk-result-head > div:first-child {
  min-width: 0;
}
.toolbox-body .tb-talk-result-head > div:first-child > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #2c7a54;
  font-size: 12px;
  font-weight: 700;
}
.toolbox-body .tb-talk-result-head h3 {
  margin: 7px 0 8px;
  color: #171920;
  font-size: 20px;
  line-height: 1.35;
}
.toolbox-body .tb-talk-result-head p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin: 0;
}
.toolbox-body .tb-talk-result-head p b {
  overflow-wrap: anywhere;
  color: #515561;
  font-size: 13px;
}
.toolbox-body .tb-talk-result-head p em {
  padding: 3px 8px;
  border: 1px solid #ded9f6;
  border-radius: 999px;
  background: #f5f2ff;
  color: #6448be;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}
.toolbox-body .tb-talk-result-actions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
  max-width: 330px;
}
.toolbox-body .tb-talk-result-actions .tb-btn {
  min-height: 38px;
  border-radius: 7px;
  font-size: 12px;
}
.toolbox-body .tb-talk-hook {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 88px;
  padding: 16px 18px;
  border: 1px solid #ddd7f5;
  border-left: 4px solid #6f50d9;
  border-radius: 8px;
  background: #faf9ff;
}
.toolbox-body .tb-talk-hook span,
.toolbox-body .tb-talk-timeline > header span,
.toolbox-body .tb-talk-conversion > div > header > span {
  display: block;
  margin-bottom: 5px;
  color: #6f50d9;
  font-size: 11px;
  font-weight: 800;
}
.toolbox-body .tb-talk-hook strong {
  display: block;
  overflow-wrap: anywhere;
  color: #25222e;
  font-size: 16px;
  line-height: 1.65;
}
.toolbox-body .tb-talk-hook button,
.toolbox-body .tb-talk-shot header button,
.toolbox-body .tb-talk-objections article button,
.toolbox-body .tb-talk-cta button {
  display: inline-grid;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid #dddfe7;
  border-radius: 7px;
  background: #fff;
  color: #5d6270;
  cursor: pointer;
  transition: border-color .15s ease, color .15s ease, transform .15s ease;
}
.toolbox-body .tb-talk-hook button:hover,
.toolbox-body .tb-talk-shot header button:hover,
.toolbox-body .tb-talk-objections article button:hover,
.toolbox-body .tb-talk-cta button:hover {
  border-color: #8167dc;
  color: #6847d9;
  transform: translateY(-1px);
}
.toolbox-body .tb-talk-hook button:focus-visible,
.toolbox-body .tb-talk-shot header button:focus-visible,
.toolbox-body .tb-talk-objections article button:focus-visible,
.toolbox-body .tb-talk-cta button:focus-visible {
  outline: 3px solid rgba(104, 71, 217, .2);
  outline-offset: 2px;
}
.toolbox-body .tb-talk-timeline {
  overflow: hidden;
  border: 1px solid #e5e6eb;
  border-radius: 8px;
  background: #f8f9fb;
}
.toolbox-body .tb-talk-timeline > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid #e5e6eb;
  background: #fff;
}
.toolbox-body .tb-talk-timeline > header h4 {
  margin: 0;
  color: #23262e;
  font-size: 15px;
}
.toolbox-body .tb-talk-timeline > header small {
  color: #777c87;
  font-size: 12px;
}
.toolbox-body .tb-talk-timeline > div {
  display: grid;
  gap: 10px;
  padding: 12px;
}
.toolbox-body .tb-talk-shot {
  overflow: hidden;
  border: 1px solid #e2e4e9;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(24, 27, 35, .035);
}
.toolbox-body .tb-talk-shot > header {
  display: grid;
  grid-template-columns: auto 1fr 36px;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  padding: 7px 12px;
  border-bottom: 1px solid #eceef2;
  background: #fbfbfc;
}
.toolbox-body .tb-talk-shot > header span {
  padding: 4px 9px;
  border-radius: 999px;
  background: #6847d9;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
}
.toolbox-body .tb-talk-shot > header strong {
  color: #626773;
  font-size: 12px;
}
.toolbox-body .tb-talk-shot-grid {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
}
.toolbox-body .tb-talk-shot-grid section {
  min-width: 0;
  padding: 13px 14px;
  border-right: 1px solid #eceef2;
  border-bottom: 1px solid #eceef2;
}
.toolbox-body .tb-talk-shot-grid section:nth-child(2n) {
  border-right: 0;
}
.toolbox-body .tb-talk-shot-grid section:nth-last-child(-n + 2) {
  border-bottom: 0;
}
.toolbox-body .tb-talk-shot-grid section.voice {
  background: #faf9ff;
}
.toolbox-body .tb-talk-shot-grid section.evidence {
  background: #f4faf6;
}
.toolbox-body .tb-talk-shot-grid small {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
  color: #777c87;
  font-size: 11px;
  font-weight: 700;
}
.toolbox-body .tb-talk-shot-grid section.voice small {
  color: #6847d9;
}
.toolbox-body .tb-talk-shot-grid section.evidence small {
  color: #2c7a54;
}
.toolbox-body .tb-talk-shot-grid p {
  margin: 0;
  overflow-wrap: anywhere;
  color: #30343d;
  font-size: 13px;
  line-height: 1.7;
  white-space: pre-wrap;
}
.toolbox-body .tb-talk-conversion {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(250px, .8fr);
  gap: 12px;
}
.toolbox-body .tb-talk-objections,
.toolbox-body .tb-talk-cta {
  padding: 15px;
  border: 1px solid #e3e5ea;
  border-radius: 8px;
  background: #fff;
}
.toolbox-body .tb-talk-objections > header,
.toolbox-body .tb-talk-cta > header,
.toolbox-body .tb-talk-objections article > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.toolbox-body .tb-talk-objections > header small {
  color: #8a8e98;
  font-size: 11px;
}
.toolbox-body .tb-talk-objections article {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #eceef2;
}
.toolbox-body .tb-talk-objections article strong {
  overflow-wrap: anywhere;
  font-size: 13px;
}
.toolbox-body .tb-talk-objections article p,
.toolbox-body .tb-talk-cta > strong {
  display: block;
  margin: 7px 0 0;
  overflow-wrap: anywhere;
  color: #343842;
  font-size: 13px;
  line-height: 1.7;
}
.toolbox-body .tb-talk-objections article small {
  display: block;
  margin-top: 6px;
  color: #2c7a54;
  font-size: 11px;
  line-height: 1.55;
}
.toolbox-body .tb-talk-cta {
  border-color: #ded8f7;
  background: #f9f7ff;
}
.toolbox-body .tb-talk-notices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.toolbox-body .tb-talk-notices > div {
  padding: 13px 15px;
  border: 1px solid #dce9e1;
  border-radius: 8px;
  background: #f4faf6;
}
.toolbox-body .tb-talk-notices > div.warning {
  border-color: #f0dfbd;
  background: #fffaf0;
}
.toolbox-body .tb-talk-notices header {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #2c7a54;
  font-size: 12px;
}
.toolbox-body .tb-talk-notices .warning header {
  color: #946219;
}
.toolbox-body .tb-talk-notices ul {
  margin: 8px 0 0;
  padding-left: 18px;
  color: #555a65;
  font-size: 12px;
  line-height: 1.7;
}
.toolbox-body .tb-product-talk-result > footer {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 0 2px;
  color: #858994;
  font-size: 11px;
}
@media (max-width: 900px) {
  .toolbox-body .tb-talk-result-head {
    flex-direction: column;
  }
  .toolbox-body .tb-talk-result-actions {
    justify-content: flex-start;
    max-width: none;
  }
  .toolbox-body .tb-talk-conversion {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px) {
  .toolbox-body .tb-talk-result-head,
  .toolbox-body .tb-talk-hook {
    padding: 14px;
  }
  .toolbox-body .tb-talk-result-head h3 {
    font-size: 17px;
  }
  .toolbox-body .tb-talk-result-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
  .toolbox-body .tb-talk-result-actions .tb-btn:last-child {
    grid-column: 1 / -1;
  }
  .toolbox-body .tb-talk-shot-grid,
  .toolbox-body .tb-talk-notices {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-talk-shot-grid section,
  .toolbox-body .tb-talk-shot-grid section:nth-child(2n),
  .toolbox-body .tb-talk-shot-grid section:nth-last-child(-n + 2) {
    border-right: 0;
    border-bottom: 1px solid #eceef2;
  }
  .toolbox-body .tb-talk-shot-grid section:last-child {
    border-bottom: 0;
  }
}

/* 20260716: real structured report results */
.toolbox-body .tb-report-detail-page,
.toolbox-body .tb-structured-report {
  min-width: 0;
}
.toolbox-body .tb-report-detail-page {
  margin-top: 14px;
}
.toolbox-body .tb-task-refund {
  display: block;
  margin-top: 3px;
  color: #17785c;
  font-size: 11px;
  white-space: nowrap;
}
.toolbox-body .tb-structured-report {
  overflow: hidden;
  border: 1px solid #dfe4e8;
  border-radius: 8px;
  background: #f5f7f8;
  color: #17202a;
  box-shadow: 0 14px 34px rgba(25, 36, 48, .09);
}
.toolbox-body .tb-structured-report > header {
  min-height: 132px;
  padding: 22px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  border-bottom: 1px solid #dce3e6;
  background: #fff;
}
.toolbox-body .tb-structured-report > header > div:first-child {
  min-width: 0;
}
.toolbox-body .tb-structured-report > header span {
  display: block;
  color: #17785c;
  font-size: 10px;
  font-weight: 900;
}
.toolbox-body .tb-structured-report > header h3 {
  margin: 6px 0 0;
  color: #17202a;
  font-size: 22px;
  line-height: 1.28;
}
.toolbox-body .tb-structured-report > header p {
  max-width: 720px;
  margin: 8px 0 0;
  color: #66727f;
  font-size: 12px;
  line-height: 1.7;
}
.toolbox-body .tb-report-actions {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}
.toolbox-body .tb-report-actions .tb-btn,
.toolbox-body .tb-report-section > header button {
  min-height: 40px;
  border-color: #d9e0e3;
  background: #fff;
  color: #34414d;
}
.toolbox-body .tb-report-warning {
  margin: 14px 16px 0;
  padding: 10px 12px;
  border: 1px solid #ead7a5;
  border-radius: 7px;
  background: #fff9e9;
}
.toolbox-body .tb-report-warning p {
  margin: 0;
  color: #795d17;
  font-size: 11px;
  line-height: 1.6;
}
.toolbox-body .tb-report-score-grid {
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 9px;
}
.toolbox-body .tb-report-score-grid > div {
  min-width: 0;
  padding: 12px;
  border: 1px solid #dfe5e8;
  border-radius: 7px;
  background: #fff;
}
.toolbox-body .tb-report-score-grid span,
.toolbox-body .tb-report-score-grid strong {
  display: block;
}
.toolbox-body .tb-report-score-grid span {
  overflow: hidden;
  color: #6f7a85;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.toolbox-body .tb-report-score-grid strong {
  margin-top: 4px;
  font-size: 22px;
}
.toolbox-body .tb-report-score-grid i,
.toolbox-body .tb-report-dimensions article > i {
  height: 5px;
  margin-top: 8px;
  display: block;
  overflow: hidden;
  border-radius: 5px;
  background: linear-gradient(90deg, #1b8a67 0 var(--report-score), #e9edef var(--report-score));
}
.toolbox-body .tb-report-columns {
  padding: 0 16px 16px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.toolbox-body .tb-report-section {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dfe5e8;
  border-radius: 7px;
  background: #fff;
}
.toolbox-body .tb-report-section.span-2 {
  grid-column: 1 / -1;
}
.toolbox-body .tb-report-section > header {
  min-height: 46px;
  padding: 0 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid #e8edef;
  background: #fbfcfc;
}
.toolbox-body .tb-report-section > header strong {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
}
.toolbox-body .tb-report-section > header strong i {
  color: #17785c;
}
.toolbox-body .tb-report-section > header span,
.toolbox-body .tb-report-section > header button {
  color: #72808a;
  font-size: 10px;
}
.toolbox-body .tb-report-section > header button {
  min-height: 32px;
  border: 1px solid #dce3e6;
  border-radius: 6px;
  padding: 0 9px;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}
.toolbox-body .tb-report-section > ul {
  margin: 0;
  padding: 13px 14px 14px 30px;
  display: grid;
  gap: 8px;
}
.toolbox-body .tb-report-section > ul li {
  color: #45525e;
  font-size: 11px;
  line-height: 1.65;
}
.toolbox-body .tb-report-structure-map,
.toolbox-body .tb-report-object-list,
.toolbox-body .tb-report-issues,
.toolbox-body .tb-report-days {
  padding: 12px;
  display: grid;
  gap: 8px;
}
.toolbox-body .tb-report-structure-map article {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 10px;
}
.toolbox-body .tb-report-structure-map article > b {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: #e8f4ef;
  color: #17785c;
  font-size: 11px;
}
.toolbox-body .tb-report-structure-map article > div,
.toolbox-body .tb-report-object-list article,
.toolbox-body .tb-report-days article {
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid #e5eaec;
  border-radius: 7px;
  background: #fff;
}
.toolbox-body .tb-report-structure-map strong,
.toolbox-body .tb-report-structure-map p,
.toolbox-body .tb-report-structure-map span,
.toolbox-body .tb-report-structure-map em,
.toolbox-body .tb-report-object-list strong,
.toolbox-body .tb-report-object-list p {
  display: block;
}
.toolbox-body .tb-report-structure-map strong,
.toolbox-body .tb-report-object-list strong {
  font-size: 11px;
}
.toolbox-body .tb-report-structure-map p,
.toolbox-body .tb-report-object-list p {
  margin: 5px 0 0;
  color: #5e6a75;
  font-size: 10px;
  line-height: 1.6;
}
.toolbox-body .tb-report-structure-map span,
.toolbox-body .tb-report-structure-map em {
  margin-top: 5px;
  color: #17785c;
  font-size: 11px;
  font-style: normal;
}
.toolbox-body .tb-report-structure-map em {
  color: #b74a3b;
}
.toolbox-body .tb-report-risk {
  margin: 16px;
  padding: 15px;
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  border: 1px solid #e4c982;
  border-radius: 7px;
  background: #fff8e4;
}
.toolbox-body .tb-report-risk.risk-low {
  border-color: #a9d6c5;
  background: #eff9f5;
}
.toolbox-body .tb-report-risk.risk-high {
  border-color: #e7aaa2;
  background: #fff1ef;
}
.toolbox-body .tb-report-risk span,
.toolbox-body .tb-report-risk strong {
  display: block;
}
.toolbox-body .tb-report-risk span {
  color: #7d7460;
  font-size: 10px;
}
.toolbox-body .tb-report-risk strong {
  margin-top: 3px;
  font-size: 20px;
}
.toolbox-body .tb-report-risk p {
  margin: 0;
  color: #625d50;
  font-size: 11px;
  line-height: 1.65;
}
.toolbox-body .tb-report-issues article {
  padding: 12px;
  border: 1px solid #e4e8ea;
  border-left: 4px solid #dfb44e;
  border-radius: 7px;
  background: #fff;
}
.toolbox-body .tb-report-issues article.severity-high {
  border-left-color: #d75948;
}
.toolbox-body .tb-report-issues article.severity-low {
  border-left-color: #2b9673;
}
.toolbox-body .tb-report-issues article > header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.toolbox-body .tb-report-issues article > header b {
  width: 23px;
  height: 23px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #f1f3f4;
  font-size: 11px;
}
.toolbox-body .tb-report-issues article > header strong {
  font-size: 11px;
}
.toolbox-body .tb-report-issues article > header span {
  margin-left: auto;
  color: #9b513f;
  font-size: 11px;
}
.toolbox-body .tb-report-issues blockquote,
.toolbox-body .tb-report-issues article > p,
.toolbox-body .tb-report-issues article > div {
  margin: 8px 0 0;
  color: #5e6871;
  font-size: 10px;
  line-height: 1.65;
}
.toolbox-body .tb-report-issues blockquote {
  padding: 8px 10px;
  border: 0;
  border-radius: 6px;
  background: #f5f7f8;
}
.toolbox-body .tb-report-issues article > div strong,
.toolbox-body .tb-report-issues article > div span {
  display: block;
}
.toolbox-body .tb-report-issues article > div strong {
  color: #29343e;
}
.toolbox-body .tb-report-issues .replacement {
  padding: 9px;
  border-radius: 6px;
  background: #eef8f4;
}
.toolbox-body .tb-report-clear {
  padding: 20px;
  text-align: center;
}
.toolbox-body .tb-report-section > pre {
  margin: 0;
  max-height: 460px;
  overflow: auto;
  padding: 14px;
  background: #fff;
  color: #34414d;
  font: inherit;
  font-size: 11px;
  line-height: 1.75;
  white-space: pre-wrap;
}
.toolbox-body .tb-report-dimensions {
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}
.toolbox-body .tb-report-dimensions article {
  min-width: 0;
  padding: 12px;
  border: 1px solid #dfe5e8;
  border-radius: 7px;
  background: #fff;
}
.toolbox-body .tb-report-dimensions article > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.toolbox-body .tb-report-dimensions strong,
.toolbox-body .tb-report-dimensions span {
  font-size: 10px;
}
.toolbox-body .tb-report-dimensions span {
  color: #17785c;
  font-weight: 900;
}
.toolbox-body .tb-report-dimensions p,
.toolbox-body .tb-report-dimensions small {
  display: block;
  margin: 8px 0 0;
  color: #596672;
  font-size: 10px;
  line-height: 1.55;
}
.toolbox-body .tb-report-dimensions small {
  color: #89939c;
}
.toolbox-body .tb-report-days article {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
}
.toolbox-body .tb-report-days article > b {
  color: #17785c;
  font-size: 10px;
}
.toolbox-body .tb-report-days article strong,
.toolbox-body .tb-report-days article span {
  display: block;
  font-size: 10px;
  line-height: 1.6;
}
.toolbox-body .tb-report-days article span {
  margin-top: 3px;
  color: #7a858f;
}
.toolbox-body .tb-structured-report > footer {
  min-height: 44px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-top: 1px solid #dde4e6;
  background: #fff;
  color: #7c8790;
  font-size: 11px;
}
.toolbox-body .tb-report-detail-empty {
  min-height: 320px;
  padding: 30px;
  display: grid;
  place-content: center;
  justify-items: center;
  border: 1px solid #dfe5e8;
  border-radius: 8px;
  background: #fff;
  text-align: center;
}
.toolbox-body .tb-report-detail-empty p {
  max-width: 520px;
  color: #6e7983;
  font-size: 12px;
}
@media (max-width: 1080px) {
  .toolbox-body .tb-report-score-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .toolbox-body .tb-report-dimensions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .toolbox-body .tb-structured-report > header {
    min-height: 0;
    padding: 17px 14px;
    align-items: flex-start;
    flex-direction: column;
  }
  .toolbox-body .tb-structured-report > header h3 {
    font-size: 19px;
  }
  .toolbox-body .tb-report-actions {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .toolbox-body .tb-report-actions .tb-btn,
  .toolbox-body .tb-report-section > header button {
    min-height: 44px;
    justify-content: center;
  }
  .toolbox-body .tb-report-score-grid,
  .toolbox-body .tb-report-dimensions {
    padding: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .toolbox-body .tb-report-columns {
    padding: 0 10px 10px;
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-report-section.span-2 {
    grid-column: auto;
  }
  .toolbox-body .tb-report-risk {
    margin: 10px;
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-report-days article {
    grid-template-columns: 50px minmax(0, 1fr);
  }
  .toolbox-body .tb-structured-report > footer {
    padding: 10px 12px;
    align-items: flex-start;
    flex-direction: column;
  }
}

@media print {
  .toolbox-body .tb-sidebar,
  .toolbox-body .tb-mobile-topbar,
  .toolbox-body .tb-topbar,
  .toolbox-body .tb-page-head,
  .toolbox-body .tb-report-actions {
    display: none !important;
  }
  .toolbox-body .tb-app,
  .toolbox-body .tb-main,
  .toolbox-body .tb-report-detail-page,
  .toolbox-body .tb-structured-report {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
  }
  .toolbox-body .tb-report-section,
  .toolbox-body .tb-report-issues article,
  .toolbox-body .tb-report-dimensions article {
    break-inside: avoid;
  }
}

/* 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: 11px;
}
.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: 11px;
}
.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: 11px;
  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: 11px;
}
.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: 11px;
}
.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: 11px;
}
.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: 11px;
  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: 11px;
}
.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: 11px;
  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: 11px;
  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: 11px;
  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: 11px;
  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: 11px;
}
.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: 11px;
  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: 11px;
}
.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: 11px;
}
.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: 11px;
  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: 11px; }
.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: 11px;
}
.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: 11px; }
.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: 11px; }
.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: 11px; }
.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-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-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-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-logo-gallery header {
  min-width: 0;
}
.toolbox-body .tb-logo-gallery header strong {
  color: #101828;
  font-size: 15px;
}
.toolbox-body .tb-logo-gallery header span {
  display: block;
  margin-top: 3px;
  color: #667085;
  font-size: 12px;
}
.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-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 {
    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-video-steps {
    margin-top: 20px;
  }
}
@media (max-width: 620px) {
  .toolbox-body .tb-tool-grid-mini,
  .toolbox-body .tb-template-cards.refined,
  .toolbox-body .tb-admin-rule-grid,
  .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-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;
}
@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 {
    grid-template-columns: 1fr;
  }
}

/* 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 textarea {
  width: 100%;
  min-height: 86px;
  border: 1px solid rgba(225, 29, 72, .20);
  border-radius: 12px;
  background: #fff;
  color: #101828;
  padding: 12px 14px;
  resize: vertical;
  font-size: 14px;
  line-height: 1.6;
}
.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-media,
.toolbox-body .tb-parsed-copy,
.toolbox-body .tb-parsed-actions {
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 12px;
  background: #fff;
}
.toolbox-body .tb-parsed-media {
  padding: 12px;
}
.toolbox-body .tb-parsed-copy {
  margin-top: 12px;
  overflow: hidden;
}
.toolbox-body .tb-parsed-actions {
  min-height: 46px;
  margin-top: 12px;
  padding: 8px 10px 8px 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #667085;
  font-size: 12px;
}
.toolbox-body .tb-parsed-media-gallery {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}
.toolbox-body .tb-parsed-media-gallery a {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 10px;
  background: #f8fafc;
}
.toolbox-body .tb-parsed-media-gallery img {
  width: 100%;
  height: 100%;
  min-height: 150px;
  max-height: 360px;
  display: block;
  object-fit: cover;
}
.toolbox-body .tb-parsed-media-gallery[data-count="1"] {
  grid-template-columns: minmax(0, 1fr);
}
.toolbox-body .tb-parsed-media-gallery[data-count="1"] a {
  aspect-ratio: 4 / 5;
}
.toolbox-body .tb-parsed-media-gallery[data-count="2"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.toolbox-body .tb-parsed-media-gallery[data-count="2"] a {
  aspect-ratio: 3 / 4;
}
.toolbox-body .tb-parsed-media-gallery[data-count="3"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.toolbox-body .tb-parsed-media-gallery[data-count="3"] a:first-child {
  grid-row: span 2;
}
.toolbox-body .tb-parsed-media-gallery[data-count="4"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.toolbox-body .tb-parsed-media-gallery[data-count="4"] a {
  aspect-ratio: 4 / 5;
}
.toolbox-body .tb-parsed-video {
  margin-top: 10px;
  overflow: hidden;
  border-radius: 10px;
  background: #101828;
  aspect-ratio: 9 / 16;
}
.toolbox-body .tb-parsed-video video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.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;
}

@media (max-width: 760px) {
  .toolbox-body .tb-parsed-media-gallery,
  .toolbox-body .tb-parsed-media-gallery[data-count="2"],
  .toolbox-body .tb-parsed-media-gallery[data-count="3"],
  .toolbox-body .tb-parsed-media-gallery[data-count="4"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .toolbox-body .tb-parsed-media-gallery[data-count="1"] {
    grid-template-columns: minmax(0, 1fr);
  }
  .toolbox-body .tb-parsed-media-gallery[data-count="3"] a:first-child {
    grid-row: auto;
    grid-column: 1 / -1;
    aspect-ratio: 4 / 3;
  }
  .toolbox-body .tb-parsed-actions {
    align-items: stretch;
    flex-direction: column;
  }
}
.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 label.unavailable {
  border-style: dashed;
  background: #f2f4f7;
  color: #98a2b3;
  cursor: not-allowed;
}
.toolbox-body .tb-setting-row label.unavailable em {
  color: #b42318;
}
.toolbox-body .tb-setting-row label.unavailable input {
  cursor: not-allowed;
}
.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: 11px;
  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: 11px;
  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: 11px;
}
.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: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.toolbox-body .tb-audit-checks article b {
  grid-column: 1 / -1;
  color: #5f4fc7;
  font-size: 11px;
  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: 11px;
}
.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: 11px;
}
.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: 11px;
}
.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: 11px;
  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: 11px;
}
.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: 11px;
  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: 11px;
}
.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: 11px;
  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: 11px;
}
.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-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-queue > header {
  margin-bottom: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.toolbox-body .tb-publish-queue > header strong,
.toolbox-body .tb-publish-queue > header span {
  display: block;
}
.toolbox-body .tb-publish-queue > header strong {
  color: #2c3649;
  font-size: 13px;
}
.toolbox-body .tb-publish-queue > header span {
  margin-top: 2px;
  color: #8992a3;
  font-size: 10px;
}
.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-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: 11px;
}
.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;
}
@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-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: 11px;
  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: 11px;
  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: 11px;
}
.toolbox-body .tb-tool-hub > header li span {
  color: #5e6674;
  font-size: 11px;
  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: 11px;
  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: 11px;
  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 var(--tb-line);
  border-radius: 8px;
  background: #fff;
  padding: 16px 14px;
  box-shadow: 0 5px 14px rgba(41, 25, 12, .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: #fdba74;
  box-shadow: 0 9px 20px rgba(154, 52, 18, .09);
}
.toolbox-body .tb-tool-hub-grid > a > span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #fff7ed;
  color: #ea580c;
  font-size: 18px;
}
.toolbox-body .tb-tool-hub-grid > a:nth-child(4n + 2) > span {
  background: #fef3c7;
  color: #b45309;
}
.toolbox-body .tb-tool-hub-grid > a:nth-child(4n + 3) > span {
  background: #fee2e2;
  color: #dc2626;
}
.toolbox-body .tb-tool-hub-grid > a:nth-child(4n) > span {
  background: #ffedd5;
  color: #c2410c;
}
.toolbox-body .tb-tool-hub-grid > a > div {
  min-width: 0;
  display: grid;
  gap: 5px;
}
.toolbox-body .tb-tool-hub-grid > a small {
  color: #a8a29e;
  font-size: 11px;
  font-weight: 650;
}
.toolbox-body .tb-tool-hub-grid > a strong {
  color: #1c1917;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 750;
}
.toolbox-body .tb-tool-hub-grid > a p {
  margin: 0;
  color: #78716c;
  font-size: 12px;
  line-height: 1.6;
}
.toolbox-body .tb-tool-hub-grid > a > em {
  position: absolute;
  top: 12px;
  right: 12px;
  max-width: 110px;
  border-radius: 6px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  color: #9a3412;
  padding: 3px 8px;
  font-size: 11px;
  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: 11px;
}
@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: 11px;
}
.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: 11px;
  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: 11px;
  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: 11px;
}
.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: 11px;
}
.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: 11px;
}
.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: 11px;
}
.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-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: 11px;
}
.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: 11px;
}
.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) {
  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 {
  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;
  }
}

.toolbox-body .tb-edit-source-canvas {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background: #f2f4f8;
}

.toolbox-body .tb-edit-creator {
  grid-template-columns: minmax(0, 1fr) 320px;
}

.toolbox-body .tb-edit-creator > .tb-creator-left,
.toolbox-body .tb-edit-creator > .tb-creator-right {
  width: auto;
  min-width: 0;
}

.toolbox-body .tb-edit-source-canvas > img {
  display: block;
  width: 100%;
  height: auto;
}

.toolbox-body .tb-edit-ocr-overlay {
  position: absolute;
  inset: 0;
}

.toolbox-body .tb-edit-ocr-overlay button {
  position: absolute;
  min-width: 16px;
  min-height: 16px;
  border: 2px solid #ff6b8b;
  border-radius: 4px;
  background: rgb(255 107 139 / 14%);
  box-shadow: 0 0 0 2px rgb(255 255 255 / 72%);
  cursor: pointer;
}

.toolbox-body .tb-edit-ocr-overlay button:hover,
.toolbox-body .tb-edit-ocr-overlay button.active {
  border-color: #6d52d9;
  background: rgb(109 82 217 / 24%);
}

.toolbox-body .tb-edit-text-workflow {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid #e3e6ec;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 28px rgb(30 35 48 / 7%);
}

.toolbox-body .tb-edit-text-workflow > header,
.toolbox-body .tb-edit-version-history > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.toolbox-body .tb-edit-text-workflow > header > div,
.toolbox-body .tb-edit-version-history > header > div {
  display: grid;
  gap: 3px;
}

.toolbox-body .tb-edit-text-workflow > header span,
.toolbox-body .tb-edit-version-history > header span,
.toolbox-body .tb-edit-text-empty {
  color: #7a8492;
  font-size: 12px;
}

.toolbox-body .tb-edit-text-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  max-height: 210px;
  overflow: auto;
}

.toolbox-body .tb-edit-text-list[hidden] {
  display: none;
}

.toolbox-body .tb-edit-text-list button {
  min-width: 0;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 8px 10px;
  border: 1px solid #e1e5ec;
  border-radius: 7px;
  background: #f8f9fb;
  color: #323846;
  text-align: left;
  cursor: pointer;
}

.toolbox-body .tb-edit-text-list button:hover,
.toolbox-body .tb-edit-text-list button.active {
  border-color: #8c75df;
  background: #f2efff;
  color: #5e45bf;
}

.toolbox-body .tb-edit-text-list button b {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: #fff;
  font-size: 11px;
}

.toolbox-body .tb-edit-text-list button span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.toolbox-body .tb-edit-text-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.toolbox-body .tb-edit-text-fields label {
  display: grid;
  gap: 6px;
  color: #404756;
  font-size: 12px;
  font-weight: 700;
}

.toolbox-body .tb-edit-version-history {
  display: grid;
  gap: 12px;
  margin-bottom: 16px;
  padding: 14px;
  border: 1px solid #e3e6ec;
  border-radius: 8px;
  background: #fff;
}

.toolbox-body .tb-edit-version-history > div {
  display: grid;
  gap: 8px;
}

.toolbox-body .tb-edit-version-history article {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  padding: 7px;
  border: 1px solid #e4e7ed;
  border-radius: 7px;
}

.toolbox-body .tb-edit-version-history article.active {
  border-color: #8c75df;
  background: #f7f5ff;
}

.toolbox-body .tb-edit-version-history article img {
  width: 54px;
  height: 54px;
  border-radius: 6px;
  object-fit: cover;
}

.toolbox-body .tb-edit-version-history article > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.toolbox-body .tb-edit-version-history article span {
  color: #8a93a0;
  font-size: 10px;
}

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

  .toolbox-body .tb-edit-text-workflow > header,
  .toolbox-body .tb-edit-version-history > header {
    align-items: stretch;
    flex-direction: column;
  }

  .toolbox-body .tb-edit-text-list,
  .toolbox-body .tb-edit-text-fields {
    grid-template-columns: 1fr;
  }

  .toolbox-body .tb-edit-version-history article {
    grid-template-columns: 48px minmax(0, 1fr) auto;
  }

  .toolbox-body .tb-edit-version-history article img {
    width: 48px;
    height: 48px;
  }

  .toolbox-body .tb-edit-version-history article > a:last-child {
    display: none;
  }
}

/* Retired explanatory and simulated preview modules stay suppressed during mixed-version deploys. */
.toolbox-body :where(
  .tb-effect-showcase,
  .tb-demo-materials,
  .tb-edit-showcase,
  .tb-wear-showcase,
  .tb-publish-showcase,
  .tb-template-strip,
  .tb-poster-template-row,
  .tb-product-preview-studio
) {
  display: none !important;
}

.toolbox-body .tb-video-result-panel [data-workbench-action="video-case-tab"],
.toolbox-body .tb-video-result-panel > .tb-video-case-grid {
  display: none !important;
}

/* 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;
  }
}

/* 20260716a: compact report workbenches and readable mobile task history. */
.toolbox-body :where(.tb-upload-drop, .tb-upload-box, .tb-ref-uploader) {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 8px;
}

@media (max-width: 720px) {
  .toolbox-body .tb-benchmark-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: visible;
  }

  .toolbox-body .tb-benchmark-tabs button {
    min-width: 0;
    padding: 0 4px;
    font-size: 11px;
  }

  .toolbox-body .tb-task-table-wrap {
    overflow: visible;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .toolbox-body .tb-task-table,
  .toolbox-body .tb-task-table tbody {
    width: 100%;
    min-width: 0;
    display: grid;
    gap: 8px;
  }

  .toolbox-body .tb-task-table thead {
    display: none;
  }

  .toolbox-body .tb-task-table tr {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "task status"
      "points result"
      "time result";
    column-gap: 10px;
    row-gap: 5px;
    border: 1px solid var(--tb-app-line);
    border-radius: 8px;
    background: #fff;
    padding: 11px 12px;
  }

  .toolbox-body .tb-task-table td {
    min-width: 0;
    border: 0;
    padding: 0;
    font-size: 12px;
  }

  .toolbox-body .tb-task-table td:nth-child(1) {
    grid-area: task;
    color: #273146;
    font-weight: 850;
  }

  .toolbox-body .tb-task-table td:nth-child(2) {
    grid-area: status;
  }

  .toolbox-body .tb-task-table td:nth-child(3) {
    grid-area: points;
  }

  .toolbox-body .tb-task-table td:nth-child(4) {
    grid-area: time;
    color: #7a8494;
    font-size: 10px;
  }

  .toolbox-body .tb-task-table td:nth-child(5) {
    grid-area: result;
    align-self: center;
    justify-self: end;
    text-align: right;
  }

  .toolbox-body .tb-task-table td:nth-child(5) .tb-btn {
    width: auto;
    min-height: 36px;
    white-space: nowrap;
  }
}

/* 20260717g: final cascade seal for commercial form and template interactions. */
.toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-ecom-submit-bar, .tb-generate-footer, .tb-product-submit, .tb-batch-classic-submit, .tb-replicate-search-footer, .tb-replicate-batch-footer) {
  min-height: 72px !important;
  border: 1px solid #d7dde6 !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #fff, #f7f9fc) !important;
  color: #202734 !important;
  box-shadow: 0 1px 2px rgba(22,31,45,.04), 0 8px 22px rgba(22,31,45,.06) !important;
}

.toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-ecom-submit-bar, .tb-product-submit) > div > strong {
  width: fit-content;
  max-width: 100%;
  display: inline-flex !important;
  align-items: center;
  min-height: 30px;
  border: 1px solid #f3c9c4 !important;
  border-radius: 6px;
  background: #fff3f1 !important;
  color: #b42318 !important;
  padding: 4px 9px;
  font-size: 13px !important;
  line-height: 1.35;
}

.toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-ecom-submit-bar, .tb-product-submit) > div > span {
  display: block !important;
  margin-top: 5px !important;
  color: #5d6878 !important;
  font-size: 12px !important;
  line-height: 1.55;
}

.toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-ecom-submit-bar, .tb-generate-footer, .tb-product-submit, .tb-batch-classic-submit, .tb-replicate-search-footer, .tb-replicate-batch-footer) .tb-btn.primary {
  border: 1px solid #c63f34 !important;
  border-radius: 7px !important;
  background: linear-gradient(180deg, #d94b3f, #c63f34) !important;
  color: #fff !important;
  box-shadow: 0 7px 16px rgba(198,63,52,.19) !important;
}

.toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-ecom-submit-bar, .tb-generate-footer, .tb-product-submit, .tb-batch-classic-submit, .tb-replicate-search-footer, .tb-replicate-batch-footer) .tb-btn.primary:hover {
  border-color: #a92b33 !important;
  background: linear-gradient(180deg, #c63f34, #a92b33) !important;
}

.toolbox-body .tb-generate-footer > span:first-child,
.toolbox-body :where(.tb-replicate-search-footer, .tb-replicate-batch-footer) > output {
  width: fit-content;
  max-width: 100%;
  margin-right: auto !important;
  border: 1px solid #cde7d9 !important;
  border-radius: 6px !important;
  background: #effaf4 !important;
  color: #177245 !important;
  padding: 6px 9px !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.5 !important;
}

.toolbox-body .tb-batch-classic-submit .tb-btn.primary small,
.toolbox-body .tb-generate-footer .tb-btn.primary small {
  display: inline-flex !important;
  align-items: center;
  min-height: 22px;
  margin-left: 7px;
  border-radius: 5px;
  background: rgba(255,255,255,.18) !important;
  color: #fff !important;
  padding: 2px 6px;
  font-size: 11px !important;
  line-height: 1.35;
}

.toolbox-body .tb-main-tool :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]), textarea, select) {
  border: 1px solid #cfd6e1 !important;
  border-radius: 7px !important;
  background-color: #fff !important;
  color: #27313f !important;
  box-shadow: inset 0 1px 2px rgba(28,39,56,.045), 0 1px 0 rgba(255,255,255,.8) !important;
}

.toolbox-body .tb-main-tool :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]), textarea, select):focus {
  border-color: #4d76d8 !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(77,118,216,.16), inset 0 1px 2px rgba(28,39,56,.035) !important;
}

.toolbox-body .tb-template-market-studio {
  display: grid !important;
  gap: 14px !important;
  padding: 0 !important;
  background: #f4f6f8 !important;
}

.toolbox-body .tb-template-market-studio > header {
  min-height: 106px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  margin: 0 !important;
  border: 1px solid #dce2e9 !important;
  border-radius: 8px !important;
  background: linear-gradient(116deg, #fff 0%, #f6f8fb 70%, #fff3f1 100%) !important;
  padding: 20px 22px !important;
  color: #202734 !important;
  box-shadow: 0 4px 14px rgba(25,34,49,.045) !important;
}

.toolbox-body .tb-template-market-studio > header :where(h3, p) {
  color: inherit !important;
}

.toolbox-body .tb-template-type-nav {
  margin: 0 !important;
}

.toolbox-body .tb-template-market-search {
  margin: 0 !important;
  border: 1px solid #dce2e9 !important;
  border-radius: 8px !important;
  background: #fff !important;
  padding: 12px !important;
}

.toolbox-body .tb-template-market-grid {
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.toolbox-body .tb-template-market-card {
  position: relative !important;
  isolation: isolate !important;
  height: auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  display: block !important;
  border: 1px solid #dfe4ea !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(21,30,44,.055) !important;
}

.toolbox-body .tb-template-market-card > label,
.toolbox-body .tb-template-market-choice {
  position: relative !important;
  z-index: 1 !important;
}

.toolbox-body .tb-template-market-card:hover,
.toolbox-body .tb-template-market-card:focus-within {
  border-color: #adb8c7 !important;
  box-shadow: 0 14px 30px rgba(21,30,44,.12) !important;
  transform: translateY(-2px) !important;
}

.toolbox-body .tb-template-market-card:has(input:checked) {
  border-color: #d8574a !important;
  box-shadow: 0 0 0 2px rgba(216,87,74,.12), 0 12px 26px rgba(21,30,44,.09) !important;
}

.toolbox-body .tb-template-market-thumb {
  width: 100% !important;
  min-height: 0 !important;
  aspect-ratio: 3 / 4 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.toolbox-body .tb-template-market-thumb.has-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  pointer-events: none !important;
  user-select: none !important;
}

.toolbox-body .tb-template-market-copy {
  padding: 11px 11px 12px !important;
}

.toolbox-body .tb-template-market-copy > strong {
  color: #26303e !important;
}

.toolbox-body .tb-template-market-copy > :where(em, small) {
  color: #7a8492 !important;
}

.toolbox-body .tb-template-market-hover {
  position: absolute !important;
  z-index: 4 !important;
  inset: 0 0 auto !important;
  aspect-ratio: 3 / 4 !important;
  pointer-events: none !important;
}

.toolbox-body .tb-template-market-hover :where(button, a) {
  position: relative !important;
  z-index: 1 !important;
  pointer-events: auto !important;
}

.toolbox-body .tb-template-market-hover :where(i, span) {
  pointer-events: none !important;
}

@media (hover: none) {
  .toolbox-body .tb-template-market-hover {
    position: static !important;
    z-index: auto !important;
    inset: auto !important;
    aspect-ratio: auto !important;
    opacity: 1 !important;
    pointer-events: none !important;
  }

  .toolbox-body .tb-template-market-hover :where(button, a) {
    flex: 1 1 0 !important;
    min-height: 44px !important;
    pointer-events: auto !important;
  }
}

@media (hover: hover) {
  .toolbox-body .tb-template-market-hover {
    position: absolute !important;
    z-index: 4 !important;
    inset: 0 0 auto !important;
    aspect-ratio: 3 / 4 !important;
    pointer-events: none !important;
  }

  .toolbox-body .tb-template-market-hover :where(button, a) {
    position: relative !important;
    z-index: 1 !important;
    pointer-events: auto !important;
  }
}

.toolbox-body .tb-template-use-panel {
  margin: 0 !important;
  border-color: #d9dfe7 !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 14px 34px rgba(21,30,44,.13) !important;
}

@media (max-width: 1380px) {
  .toolbox-body .tb-template-market-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1080px) {
  .toolbox-body .tb-template-market-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-ecom-submit-bar, .tb-generate-footer, .tb-product-submit, .tb-batch-classic-submit, .tb-replicate-search-footer, .tb-replicate-batch-footer) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    padding: 12px !important;
  }

  .toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-ecom-submit-bar, .tb-generate-footer, .tb-product-submit, .tb-batch-classic-submit, .tb-replicate-search-footer, .tb-replicate-batch-footer) .tb-btn.primary {
    width: 100% !important;
    min-width: 0 !important;
  }

  .toolbox-body .tb-template-market-studio > header {
    align-items: flex-start !important;
    flex-direction: column !important;
    padding: 16px !important;
  }

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

/* Late image-backed template and logo interaction overrides. */
.toolbox-body .tb-template-similar-note {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 18px 14px !important;
  border: 1px solid #cdd8ff !important;
  border-radius: 8px !important;
  background: #f6f8ff !important;
  color: #344054 !important;
  padding: 11px 13px !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}
.toolbox-body :where(.tb-template-market-studio, .tb-visual-template-list, .tb-grid-note-templates, .tb-logo-gallery, .tb-example-image-strip) :where(.tb-example-source, .tb-template-source, .tb-license-meta, [data-source-meta], [data-license-meta]) {
  display: none !important;
}
.toolbox-body .tb-logo-gallery {
  min-height: 0 !important;
  border: 1px solid #d8dde6 !important;
  border-radius: 8px !important;
  background: #f7f8fa !important;
  padding: 16px !important;
  box-shadow: 0 12px 28px rgba(28, 35, 50, .08) !important;
}
.toolbox-body .tb-logo-gallery > header {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 14px !important;
}
.toolbox-body .tb-logo-gallery > header strong { color: #1d2430 !important; font-size: 17px !important; }
.toolbox-body .tb-logo-gallery > header span { color: #667085 !important; font-size: 12px !important; }
.toolbox-body .tb-logo-tabs {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 7px !important;
  margin-bottom: 14px !important;
  padding-bottom: 5px !important;
  overflow-x: auto !important;
}
.toolbox-body .tb-logo-tabs button {
  flex: 0 0 auto !important;
  min-height: 34px !important;
  border: 1px solid #d8dde6 !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: #4b5565 !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
.toolbox-body .tb-logo-tabs button.active {
  border-color: #5d55d9 !important;
  background: #5d55d9 !important;
  color: #fff !important;
  box-shadow: 0 5px 12px rgba(93, 85, 217, .2) !important;
}
.toolbox-body .tb-logo-card-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.toolbox-body .tb-logo-card-grid article {
  min-width: 0 !important;
  min-height: 0 !important;
  border: 1px solid #d8dde6 !important;
  border-radius: 8px !important;
  background: #fff !important;
  padding: 8px !important;
  display: grid !important;
  grid-template-rows: auto auto !important;
  align-content: start !important;
  justify-items: stretch !important;
  gap: 9px !important;
  text-align: left !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 5px 14px rgba(28, 35, 50, .06) !important;
}
.toolbox-body .tb-logo-card-grid article[hidden] { display: none !important; }
.toolbox-body .tb-logo-card-grid article:is(:hover, :focus-within, :focus-visible) {
  border-color: #8d83ee !important;
  box-shadow: 0 12px 24px rgba(28, 35, 50, .12) !important;
  transform: translateY(-2px) !important;
  outline: none !important;
}
.toolbox-body .tb-logo-card-grid article.selected {
  border-color: #5d55d9 !important;
  box-shadow: 0 0 0 2px rgba(93, 85, 217, .13), 0 12px 24px rgba(28, 35, 50, .12) !important;
}
.toolbox-body .tb-logo-card-grid figure {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 !important;
  border: 1px solid #e5e8ee !important;
  border-radius: 6px !important;
  background: #fff !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
}
.toolbox-body .tb-logo-card-grid figure img {
  width: 86% !important;
  height: 86% !important;
  object-fit: contain !important;
}
.toolbox-body .tb-logo-card-copy { min-width: 0 !important; display: grid !important; gap: 3px !important; padding: 0 2px 2px !important; }
.toolbox-body .tb-logo-card-copy strong,
.toolbox-body .tb-logo-card-copy small { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.toolbox-body .tb-logo-card-copy strong { color: #1d2430 !important; font-size: 13px !important; }
.toolbox-body .tb-logo-card-copy small { color: #70798a !important; font-size: 11px !important; }
.toolbox-body .tb-logo-card-grid article > button {
  position: absolute !important;
  z-index: 3 !important;
  right: 12px !important;
  bottom: 12px !important;
  left: 12px !important;
  min-height: 38px !important;
  border: 1px solid rgba(255,255,255,.5) !important;
  border-radius: 7px !important;
  background: rgba(29, 36, 48, .9) !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  opacity: 0 !important;
  transform: translateY(7px) !important;
}
.toolbox-body .tb-logo-card-grid article:is(:hover, :focus-within, :focus-visible) > button,
.toolbox-body .tb-logo-card-grid article.selected > button { opacity: 1 !important; transform: translateY(0) !important; }
.toolbox-body .tb-logo-card-grid article > button:is(:hover, :focus-visible) { background: #5147c7 !important; outline: 2px solid #fff !important; outline-offset: 1px !important; }

.toolbox-body .tb-visual-template-list > div {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.toolbox-body .tb-visual-template-card,
.toolbox-body .tb-grid-note-template {
  min-width: 0 !important;
  min-height: 0 !important;
  border: 1px solid #d8dde6 !important;
  border-radius: 8px !important;
  background: #fff !important;
  display: block !important;
  padding: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 5px 14px rgba(28, 35, 50, .06) !important;
}
.toolbox-body :where(.tb-visual-template-card, .tb-grid-note-template):has(input:checked) {
  border-color: #5d55d9 !important;
  box-shadow: 0 0 0 2px rgba(93, 85, 217, .12) !important;
}
.toolbox-body :where(.tb-visual-template-card, .tb-grid-note-template) > label { display: grid !important; cursor: pointer !important; }
.toolbox-body :where(.tb-visual-template-card, .tb-grid-note-template) > label > input { position: absolute !important; opacity: 0 !important; pointer-events: none !important; }
.toolbox-body .tb-visual-template-card > label > span {
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  display: grid !important;
  gap: 5px !important;
  padding: 8px 8px 11px !important;
}
.toolbox-body .tb-visual-template-card img,
.toolbox-body .tb-grid-note-template > label > img {
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  border-radius: 6px !important;
  background: #eef0f4 !important;
  object-fit: cover !important;
}
.toolbox-body .tb-visual-template-card b { overflow: hidden !important; color: #1d2430 !important; font-size: 13px !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.toolbox-body .tb-visual-template-card em { overflow: hidden !important; color: #70798a !important; font-size: 11px !important; font-style: normal !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.toolbox-body .tb-grid-note-templates > div { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 10px !important; }
.toolbox-body .tb-grid-note-template > label > span { min-height: 58px !important; background: #fff !important; display: grid !important; gap: 3px !important; padding: 9px 10px !important; }
.toolbox-body .tb-grid-note-template > label > span strong,
.toolbox-body .tb-grid-note-template > label > span small { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.toolbox-body .tb-grid-note-template > label > span strong { color: #1d2430 !important; font-size: 12px !important; }
.toolbox-body .tb-grid-note-template > label > span small { color: #70798a !important; font-size: 11px !important; }
.toolbox-body .tb-visual-template-actions,
.toolbox-body .tb-grid-note-template-actions,
.toolbox-body .tb-example-template-actions {
  position: absolute !important;
  z-index: 4 !important;
  inset: 8px 8px auto !important;
  display: flex !important;
  gap: 6px !important;
  opacity: 0 !important;
  transform: translateY(-5px) !important;
  pointer-events: none !important;
}
.toolbox-body :where(.tb-visual-template-card, .tb-grid-note-template, .tb-example-image-strip article):is(:hover, :focus-within, :focus-visible) :where(.tb-visual-template-actions, .tb-grid-note-template-actions, .tb-example-template-actions) {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
.toolbox-body :where(.tb-visual-template-actions, .tb-grid-note-template-actions, .tb-example-template-actions) :where(button, a) {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 34px !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  border-radius: 7px !important;
  background: rgba(29, 36, 48, .88) !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  padding: 0 8px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  pointer-events: auto !important;
}
.toolbox-body .tb-example-image-strip article { position: relative !important; }
.toolbox-body .tb-example-image-strip article.selected { border-color: #5d55d9 !important; box-shadow: 0 0 0 2px rgba(93, 85, 217, .12) !important; }

@media (hover: none) {
  .toolbox-body .tb-logo-card-grid article > button,
  .toolbox-body :where(.tb-visual-template-actions, .tb-grid-note-template-actions, .tb-example-template-actions) {
    position: static !important;
    opacity: 1 !important;
    transform: none !important;
  }
  .toolbox-body .tb-logo-card-grid article > button { min-height: 44px !important; }
  .toolbox-body :where(.tb-visual-template-actions, .tb-grid-note-template-actions, .tb-example-template-actions) { padding: 0 8px 8px !important; }
  .toolbox-body :where(.tb-visual-template-actions, .tb-grid-note-template-actions, .tb-example-template-actions) :where(button, a) { min-height: 44px !important; }
}
@media (max-width: 1180px) {
  .toolbox-body .tb-logo-card-grid,
  .toolbox-body .tb-grid-note-templates > div { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 760px) {
  .toolbox-body .tb-logo-style-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  .toolbox-body .tb-logo-style-grid span {
    min-height: 72px !important;
    border-radius: 8px !important;
  }
  .toolbox-body .tb-logo-gallery { padding: 12px !important; }
  .toolbox-body .tb-logo-gallery > header { align-items: flex-start !important; flex-direction: column !important; gap: 4px !important; }
  .toolbox-body .tb-logo-card-grid,
  .toolbox-body .tb-visual-template-list > div,
  .toolbox-body .tb-grid-note-templates > div { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
  .toolbox-body .tb-template-similar-note { margin: 0 12px 12px !important; }
}

/* 20260717: focused template commerce interaction polish. */
.toolbox-body :where(.tb-template-market-card, .tb-visual-template-card, .tb-grid-note-template) {
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

.toolbox-body :where(.tb-template-market-card, .tb-visual-template-card, .tb-grid-note-template):focus-visible {
  outline: 3px solid rgba(77, 118, 216, .24) !important;
  outline-offset: 2px !important;
}

.toolbox-body .tb-template-market-thumb.has-image img,
.toolbox-body .tb-visual-template-card img,
.toolbox-body .tb-grid-note-template > label > img {
  display: block !important;
  object-position: center top !important;
  opacity: 1 !important;
}

.toolbox-body .tb-template-market-copy {
  position: relative !important;
  z-index: 5 !important;
  min-height: 104px !important;
  background: #fff !important;
}

.toolbox-body .tb-template-market-hover {
  position: absolute !important;
  z-index: 4 !important;
  inset: 0 0 auto !important;
  aspect-ratio: 3 / 4 !important;
  background: transparent !important;
  pointer-events: none !important;
  transition: opacity .16s ease, transform .16s ease !important;
}

.toolbox-body .tb-template-market-card:has(input:checked) {
  border-color: #c63f34 !important;
  box-shadow: 0 0 0 3px rgba(198, 63, 52, .16), 0 14px 30px rgba(21, 30, 44, .12) !important;
}

.toolbox-body .tb-template-market-card:has(input:checked) .tb-template-market-copy {
  background: #fff9f8 !important;
}

.toolbox-body :where(.tb-visual-template-card, .tb-grid-note-template):has(input:checked) {
  border-color: #5d55d9 !important;
  background: #fbfaff !important;
  box-shadow: 0 0 0 3px rgba(93, 85, 217, .16), 0 12px 24px rgba(28, 35, 50, .1) !important;
}

.toolbox-body :where(.tb-template-market-card, .tb-visual-template-card, .tb-grid-note-template):has(input:checked)::after {
  content: "已选";
  position: absolute !important;
  z-index: 7 !important;
  top: 10px !important;
  right: 10px !important;
  min-height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid rgba(255, 255, 255, .72) !important;
  border-radius: 6px !important;
  background: #5d55d9 !important;
  color: #fff !important;
  padding: 2px 8px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: 0 4px 12px rgba(28, 35, 50, .2) !important;
  pointer-events: none !important;
  transition: opacity .14s ease !important;
}

.toolbox-body .tb-template-market-card:has(input:checked)::after {
  background: #c63f34 !important;
}

.toolbox-body :where(.tb-visual-template-card, .tb-grid-note-template):has(input:checked):is(:hover, :focus-within)::after {
  opacity: 0 !important;
}

.toolbox-body .tb-template-market-copy > span:last-child {
  flex-wrap: wrap !important;
}

.toolbox-body .tb-template-market-copy > span:last-child b,
.toolbox-body .tb-template-use-panel > header > b,
.toolbox-body .tb-studio-submit > div > strong {
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid #f0c7c2 !important;
  border-radius: 6px !important;
  background: #fff1ef !important;
  color: #9f2f2b !important;
  padding: 3px 8px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}

.toolbox-body .tb-tool-cost {
  width: min(240px, 100%) !important;
  min-width: 0 !important;
  max-width: 100% !important;
  border-color: #d9dee6 !important;
  border-radius: 8px !important;
  background: #fff !important;
  padding: 14px 16px !important;
  box-shadow: 0 8px 22px rgba(21, 30, 44, .09) !important;
}

.toolbox-body .tb-tool-cost strong {
  color: #9f2f2b !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}

.toolbox-body .tb-main-tool .tb-btn,
.toolbox-body .tb-template-preview-dialog .tb-btn {
  border: 1px solid #cbd2dc !important;
  background: #fff !important;
  color: #303846 !important;
  box-shadow: 0 1px 2px rgba(23, 31, 44, .06) !important;
  transition: background-color .14s ease, border-color .14s ease, color .14s ease, box-shadow .14s ease, transform .08s ease !important;
}

.toolbox-body .tb-main-tool .tb-btn:hover:not(:disabled):not([aria-disabled="true"]),
.toolbox-body .tb-template-preview-dialog .tb-btn:hover:not(:disabled):not([aria-disabled="true"]) {
  border-color: #9ea9b8 !important;
  background: #f7f8fa !important;
  box-shadow: 0 6px 14px rgba(23, 31, 44, .1) !important;
  transform: translateY(-1px) !important;
}

.toolbox-body .tb-main-tool .tb-btn.primary,
.toolbox-body .tb-template-preview-dialog .tb-btn.primary {
  border-color: var(--tb-app-accent, #c63f34) !important;
  background: var(--tb-app-accent, #c63f34) !important;
  color: #fff !important;
  box-shadow: 0 7px 16px rgba(198, 63, 52, .22) !important;
}

.toolbox-body .tb-main-tool .tb-btn.primary:hover:not(:disabled):not([aria-disabled="true"]),
.toolbox-body .tb-template-preview-dialog .tb-btn.primary:hover:not(:disabled):not([aria-disabled="true"]) {
  border-color: var(--tb-app-accent-strong, #a92b33) !important;
  background: var(--tb-app-accent-strong, #a92b33) !important;
  box-shadow: 0 9px 20px rgba(169, 43, 51, .25) !important;
}

.toolbox-body .tb-main-tool .tb-btn:active:not(:disabled):not([aria-disabled="true"]),
.toolbox-body .tb-template-preview-dialog .tb-btn:active:not(:disabled):not([aria-disabled="true"]) {
  box-shadow: 0 1px 3px rgba(23, 31, 44, .12) !important;
  transform: translateY(1px) !important;
}

.toolbox-body .tb-main-tool .tb-btn:focus-visible,
.toolbox-body .tb-template-preview-dialog .tb-btn:focus-visible {
  outline: 3px solid rgba(77, 118, 216, .26) !important;
  outline-offset: 2px !important;
}

.toolbox-body .tb-template-market-hover :where(button, a),
.toolbox-body :where(.tb-visual-template-actions, .tb-grid-note-template-actions, .tb-example-template-actions) :where(button, a) {
  min-width: 0 !important;
  border-color: rgba(255, 255, 255, .82) !important;
  background: rgba(255, 255, 255, .96) !important;
  color: #27313f !important;
  box-shadow: 0 5px 14px rgba(21, 30, 44, .18) !important;
  backdrop-filter: blur(8px) !important;
  transition: background-color .14s ease, border-color .14s ease, box-shadow .14s ease, transform .08s ease !important;
}

.toolbox-body .tb-template-market-hover a,
.toolbox-body :where(.tb-visual-template-actions, .tb-grid-note-template-actions, .tb-example-template-actions) a {
  border-color: #c63f34 !important;
  background: #c63f34 !important;
  color: #fff !important;
}

.toolbox-body .tb-template-market-hover :where(button, a):hover,
.toolbox-body :where(.tb-visual-template-actions, .tb-grid-note-template-actions, .tb-example-template-actions) :where(button, a):hover {
  border-color: #8995a5 !important;
  background: #fff !important;
  box-shadow: 0 8px 18px rgba(21, 30, 44, .22) !important;
  transform: translateY(-1px) !important;
}

.toolbox-body .tb-template-market-hover a:hover,
.toolbox-body :where(.tb-visual-template-actions, .tb-grid-note-template-actions, .tb-example-template-actions) a:hover {
  border-color: #a92b33 !important;
  background: #a92b33 !important;
  color: #fff !important;
}

.toolbox-body .tb-template-market-hover :where(button, a):active,
.toolbox-body :where(.tb-visual-template-actions, .tb-grid-note-template-actions, .tb-example-template-actions) :where(button, a):active {
  box-shadow: 0 2px 5px rgba(21, 30, 44, .2) !important;
  transform: translateY(1px) !important;
}

.toolbox-body .tb-template-market-hover :where(button, a):focus-visible,
.toolbox-body :where(.tb-visual-template-actions, .tb-grid-note-template-actions, .tb-example-template-actions) :where(button, a):focus-visible {
  outline: 3px solid rgba(77, 118, 216, .3) !important;
  outline-offset: 2px !important;
}

@media (hover: hover) and (pointer: fine) {
  .toolbox-body .tb-template-market-card:is(:hover, :focus-within) .tb-template-market-hover,
  .toolbox-body :where(.tb-visual-template-card, .tb-grid-note-template, .tb-example-image-strip article):is(:hover, :focus-within) :where(.tb-visual-template-actions, .tb-grid-note-template-actions, .tb-example-template-actions) {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
}

/* Commercial frontend F: shared uploads, material picker, pricing and media results. */
.toolbox-body [data-commercial-upload] {
  position: relative;
  min-width: 0;
  border-color: #d7dce5;
  background: #fbfcfe;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.toolbox-body [data-commercial-upload]:is(:hover, :focus-within, .is-dragging) {
  border-color: #8b78df;
  background: #faf8ff;
  box-shadow: 0 0 0 3px rgba(112, 89, 216, .1);
}

.toolbox-body [data-commercial-upload].is-dragging::after {
  content: "松开即可加入图片";
  position: absolute;
  z-index: 5;
  inset: 8px;
  display: grid;
  place-items: center;
  border: 1px dashed #725bd5;
  border-radius: 7px;
  background: rgba(248, 246, 255, .96);
  color: #5d48bc;
  font-size: 13px;
  font-weight: 800;
  pointer-events: none;
}

.toolbox-body .tb-media-source-panel {
  min-width: 0;
  display: grid;
  gap: 8px;
  margin-top: 8px;
}

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

.toolbox-body .tb-media-source-actions .tb-btn {
  min-width: 112px;
  min-height: 44px;
  border-color: #d8dde6;
  border-radius: 7px;
  background: #fff;
  color: #30394a;
  font-size: 12px;
  font-weight: 750;
  box-shadow: 0 3px 9px rgba(30, 38, 54, .055);
}

.toolbox-body .tb-media-source-actions .tb-btn:nth-child(2) {
  border-color: #cfc6f3;
  background: #f8f6ff;
  color: #614cc0;
}

.toolbox-body .tb-media-source-actions output {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  color: #747d8d;
  font-size: 11px;
  font-weight: 700;
}

.toolbox-body .tb-media-source-actions output.error {
  color: #bf3045;
}

.toolbox-body .tb-material-selected-list {
  min-width: 0;
  display: flex;
  overflow-x: auto;
  gap: 7px;
  padding: 2px 0 4px;
  scrollbar-width: thin;
}

.toolbox-body .tb-material-selected-list[hidden] {
  display: none;
}

.toolbox-body .tb-material-selected-chip {
  min-width: 150px;
  max-width: 210px;
  min-height: 48px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 32px;
  align-items: center;
  gap: 7px;
  flex: 0 0 auto;
  border: 1px solid #dfe3ea;
  border-radius: 7px;
  background: #fff;
  padding: 4px 5px;
}

.toolbox-body .tb-material-selected-chip img {
  width: 38px;
  height: 38px;
  border-radius: 5px;
  object-fit: cover;
}

.toolbox-body .tb-material-selected-chip b {
  overflow: hidden;
  color: #384152;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-material-selected-chip button {
  width: 32px;
  height: 40px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #8790a0;
  font-size: 20px;
  line-height: 1;
}

.toolbox-body .tb-material-selected-chip button:is(:hover, :focus-visible) {
  background: #fff0f2;
  color: #bf3045;
  outline: none;
}

.tb-commercial-dialog {
  width: min(860px, calc(100vw - 32px));
  max-height: min(760px, calc(100dvh - 32px));
  overflow: hidden;
  border: 1px solid #d8dde6;
  border-radius: 8px;
  background: #fff;
  color: #283142;
  padding: 0;
  box-shadow: 0 24px 70px rgba(22, 29, 43, .24);
}

.tb-commercial-dialog::backdrop {
  background: rgba(21, 26, 37, .46);
  backdrop-filter: blur(3px);
}

.tb-commercial-dialog > header,
.tb-commercial-dialog > footer {
  min-height: 64px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
}

.tb-commercial-dialog > header {
  justify-content: space-between;
  border-bottom: 1px solid #e7e9ee;
  background: #fbfcfe;
}

.tb-commercial-dialog > header > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.tb-commercial-dialog > header span {
  color: #735ecf;
  font-size: 10px;
  font-weight: 800;
}

.tb-commercial-dialog > header strong {
  color: #283142;
  font-size: 16px;
}

.tb-commercial-dialog > header > button {
  width: 44px;
  min-width: 44px;
  height: 44px;
  border: 1px solid #dfe3e9;
  border-radius: 7px;
  background: #fff;
  color: #596273;
  font-size: 22px;
}

.tb-commercial-dialog > footer {
  justify-content: flex-end;
  border-top: 1px solid #e7e9ee;
  background: #fbfcfe;
}

.tb-commercial-dialog > footer .tb-btn {
  min-height: 44px;
  border-radius: 7px;
}

.tb-material-picker-dialog {
  display: grid;
  grid-template-rows: auto auto minmax(180px, 1fr) auto;
}

.tb-material-picker-dialog:not([open]) {
  display: none;
}

.tb-material-picker-toolbar {
  min-width: 0;
  display: flex;
  align-items: end;
  gap: 12px;
  border-bottom: 1px solid #eceef2;
  padding: 12px 16px;
}

.tb-material-picker-toolbar label {
  min-width: 0;
  display: grid;
  flex: 1 1 auto;
  gap: 5px;
  color: #5c6575;
  font-size: 11px;
  font-weight: 750;
}

.tb-material-picker-toolbar input {
  width: 100%;
  min-height: 44px;
  border: 1px solid #d9dee7;
  border-radius: 7px;
  background: #fff;
  padding: 0 12px;
  color: #283142;
  font: inherit;
  font-size: 13px;
  outline: none;
}

.tb-material-picker-toolbar input:focus {
  border-color: #806bd9;
  box-shadow: 0 0 0 3px rgba(112, 89, 216, .1);
}

.tb-material-picker-toolbar output {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  color: #646e7f;
  font-size: 12px;
  font-weight: 750;
  white-space: nowrap;
}

.tb-material-picker-grid {
  min-height: 230px;
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-content: start;
  gap: 10px;
  padding: 14px 16px;
}

.tb-material-picker-card {
  min-width: 0;
  overflow: hidden;
  display: grid;
  grid-template-rows: 126px auto;
  border: 1px solid #dfe3ea;
  border-radius: 7px;
  background: #fff;
  padding: 0;
  text-align: left;
  box-shadow: 0 3px 10px rgba(28, 36, 51, .045);
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.tb-material-picker-card img {
  width: 100%;
  height: 126px;
  background: #eef0f4;
  object-fit: cover;
}

.tb-material-picker-card > span {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 8px;
}

.tb-material-picker-card strong,
.tb-material-picker-card small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tb-material-picker-card strong {
  color: #343d4d;
  font-size: 11px;
}

.tb-material-picker-card small {
  color: #7a8392;
  font-size: 11px;
}

.tb-material-picker-card:is(:hover, :focus-visible, .selected) {
  border-color: #806bd9;
  box-shadow: 0 0 0 2px rgba(112, 89, 216, .12), 0 8px 20px rgba(45, 36, 87, .1);
  outline: none;
  transform: translateY(-1px);
}

.tb-material-picker-card.selected > span {
  background: #f6f3ff;
}

.tb-material-picker-loading {
  min-height: 210px;
  display: grid;
  place-items: center;
  align-content: center;
  grid-column: 1 / -1;
  gap: 10px;
  color: #6c7584;
  font-size: 12px;
}

.tb-material-picker-loading span {
  width: 28px;
  height: 28px;
  border: 3px solid #e4e0f5;
  border-top-color: #745ed0;
  border-radius: 50%;
  animation: tb-commercial-spin .8s linear infinite;
}

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

.toolbox-body .tb-resolution-native-field {
  display: none !important;
}

.toolbox-body .tb-image-resolution-control {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(140px, 1fr) minmax(270px, auto) minmax(150px, auto);
  align-items: center;
  gap: 12px;
  border: 1px solid #dde1e8;
  border-radius: 8px;
  background: #fbfcfe;
  margin: 12px 0;
  padding: 10px 12px;
}

.toolbox-body .tb-image-resolution-control > div:first-child {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.toolbox-body .tb-image-resolution-control > div:first-child strong {
  color: #30394a;
  font-size: 12px;
}

.toolbox-body .tb-image-resolution-control > div:first-child span {
  color: #7c8492;
  font-size: 10px;
}

.toolbox-body .tb-resolution-segments {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(78px, 1fr));
  gap: 5px;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  background: #eef1f5;
  padding: 4px;
}

.toolbox-body .tb-resolution-segments button {
  min-width: 0;
  min-height: 44px;
  display: grid;
  place-items: center;
  gap: 1px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: #626c7d;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
}

.toolbox-body .tb-resolution-segments button small {
  color: #9098a5;
  font-size: 8px;
  font-weight: 700;
}

.toolbox-body .tb-resolution-segments button.active {
  border-color: #cfc7ef;
  background: #fff;
  color: #624cc1;
  box-shadow: 0 3px 9px rgba(47, 37, 92, .09);
}

.toolbox-body .tb-image-resolution-control > output {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  color: #d65342;
  font-size: 12px;
  font-weight: 850;
  text-align: right;
}

.tb-commercial-decision {
  width: min(660px, calc(100vw - 32px));
}

.tb-commercial-decision:not([open]) {
  display: none;
}

.tb-commercial-decision > section {
  min-width: 0;
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  align-items: center;
  gap: 22px;
  padding: 22px;
}

.tb-commercial-decision > section h3 {
  margin: 0 0 8px;
  color: #293243;
  font-size: 18px;
}

.tb-commercial-decision > section p,
.tb-commercial-decision > section li {
  color: #687181;
  font-size: 12px;
  line-height: 1.7;
}

.tb-commercial-decision > section ul {
  margin: 10px 0 0;
  padding-left: 18px;
}

.tb-white-suggestion-art {
  aspect-ratio: 4 / 3;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 6px;
  border: 1px solid #e1e4ea;
  border-radius: 8px;
  background: linear-gradient(145deg, #f8f9fb, #fff);
  box-shadow: inset 0 0 0 10px #f4f6f8;
}

.tb-white-suggestion-art span {
  width: 62px;
  height: 62px;
  border: 2px solid #7a65d4;
  border-radius: 8px 8px 18px 18px;
  background: #fff;
  box-shadow: 8px 8px 0 #e9e4ff;
}

.tb-white-suggestion-art b {
  color: #3c4555;
  font-size: 12px;
}

.tb-white-suggestion-art small {
  color: #8a929f;
  font-size: 11px;
}

.tb-membership-mark {
  min-height: 142px;
  display: grid;
  place-items: center;
  border: 1px solid #e4d8b5;
  border-radius: 8px;
  background: linear-gradient(145deg, #fffdf7, #f5edd6);
  color: #9a7127;
  font-size: 30px;
  font-weight: 900;
  letter-spacing: 0;
  box-shadow: inset 0 0 0 8px rgba(255, 255, 255, .65);
}

.toolbox-body .tb-video-result-set {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 12px;
}

.toolbox-body .tb-video-result-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dfe3e9;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 5px 16px rgba(29, 37, 52, .065);
}

.toolbox-body .tb-video-result-card > header,
.toolbox-body .tb-video-result-card > footer {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
}

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

.toolbox-body .tb-video-result-card > header strong {
  overflow: hidden;
  color: #313a4a;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-video-result-card > header span {
  overflow-wrap: anywhere;
  color: #838b98;
  font-size: 11px;
}

.toolbox-body .tb-video-result-card > header em {
  flex: 0 0 auto;
  border-radius: 999px;
  background: #f0eff9;
  padding: 4px 8px;
  color: #6755b7;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.toolbox-body .tb-video-player {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #15171c;
}

.toolbox-body .tb-video-player video,
.toolbox-body .tb-post-card video {
  width: 100%;
  height: 100%;
  display: block;
  background: #15171c;
  object-fit: contain;
}

.toolbox-body .tb-video-player .tb-video-state {
  height: 100%;
  display: grid;
  place-items: center;
  align-content: center;
  border: 0;
  background: #f7f8fa;
  margin: 0;
  padding: 18px;
  color: #687181;
  text-align: center;
}

.toolbox-body .tb-video-result-card[data-video-status="processing"] .tb-video-state::before {
  content: "";
  width: 28px;
  height: 28px;
  margin-bottom: 10px;
  border: 3px solid #e2def2;
  border-top-color: #745ed0;
  border-radius: 50%;
  animation: tb-commercial-spin .8s linear infinite;
}

.toolbox-body .tb-video-result-card[data-video-status="failed"] .tb-video-state {
  background: #fff6f6;
  color: #a73343;
}

.toolbox-body .tb-video-result-card > footer {
  min-height: 52px;
  justify-content: flex-end;
}

.toolbox-body .tb-video-result-card > footer .tb-btn {
  min-height: 44px;
  border-radius: 7px;
}

.toolbox-body .tb-post-card .tb-video-result-card {
  margin: 10px 0;
  box-shadow: none;
}

.toolbox-body .tb-inline-tooltip {
  position: relative;
  width: 28px;
  height: 28px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  margin-left: 3px;
  border-radius: 50%;
  color: #7865c9;
  cursor: help;
  outline: none;
}

.toolbox-body .tb-inline-tooltip > b {
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border: 1px solid #bdb2e7;
  border-radius: 50%;
  background: #f6f3ff;
  font-size: 10px;
}

.toolbox-body .tb-inline-tooltip [role="tooltip"] {
  position: absolute;
  z-index: 20;
  right: -8px;
  bottom: calc(100% + 7px);
  width: min(280px, calc(100vw - 40px));
  visibility: hidden;
  border: 1px solid #d9d3ef;
  border-radius: 7px;
  background: #fff;
  padding: 9px 10px;
  color: #515a6b;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.55;
  opacity: 0;
  box-shadow: 0 10px 28px rgba(24, 31, 45, .16);
  pointer-events: none;
  transform: translateY(4px);
  transition: opacity .14s ease, transform .14s ease, visibility .14s ease;
}

.toolbox-body .tb-inline-tooltip:is(:hover, :focus-visible) [role="tooltip"] {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.toolbox-body .tb-required-filter {
  border-color: #dfe3e9 !important;
  background: #f7f8fa !important;
  color: #606978 !important;
  cursor: not-allowed;
}

.toolbox-body :where(.tb-discover-workbench, .tb-viral-library-studio) a[aria-busy="true"] {
  opacity: .62;
  pointer-events: none;
}

.toolbox-body :where(.tb-discover-workbench, .tb-viral-library-studio) .tb-discover-load-more {
  min-height: 44px;
}

.toolbox-body :where(.tb-discover-workbench, .tb-viral-library-studio) a.is-loading::after {
  content: " 读取中";
  font-size: 11px;
}

.toolbox-body form[action^="/toolbox-admin/"] :where(button, .tb-btn) {
  min-height: 44px;
}

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

  .toolbox-body .tb-image-resolution-control > output {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  .tb-material-picker-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

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

  .toolbox-body .tb-media-source-actions .tb-btn {
    width: 100%;
    min-width: 0;
  }

  .toolbox-body .tb-media-source-actions output {
    grid-column: 1 / -1;
    margin-left: 0;
  }

  .toolbox-body .tb-image-resolution-control {
    grid-template-columns: minmax(0, 1fr);
    gap: 9px;
  }

  .toolbox-body .tb-image-resolution-control > output {
    grid-column: auto;
    min-height: 28px;
  }

  .tb-commercial-dialog {
    width: calc(100vw - 16px);
    max-width: none;
    max-height: calc(100dvh - 16px);
  }

  .tb-commercial-dialog > header,
  .tb-commercial-dialog > footer {
    padding-right: 12px;
    padding-left: 12px;
  }

  .tb-material-picker-toolbar {
    align-items: stretch;
    flex-direction: column;
    gap: 4px;
    padding: 10px 12px;
  }

  .tb-material-picker-toolbar output {
    min-height: 28px;
  }

  .tb-material-picker-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 10px 12px;
  }

  .tb-material-picker-card {
    grid-template-rows: 116px auto;
  }

  .tb-material-picker-card img {
    height: 116px;
  }

  .tb-commercial-dialog > footer {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tb-commercial-dialog > footer .tb-status {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  .tb-commercial-dialog > footer .tb-btn {
    width: 100%;
    min-width: 0;
  }

  .tb-commercial-decision > section {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    padding: 16px;
  }

  .tb-white-suggestion-art,
  .tb-membership-mark {
    min-height: 104px;
    aspect-ratio: auto;
  }

  .toolbox-body .tb-video-result-set {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .toolbox-body .tb-video-result-card > header {
    align-items: flex-start;
  }

  .toolbox-body .tb-inline-tooltip [role="tooltip"] {
    position: fixed;
    right: 12px;
    bottom: 16px;
    left: 12px;
    width: auto;
  }
}

@media (max-width: 390px) {
  .toolbox-body .tb-resolution-segments {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .toolbox-body .tb-resolution-segments button {
    padding: 0 3px;
    font-size: 11px;
  }

  .tb-commercial-dialog > header strong {
    font-size: 14px;
  }

  .tb-material-picker-card > span {
    padding: 7px;
  }
}

@media (hover: none) {
  .toolbox-body .tb-template-market-hover {
    position: static !important;
    z-index: auto !important;
    inset: auto !important;
    aspect-ratio: auto !important;
    opacity: 1 !important;
    pointer-events: none !important;
  }

  .toolbox-body .tb-template-market-hover :where(button, a) {
    position: relative !important;
    z-index: 1 !important;
    flex: 1 1 0 !important;
    min-height: 44px !important;
    pointer-events: auto !important;
  }
}

@media (hover: hover) and (pointer: fine) {
  .toolbox-body .tb-template-market-hover {
    position: absolute !important;
    z-index: 4 !important;
    inset: 0 0 auto !important;
    aspect-ratio: 3 / 4 !important;
    pointer-events: none !important;
  }

  .toolbox-body .tb-template-market-hover :where(button, a) {
    position: relative !important;
    z-index: 1 !important;
    pointer-events: auto !important;
  }
}

/* 20260717 reference-aligned commercial workbenches. */
.toolbox-body {
  --tb-ref-purple: #7c4dff;
  --tb-ref-purple-strong: #6536e8;
  --tb-ref-purple-soft: #f5f1ff;
  --tb-ref-coral: #ef5b63;
  --tb-ref-coral-strong: #dc4650;
  --tb-ref-ink: #252936;
  --tb-ref-copy: #5f6675;
  --tb-ref-muted: #8b91a0;
  --tb-ref-line: #e4e7ee;
  --tb-ref-panel: #ffffff;
  --tb-ref-page: #f6f7fb;
  --tb-ref-shadow: 0 10px 30px rgba(43, 48, 67, .07);
}

.toolbox-body .tb-main.tb-main-tool {
  background:
    linear-gradient(135deg, rgba(226, 237, 255, .58), rgba(242, 237, 255, .7) 46%, rgba(255, 246, 242, .5)),
    var(--tb-ref-page);
  color: var(--tb-ref-ink);
}

.toolbox-body .tb-main-tool > :where(.tb-destination-context, .tb-studio-pagehead, .tb-tool-hero, .tb-specific-form, .tb-special-tool-panel, .tb-template-creator, .tb-aicopy-workspace) {
  width: min(1180px, 100%);
  margin-inline: auto;
}

.toolbox-body .tb-main-tool :where(.tb-btn, button:not(.tb-help-dot)) {
  border-radius: 7px;
  letter-spacing: 0;
}

.toolbox-body .tb-main-tool :where(.tb-btn.primary, button.primary, button[type="submit"].tb-btn) {
  border-color: var(--tb-ref-coral-strong);
  background: var(--tb-ref-coral);
  color: #fff;
  box-shadow: 0 8px 18px rgba(239, 91, 99, .2);
}

.toolbox-body .tb-main-tool :where(.tb-btn.primary, button.primary, button[type="submit"].tb-btn):hover:not(:disabled) {
  border-color: var(--tb-ref-coral-strong);
  background: var(--tb-ref-coral-strong);
  box-shadow: 0 10px 22px rgba(220, 70, 80, .24);
  transform: translateY(-1px);
}

.toolbox-body .tb-main-tool :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
  textarea,
  select
) {
  min-height: 42px;
  border: 1px solid #dfe2e9 !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: #303543 !important;
  font-size: 13px !important;
  box-shadow: inset 0 1px 2px rgba(32, 37, 50, .035) !important;
}

.toolbox-body .tb-main-tool :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
  textarea,
  select
):focus {
  border-color: #9c82ef !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(124, 77, 255, .13) !important;
}

/* AI copy: same information density and flow as the reference workspace. */
.toolbox-body .tb-replicate-page {
  width: min(1180px, 100%);
  margin-inline: auto;
}

.toolbox-body .tb-aicopy-reference-head {
  min-height: 92px;
  display: grid;
  place-content: center;
  gap: 7px;
  text-align: center;
}

.toolbox-body .tb-aicopy-reference-head h2,
.toolbox-body .tb-aicopy-reference-head p {
  margin: 0;
}

.toolbox-body .tb-aicopy-reference-head h2 {
  color: #181b24;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.2;
}

.toolbox-body .tb-aicopy-reference-head h2 span,
.toolbox-body .tb-aicopy-reference-head p strong {
  color: var(--tb-ref-purple);
}

.toolbox-body .tb-aicopy-reference-head p {
  color: #6e7482;
  font-size: 14px;
}

.toolbox-body .tb-aicopy-creation-tip {
  min-height: 52px;
  margin-bottom: 10px;
  border: 1px solid #f0dfb8;
  border-radius: 8px;
  background: #fff8e9;
  color: #6d6046;
  padding: 9px 14px;
  box-shadow: none;
}

.toolbox-body .tb-aicopy-creation-tip > i {
  color: #d8a335;
}

.toolbox-body .tb-aicopy-workspace {
  display: grid;
  gap: 10px;
  border: 0;
  background: transparent;
  padding: 0;
}

.toolbox-body .tb-aicopy-form {
  border: 1px solid var(--tb-ref-line);
  border-radius: 12px;
  background: var(--tb-ref-panel);
  padding: 17px 18px 16px;
  box-shadow: var(--tb-ref-shadow);
}

.toolbox-body .tb-aicopy-form-head {
  min-height: 38px;
  align-items: flex-start;
  padding: 0 0 11px;
}

.toolbox-body .tb-aicopy-form-head strong {
  color: #262a35;
  font-size: 18px;
  font-weight: 800;
}

.toolbox-body .tb-aicopy-form-head span {
  margin-top: 3px;
  color: #8a909c;
  font-size: 12px;
}

.toolbox-body .tb-aicopy-form-head > a {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #e0e3e9;
  border-radius: 6px;
  background: #fff;
  color: #656c79;
  padding: 0 11px;
  font-size: 12px;
  text-decoration: none;
}

.toolbox-body .tb-aicopy-modes,
.toolbox-body .tb-replicate-mode-shell .tb-aicopy-modes {
  min-height: 44px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 22px;
  border-top: 1px solid #eef0f4;
  border-bottom: 1px solid #eef0f4;
  padding: 9px 1px;
}

.toolbox-body .tb-aicopy-modes > :where(button, a),
.toolbox-body .tb-replicate-mode-tab {
  width: auto;
  min-height: 28px;
  display: inline-flex;
  grid-template-columns: none;
  align-items: center;
  gap: 6px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #505665;
  padding: 0;
  box-shadow: none;
  text-decoration: none;
}

.toolbox-body .tb-aicopy-modes > :where(button, a) > i {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  border: 1.5px solid #d9dce4;
  border-radius: 50%;
  background: #fff;
  box-shadow: inset 0 0 0 3px #fff;
}

.toolbox-body .tb-aicopy-modes > :where(button, a) :where(b, span) {
  display: inline;
  line-height: 1.35;
}

.toolbox-body .tb-aicopy-modes > :where(button, a) b {
  color: inherit;
  font-size: 13px;
  font-weight: 650;
}

.toolbox-body .tb-aicopy-modes > :where(button, a) span {
  color: #a0a5b0;
  font-size: 10px;
}

.toolbox-body .tb-aicopy-modes > :where(button.active, button[aria-selected="true"], a.active) {
  border: 0;
  background: transparent;
  color: var(--tb-ref-purple);
  box-shadow: none;
}

.toolbox-body .tb-aicopy-modes > :where(button.active, button[aria-selected="true"], a.active) > i {
  border-color: var(--tb-ref-purple);
  background: var(--tb-ref-purple);
}

.toolbox-body .tb-replicate-costs {
  min-height: 35px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  border: 0;
  background: transparent;
  padding: 6px 0 2px;
}

.toolbox-body .tb-replicate-costs span {
  min-height: 25px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 0;
  border-radius: 999px;
  background: #f3f4f7;
  color: #6c7280;
  padding: 0 9px;
  font-size: 11px;
}

.toolbox-body .tb-aicopy-link-panel {
  border: 0;
  background: transparent;
  padding: 9px 0 0;
  box-shadow: none;
}

.toolbox-body .tb-aicopy-link-panel > div {
  grid-template-columns: minmax(0, 1fr) 112px;
  align-items: stretch;
  gap: 10px;
}

.toolbox-body .tb-aicopy-link-panel textarea {
  min-height: 90px !important;
  resize: vertical;
}

.toolbox-body .tb-aicopy-link-panel .tb-btn {
  min-height: 44px;
  align-self: center;
  border-radius: 22px;
}

.toolbox-body .tb-replicate-provider,
.toolbox-body .tb-replicate-mode-panel .tb-supported-row {
  margin-top: 10px;
  border-radius: 7px;
}

.toolbox-body .tb-replicate-help {
  border: 0;
  background: transparent;
  font-size: 12px;
}

.toolbox-body .tb-aicopy-result {
  border: 0;
  background: transparent;
  padding: 0;
  box-shadow: none;
}

.toolbox-body .tb-aicopy-result > .tb-empty {
  min-height: 118px;
  border: 1px dashed #d7dbe4;
  border-radius: 10px;
  background: rgba(255, 255, 255, .72);
}

.toolbox-body .tb-parsed-grid {
  grid-template-columns: minmax(280px, 34%) minmax(0, 1fr);
  gap: 14px;
}

.toolbox-body .tb-parsed-grid > section {
  border: 1px solid var(--tb-ref-line);
  border-top: 1px solid var(--tb-ref-line) !important;
  border-radius: 12px;
  padding: 14px;
  box-shadow: var(--tb-ref-shadow);
}

.toolbox-body .tb-parsed-grid > section > h3 {
  font-size: 15px;
}

.toolbox-body .tb-copy-settings {
  display: grid;
  gap: 0;
}

.toolbox-body .tb-setting-row {
  min-width: 0;
  min-height: 44px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 7px 13px;
  border-bottom: 1px solid #eef0f4;
  padding: 8px 0;
}

.toolbox-body .tb-setting-row > strong {
  width: 104px;
  min-height: 29px;
  flex: 0 0 104px;
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 6px;
  background: #404754;
  color: #fff;
  padding: 0 9px;
  font-size: 12px;
  line-height: 1.35;
}

.toolbox-body .tb-setting-row.full > :where(textarea, input, .tb-ref-editor),
.toolbox-body .tb-setting-row:not(.tb-setting-choice-row) > :where(textarea, input, select) {
  min-width: 220px;
  flex: 1 1 260px;
}

.toolbox-body .tb-setting-choice-row > label,
.toolbox-body .tb-setting-row > label:has(input[type="radio"]),
.toolbox-body .tb-setting-row > label:has(input[type="checkbox"]) {
  min-height: 29px;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #525967;
  padding: 3px 0 !important;
  box-shadow: none !important;
  font-size: 12px;
}

.toolbox-body .tb-setting-row > label:has(input:checked) {
  color: var(--tb-ref-purple);
}

.toolbox-body .tb-setting-row label > em {
  display: none;
}

.toolbox-body .tb-setting-row label > small {
  border: 1px solid #f0c96d;
  border-radius: 999px;
  background: #fff5d9;
  color: #a36b00;
  padding: 1px 6px;
  font-size: 11px;
  font-style: normal;
}

.toolbox-body .tb-setting-row .tb-help {
  width: auto;
  margin: -2px 0 0 117px;
  color: #9298a4;
  font-size: 10px;
}

.toolbox-body .tb-help-dot {
  position: relative;
  width: 17px;
  height: 17px;
  display: inline-grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: var(--tb-ref-purple);
  color: #fff;
  padding: 0;
  font: 700 10px/1 sans-serif;
  cursor: help;
}

.toolbox-body .tb-help-dot::after {
  content: attr(data-tooltip);
  position: absolute;
  z-index: 50;
  top: calc(100% + 7px);
  left: 0;
  width: 260px;
  max-width: 72vw;
  display: none;
  border: 1px solid #dfe3eb;
  border-radius: 8px;
  background: #fff;
  color: #515867;
  padding: 9px 10px;
  box-shadow: 0 12px 30px rgba(34, 39, 54, .14);
  font: 400 11px/1.6 sans-serif;
  text-align: left;
}

.toolbox-body .tb-help-dot:is(:hover, :focus-visible)::after {
  display: block;
}

.toolbox-body .tb-generate-footer {
  position: sticky;
  bottom: 8px;
  z-index: 9;
  min-height: 66px;
  grid-template-columns: minmax(0, 1fr) minmax(250px, 310px);
  align-items: center;
  gap: 12px;
  border: 1px solid #e0e3ea;
  border-radius: 10px;
  background: rgba(255, 255, 255, .96);
  padding: 9px 11px;
  box-shadow: 0 12px 30px rgba(38, 43, 58, .11);
  backdrop-filter: blur(10px);
}

.toolbox-body .tb-generate-footer .tb-btn.primary {
  width: 100%;
  min-height: 44px;
  border-radius: 24px;
}

/* Template generators: one focused creator, compact selected template, examples below. */
.toolbox-body .tb-template-creator {
  width: min(940px, 100%);
  margin-inline: auto;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.toolbox-body .tb-template-creator > header {
  min-height: 92px;
  justify-content: center;
  border: 0;
  background: transparent;
  padding: 10px 18px;
  text-align: center;
}

.toolbox-body .tb-template-creator > header > div {
  display: grid;
  justify-items: center;
}

.toolbox-body .tb-template-creator > header > div > span {
  color: var(--tb-ref-purple);
  font-size: 11px;
  font-weight: 750;
}

.toolbox-body .tb-template-creator > header h3 {
  margin-top: 3px;
  color: #1e222d;
  font-size: 28px;
}

.toolbox-body .tb-template-creator > header p {
  margin-top: 4px;
  color: #7b8190;
  font-size: 13px;
}

.toolbox-body .tb-template-creator > header > a {
  position: absolute;
  right: 18px;
  top: 28px;
  min-height: 36px;
  border: 1px solid #e0e3ea;
  border-radius: 18px;
  background: #fff;
  color: #646b79;
  padding: 0 13px;
}

.toolbox-body .tb-template-creator-form {
  display: grid;
  gap: 12px;
  border: 1.5px solid #9b78ef;
  border-radius: 14px;
  background: #fff;
  padding: 16px;
  box-shadow: 0 16px 34px rgba(96, 64, 190, .1);
}

.toolbox-body .tb-selected-template {
  grid-template-columns: 62px minmax(0, 1fr) auto;
  min-height: 84px;
  gap: 11px;
  border: 1px dashed #e1d8f5;
  border-radius: 9px;
  background: #fdfcff;
  padding: 9px;
}

.toolbox-body .tb-selected-template > img {
  width: 62px;
  height: 66px;
  border-radius: 5px;
  object-fit: cover;
}

.toolbox-body .tb-selected-template > div > small {
  color: var(--tb-ref-purple);
}

.toolbox-body .tb-selected-template > div > p {
  margin-top: 3px;
  font-size: 10px;
}

.toolbox-body .tb-selected-template-actions {
  align-self: center;
  grid-template-columns: repeat(3, auto);
}

.toolbox-body .tb-selected-template-actions :where(button, a) {
  min-height: 34px;
  border-radius: 6px;
  padding: 0 9px;
}

.toolbox-body .tb-template-mode-row {
  grid-template-columns: repeat(2, minmax(0, 210px));
  justify-content: start;
  gap: 8px;
}

.toolbox-body .tb-template-mode-row label > span {
  min-height: 46px;
  border-radius: 7px;
}

.toolbox-body .tb-template-branch-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
}

.toolbox-body .tb-template-branch-field > span {
  min-height: 24px;
  color: #3c4350;
  font-size: 12px;
}

.toolbox-body .tb-template-branch-field textarea {
  min-height: 94px;
  resize: vertical;
}

.toolbox-body .tb-template-creator-options {
  grid-template-columns: 180px minmax(0, 1fr);
  align-items: end;
}

.toolbox-body .tb-template-creator .tb-studio-submit {
  position: sticky;
  bottom: 8px;
  z-index: 8;
  min-height: 64px;
  border-radius: 10px;
  background: rgba(255, 255, 255, .97);
  padding: 9px 10px;
  box-shadow: 0 10px 26px rgba(40, 45, 59, .1);
}

.toolbox-body .tb-template-creator .tb-studio-submit .tb-btn.primary {
  min-width: 245px;
  min-height: 44px;
  border-radius: 23px;
}

.toolbox-body .tb-template-task-result {
  margin-top: 10px;
}

.toolbox-body .tb-popular-templates {
  margin-top: 16px;
  border: 1px solid var(--tb-ref-line);
  border-radius: 12px;
  background: #fff;
  padding: 14px;
  box-shadow: var(--tb-ref-shadow);
}

.toolbox-body .tb-popular-templates > div {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.toolbox-body .tb-popular-template-card {
  min-width: 0;
  border-radius: 8px;
}

.toolbox-body .tb-popular-template-card > img {
  aspect-ratio: 3 / 4;
  object-fit: cover;
}

/* Ecommerce Pro keeps a narrow settings column and a stable result canvas. */
.toolbox-body .tb-ecommerce-pro-classic {
  width: min(1180px, 100%);
  margin-inline: auto;
}

.toolbox-body .tb-ecommerce-pro-layout {
  grid-template-columns: minmax(340px, 390px) minmax(0, 1fr);
  align-items: start;
  gap: 12px;
}

.toolbox-body .tb-ecommerce-pro-layout > form,
.toolbox-body .tb-ecommerce-pro-layout > aside {
  border-radius: 10px;
  box-shadow: var(--tb-ref-shadow);
}

.toolbox-body .tb-ecommerce-pro-layout > form {
  max-height: calc(100vh - 150px);
  overflow: auto;
  scrollbar-width: thin;
}

.toolbox-body .tb-ecom-pro-upload {
  min-height: 138px;
}

.toolbox-body .tb-ecom-pro-placeholder {
  min-height: 390px;
}

@media (max-width: 1080px) {
  .toolbox-body .tb-parsed-grid,
  .toolbox-body .tb-ecommerce-pro-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .toolbox-body .tb-ecommerce-pro-layout > form {
    max-height: none;
    overflow: visible;
  }

  .toolbox-body .tb-popular-templates > div {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .toolbox-body .tb-main.tb-main-tool {
    background: var(--tb-ref-page);
  }

  .toolbox-body .tb-aicopy-reference-head {
    min-height: 76px;
  }

  .toolbox-body .tb-aicopy-reference-head h2,
  .toolbox-body .tb-template-creator > header h3 {
    font-size: 23px;
  }

  .toolbox-body .tb-aicopy-form,
  .toolbox-body .tb-template-creator-form,
  .toolbox-body .tb-popular-templates {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    padding: 12px;
  }

  .toolbox-body .tb-aicopy-modes,
  .toolbox-body .tb-replicate-mode-shell .tb-aicopy-modes {
    align-items: stretch;
    flex-direction: column;
    gap: 3px;
  }

  .toolbox-body .tb-aicopy-modes > :where(button, a) {
    min-height: 40px;
  }

  .toolbox-body .tb-aicopy-link-panel > div,
  .toolbox-body .tb-template-branch-fields,
  .toolbox-body .tb-template-creator-options,
  .toolbox-body .tb-generate-footer {
    grid-template-columns: minmax(0, 1fr);
  }

  .toolbox-body .tb-setting-row > strong {
    width: 100%;
    flex-basis: 100%;
  }

  .toolbox-body .tb-setting-row .tb-help {
    margin-left: 0;
  }

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

  .toolbox-body .tb-selected-template-actions {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .toolbox-body .tb-template-creator > header > a {
    position: static;
    margin-top: 8px;
  }

  .toolbox-body .tb-template-creator .tb-studio-submit,
  .toolbox-body .tb-generate-footer {
    position: static;
  }

  .toolbox-body .tb-popular-templates > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Commercial frontend final cascade: neutralize legacy fixed submit and mode grids. */
.toolbox-body form[data-resolution-ready="true"] .tb-image-resolution-control {
  grid-template-columns: minmax(0, .8fr) minmax(230px, 1.2fr) !important;
}

.toolbox-body form[data-resolution-ready="true"] .tb-image-resolution-control > output {
  grid-column: 1 / -1 !important;
  min-height: 24px !important;
  justify-content: flex-end !important;
}

.toolbox-body form[data-resolution-ready="true"] :where(.tb-ecom-submit-bar, .tb-studio-submit, .tb-compose-submit) {
  width: 100% !important;
  min-height: 72px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px 16px !important;
  border: 1px solid #dfe3ea !important;
  border-radius: 8px !important;
  background: #fff !important;
  margin: 12px 0 0 !important;
  padding: 10px 12px !important;
  box-shadow: 0 6px 16px rgba(28, 37, 52, .065) !important;
}

.toolbox-body form[data-resolution-ready="true"] :where(.tb-ecom-submit-bar, .tb-studio-submit, .tb-compose-submit) > div {
  min-width: 0 !important;
  width: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 3px !important;
  writing-mode: horizontal-tb !important;
}

.toolbox-body form[data-resolution-ready="true"] :where(.tb-ecom-submit-bar, .tb-studio-submit, .tb-compose-submit) > div > :where(strong, span) {
  width: auto !important;
  max-width: none !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  writing-mode: horizontal-tb !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.toolbox-body form[data-resolution-ready="true"] :where(.tb-ecom-submit-bar, .tb-studio-submit, .tb-compose-submit) > div > strong {
  color: #343d4d !important;
  font-size: 12px !important;
}

.toolbox-body form[data-resolution-ready="true"] :where(.tb-ecom-submit-bar, .tb-studio-submit, .tb-compose-submit) > div > span {
  color: #7b8492 !important;
  font-size: 10px !important;
}

.toolbox-body form[data-resolution-ready="true"] :where(.tb-ecom-submit-bar, .tb-studio-submit, .tb-compose-submit) > .tb-btn {
  width: auto !important;
  min-width: 180px !important;
  min-height: 48px !important;
  margin: 0 !important;
}

.toolbox-body form[data-resolution-ready="true"] :where(.tb-ecom-submit-bar, .tb-studio-submit, .tb-compose-submit) > .tb-status:not(:empty) {
  grid-column: 1 / -1 !important;
}

.toolbox-body .tb-aicopy-modes {
  width: 100%;
  min-width: 0;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.toolbox-body .tb-aicopy-modes > :where(button, a) {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 64px !important;
  display: grid !important;
  align-content: center !important;
  gap: 4px !important;
  border: 1px solid #dfe3e9 !important;
  border-radius: 8px !important;
  background: #fff !important;
  padding: 9px 11px !important;
  color: #3d4656 !important;
  text-align: left !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

.toolbox-body .tb-aicopy-modes > :where(button, a) :where(b, span) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-aicopy-modes > :where(button, a) b {
  font-size: 12px !important;
}

.toolbox-body .tb-aicopy-modes > :where(button, a) span {
  color: #858d9b !important;
  font-size: 11px !important;
}

.toolbox-body .tb-aicopy-modes > :where(button.active, button[aria-selected="true"], a.active) {
  border-color: #8a76df !important;
  background: #f7f4ff !important;
  color: #5f49bd !important;
  box-shadow: 0 0 0 2px rgba(112, 89, 216, .1) !important;
}

.toolbox-body .tb-material-selected-chip {
  grid-template-columns: 38px minmax(0, 1fr) 44px;
}

.toolbox-body .tb-material-selected-chip button {
  width: 44px;
  height: 44px;
}

@media (max-width: 680px) {
  .toolbox-body form[data-resolution-ready="true"] .tb-image-resolution-control {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body form[data-resolution-ready="true"] .tb-image-resolution-control > output {
    grid-column: auto !important;
    justify-content: flex-start !important;
  }

  .toolbox-body form[data-resolution-ready="true"] :where(.tb-ecom-submit-bar, .tb-studio-submit, .tb-compose-submit) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body form[data-resolution-ready="true"] :where(.tb-ecom-submit-bar, .tb-studio-submit, .tb-compose-submit) > .tb-btn {
    width: 100% !important;
    min-width: 0 !important;
  }

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

/* Browser QA follow-up: preserve readable CTAs and compact media on narrow screens. */
.toolbox-body .tb-product-note-hero > .tb-btn {
  min-height: 44px !important;
}

@media (max-width: 680px) {
  .toolbox-body .tb-product-submit .tb-btn {
    min-height: 66px !important;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    padding: 8px 12px;
    line-height: 1.35;
    white-space: normal;
  }

  .toolbox-body .tb-product-submit .tb-btn small {
    width: auto;
    max-width: 100%;
    margin: 0;
    padding: 3px 8px;
    line-height: 1.35;
    white-space: normal;
  }
}

@media (max-width: 520px) {
  .toolbox-body .tb-parsed-actions :where(.tb-btn, a, button) {
    min-height: 44px !important;
    display: inline-flex;
    align-items: center;
  }

  .toolbox-body .tb-parsed-media-gallery[data-count="2"],
  .toolbox-body .tb-parsed-media-gallery[data-count="3"],
  .toolbox-body .tb-parsed-media-gallery[data-count="4"],
  .toolbox-body .tb-parsed-media-gallery.count-4-plus {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .toolbox-body .tb-tool-hero {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-tool-cost {
    width: 100% !important;
  }

  .toolbox-body .tb-template-market-search form,
  .toolbox-body .tb-template-industry-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-template-market-search .tb-btn,
  .toolbox-body .tb-template-preview-body .tb-btn {
    width: 100% !important;
  }

  .toolbox-body .tb-template-use-panel > header {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  .toolbox-body .tb-template-preview-dialog {
    width: calc(100vw - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
  }

  .toolbox-body .tb-template-preview-body {
    max-height: calc(100dvh - 82px) !important;
    gap: 12px !important;
    padding: 12px !important;
  }

  .toolbox-body .tb-template-preview-body > img {
    max-height: 50dvh !important;
  }
}

@media (max-width: 480px) {
  .toolbox-body .tb-template-market-hover,
  .toolbox-body :where(.tb-visual-template-actions, .tb-grid-note-template-actions, .tb-example-template-actions) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: end !important;
    align-items: stretch !important;
    gap: 6px !important;
  }

  .toolbox-body :where(.tb-template-market-hover, .tb-visual-template-actions, .tb-grid-note-template-actions, .tb-example-template-actions) :where(button, a) {
    width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .toolbox-body .tb-template-market-copy > span:last-child {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 5px !important;
  }
}

/* 20260717 CD: production states for commercial-function workbenches. */
.toolbox-body {
  --tb-state-info: #3567b7;
  --tb-state-info-soft: #eef5ff;
  --tb-state-success: #18794e;
  --tb-state-success-soft: #edf9f2;
  --tb-state-warning: #9a6700;
  --tb-state-warning-soft: #fff8e6;
  --tb-state-danger: #b42336;
  --tb-state-danger-soft: #fff1f2;
  --tb-state-muted: #697386;
  --tb-state-line: #d9e0e9;
}

/* Dedicated forms stay visually separate from their result surfaces. */
.toolbox-body :where(
  .tb-batch-poster-studio,
  .tb-free-note-studio,
  .tb-prompt-reverse-studio,
  .tb-geo-task-workbench,
  .tb-geo-library-studio,
  .tb-publish-studio,
  .tb-video-workbench,
  .tb-ai-video-studio
) {
  min-width: 0;
  overflow: hidden;
}

.toolbox-body :where(
  .tb-batch-poster-studio,
  .tb-free-note-studio,
  .tb-prompt-reverse-studio,
  .tb-geo-task-workbench,
  .tb-publish-studio,
  .tb-video-workbench
) .tb-specific-form {
  min-width: 0;
}

.toolbox-body :where(
  .tb-batch-poster-studio,
  .tb-free-note-studio,
  .tb-prompt-reverse-studio,
  .tb-geo-task-workbench,
  .tb-publish-studio,
  .tb-video-workbench
) .tb-specific-form:focus-within {
  border-color: #c9d2df;
}

/* Batch rows support both the current title editor and dedicated row markup. */
.toolbox-body :where(.tb-batch-item-list, [data-batch-item-list]) {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.toolbox-body :where(.tb-batch-item-row, [data-batch-item]) {
  min-width: 0;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: start;
  gap: 9px;
  border: 1px solid var(--tb-state-line);
  border-radius: 8px;
  background: #fff;
  padding: 9px;
  box-shadow: 0 3px 10px rgba(28, 39, 56, .045);
}

.toolbox-body :where(.tb-batch-item-row, [data-batch-item]) > :where(b, .tb-batch-item-index) {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #f0f2f6;
  color: #4f5969;
  font-size: 11px;
  line-height: 1;
}

.toolbox-body :where(.tb-batch-item-row, [data-batch-item]) :where(input, textarea) {
  min-width: 0;
  min-height: 44px;
  margin: 0;
}

.toolbox-body :where(.tb-batch-item-row, [data-batch-item]) > :where(button, .tb-batch-item-remove) {
  min-width: 44px;
  min-height: 44px;
  border: 1px solid #e5cdd1;
  border-radius: 7px;
  background: #fff;
  color: #9f3444;
}

.toolbox-body :where(.tb-batch-item-row, [data-batch-item])[data-state="ready"] {
  border-color: #b9ddc9;
  background: #fbfffc;
}

.toolbox-body :where(.tb-batch-item-row, [data-batch-item])[data-state="processing"] {
  border-color: #b9cdef;
  background: var(--tb-state-info-soft);
}

.toolbox-body :where(.tb-batch-item-row, [data-batch-item])[data-state="error"],
.toolbox-body :where(.tb-batch-item-row, [data-batch-item]).has-error {
  border-color: #e3aab3;
  background: var(--tb-state-danger-soft);
}

.toolbox-body :where(.tb-batch-item-state, [data-batch-item-status]) {
  grid-column: 2 / -1;
  min-height: 22px;
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--tb-state-muted);
  font-size: 11px;
  line-height: 1.45;
}

.toolbox-body .tb-batch-title-control {
  min-width: 0;
}

.toolbox-body .tb-batch-title-control textarea {
  min-width: 0;
  min-height: 92px;
}

.toolbox-body .tb-batch-poster-classic form[aria-busy="true"] .tb-batch-title-control,
.toolbox-body .tb-free-note-studio form[aria-busy="true"] :where(.tb-free-note-grid, .tb-free-requirement) {
  opacity: .78;
}

.toolbox-body .tb-batch-poster-classic form[aria-busy="true"] .tb-batch-classic-submit,
.toolbox-body .tb-free-note-studio form[aria-busy="true"] .tb-studio-submit {
  border-color: #b9cdef !important;
  background: var(--tb-state-info-soft) !important;
}

/* Upload and image-analysis states never hide the selected image behind an overlay. */
.toolbox-body .tb-prompt-reverse-studio > form {
  align-items: stretch;
}

.toolbox-body .tb-prompt-reverse-drop {
  position: relative;
  min-width: 0;
  min-height: 220px;
  align-content: center;
  border-style: dashed !important;
}

.toolbox-body .tb-prompt-reverse-drop.has-files {
  border-style: solid !important;
  border-color: #8ebfa5 !important;
  background: var(--tb-state-success-soft) !important;
}

.toolbox-body .tb-prompt-reverse-drop.has-files .tb-upload-file-text {
  color: var(--tb-state-success) !important;
  font-weight: 750;
}

.toolbox-body .tb-prompt-reverse-studio form[aria-busy="true"] .tb-prompt-reverse-drop {
  border-color: #9db9e5 !important;
  background: var(--tb-state-info-soft) !important;
}

.toolbox-body :where(.tb-image-analysis-progress, [data-image-analysis-progress]) {
  min-width: 0;
  display: grid;
  gap: 8px;
  border: 1px solid #cbd9ef;
  border-radius: 8px;
  background: var(--tb-state-info-soft);
  padding: 12px;
}

.toolbox-body :where(.tb-image-analysis-progress, [data-image-analysis-progress]) > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #33435a;
  font-size: 11px;
}

.toolbox-body :where(.tb-image-analysis-progress, [data-image-analysis-progress]) > progress {
  width: 100%;
  height: 7px;
  overflow: hidden;
  border: 0;
  border-radius: 999px;
  accent-color: var(--tb-state-info);
}

.toolbox-body :where(.tb-image-analysis-result, [data-image-analysis-result]) {
  min-width: 0;
  border: 1px solid var(--tb-state-line);
  border-radius: 8px;
  background: #fff;
  padding: 13px;
}

.toolbox-body :where(.tb-image-analysis-result, [data-image-analysis-result]) :where(pre, code, textarea) {
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

/* GEO work is presented as a sequence with explicit current and terminal states. */
.toolbox-body :where(.tb-geo-workflow-steps, [data-geo-workflow-steps]) {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}

.toolbox-body :where(.tb-geo-step, [data-geo-step]) {
  position: relative;
  min-width: 0;
  min-height: 72px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-content: center;
  gap: 3px 9px;
  border: 1px solid var(--tb-state-line);
  border-radius: 8px;
  background: #fff;
  padding: 10px;
}

.toolbox-body :where(.tb-geo-step, [data-geo-step]) > :where(b, .tb-geo-step-index) {
  grid-row: 1 / span 2;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #edf0f4;
  color: #566174;
  font-size: 11px;
}

.toolbox-body :where(.tb-geo-step, [data-geo-step]) strong {
  min-width: 0;
  overflow: hidden;
  color: #273146;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body :where(.tb-geo-step, [data-geo-step]) span {
  color: var(--tb-state-muted);
  font-size: 10px;
  line-height: 1.45;
}

.toolbox-body :where(.tb-geo-step, [data-geo-step]):is(.active, [data-state="active"], [aria-current="step"]) {
  border-color: #91add9;
  background: var(--tb-state-info-soft);
  box-shadow: 0 0 0 2px rgba(53, 103, 183, .1);
}

.toolbox-body :where(.tb-geo-step, [data-geo-step]):is(.active, [data-state="active"], [aria-current="step"]) > :where(b, .tb-geo-step-index) {
  background: var(--tb-state-info);
  color: #fff;
}

.toolbox-body :where(.tb-geo-step, [data-geo-step]):is(.complete, [data-state="complete"], [data-state="success"]) {
  border-color: #b8dcc8;
  background: var(--tb-state-success-soft);
}

.toolbox-body :where(.tb-geo-step, [data-geo-step]):is(.complete, [data-state="complete"], [data-state="success"]) > :where(b, .tb-geo-step-index) {
  background: var(--tb-state-success);
  color: #fff;
}

.toolbox-body :where(.tb-geo-step, [data-geo-step]):is(.error, [data-state="error"]) {
  border-color: #e3aab3;
  background: var(--tb-state-danger-soft);
}

.toolbox-body :where(.tb-geo-step, [data-geo-step]):is(.disabled, [data-state="disabled"], [aria-disabled="true"]) {
  background: #f4f6f8;
  color: #8a93a2;
  opacity: .76;
}

.toolbox-body .tb-geo-task-layout > form[aria-busy="true"] .tb-studio-submit,
.toolbox-body .tb-publish-studio form[aria-busy="true"] .tb-studio-submit {
  border-color: #b9cdef !important;
  background: var(--tb-state-info-soft) !important;
}

.toolbox-body .tb-geo-task-layout > aside > .tb-tool-result:not(:empty),
.toolbox-body .tb-video-right > .tb-tool-result:not(:empty) {
  padding: 12px;
}

/* A disabled video provider is a visible product state, not a dead-looking button. */
.toolbox-body .tb-ai-video-classic .tb-ai-video-layout > form > .tb-btn:disabled,
.toolbox-body :where(.tb-video-workbench, .tb-ai-video-studio) [data-provider-ready="false"] .tb-btn.primary,
.toolbox-body :where(.tb-video-workbench, .tb-ai-video-studio) .tb-btn[data-provider-unavailable] {
  border: 1px solid #cfd5de !important;
  background: #e9edf2 !important;
  color: #596474 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75) !important;
  opacity: 1 !important;
  transform: none !important;
}

.toolbox-body .tb-ai-video-classic .tb-ai-video-layout > form > .tb-status:not(:empty),
.toolbox-body :where(.tb-video-unavailable, [data-video-unavailable]) {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  border: 1px solid #ead8a7;
  border-radius: 8px;
  background: var(--tb-state-warning-soft);
  color: #765515;
  padding: 9px 11px;
  font-size: 11px;
  line-height: 1.55;
}

.toolbox-body .tb-ai-video-classic form[aria-busy="true"] .tb-ai-video-layout,
.toolbox-body .tb-video-workbench form[aria-busy="true"] {
  cursor: progress;
}

.toolbox-body .tb-video-steps article.active {
  border-color: #91add9;
  background: var(--tb-state-info-soft);
}

.toolbox-body .tb-video-steps article.active b {
  background: var(--tb-state-info);
  color: #fff;
}

.toolbox-body .tb-video-steps article:is(.complete, [data-state="complete"]) {
  border-color: #b8dcc8;
  background: var(--tb-state-success-soft);
}

/* Durable task feedback remains useful after the user leaves the form page. */
.toolbox-body .tb-task-replay {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.toolbox-body .tb-task-replay:is(.pending, [data-task-status="queued"], [data-task-status="running"]) {
  border-color: #bfd0ea;
  background: var(--tb-state-info-soft);
}

.toolbox-body .tb-task-replay:is(.pending, [data-task-status="queued"], [data-task-status="running"])::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 auto;
  height: 4px;
  background: #d7e3f5;
}

.toolbox-body .tb-task-replay:is(.pending, [data-task-status="queued"], [data-task-status="running"])::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: -34%;
  width: 34%;
  height: 4px;
  background: var(--tb-state-info);
  animation: tb-commercial-task-progress 1.35s ease-in-out infinite;
}

.toolbox-body .tb-task-replay:is(.error, [data-task-status="failed"]) {
  border-color: #e3aab3;
  background: var(--tb-state-danger-soft);
}

.toolbox-body .tb-task-replay:is(.error, [data-task-status="failed"]) strong {
  color: #8f2234;
}

.toolbox-body .tb-task-replay:is(.success, [data-task-status="success"], [data-task-status="succeeded"]) {
  border-color: #b8dcc8;
  background: var(--tb-state-success-soft);
}

.toolbox-body .tb-task-replay[data-task-status="partial"] {
  border-color: #ead8a7;
  background: var(--tb-state-warning-soft);
}

.toolbox-body .tb-tool-result:is([data-state="loading"], [data-state="pending"]) {
  min-height: 150px;
  display: grid;
  place-items: center;
  border: 1px dashed #b9cdef;
  border-radius: 8px;
  background: var(--tb-state-info-soft);
}

.toolbox-body .tb-tool-result[data-state="error"] {
  min-height: 112px;
  display: grid;
  place-items: center;
  border: 1px solid #e3aab3;
  border-radius: 8px;
  background: var(--tb-state-danger-soft);
  color: #8f2234;
  padding: 16px;
}

.toolbox-body :where(.tb-status, [data-workbench-status]).pending:not(:empty) {
  border-color: #bfd0ea;
  background: var(--tb-state-info-soft);
  color: #315d9e;
}

.toolbox-body :where(.tb-status, [data-workbench-status]).error:not(:empty) {
  border-color: #e3aab3;
  background: var(--tb-state-danger-soft);
  color: #8f2234;
}

.toolbox-body :where(.tb-status, [data-workbench-status]).ok:not(:empty) {
  border-color: #b8dcc8;
  background: var(--tb-state-success-soft);
  color: #14633f;
}

.toolbox-body :where(
  .tb-batch-poster-studio,
  .tb-free-note-studio,
  .tb-prompt-reverse-studio,
  .tb-geo-task-workbench,
  .tb-publish-studio,
  .tb-video-workbench
) :where(.has-error, [aria-invalid="true"]) {
  scroll-margin-top: 84px;
}

.toolbox-body :where(
  .tb-batch-poster-studio,
  .tb-free-note-studio,
  .tb-prompt-reverse-studio,
  .tb-geo-task-workbench,
  .tb-publish-studio,
  .tb-video-workbench
) :where(input, textarea, select)[aria-invalid="true"] {
  border-color: #cf6677 !important;
  box-shadow: 0 0 0 3px rgba(180, 35, 54, .12) !important;
}

@keyframes tb-commercial-task-progress {
  from { transform: translateX(0); }
  to { transform: translateX(395%); }
}

@media (max-width: 1080px) {
  .toolbox-body :where(.tb-geo-workflow-steps, [data-geo-workflow-steps]) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .toolbox-body :where(.tb-batch-item-row, [data-batch-item]) {
    grid-template-columns: 28px minmax(0, 1fr);
  }

  .toolbox-body :where(.tb-batch-item-row, [data-batch-item]) > :where(button, .tb-batch-item-remove) {
    grid-column: 2;
    justify-self: end;
  }

  .toolbox-body :where(.tb-batch-item-state, [data-batch-item-status]) {
    grid-column: 2;
  }

  .toolbox-body .tb-prompt-reverse-drop {
    min-height: 176px;
  }

  .toolbox-body :where(.tb-geo-workflow-steps, [data-geo-workflow-steps]) {
    grid-template-columns: minmax(0, 1fr);
  }

  .toolbox-body :where(.tb-geo-step, [data-geo-step]) {
    min-height: 64px;
  }

  .toolbox-body .tb-geo-task-workbench > nav,
  .toolbox-body .tb-geo-library-tabs {
    scrollbar-width: thin;
    scroll-snap-type: x proximity;
  }

  .toolbox-body .tb-geo-task-workbench > nav > *,
  .toolbox-body .tb-geo-library-tabs > * {
    min-height: 44px;
    scroll-snap-align: start;
  }

  .toolbox-body :where(
    .tb-batch-poster-studio,
    .tb-free-note-studio,
    .tb-prompt-reverse-studio,
    .tb-geo-task-workbench,
    .tb-publish-studio,
    .tb-video-workbench,
    .tb-ai-video-studio
  ) :where(button, a, input:not([type="hidden"]), select) {
    min-height: 44px;
  }

  .toolbox-body .tb-task-replay {
    min-height: 140px;
    padding: 20px 14px;
  }
}

@media (max-width: 480px) {
  .toolbox-body :where(.tb-batch-item-row, [data-batch-item]) {
    padding: 8px;
  }

  .toolbox-body .tb-prompt-reverse-options,
  .toolbox-body .tb-geo-task-fields,
  .toolbox-body .tb-free-options {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body :where(.tb-image-analysis-progress, [data-image-analysis-progress]) > header {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  .toolbox-body .tb-task-replay::after {
    animation: none !important;
  }
}

/* 20260717 CD follow-up: compact batch-poster template picker. */
.toolbox-body .tb-batch-poster-classic > header {
  min-height: 104px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: center;
  justify-items: center;
  gap: 4px;
  padding: 17px 22px;
  text-align: center;
}

.toolbox-body .tb-batch-poster-classic > header > span {
  width: fit-content;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  margin: 0;
  border: 1px solid #e3d8f3;
  border-radius: 999px;
  background: rgba(255, 255, 255, .78);
  color: #6a4aae;
  padding: 3px 9px;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.3;
}

.toolbox-body .tb-batch-poster-classic > header > h3 {
  margin: 1px 0 0;
  color: #27313f;
  font-size: 21px;
  line-height: 1.3;
}

.toolbox-body .tb-batch-poster-classic > header > h3::after {
  content: none;
}

.toolbox-body .tb-batch-poster-classic > header > p {
  max-width: 680px;
  margin: 2px 0 0;
  color: #5f6978;
  font-size: 11px;
  line-height: 1.6;
}

.toolbox-body .tb-batch-poster-classic > .tb-classic-tip {
  margin: 12px 28px 0;
}

.toolbox-body .tb-batch-title-control [data-batch-poster-mode-hint] {
  grid-column: 1 / -1;
  min-width: 0;
  min-height: 34px;
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 1px 0 0;
  border: 1px solid #d8e3f2;
  border-radius: 7px;
  background: #f5f8fc;
  color: #4c5c72;
  padding: 7px 10px;
  font-size: 10px;
  font-style: normal;
  font-weight: 650;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-batch-title-control [data-batch-poster-mode-hint]::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: #4d76b8;
  box-shadow: 0 0 0 3px rgba(77, 118, 184, .12);
}

.toolbox-body .tb-batch-template-section {
  min-width: 0;
  margin: 14px 0 5px 82px;
  border: 1px solid #d9e0e9;
  border-radius: 8px;
  background: #f7f9fb;
  padding: 12px;
  box-shadow: 0 4px 14px rgba(28, 39, 56, .045);
}

.toolbox-body .tb-batch-template-section > header {
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.toolbox-body .tb-batch-template-section > header > div {
  min-width: 0;
}

.toolbox-body .tb-batch-template-section > header strong,
.toolbox-body .tb-batch-template-section > header span {
  display: block;
}

.toolbox-body .tb-batch-template-section > header strong {
  color: #283242;
  font-size: 13px;
  line-height: 1.4;
}

.toolbox-body .tb-batch-template-section > header span {
  margin-top: 2px;
  color: #697486;
  font-size: 10px;
  line-height: 1.5;
}

.toolbox-body .tb-batch-template-section > header > a {
  flex: 0 0 auto;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #cfd7e2;
  border-radius: 7px;
  background: #fff;
  color: #46566c;
  padding: 0 10px;
  font-size: 10px;
  font-weight: 750;
  text-decoration: none;
  transition: border-color .15s ease, background-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.toolbox-body .tb-batch-template-section > header > a:hover {
  border-color: #aeb9c8;
  background: #f8fafc;
  color: #27364b;
  box-shadow: 0 4px 10px rgba(28, 39, 56, .08);
}

.toolbox-body .tb-batch-template-section > header > a:focus-visible {
  outline: 3px solid rgba(77, 118, 216, .2);
  outline-offset: 2px;
}

.toolbox-body .tb-batch-template-strip {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 9px;
}

.toolbox-body .tb-batch-template-strip > label {
  position: relative;
  min-width: 0;
  display: block;
  color: inherit;
  cursor: pointer;
}

.toolbox-body .tb-batch-template-strip > label > input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}

.toolbox-body .tb-batch-template-strip > label > span {
  min-width: 0;
  height: 100%;
  display: grid;
  grid-template-rows: auto auto auto;
  align-content: start;
  gap: 3px;
  overflow: hidden;
  border: 1px solid #d8dee7;
  border-radius: 8px;
  background: #fff;
  padding: 6px 6px 8px;
  box-shadow: 0 3px 10px rgba(28, 39, 56, .05);
  transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.toolbox-body .tb-batch-template-strip > label img {
  width: 100%;
  aspect-ratio: 3 / 4;
  display: block;
  overflow: hidden;
  border: 1px solid #e3e7ed;
  border-radius: 6px;
  background: #eef1f5;
  object-fit: cover;
  object-position: center top;
}

.toolbox-body .tb-batch-template-strip > label b,
.toolbox-body .tb-batch-template-strip > label small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-batch-template-strip > label b {
  margin-top: 4px;
  color: #2b3545;
  font-size: 11px;
  line-height: 1.4;
}

.toolbox-body .tb-batch-template-strip > label small {
  color: #778294;
  font-size: 11px;
  line-height: 1.4;
}

.toolbox-body .tb-batch-template-strip > label:hover > span {
  border-color: #acb7c6;
  box-shadow: 0 8px 18px rgba(28, 39, 56, .1);
  transform: translateY(-1px);
}

.toolbox-body .tb-batch-template-strip > label:focus-within > span,
.toolbox-body .tb-batch-template-strip > label > input:focus-visible + span {
  border-color: #4d76d8;
  outline: 3px solid rgba(77, 118, 216, .18);
  outline-offset: 2px;
}

.toolbox-body .tb-batch-template-strip > label.active > span,
.toolbox-body .tb-batch-template-strip > label[aria-selected="true"] > span,
.toolbox-body .tb-batch-template-strip > label > input:checked + span {
  border-color: var(--tb-app-accent, #c63f34);
  background: #fff8f7;
  box-shadow: 0 0 0 2px rgba(198, 63, 52, .13), 0 7px 16px rgba(28, 39, 56, .09);
}

.toolbox-body .tb-batch-template-strip > label:is(.active, [aria-selected="true"]),
.toolbox-body .tb-batch-template-strip > label:has(> input:checked) {
  color: var(--tb-app-accent, #c63f34);
}

.toolbox-body .tb-batch-template-strip > label:is(.active, [aria-selected="true"])::after,
.toolbox-body .tb-batch-template-strip > label:has(> input:checked)::after {
  content: "已选";
  position: absolute;
  z-index: 2;
  top: 11px;
  right: 11px;
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, .78);
  border-radius: 6px;
  background: var(--tb-app-accent, #c63f34);
  color: #fff;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 3px 9px rgba(120, 38, 34, .2);
  pointer-events: none;
}

.toolbox-body .tb-batch-template-empty {
  grid-column: 1 / -1;
  min-height: 138px;
  display: grid;
  place-content: center;
  gap: 5px;
  border: 1px dashed #cfd7e2;
  border-radius: 8px;
  background: #fff;
  color: #697486;
  padding: 18px;
  text-align: center;
}

.toolbox-body .tb-batch-template-empty strong {
  color: #354154;
  font-size: 12px;
}

.toolbox-body .tb-batch-template-empty span {
  font-size: 10px;
  line-height: 1.55;
}

@media (max-width: 980px) {
  .toolbox-body .tb-batch-template-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .toolbox-body .tb-batch-poster-classic > header {
    min-height: 0;
    justify-items: start;
    padding: 15px;
    text-align: left;
  }

  .toolbox-body .tb-batch-poster-classic > header > h3 {
    font-size: 19px;
  }

  .toolbox-body .tb-batch-poster-classic > header > p {
    font-size: 11px;
  }

  .toolbox-body .tb-batch-poster-classic > .tb-classic-tip {
    margin: 10px 12px 0;
  }

  .toolbox-body .tb-batch-template-section {
    margin: 12px 0 4px;
    padding: 10px;
  }

  .toolbox-body .tb-batch-template-section > header {
    align-items: flex-start;
    flex-direction: column;
  }

  .toolbox-body .tb-batch-template-section > header > a {
    min-height: 44px;
  }

  .toolbox-body .tb-batch-title-control [data-batch-poster-mode-hint] {
    min-height: 38px;
    font-size: 10px;
  }
}

@media (max-width: 540px) {
  .toolbox-body .tb-batch-template-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .toolbox-body .tb-batch-template-strip > label > span {
    padding: 5px 5px 8px;
  }

  .toolbox-body .tb-batch-template-strip > label:is(.active, [aria-selected="true"])::after,
  .toolbox-body .tb-batch-template-strip > label:has(> input:checked)::after {
    top: 9px;
    right: 9px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .toolbox-body .tb-batch-template-strip > label > span {
    transition: none;
  }
}

/* 20260717 CD second follow-up: prompt-from-image analysis output. */
.toolbox-body .tb-prompt-analysis-result {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #d9e0e9;
  border-radius: 8px;
  background: #fff;
  color: #27313f;
  box-shadow: 0 6px 18px rgba(28, 39, 56, .055);
}

.toolbox-body .tb-prompt-analysis-result > header {
  min-height: 88px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid #e1e6ed;
  background: linear-gradient(110deg, #f7fafc, #fff 64%, #f1f8f4);
  padding: 15px 17px;
}

.toolbox-body .tb-prompt-analysis-result > header > div {
  min-width: 0;
}

.toolbox-body .tb-prompt-analysis-result > header span {
  display: block;
  color: #18794e;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.4;
}

.toolbox-body .tb-prompt-analysis-result > header h3 {
  margin: 3px 0 0;
  color: #253042;
  font-size: 18px;
  line-height: 1.35;
}

.toolbox-body .tb-prompt-analysis-result > header p {
  max-width: 760px;
  margin: 5px 0 0;
  color: #5f6a7b;
  font-size: 11px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-prompt-analysis-result > header > .tb-btn {
  min-width: 116px;
  min-height: 44px;
  flex: 0 0 auto;
  justify-content: center;
  border-color: #cfd7e2 !important;
  background: #fff !important;
  color: #415066 !important;
  box-shadow: 0 2px 7px rgba(28, 39, 56, .06) !important;
}

.toolbox-body .tb-prompt-analysis-result > header > .tb-btn:hover {
  border-color: #aeb9c8 !important;
  background: #f8fafc !important;
}

.toolbox-body .tb-prompt-analysis-result > header > .tb-btn:focus-visible {
  outline: 3px solid rgba(77, 118, 216, .2);
  outline-offset: 2px;
}

.toolbox-body .tb-prompt-analysis-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  border-bottom: 1px solid #e1e6ed;
  background: #e1e6ed;
}

.toolbox-body .tb-prompt-analysis-grid > article {
  min-width: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: #fbfcfd;
  padding: 11px 13px;
  box-shadow: none;
}

.toolbox-body .tb-prompt-analysis-grid > article > strong {
  display: block;
  color: #344155;
  font-size: 11px;
  line-height: 1.45;
}

.toolbox-body .tb-prompt-analysis-grid ul,
.toolbox-body .tb-prompt-limitations ul {
  margin: 6px 0 0;
  padding-left: 17px;
}

.toolbox-body .tb-prompt-analysis-grid li {
  color: #5e697a;
  font-size: 10px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-prompt-analysis-grid li + li {
  margin-top: 3px;
}

.toolbox-body .tb-prompt-output {
  min-width: 0;
  margin: 12px 14px 0;
  overflow: hidden;
  border: 1px solid #bfddcc;
  border-left: 4px solid #27835b;
  border-radius: 7px;
  background: #f5fbf7;
  box-shadow: none;
}

.toolbox-body .tb-prompt-output.negative {
  border-color: #e8c4ca;
  border-left-color: #b94b5b;
  background: #fff7f8;
}

.toolbox-body .tb-prompt-output > header {
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid #d8eadf;
  background: transparent;
  padding: 4px 8px 4px 12px;
}

.toolbox-body .tb-prompt-output.negative > header {
  border-bottom-color: #eed8dc;
}

.toolbox-body .tb-prompt-output > header strong {
  color: #176b46;
  font-size: 12px;
  line-height: 1.4;
}

.toolbox-body .tb-prompt-output.negative > header strong {
  color: #9c3445;
}

.toolbox-body .tb-prompt-output > header button {
  min-width: 76px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid #b8d8c5;
  border-radius: 7px;
  background: #fff;
  color: #176b46;
  padding: 0 11px;
  font: inherit;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 2px 6px rgba(28, 39, 56, .05);
  transition: border-color .14s ease, background-color .14s ease, box-shadow .14s ease, transform .08s ease;
}

.toolbox-body .tb-prompt-output.negative > header button {
  border-color: #dfb8bf;
  color: #9c3445;
}

.toolbox-body .tb-prompt-output > header button:hover {
  border-color: #7eb596;
  background: #f9fdfb;
  box-shadow: 0 5px 12px rgba(28, 39, 56, .09);
  transform: translateY(-1px);
}

.toolbox-body .tb-prompt-output.negative > header button:hover {
  border-color: #c77d89;
  background: #fffafb;
}

.toolbox-body .tb-prompt-output > header button:active {
  box-shadow: 0 1px 3px rgba(28, 39, 56, .1);
  transform: translateY(1px);
}

.toolbox-body .tb-prompt-output > header button:focus-visible {
  outline: 3px solid rgba(77, 118, 216, .22);
  outline-offset: 2px;
}

.toolbox-body .tb-prompt-output > pre {
  max-width: 100%;
  max-height: 320px;
  overflow: auto;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #2f3d37;
  padding: 12px 14px 14px;
  font: inherit;
  font-size: 11px;
  line-height: 1.75;
  overflow-wrap: anywhere;
  tab-size: 2;
  white-space: pre-wrap;
  user-select: text;
  cursor: text;
}

.toolbox-body .tb-prompt-output.negative > pre {
  color: #563b40;
}

.toolbox-body .tb-prompt-analysis-tags {
  min-width: 0;
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  margin: 12px 14px 0;
  border-top: 1px solid #e3e7ed;
  padding: 12px 0 0;
}

.toolbox-body .tb-prompt-analysis-tags > strong {
  color: #39465a;
  font-size: 11px;
  line-height: 28px;
}

.toolbox-body .tb-prompt-analysis-tags > div {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.toolbox-body .tb-prompt-analysis-tags span {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  border: 1px solid #d7dfe9;
  border-radius: 6px;
  background: #f7f9fb;
  color: #4f5c70;
  padding: 4px 9px;
  font-size: 10px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-prompt-limitations {
  min-width: 0;
  margin: 12px 14px 14px;
  border: 1px solid #ead9aa;
  border-left: 4px solid #b98516;
  border-radius: 7px;
  background: #fffaf0;
  padding: 10px 12px;
}

.toolbox-body .tb-prompt-limitations > strong {
  color: #815e12;
  font-size: 11px;
  line-height: 1.45;
}

.toolbox-body .tb-prompt-limitations li {
  color: #6e5c34;
  font-size: 10px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-prompt-limitations li + li {
  margin-top: 3px;
}

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

@media (max-width: 640px) {
  .toolbox-body .tb-prompt-analysis-result > header {
    min-height: 0;
    align-items: flex-start;
    flex-direction: column;
    gap: 11px;
    padding: 14px;
  }

  .toolbox-body .tb-prompt-analysis-result > header h3 {
    font-size: 17px;
  }

  .toolbox-body .tb-prompt-analysis-result > header > .tb-btn {
    width: 100%;
  }

  .toolbox-body .tb-prompt-analysis-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .toolbox-body .tb-prompt-output {
    margin-right: 10px;
    margin-left: 10px;
  }

  .toolbox-body .tb-prompt-output > header {
    padding-left: 10px;
  }

  .toolbox-body .tb-prompt-output > header button {
    min-width: 72px;
    min-height: 44px;
  }

  .toolbox-body .tb-prompt-output > pre {
    max-height: none;
    padding: 11px 12px 13px;
  }

  .toolbox-body .tb-prompt-analysis-tags {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
    margin-right: 10px;
    margin-left: 10px;
  }

  .toolbox-body .tb-prompt-analysis-tags > strong {
    line-height: 1.45;
  }

  .toolbox-body .tb-prompt-limitations {
    margin: 12px 10px 10px;
  }
}

/* Editable canvas workflow */
.toolbox-body .tb-custom-note-recent > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.toolbox-body .tb-custom-note-recent > header span {
  color: #748095;
  font-size: 12px;
}

.toolbox-body .tb-custom-note-recent > .tb-custom-note-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 12px;
  min-height: 0;
  padding: 14px;
}

.toolbox-body .tb-custom-note-list article {
  min-width: 0;
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 12px;
  border: 1px solid #dfe4eb;
  border-radius: 7px;
  background: #fff;
  padding: 9px;
  box-shadow: 0 5px 16px rgba(34, 43, 61, .06);
  transition: border-color .16s ease, box-shadow .16s ease, transform .12s ease;
}

.toolbox-body .tb-custom-note-list article:hover {
  border-color: #b9c5d5;
  box-shadow: 0 9px 22px rgba(34, 43, 61, .1);
  transform: translateY(-1px);
}

.toolbox-body .tb-custom-note-thumb {
  min-height: 112px;
  display: grid;
  overflow: hidden;
  border-radius: 5px;
  background: #eef1f5;
}

.toolbox-body .tb-custom-note-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.toolbox-body .tb-custom-note-thumb > span {
  display: grid;
  place-items: center;
  color: #7d8999;
  font-size: 22px;
}

.toolbox-body .tb-custom-note-list article > div {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 5px;
  padding: 3px 0;
}

.toolbox-body .tb-custom-note-list article strong {
  max-width: 100%;
  overflow: hidden;
  color: #202838;
  font-size: 13px;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-custom-note-list article span,
.toolbox-body .tb-custom-note-list article small {
  color: #778398;
  font-size: 11px;
  line-height: 1.45;
}

.toolbox-body .tb-custom-note-list article > div > a {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  margin-top: auto;
  color: #315fc5;
  font-size: 12px;
  font-weight: 800;
}

.toolbox-body .tb-custom-note-empty {
  grid-column: 1 / -1;
  min-height: 180px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 7px;
  color: #768298;
}

.toolbox-body .tb-custom-note-empty i {
  font-size: 28px;
}

.toolbox-body .tb-custom-note-empty p {
  margin: 0;
  font-size: 13px;
}

.toolbox-body .tb-canvas-editor {
  min-width: 0;
  border: 1px solid #dfe4eb;
  border-radius: 8px;
  background: #f5f7fa;
  box-shadow: 0 10px 28px rgba(31, 42, 61, .08);
}

.toolbox-body .tb-canvas-editor-head {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid #dfe4eb;
  background: #fff;
  padding: 13px 16px;
}

.toolbox-body .tb-canvas-editor-head > div:first-child {
  min-width: 0;
}

.toolbox-body .tb-canvas-editor-head > div:last-child {
  display: flex;
  align-items: center;
  gap: 10px;
}

.toolbox-body .tb-canvas-editor-head > div:first-child > a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #66758a;
  font-size: 11px;
  font-weight: 700;
}

.toolbox-body .tb-canvas-editor-head h2 {
  margin: 4px 0 2px;
  color: #202838;
  font-size: 19px;
  line-height: 1.35;
  letter-spacing: 0;
}

.toolbox-body .tb-canvas-editor-head p {
  margin: 0;
  color: #738096;
  font-size: 11px;
  line-height: 1.5;
}

.toolbox-body [data-canvas-save-state] {
  color: #36815c;
  font-size: 11px;
  white-space: nowrap;
}

.toolbox-body [data-canvas-save-state].dirty {
  color: #a26a17;
}

.toolbox-body .tb-canvas-editor-layout {
  display: grid;
  grid-template-columns: minmax(420px, 1fr) minmax(340px, .78fr);
  align-items: start;
  gap: 14px;
  padding: 14px;
}

.toolbox-body .tb-canvas-editor-form,
.toolbox-body form[data-canvas-editor-form] {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dfe4eb;
  border-radius: 7px;
  background: #fff;
}

.toolbox-body form[data-canvas-editor-form] > section {
  padding: 15px;
}

.toolbox-body form[data-canvas-editor-form] > section + section {
  border-top: 1px solid #e7ebf0;
  background: #fbfcfd;
}

.toolbox-body form[data-canvas-editor-form] > section > header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.toolbox-body form[data-canvas-editor-form] > section > header strong {
  color: #263044;
  font-size: 14px;
}

.toolbox-body form[data-canvas-editor-form] > section > header span {
  color: #8490a2;
  font-size: 10px;
}

.toolbox-body form[data-canvas-editor-form] > section > label {
  display: grid;
  gap: 6px;
  color: #4c586b;
  font-size: 11px;
  font-weight: 750;
}

.toolbox-body form[data-canvas-editor-form] > section > label + label {
  margin-top: 11px;
}

.toolbox-body form[data-canvas-editor-form] :where(input[type="text"], input:not([type]), textarea) {
  width: 100%;
  border: 1px solid #cfd7e2;
  border-radius: 6px;
  background: #fff;
  color: #263044;
  padding: 10px 11px;
  font: inherit;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.65;
  resize: vertical;
  transition: border-color .14s ease, box-shadow .14s ease;
}

.toolbox-body form[data-canvas-editor-form] :where(input[type="text"], input:not([type]), textarea):focus {
  border-color: #557bd4;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(85, 123, 212, .14);
}

.toolbox-body form[data-canvas-editor-form] label > small {
  color: #8a95a6;
  font-size: 10px;
  font-weight: 500;
}

.toolbox-body .tb-canvas-ratios {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  border: 0;
  padding: 0;
}

.toolbox-body .tb-canvas-ratios legend {
  margin-bottom: 7px;
  color: #4c586b;
  font-size: 11px;
  font-weight: 750;
}

.toolbox-body .tb-canvas-ratios label {
  min-width: 0;
  cursor: pointer;
}

.toolbox-body .tb-canvas-ratios input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.toolbox-body .tb-canvas-ratios label > span {
  min-height: 56px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 1px;
  border: 1px solid #d3dae4;
  border-radius: 6px;
  background: #fff;
  color: #59667a;
  transition: border-color .14s ease, background-color .14s ease, box-shadow .14s ease;
}

.toolbox-body .tb-canvas-ratios label > span b {
  font-size: 12px;
}

.toolbox-body .tb-canvas-ratios label > span small {
  color: #8b96a7;
  font-size: 11px;
}

.toolbox-body .tb-canvas-ratios input:checked + span {
  border-color: #557bd4;
  background: #f1f5ff;
  color: #315fc5;
  box-shadow: inset 0 0 0 1px #557bd4;
}

.toolbox-body .tb-canvas-ratios input:focus-visible + span {
  outline: 3px solid rgba(85, 123, 212, .2);
  outline-offset: 2px;
}

.toolbox-body .tb-canvas-colors {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.toolbox-body .tb-canvas-colors label {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border: 1px solid #d8dfe8;
  border-radius: 6px;
  background: #fff;
  color: #59667a;
  padding: 7px 9px;
  font-size: 10px;
  font-weight: 700;
}

.toolbox-body .tb-canvas-colors input[type="color"] {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

.toolbox-body form[data-canvas-editor-form] > footer {
  min-height: 66px;
  display: flex;
  align-items: center;
  gap: 12px;
  border-top: 1px solid #dfe4eb;
  background: #fff;
  padding: 11px 15px;
}

.toolbox-body form[data-canvas-editor-form] > footer .tb-btn {
  min-width: 148px;
  min-height: 44px;
}

.toolbox-body .tb-canvas-preview-panel {
  position: sticky;
  top: 12px;
  min-width: 0;
  border: 1px solid #dfe4eb;
  border-radius: 7px;
  background: #fff;
  padding: 13px;
}

.toolbox-body .tb-canvas-preview-panel > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 11px;
}

.toolbox-body .tb-canvas-preview-panel > header strong,
.toolbox-body .tb-canvas-preview-panel > header span {
  display: block;
}

.toolbox-body .tb-canvas-preview-panel > header strong {
  color: #273146;
  font-size: 13px;
}

.toolbox-body .tb-canvas-preview-panel > header span,
.toolbox-body .tb-canvas-preview-panel > header a {
  color: #7c8798;
  font-size: 10px;
  line-height: 1.5;
}

.toolbox-body .tb-canvas-preview-panel > header a {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  color: #315fc5;
  font-weight: 750;
  white-space: nowrap;
}

.toolbox-body .tb-canvas-live-frame {
  width: min(100%, 390px);
  aspect-ratio: 3 / 4;
  overflow: hidden;
  margin: 0 auto;
  border: 1px solid rgba(35, 45, 63, .12);
  border-radius: 5px;
  background: var(--canvas-bg, #fff7ed);
  color: var(--canvas-fg, #27211f);
  box-shadow: 0 10px 25px rgba(36, 45, 63, .13);
}

.toolbox-body .tb-canvas-live-frame[data-canvas-ratio="1:1"] { aspect-ratio: 1 / 1; }
.toolbox-body .tb-canvas-live-frame[data-canvas-ratio="4:5"] { aspect-ratio: 4 / 5; }
.toolbox-body .tb-canvas-live-frame[data-canvas-ratio="9:16"] { aspect-ratio: 9 / 16; width: min(100%, 300px); }

.toolbox-body .tb-canvas-live-frame > div {
  height: 100%;
  display: flex;
  flex-direction: column;
  border-left: 6px solid var(--canvas-accent, #e66047);
  padding: clamp(16px, 5%, 28px);
}

.toolbox-body .tb-canvas-live-frame em {
  align-self: flex-start;
  border-radius: 4px;
  background: var(--canvas-accent, #e66047);
  color: #fff;
  padding: 4px 8px;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.toolbox-body .tb-canvas-live-frame h3 {
  margin: 15px 0 10px;
  color: inherit;
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-canvas-live-frame h3 + span {
  width: 100%;
  height: 4px;
  display: block;
  margin-bottom: 12px;
  background: var(--canvas-accent, #e66047);
}

.toolbox-body [data-canvas-preview-body] {
  min-height: 0;
  display: grid;
  gap: 7px;
  overflow: hidden;
}

.toolbox-body [data-canvas-preview-body] p {
  min-width: 0;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: start;
  gap: 7px;
  margin: 0;
  border: 1px solid color-mix(in srgb, var(--canvas-fg, #27211f) 10%, transparent);
  border-left: 4px solid var(--canvas-accent, #e66047);
  border-radius: 4px;
  background: color-mix(in srgb, var(--canvas-bg, #fff7ed) 58%, #fff);
  padding: 7px;
  font-size: 10px;
  line-height: 1.48;
}

.toolbox-body [data-canvas-preview-body] p b {
  color: var(--canvas-accent, #e66047);
  font-size: 11px;
}

.toolbox-body .tb-canvas-live-frame > div > small {
  margin-top: auto;
  padding-top: 10px;
  color: color-mix(in srgb, var(--canvas-fg, #27211f) 65%, transparent);
  font-size: 8px;
}

.toolbox-body .tb-canvas-preview-panel > figure {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  margin: 12px 0 0;
  border-top: 1px solid #e5e9ef;
  padding-top: 11px;
}

.toolbox-body .tb-canvas-preview-panel > figure img {
  width: 58px;
  height: 72px;
  border-radius: 4px;
  object-fit: cover;
}

.toolbox-body .tb-canvas-preview-panel figcaption {
  color: #7c8798;
  font-size: 10px;
}

.toolbox-body .tb-canvas-preview-panel details {
  margin-top: 11px;
  border-top: 1px solid #e5e9ef;
  padding-top: 10px;
}

.toolbox-body .tb-canvas-preview-panel summary {
  min-height: 34px;
  display: flex;
  align-items: center;
  color: #4f5c70;
  font-size: 11px;
  font-weight: 750;
  cursor: pointer;
}

.toolbox-body .tb-canvas-preview-panel ol {
  display: grid;
  gap: 4px;
  margin: 5px 0 0;
  padding: 0;
  list-style: none;
}

.toolbox-body .tb-canvas-preview-panel li {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  color: #6e7a8d;
  font-size: 10px;
}

.toolbox-body .tb-canvas-result {
  overflow: hidden;
  border: 1px solid #dce4ee;
  border-radius: 7px;
  background: #f7f9fc;
}

.toolbox-body .tb-canvas-result > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid #dce4ee;
  background: #fff;
  padding: 14px;
}

.toolbox-body .tb-canvas-result > header span {
  color: #31815a;
  font-size: 10px;
  font-weight: 800;
}

.toolbox-body .tb-canvas-result > header h3 {
  margin: 2px 0;
  color: #202838;
  font-size: 16px;
}

.toolbox-body .tb-canvas-result > header p {
  margin: 0;
  color: #748095;
  font-size: 11px;
}

.toolbox-body .tb-canvas-result > div {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 11px;
  padding: 12px;
}

.toolbox-body .tb-canvas-result article {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dce2ea;
  border-radius: 6px;
  background: #fff;
}

.toolbox-body .tb-canvas-result article > a:first-child {
  min-height: 180px;
  display: grid;
  background: #eef1f5;
}

.toolbox-body .tb-canvas-result article img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.toolbox-body .tb-canvas-result article > div {
  display: grid;
  gap: 6px;
  padding: 10px;
}

.toolbox-body .tb-canvas-result article strong {
  overflow: hidden;
  color: #253046;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-canvas-result article small {
  color: #7c8798;
  font-size: 10px;
}

@media (max-width: 1100px) {
  .toolbox-body .tb-custom-note-recent > .tb-custom-note-list,
  .toolbox-body .tb-canvas-result > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .toolbox-body .tb-canvas-editor-layout {
    grid-template-columns: minmax(360px, 1fr) minmax(300px, .72fr);
  }
}

@media (max-width: 800px) {
  .toolbox-body .tb-canvas-editor-head,
  .toolbox-body .tb-canvas-editor-head > div:last-child {
    align-items: flex-start;
    flex-direction: column;
  }

  .toolbox-body .tb-canvas-editor-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .toolbox-body .tb-canvas-preview-panel {
    position: static;
  }
}

@media (max-width: 560px) {
  .toolbox-body .tb-custom-note-recent > .tb-custom-note-list,
  .toolbox-body .tb-canvas-result > div {
    grid-template-columns: minmax(0, 1fr);
  }

  .toolbox-body .tb-custom-note-list article {
    grid-template-columns: 76px minmax(0, 1fr);
  }

  .toolbox-body .tb-canvas-editor-layout {
    padding: 8px;
  }

  .toolbox-body .tb-canvas-live-frame h3 {
    font-size: 20px;
  }

  .toolbox-body .tb-canvas-editor-head {
    padding: 12px;
  }

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

  .toolbox-body form[data-canvas-editor-form] > footer {
    align-items: stretch;
    flex-direction: column;
  }

  .toolbox-body form[data-canvas-editor-form] > footer .tb-btn {
    width: 100%;
  }

  .toolbox-body .tb-canvas-result > header {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* GEO traffic forms keep async status messages on their own row. */
.toolbox-body :where(.tb-geo-traffic-parse-form, .tb-geo-traffic-generation-form) .tb-studio-submit {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: center;
  gap: 10px 12px;
}

.toolbox-body :where(.tb-geo-traffic-parse-form, .tb-geo-traffic-generation-form) .tb-studio-submit > div {
  min-width: 0;
}

.toolbox-body :where(.tb-geo-traffic-parse-form, .tb-geo-traffic-generation-form) .tb-studio-submit > .tb-status {
  width: 100%;
  min-height: 36px;
  grid-column: 1 / -1;
  justify-content: flex-start;
  white-space: normal;
}

.toolbox-body :where(.tb-geo-traffic-parse-form, .tb-geo-traffic-generation-form) .tb-studio-submit > .tb-status:empty {
  display: none;
}

@media (max-width: 680px) {
  .toolbox-body :where(.tb-geo-traffic-parse-form, .tb-geo-traffic-generation-form) .tb-studio-submit {
    grid-template-columns: minmax(0, 1fr);
  }

  .toolbox-body :where(.tb-geo-traffic-parse-form, .tb-geo-traffic-generation-form) .tb-studio-submit .tb-btn.primary {
    width: 100%;
  }
}

/* GEO batch publishing assistant: selection, scheduling, and durable plan states. */
.toolbox-body .tb-geo-publish-studio {
  --tb-geo-publish-accent: #315ea8;
  --tb-geo-publish-accent-soft: #edf4ff;
  --tb-geo-publish-ink: #202a3a;
  --tb-geo-publish-muted: #586579;
  --tb-geo-publish-line: #d6dee9;
  min-width: 0;
  max-width: 100%;
  display: grid;
  gap: 14px;
  color: var(--tb-geo-publish-ink);
}

.toolbox-body .tb-geo-publish-studio > header {
  min-width: 0;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--tb-geo-publish-line);
}

.toolbox-body .tb-geo-publish-studio > header :where(h2, h3) {
  margin: 0;
  color: #172033;
  font-size: 20px;
  line-height: 1.35;
}

.toolbox-body .tb-geo-publish-studio > header p {
  margin: 5px 0 0;
  color: var(--tb-geo-publish-muted);
  line-height: 1.65;
}

.toolbox-body :where(
  .tb-geo-publish-layout,
  .tb-geo-publish-form,
  .tb-geo-publish-posts,
  .tb-geo-publish-post-card,
  .tb-geo-publish-platforms,
  .tb-geo-publish-schedule,
  .tb-geo-publish-existing,
  .tb-publish-plan-result,
  .tb-publish-plan-timeline,
  .tb-publish-plan-item,
  .tb-publish-plan-platforms,
  .tb-publish-plan-actions
) {
  min-width: 0;
  max-width: 100%;
}

.toolbox-body .tb-geo-publish-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 14px;
}

.toolbox-body .tb-geo-publish-form {
  display: grid;
  gap: 14px;
  margin: 0;
  border: 1px solid var(--tb-geo-publish-line);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
}

.toolbox-body .tb-geo-publish-form :where(fieldset, section) {
  min-width: 0;
  margin: 0;
  border: 0;
  border-top: 1px solid #e4e9f0;
  border-radius: 0;
  padding: 14px 0 0;
}

.toolbox-body .tb-geo-publish-form :where(fieldset, section):first-child {
  border-top: 0;
  padding-top: 0;
}

.toolbox-body .tb-geo-publish-form :where(legend, h3, h4) {
  margin: 0 0 9px;
  color: #263247;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
}

.toolbox-body .tb-geo-publish-form > label,
.toolbox-body .tb-geo-publish-form :where(fieldset, section) > label {
  min-width: 0;
  display: grid;
  gap: 6px;
  color: #354157;
  font-size: 12px;
  font-weight: 750;
}

.toolbox-body .tb-geo-publish-form :where(
  input:not([type="checkbox"]):not([type="radio"]),
  select,
  textarea
) {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  border: 1px solid #c8d2df;
  border-radius: 7px;
  background: #fff;
  color: #1f2937;
  padding: 9px 11px;
  outline: none;
}

.toolbox-body .tb-geo-publish-form textarea {
  min-height: 112px;
  resize: vertical;
  line-height: 1.6;
}

.toolbox-body .tb-geo-publish-form :where(input, select, textarea):focus-visible {
  border-color: var(--tb-geo-publish-accent);
  box-shadow: 0 0 0 3px rgba(49, 94, 168, .16);
}

.toolbox-body .tb-geo-publish-studio :where(button, .tb-btn, a[role="button"]) {
  min-height: 44px;
  border-radius: 7px;
}

.toolbox-body .tb-geo-publish-studio :where(button, .tb-btn, a[role="button"]):focus-visible,
.toolbox-body .tb-geo-publish-studio label:has(input:focus-visible) {
  outline: 3px solid rgba(49, 94, 168, .22);
  outline-offset: 2px;
}

.toolbox-body .tb-geo-publish-posts {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 9px;
  border: 1px solid var(--tb-geo-publish-line);
  border-radius: 8px;
  background: #f6f8fb;
  padding: 12px;
}

.toolbox-body .tb-geo-publish-posts > header {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 2px;
}

.toolbox-body .tb-geo-publish-posts > header :where(h3, h4, strong) {
  margin: 0;
  color: #253147;
  font-size: 14px;
}

.toolbox-body .tb-geo-publish-posts > header :where(span, output, small) {
  color: #4f5d71;
  font-size: 12px;
}

.toolbox-body .tb-geo-publish-post-card {
  position: relative;
  min-height: 108px;
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  overflow: hidden;
  border: 1px solid #ccd5e1;
  border-radius: 8px;
  background: #fff;
  color: #2b374b;
  padding: 9px;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.toolbox-body .tb-geo-publish-post-card:hover {
  border-color: #93a7c4;
}

.toolbox-body .tb-geo-publish-post-card :where(img, video) {
  width: 88px;
  max-width: 100%;
  height: 88px;
  display: block;
  border-radius: 6px;
  background: #e8edf3;
  object-fit: cover;
}

.toolbox-body .tb-geo-publish-post-card > :where(div, span) {
  min-width: 0;
}

.toolbox-body .tb-geo-publish-post-card :where(h4, strong) {
  display: block;
  margin: 0 0 5px;
  overflow-wrap: anywhere;
  color: #202c40;
  font-size: 13px;
  line-height: 1.45;
}

.toolbox-body .tb-geo-publish-post-card :where(p, small) {
  margin: 0;
  overflow-wrap: anywhere;
  color: #566479;
  font-size: 11px;
  line-height: 1.55;
}

.toolbox-body .tb-geo-publish-post-card input[type="checkbox"] {
  width: 20px;
  height: 20px;
  accent-color: var(--tb-geo-publish-accent);
}

.toolbox-body .tb-geo-publish-post-card:is(.selected, .is-selected, [aria-selected="true"], [data-selected="true"]),
.toolbox-body .tb-geo-publish-post-card:has(input[type="checkbox"]:checked) {
  border-color: var(--tb-geo-publish-accent);
  background: var(--tb-geo-publish-accent-soft);
  box-shadow: inset 4px 0 0 var(--tb-geo-publish-accent), 0 0 0 2px rgba(49, 94, 168, .12);
}

.toolbox-body .tb-geo-publish-post-card:is(.selected, .is-selected, [aria-selected="true"], [data-selected="true"]) :where(h4, strong),
.toolbox-body .tb-geo-publish-post-card:has(input[type="checkbox"]:checked) :where(h4, strong) {
  color: #173e7a;
}

.toolbox-body .tb-geo-publish-platforms {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.toolbox-body .tb-geo-publish-platforms label {
  min-width: 0;
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #cbd4df;
  border-radius: 7px;
  background: #fff;
  color: #3d495c;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 750;
  cursor: pointer;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-geo-publish-platforms label:has(input:checked) {
  border-color: var(--tb-geo-publish-accent);
  background: var(--tb-geo-publish-accent-soft);
  color: #173e7a;
  box-shadow: inset 0 0 0 1px var(--tb-geo-publish-accent);
}

.toolbox-body .tb-geo-publish-platforms input {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  accent-color: var(--tb-geo-publish-accent);
}

.toolbox-body .tb-geo-publish-schedule {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}

.toolbox-body .tb-geo-publish-schedule > label {
  min-width: 0;
  display: grid;
  gap: 6px;
  color: #3d495c;
  font-size: 12px;
  font-weight: 750;
}

.toolbox-body .tb-geo-publish-existing {
  display: grid;
  gap: 9px;
  border-top: 1px solid #e1e6ed;
  padding-top: 13px;
}

.toolbox-body .tb-geo-publish-existing > :where(header, summary) {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #2c394d;
  font-weight: 800;
  cursor: pointer;
}

.toolbox-body .tb-publish-plan-result {
  display: grid;
  gap: 14px;
  border: 1px solid var(--tb-geo-publish-line);
  border-radius: 8px;
  background: #fff;
  padding: 15px;
}

.toolbox-body .tb-publish-plan-result > header {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 11px;
  border-bottom: 1px solid #e1e6ed;
}

.toolbox-body .tb-publish-plan-result > header :where(h3, h4) {
  margin: 0;
  color: #202c40;
  font-size: 16px;
}

.toolbox-body .tb-publish-plan-result > header p {
  margin: 4px 0 0;
  color: #566479;
  line-height: 1.55;
}

.toolbox-body .tb-publish-plan-timeline {
  display: grid;
  gap: 0;
  margin-left: 8px;
  border-left: 2px solid #cfd8e4;
  padding-left: 22px;
}

.toolbox-body .tb-publish-plan-item {
  position: relative;
  display: grid;
  gap: 8px;
  border-bottom: 1px solid #e4e8ee;
  padding: 2px 0 15px;
  margin-bottom: 14px;
}

.toolbox-body .tb-publish-plan-item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 2px;
}

.toolbox-body .tb-publish-plan-item::before {
  content: "";
  position: absolute;
  top: 5px;
  left: -30px;
  width: 14px;
  height: 14px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: #718096;
  box-shadow: 0 0 0 1px #aeb9c7;
}

.toolbox-body .tb-publish-plan-item:is(.active, [aria-current="step"], [data-state="running"])::before {
  background: var(--tb-state-info, #3567b7);
  box-shadow: 0 0 0 2px rgba(53, 103, 183, .18);
}

.toolbox-body .tb-publish-plan-item:is(.success, .published, [data-state="success"], [data-state="published"])::before {
  background: var(--tb-state-success, #18794e);
  box-shadow: 0 0 0 1px #6faa8a;
}

.toolbox-body .tb-publish-plan-item:is(.error, .failed, [data-state="error"], [data-state="failed"])::before {
  background: var(--tb-state-danger, #b42336);
  box-shadow: 0 0 0 1px #d37a87;
}

.toolbox-body .tb-publish-plan-item :where(h4, strong) {
  margin: 0;
  overflow-wrap: anywhere;
  color: #263247;
  font-size: 13px;
  line-height: 1.45;
}

.toolbox-body .tb-publish-plan-item :where(p, time, small) {
  margin: 0;
  overflow-wrap: anywhere;
  color: #536176;
  font-size: 11px;
  line-height: 1.55;
}

.toolbox-body .tb-publish-plan-platforms {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.toolbox-body .tb-publish-plan-platforms > :where(span, small, li) {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #cdd6e2;
  border-radius: 6px;
  background: #f7f9fb;
  color: #35445b;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.35;
}

.toolbox-body .tb-publish-plan-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  border-top: 1px solid #e1e6ed;
  padding-top: 12px;
}

.toolbox-body .tb-publish-record-status {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid #cbd4df;
  border-radius: 6px;
  background: #f4f6f8;
  color: #3e4a5d;
  padding: 4px 9px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}

.toolbox-body .tb-publish-record-status:is(.pending, .queued, .scheduled, .running, [data-status="pending"], [data-status="queued"], [data-status="scheduled"], [data-status="running"]) {
  border-color: #a9c0e3;
  background: var(--tb-state-info-soft, #eef5ff);
  color: #244f91;
}

.toolbox-body .tb-publish-record-status:is(.success, .published, .completed, [data-status="success"], [data-status="published"], [data-status="completed"]) {
  border-color: #a8d1ba;
  background: var(--tb-state-success-soft, #edf9f2);
  color: #11623d;
}

.toolbox-body .tb-publish-record-status:is(.warning, .partial, [data-status="warning"], [data-status="partial"]) {
  border-color: #e0c578;
  background: var(--tb-state-warning-soft, #fff8e6);
  color: #735000;
}

.toolbox-body .tb-publish-record-status:is(.error, .failed, .cancelled, [data-status="error"], [data-status="failed"], [data-status="cancelled"]) {
  border-color: #dfa5ae;
  background: var(--tb-state-danger-soft, #fff1f2);
  color: #8f2234;
}

.toolbox-body .tb-geo-publish-studio :where(p, small, span, strong, h2, h3, h4, time, code) {
  max-width: 100%;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-geo-publish-studio :where(img, video, canvas, svg) {
  max-width: 100%;
}

@media (min-width: 560px) {
  .toolbox-body .tb-geo-publish-platforms {
    grid-template-columns: repeat(auto-fit, minmax(116px, 1fr));
  }

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

@media (min-width: 901px) {
  .toolbox-body .tb-geo-publish-layout {
    grid-template-columns: minmax(320px, .78fr) minmax(0, 1.22fr);
  }

  .toolbox-body .tb-geo-publish-form {
    position: sticky;
    top: 82px;
  }
}

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

  .toolbox-body .tb-geo-publish-form {
    position: static;
  }
}

@media (max-width: 520px) {
  .toolbox-body .tb-geo-publish-form,
  .toolbox-body .tb-geo-publish-posts,
  .toolbox-body .tb-publish-plan-result {
    padding: 11px;
  }

  .toolbox-body .tb-geo-publish-post-card {
    grid-template-columns: 72px minmax(0, 1fr);
    min-height: 94px;
    gap: 9px;
    padding: 8px;
  }

  .toolbox-body .tb-geo-publish-post-card :where(img, video) {
    width: 72px;
    height: 72px;
  }

  .toolbox-body .tb-geo-publish-posts > header,
  .toolbox-body .tb-publish-plan-result > header {
    align-items: flex-start;
    flex-direction: column;
  }

  .toolbox-body .tb-publish-plan-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .toolbox-body .tb-publish-plan-actions :where(button, .tb-btn, a[role="button"]) {
    width: 100%;
  }
}

@media (max-width: 390px) {
  .toolbox-body .tb-geo-publish-studio {
    width: 100%;
    overflow-x: clip;
  }

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

  .toolbox-body .tb-geo-publish-platforms label {
    padding-right: 7px;
    padding-left: 7px;
  }
}

/* 20260717 GEO publishing and publish-record responsive audit. */
.toolbox-body :where(
  .tb-geo-publish-studio,
  .tb-geo-publish-form,
  .tb-geo-publish-existing,
  .tb-publish-plan-result,
  .tb-publish-plan-timeline,
  .tb-publish-plan-item,
  .tb-publish-plan-platform-list
) {
  grid-template-columns: minmax(0, 1fr);
}

.toolbox-body .tb-geo-publish-studio > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.toolbox-body .tb-geo-publish-studio > header > div,
.toolbox-body .tb-geo-publish-form > section > header > div,
.toolbox-body .tb-geo-publish-existing > header > div,
.toolbox-body .tb-publish-plan-result > header > div {
  min-width: 0;
}

.toolbox-body .tb-geo-publish-studio > header > div > span,
.toolbox-body .tb-publish-plan-result > header > div > span {
  display: block;
  margin-bottom: 3px;
  color: #315ea8;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.4;
}

.toolbox-body .tb-geo-publish-studio > header > .tb-btn,
.toolbox-body .tb-publish-plan-result > header > .tb-btn {
  flex: 0 0 auto;
  white-space: nowrap;
}

.toolbox-body .tb-geo-publish-form {
  position: static;
}

.toolbox-body .tb-geo-publish-form > section > header {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.toolbox-body .tb-geo-publish-form > section > header > div {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: start;
  gap: 9px;
}

.toolbox-body .tb-geo-publish-form > section > header > div > b {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #edf2f8;
  color: #315ea8;
  font-size: 12px;
  line-height: 1;
}

.toolbox-body .tb-geo-publish-form > section > header :where(strong, small) {
  display: block;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-geo-publish-form > section > header strong {
  color: #263247;
  font-size: 13px;
  line-height: 1.45;
}

.toolbox-body .tb-geo-publish-form > section > header small {
  margin-top: 2px;
  color: #657185;
  font-size: 11px;
  line-height: 1.45;
}

.toolbox-body .tb-geo-publish-form > section > header > em {
  min-height: 28px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  border: 1px solid #d5dde8;
  border-radius: 6px;
  background: #f7f9fb;
  color: #526075;
  padding: 3px 8px;
  font-size: 11px;
  font-style: normal;
  font-weight: 750;
  white-space: nowrap;
}

.toolbox-body .tb-geo-publish-posts {
  max-height: 430px;
  overflow: hidden auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.toolbox-body .tb-geo-publish-post-card {
  grid-template-columns: 76px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 94px;
  padding: 8px 40px 8px 8px;
}

.toolbox-body .tb-geo-publish-post-card > input[type="checkbox"] {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  margin: 0;
  opacity: 0;
}

.toolbox-body .tb-geo-publish-post-check {
  position: absolute;
  top: 9px;
  right: 9px;
  z-index: 1;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border: 1px solid #b8c3d1;
  border-radius: 6px;
  background: #fff;
  color: #fff;
  pointer-events: none;
}

.toolbox-body .tb-geo-publish-post-check i {
  opacity: 0;
  font-size: 14px;
  line-height: 1;
}

.toolbox-body .tb-geo-publish-post-card > input:checked + .tb-geo-publish-post-check {
  border-color: #315ea8;
  background: #315ea8;
}

.toolbox-body .tb-geo-publish-post-card > input:checked + .tb-geo-publish-post-check i {
  opacity: 1;
}

.toolbox-body .tb-geo-publish-post-card > input:focus-visible + .tb-geo-publish-post-check {
  outline: 3px solid rgba(49, 94, 168, .22);
  outline-offset: 2px;
}

.toolbox-body .tb-geo-publish-post-card > :where(img, .tb-mini-cover) {
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #e8edf3;
  object-fit: cover;
}

.toolbox-body .tb-geo-publish-post-card > .tb-mini-cover i {
  color: #708096;
  font-size: 22px;
}

.toolbox-body .tb-geo-publish-post-card > span:last-child {
  min-width: 0;
  display: block;
}

.toolbox-body .tb-geo-publish-post-card > span:last-child :where(small, strong, em) {
  max-width: 100%;
  overflow: hidden;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-geo-publish-post-card > span:last-child small {
  display: block;
  margin-bottom: 3px;
}

.toolbox-body .tb-geo-publish-post-card > span:last-child strong {
  display: -webkit-box;
  margin: 0 0 3px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.toolbox-body .tb-geo-publish-post-card > span:last-child em {
  display: -webkit-box;
  color: #657185;
  font-size: 11px;
  font-style: normal;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.toolbox-body .tb-geo-publish-post-card:has(> input:checked) {
  border-color: #7899ca;
  background: #f2f6fc;
  box-shadow: inset 3px 0 0 #315ea8, 0 0 0 2px rgba(49, 94, 168, .09);
}

.toolbox-body .tb-geo-publish-form .tb-studio-submit {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: center;
  gap: 10px 12px;
  background: #fff !important;
  background-image: none !important;
}

.toolbox-body .tb-geo-publish-form .tb-studio-submit > .tb-status {
  width: 100%;
  grid-column: 1 / -1;
  justify-content: flex-start;
  white-space: normal;
}

.toolbox-body .tb-geo-publish-form .tb-studio-submit > .tb-status:empty {
  display: none;
  min-height: 0;
}

.toolbox-body .tb-geo-publish-existing {
  align-self: start;
  border: 1px solid var(--tb-geo-publish-line);
  border-radius: 8px;
  background: #fff;
  padding: 14px;
}

.toolbox-body .tb-geo-publish-existing > header {
  min-height: 0;
  align-items: flex-start;
  border-bottom: 1px solid #e3e8ef;
  padding-bottom: 11px;
  cursor: default;
}

.toolbox-body .tb-geo-publish-existing > header :where(strong, span) {
  display: block;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-geo-publish-existing > header strong {
  color: #253147;
  font-size: 14px;
}

.toolbox-body .tb-geo-publish-existing > header span {
  margin-top: 2px;
  color: #657185;
  font-size: 11px;
  font-weight: 500;
}

.toolbox-body .tb-geo-publish-existing > header a {
  flex: 0 0 auto;
  color: #315ea8;
  font-size: 12px;
  font-weight: 750;
  white-space: nowrap;
}

.toolbox-body .tb-geo-publish-existing > header + div {
  min-width: 0;
  max-height: 520px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  overflow: hidden auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.toolbox-body .tb-geo-publish-existing > header + div > article {
  min-width: 0;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: start;
  gap: 9px;
  border-bottom: 1px solid #e7ebf0;
  padding: 10px 2px;
}

.toolbox-body .tb-geo-publish-existing > header + div > article:last-child {
  border-bottom: 0;
}

.toolbox-body .tb-geo-publish-existing > header + div > article > div {
  min-width: 0;
}

.toolbox-body .tb-geo-publish-existing > header + div > article :where(strong, small) {
  display: block;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-geo-publish-existing > header + div > article strong {
  display: -webkit-box;
  overflow: hidden;
  color: #2b374b;
  font-size: 12px;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.toolbox-body .tb-geo-publish-existing > header + div > article small {
  margin-top: 3px;
  color: #6a7688;
  font-size: 10px;
  line-height: 1.45;
}

.toolbox-body .tb-geo-publish-existing > .tb-tool-result:empty {
  display: none;
  min-height: 0;
}

.toolbox-body .tb-geo-publish-existing > .tb-tool-result:not(:empty) {
  min-height: 0;
  margin-top: 5px;
}

/* Status markup contains a badge; keep the wrapper visually neutral. */
.toolbox-body .tb-publish-record-status {
  min-height: 0;
  display: inline-flex;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
}

.toolbox-body :where(
  .tb-publish-record-status,
  .tb-publish-plan-platforms,
  .tb-publish-record-table,
  .tb-admin-filter + .tb-table-wrap
) .tb-badge {
  min-height: 24px;
  border: 1px solid #cbd4df;
  border-radius: 5px;
  padding: 2px 7px;
  font-size: 11px;
  line-height: 1.25;
  white-space: nowrap;
}

.toolbox-body :where(
  .tb-publish-record-status,
  .tb-publish-plan-platforms,
  .tb-publish-record-table,
  .tb-admin-filter + .tb-table-wrap
) .tb-badge.blue {
  border-color: #abc1e2;
}

.toolbox-body :where(
  .tb-publish-record-status,
  .tb-publish-plan-platforms,
  .tb-publish-record-table,
  .tb-admin-filter + .tb-table-wrap
) .tb-badge.green {
  border-color: #a9d2bb;
}

.toolbox-body :where(
  .tb-publish-record-status,
  .tb-publish-plan-platforms,
  .tb-publish-record-table,
  .tb-admin-filter + .tb-table-wrap
) .tb-badge.amber {
  border-color: #e0c57c;
}

.toolbox-body :where(
  .tb-publish-record-status,
  .tb-publish-plan-platforms,
  .tb-publish-record-table,
  .tb-admin-filter + .tb-table-wrap
) .tb-badge.red {
  border-color: #dfa8b0;
}

.toolbox-body .tb-publish-plan-result > aside {
  min-width: 0;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: start;
  gap: 9px;
  border: 1px solid #cad9e7;
  border-left: 3px solid #315ea8;
  border-radius: 7px;
  background: #f4f7fb;
  color: #435168;
  padding: 10px;
  line-height: 1.55;
}

.toolbox-body .tb-publish-plan-result > aside > i {
  color: #315ea8;
  font-size: 19px;
}

.toolbox-body .tb-publish-plan-result > aside strong {
  display: block;
  color: #273449;
}

.toolbox-body .tb-publish-plan-item > header {
  min-width: 0;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: start;
  gap: 9px;
}

.toolbox-body .tb-publish-plan-item,
.toolbox-body .tb-publish-plan-platform-list {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.toolbox-body .tb-publish-plan-item > :where(
  header,
  .tb-publish-plan-platform-list,
  ul,
  .tb-publish-plan-actions
) {
  width: 100%;
  grid-column: 1;
}

.toolbox-body .tb-publish-plan-item > header > span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid #c8d1de;
  border-radius: 6px;
  background: #f3f6f9;
  color: #42516a;
  font-size: 11px;
  font-weight: 800;
}

.toolbox-body .tb-publish-plan-item > header > div {
  min-width: 0;
}

.toolbox-body .tb-publish-plan-item > header small,
.toolbox-body .tb-publish-plan-item > header strong {
  display: block;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-publish-plan-item > header strong {
  margin-top: 2px;
  color: #202c40;
  font-size: 14px;
  line-height: 1.45;
}

.toolbox-body .tb-publish-plan-platform-list {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.toolbox-body .tb-publish-plan-platforms {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(150px, .52fr) minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  border: 1px solid #d8dfe8;
  border-radius: 7px;
  background: #f8fafc;
  padding: 9px;
}

.toolbox-body .tb-publish-plan-platforms > span {
  min-width: 0;
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
}

.toolbox-body .tb-publish-plan-platforms > span > strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #2b374b;
  font-size: 12px;
}

.toolbox-body .tb-publish-plan-platforms > div {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

.toolbox-body .tb-publish-plan-platforms > div > form {
  margin: 0;
}

.toolbox-body .tb-publish-plan-platforms > div .tb-btn {
  min-height: 44px !important;
  border: 1px solid #c4ceda !important;
  border-radius: 6px !important;
  background: #fff !important;
  background-image: none !important;
  color: #344155 !important;
  padding: 0 10px !important;
  box-shadow: 0 1px 2px rgba(24, 34, 50, .07) !important;
  white-space: nowrap;
}

.toolbox-body .tb-publish-plan-platforms > div .tb-btn:hover {
  border-color: #8e9cad !important;
  background: #f3f6f9 !important;
  box-shadow: 0 4px 10px rgba(24, 34, 50, .1) !important;
}

.toolbox-body .tb-publish-plan-platforms > div .tb-btn.primary {
  border-color: #b42336 !important;
  background: #b42336 !important;
  color: #fff !important;
  box-shadow: 0 4px 10px rgba(180, 35, 54, .18) !important;
}

.toolbox-body .tb-publish-plan-platforms > div .tb-btn.primary:hover {
  border-color: #941f30 !important;
  background: #941f30 !important;
}

.toolbox-body .tb-publish-plan-item > ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.toolbox-body .tb-publish-plan-stale {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  border: 1px solid #e0c578;
  border-radius: 7px;
  background: #fff8e6;
  color: #735000;
  padding: 10px 11px;
  font-size: 12px;
  line-height: 1.55;
}

.toolbox-body .tb-publish-plan-stale i {
  flex: 0 0 auto;
  margin-top: 1px;
}

.toolbox-body .tb-publish-plan-stale strong {
  display: block;
  color: #5d4100;
}

.toolbox-body .tb-publish-plan-item.is-stale {
  border-color: #e0c578;
}

.toolbox-body .tb-publish-plan-item > ul > li {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: 6px;
  overflow-wrap: anywhere;
  color: #536176;
  font-size: 11px;
  line-height: 1.5;
}

.toolbox-body .tb-publish-plan-item > ul > li > i {
  flex: 0 0 auto;
  color: #18794e;
}

/* Admin publishing filters and both publish-record tables. */
.toolbox-body .tb-admin-filter {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(160px, 220px) minmax(160px, 220px) max-content max-content;
  align-items: end;
  gap: 10px;
  margin: 0 0 12px;
  border: 1px solid #d9e0e9;
  border-radius: 8px;
  background: #f7f9fb;
  padding: 12px;
}

.toolbox-body .tb-admin-filter > label {
  min-width: 0;
  display: grid;
  gap: 6px;
  color: #465369;
  font-size: 12px;
  font-weight: 750;
}

.toolbox-body .tb-admin-filter select {
  width: 100%;
  min-width: 0;
  min-height: 44px !important;
  border: 1px solid #c7d0dc;
  border-radius: 7px;
  background: #fff;
  color: #263247;
  padding: 0 34px 0 10px;
}

.toolbox-body .tb-admin-filter .tb-btn {
  min-width: 76px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #c4ceda;
  border-radius: 7px;
  background: #fff;
  background-image: none;
  color: #344155;
  padding: 0 14px;
  box-shadow: 0 1px 2px rgba(24, 34, 50, .07);
  text-decoration: none;
  white-space: nowrap;
}

.toolbox-body .tb-admin-filter .tb-btn:hover {
  border-color: #8e9cad;
  background: #f3f6f9;
  box-shadow: 0 4px 10px rgba(24, 34, 50, .1);
}

.toolbox-body .tb-admin-filter .tb-btn.primary {
  border-color: #b42336;
  background: #b42336;
  background-image: none;
  color: #fff;
  box-shadow: 0 4px 10px rgba(180, 35, 54, .18);
}

.toolbox-body .tb-admin-filter .tb-btn.primary:hover {
  border-color: #941f30;
  background: #941f30;
}

.toolbox-body :where(.tb-admin-filter + .tb-table-wrap, .tb-table-wrap:has(> .tb-publish-record-table)) {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}

.toolbox-body .tb-admin-filter + .tb-table-wrap > .tb-table {
  min-width: 1010px;
  table-layout: fixed;
}

.toolbox-body .tb-admin-filter + .tb-table-wrap th:nth-child(1) { width: 74px; }
.toolbox-body .tb-admin-filter + .tb-table-wrap th:nth-child(2) { width: 150px; }
.toolbox-body .tb-admin-filter + .tb-table-wrap th:nth-child(3) { width: 230px; }
.toolbox-body .tb-admin-filter + .tb-table-wrap th:nth-child(4) { width: 170px; }
.toolbox-body .tb-admin-filter + .tb-table-wrap th:nth-child(5) { width: 120px; }
.toolbox-body .tb-admin-filter + .tb-table-wrap th:nth-child(6) { width: 96px; }
.toolbox-body .tb-admin-filter + .tb-table-wrap th:nth-child(7) { width: 170px; }

.toolbox-body .tb-admin-filter + .tb-table-wrap td,
.toolbox-body .tb-admin-filter + .tb-table-wrap td :where(strong, small) {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.toolbox-body .tb-admin-filter + .tb-table-wrap td :where(strong, small) {
  display: block;
}

.toolbox-body .tb-admin-filter + .tb-table-wrap td small {
  margin-top: 3px;
  color: #6c788a;
  font-size: 10px;
  line-height: 1.4;
}

.toolbox-body .tb-publish-record-table {
  min-width: 760px;
  table-layout: fixed;
}

.toolbox-body .tb-publish-record-table th:nth-child(1) { width: 250px; }
.toolbox-body .tb-publish-record-table th:nth-child(2) { width: 82px; }
.toolbox-body .tb-publish-record-table th:nth-child(3) { width: 96px; }
.toolbox-body .tb-publish-record-table th:nth-child(4) { width: 156px; }
.toolbox-body .tb-publish-record-table th:nth-child(5) { width: 220px; }

.toolbox-body .tb-publish-record-table td:first-child > strong {
  display: block;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.toolbox-body .tb-publish-record-table .tb-form-actions.compact {
  min-width: max-content;
  flex-wrap: nowrap;
}

@media (min-width: 901px) and (max-width: 1179px) {
  .toolbox-body .tb-geo-publish-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (min-width: 1180px) {
  .toolbox-body .tb-geo-publish-layout {
    grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr);
  }
}

@media (max-width: 620px) {
  .toolbox-body .tb-geo-publish-studio > header,
  .toolbox-body .tb-publish-plan-result > header {
    align-items: stretch;
    flex-direction: column;
  }

  .toolbox-body .tb-geo-publish-studio > header > .tb-btn,
  .toolbox-body .tb-publish-plan-result > header > .tb-btn {
    width: 100%;
  }

  .toolbox-body .tb-geo-publish-form .tb-studio-submit {
    grid-template-columns: minmax(0, 1fr);
  }

  .toolbox-body .tb-geo-publish-form .tb-studio-submit .tb-btn.primary {
    width: 100%;
  }

  .toolbox-body .tb-publish-plan-timeline {
    margin-left: 4px;
    padding-left: 18px;
  }

  .toolbox-body .tb-publish-plan-item::before {
    left: -26px;
  }

  .toolbox-body .tb-publish-plan-platforms {
    grid-template-columns: minmax(0, 1fr);
  }

  .toolbox-body .tb-publish-plan-platforms > div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
  }

  .toolbox-body .tb-publish-plan-platforms > div > :where(a, form),
  .toolbox-body .tb-publish-plan-platforms > div .tb-btn {
    width: 100%;
  }

  .toolbox-body .tb-publish-plan-item > ul {
    grid-template-columns: minmax(0, 1fr);
  }

  .toolbox-body .tb-admin-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  .toolbox-body .tb-admin-filter .tb-btn {
    width: 100%;
  }

  .toolbox-body .tb-panel:has(> .tb-admin-filter) > .tb-panel-head {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 420px) {
  .toolbox-body .tb-geo-publish-posts {
    max-height: 390px;
    padding: 8px;
  }

  .toolbox-body .tb-geo-publish-post-card {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 8px;
    min-height: 82px;
    padding: 8px 38px 8px 8px;
  }

  .toolbox-body .tb-geo-publish-post-card > :where(img, .tb-mini-cover) {
    width: 64px;
    height: 64px;
  }

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

  .toolbox-body .tb-geo-publish-form > section > header > em {
    align-self: flex-start;
  }

  .toolbox-body .tb-publish-plan-platforms > div {
    grid-template-columns: minmax(0, 1fr);
  }

  .toolbox-body .tb-admin-filter {
    padding: 10px;
  }
}

/* 20260717 product-note commercial workspace */
.toolbox-body .tb-product-note-page {
  min-width: 0;
  padding: 16px;
  overflow: hidden;
  border: 1px solid #e2e6ee;
  border-radius: 8px;
  background: #f6f7fa;
}
.toolbox-body .tb-product-note-hero {
  min-height: 0;
  padding: 18px 20px;
  align-items: center;
  border: 1px solid #e1e5ec;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(17, 24, 39, .05);
}
.toolbox-body .tb-product-note-hero::before {
  content: "";
  align-self: stretch;
  flex: 0 0 4px;
  order: -1;
  border-radius: 4px;
  background: #ff7043;
}
.toolbox-body .tb-product-note-hero h3 {
  margin: 7px 0 6px;
  font-size: 22px;
  letter-spacing: 0;
}
.toolbox-body .tb-product-note-hero p {
  font-size: 12px;
  line-height: 1.65;
}
.toolbox-body .tb-product-note-hero > .tb-btn {
  min-height: 40px;
  flex: 0 0 auto;
}
.toolbox-body .tb-product-note-layout {
  grid-template-columns: minmax(0, 1fr) 294px;
  gap: 12px;
  margin-top: 12px;
}
.toolbox-body .tb-product-note-form,
.toolbox-body .tb-product-note-side {
  min-width: 0;
  border-color: #e1e5ec;
  border-radius: 8px;
  box-shadow: 0 7px 22px rgba(17, 24, 39, .045);
}
.toolbox-body .tb-product-note-form {
  padding: 14px;
}
.toolbox-body .tb-product-note-modes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}
.toolbox-body .tb-product-note-modes label {
  min-width: 0;
}
.toolbox-body .tb-product-note-modes span {
  position: relative;
  min-height: 90px;
  border-radius: 8px;
  padding: 11px 12px;
  gap: 4px;
}
.toolbox-body .tb-product-note-modes input:focus-visible + span {
  outline: 3px solid rgba(79, 70, 229, .2);
  outline-offset: 2px;
}
.toolbox-body .tb-product-note-modes input:checked + span {
  border-color: #6d5ce7;
  background: #f5f3ff;
  box-shadow: 0 0 0 2px rgba(109, 92, 231, .1);
}
.toolbox-body .tb-product-note-modes i {
  position: absolute;
  top: 9px;
  right: 9px;
  border-radius: 4px;
  background: #fff0e9;
  color: #c2410c;
  padding: 2px 6px;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}
.toolbox-body .tb-product-note-modes small {
  margin-top: 1px;
  border-radius: 4px;
  background: #fff7ed;
  color: #b45309;
}
.toolbox-body .tb-product-note-card {
  grid-template-columns: minmax(230px, 30%) minmax(0, 1fr);
  gap: 12px;
}
.toolbox-body .tb-product-upload-panel,
.toolbox-body .tb-product-rule,
.toolbox-body .tb-product-submit {
  border-radius: 8px;
}
.toolbox-body .tb-product-upload-panel {
  padding: 12px;
  border-color: #ffd7c4;
  background: #fffaf7;
}
.toolbox-body .tb-product-upload-panel .tb-upload-drop {
  min-height: 220px;
  justify-content: center;
  border-color: #e4c4b5;
  border-radius: 8px;
  background: #fff;
  text-align: center;
}
.toolbox-body .tb-product-upload-panel .tb-upload-drop:hover {
  border-color: #ff7043;
  background: #fff8f5;
}
.toolbox-body .tb-product-fields {
  align-content: start;
  gap: 9px;
}
.toolbox-body .tb-product-fields input,
.toolbox-body .tb-product-fields select,
.toolbox-body .tb-product-fields textarea {
  min-width: 0;
  border-radius: 6px;
  font-size: 12px;
}
.toolbox-body .tb-product-submit {
  grid-template-columns: minmax(210px, 1fr) auto auto minmax(180px, auto);
  gap: 9px;
  padding: 10px;
  border-color: #dfe3eb;
  background: #f8f9fc;
}
.toolbox-body .tb-product-submit label {
  min-width: 98px;
  color: #475467;
  font-size: 11px;
  font-weight: 800;
}
.toolbox-body .tb-product-submit select {
  min-height: 38px;
  margin-left: 5px;
  border: 1px solid #d6dae3;
  border-radius: 6px;
  background: #fff;
  color: #1f2937;
}
.toolbox-body .tb-product-submit .tb-btn {
  min-height: 44px;
  border-radius: 6px;
  background: #6847d9;
  box-shadow: 0 6px 14px rgba(104, 71, 217, .2);
}
.toolbox-body .tb-product-submit .tb-btn small {
  color: #f2efff;
  font-size: 11px;
}
.toolbox-body .tb-product-submit .tb-status {
  grid-column: 1 / -1;
}
.toolbox-body .tb-product-note-side {
  padding: 12px;
}
.toolbox-body .tb-product-sample-grid {
  gap: 8px;
}
.toolbox-body .tb-product-sample-grid article {
  grid-template-columns: 64px minmax(0, 1fr);
  border-radius: 7px;
  padding: 7px;
}
.toolbox-body .tb-product-sample-grid img {
  width: 64px;
  height: 64px;
  border-radius: 6px;
}
.toolbox-body .tb-product-note-side .tb-product-rule {
  margin-top: 10px;
}
@media (max-width: 1080px) {
  .toolbox-body .tb-product-note-layout,
  .toolbox-body .tb-product-note-card {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-product-sample-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .toolbox-body .tb-product-note-page {
    padding: 10px;
  }
  .toolbox-body .tb-product-note-hero {
    align-items: flex-start;
    padding: 14px;
  }
  .toolbox-body .tb-product-note-hero::before {
    width: 44px;
    min-height: 4px;
  }
  .toolbox-body .tb-product-note-hero h3 {
    font-size: 19px;
  }
  .toolbox-body .tb-product-note-modes,
  .toolbox-body .tb-product-fields,
  .toolbox-body .tb-product-submit,
  .toolbox-body .tb-product-sample-grid {
    grid-template-columns: 1fr;
  }
  .toolbox-body .tb-product-upload-panel .tb-upload-drop {
    min-height: 164px;
  }
  .toolbox-body .tb-product-submit label,
  .toolbox-body .tb-product-submit select,
  .toolbox-body .tb-product-submit .tb-btn {
    width: 100%;
    margin-left: 0;
  }
}

.toolbox-body .tb-product-talk-studio > header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Completed-task notices and actions */
.toolbox-body .tb-task-result-warnings {
  margin: 0 0 14px;
  padding: 13px 14px;
  border: 1px solid #f4cf83;
  border-radius: 8px;
  background: #fffaf0;
  color: #5f4308;
  box-shadow: 0 5px 18px rgba(146, 93, 10, .06);
}
.toolbox-body .tb-task-result-warnings header {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.toolbox-body .tb-task-result-warnings header > i {
  display: grid;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  place-items: center;
  border-radius: 7px;
  background: #ffecbd;
  color: #9a6500;
  font-size: 15px;
}
.toolbox-body .tb-task-result-warnings header div {
  display: grid;
  min-width: 0;
  gap: 2px;
}
.toolbox-body .tb-task-result-warnings strong {
  color: #513704;
  font-size: 13px;
  line-height: 1.45;
}
.toolbox-body .tb-task-result-warnings span,
.toolbox-body .tb-task-result-warnings li {
  color: #795b1d;
  font-size: 12px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
.toolbox-body .tb-task-result-warnings ul {
  display: grid;
  gap: 3px;
  margin: 9px 0 0 38px;
  padding: 9px 12px 9px 27px;
  border-top: 1px solid rgba(190, 137, 31, .18);
  background: rgba(255, 255, 255, .48);
}
.toolbox-body .tb-task-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  min-width: 158px;
}
.toolbox-body .tb-task-actions .tb-btn {
  min-height: 32px;
  white-space: nowrap;
}
@media (max-width: 680px) {
  .toolbox-body .tb-task-result-warnings {
    padding: 11px;
  }
  .toolbox-body .tb-task-result-warnings ul {
    margin-left: 0;
  }
  .toolbox-body .tb-task-actions {
    min-width: 0;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

/* 20260717 parsed-media commercial workspace */
.toolbox-body .tb-parsed-grid {
  display: grid;
  grid-template-columns: minmax(420px, 460px) minmax(0, 1fr);
  align-items: start;
  gap: 16px;
}
.toolbox-body .tb-parsed-grid > section {
  min-width: 0;
  border: 1px solid #d9dee7;
  border-radius: 8px;
  background: #fff;
  padding: 14px;
  box-shadow: 0 8px 24px rgba(26, 32, 44, .06);
}
.toolbox-body .tb-parsed-grid > section:first-child {
  border-top: 3px solid #5d55d9;
}
.toolbox-body .tb-parsed-grid > section:nth-child(2) {
  border-top: 3px solid #2f7a58;
}
.toolbox-body .tb-parsed-grid > section > h3 {
  margin: 0 0 12px;
  border-bottom: 1px solid #e7eaf0;
  padding: 0 0 10px;
  color: #202734;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: 0;
}
.toolbox-body .tb-original-card {
  display: grid;
  gap: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
  box-shadow: none;
}
.toolbox-body .tb-parsed-media,
.toolbox-body .tb-parsed-copy,
.toolbox-body .tb-parsed-actions {
  min-width: 0;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}
.toolbox-body .tb-parsed-media {
  padding: 0 0 14px;
}
.toolbox-body .tb-parsed-summary {
  min-height: 42px;
  border: 1px solid #dfe3eb;
  border-radius: 7px;
  background: #f7f8fb;
  padding: 8px 10px;
}
.toolbox-body .tb-parsed-summary span {
  min-height: 24px;
  border-radius: 5px;
  background: #eceafb;
  color: #4e46b4;
  padding: 0 8px;
  font-size: 11px;
  letter-spacing: 0;
}
.toolbox-body .tb-parsed-summary strong {
  color: #4b5565;
  font-size: 12px;
  line-height: 1.45;
  text-align: right;
}
.toolbox-body .tb-parsed-media-gallery {
  width: 100%;
  display: grid;
  align-items: start;
  justify-content: center;
  gap: 8px;
  margin-top: 12px;
}
.toolbox-body .tb-parsed-media-gallery a {
  min-width: 0;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border: 1px solid #dde2e9;
  border-radius: 7px;
  background: #f0f2f5;
  box-shadow: 0 4px 12px rgba(26, 32, 44, .06);
}
.toolbox-body .tb-parsed-media-gallery img {
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: none;
  display: block;
  background: #f0f2f5;
  object-fit: cover;
}
.toolbox-body .tb-parsed-media-gallery[data-count="1"] {
  grid-template-columns: minmax(0, 312px);
}
.toolbox-body .tb-parsed-media-gallery[data-count="1"] a {
  width: min(100%, 312px);
  justify-self: center;
  aspect-ratio: 3 / 4;
}
.toolbox-body .tb-parsed-media-gallery[data-count="2"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.toolbox-body .tb-parsed-media-gallery[data-count="3"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.toolbox-body .tb-parsed-media-gallery[data-count="3"] a:first-child {
  grid-row: auto;
  grid-column: auto;
}
.toolbox-body .tb-parsed-media-gallery[data-count="4"],
.toolbox-body .tb-parsed-media-gallery.count-4-plus {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.toolbox-body .tb-parsed-media-gallery[data-count="2"] a,
.toolbox-body .tb-parsed-media-gallery[data-count="3"] a,
.toolbox-body .tb-parsed-media-gallery[data-count="4"] a,
.toolbox-body .tb-parsed-media-gallery.count-4-plus a {
  aspect-ratio: 3 / 4;
}
.toolbox-body .tb-parsed-video {
  width: min(100%, 360px);
  max-height: 480px;
  margin: 12px auto 0;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border: 1px solid #d9dee7;
  border-radius: 8px;
  background: #eef1f5;
  box-shadow: 0 4px 14px rgba(26, 32, 44, .08);
}
.toolbox-body .tb-parsed-video.is-landscape,
.toolbox-body .tb-parsed-video[data-aspect="landscape"] {
  width: 100%;
  max-height: none;
  aspect-ratio: 16 / 9;
}
.toolbox-body .tb-parsed-video video {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  background: #eef1f5;
  object-fit: contain;
  pointer-events: auto;
}
.toolbox-body .tb-parsed-copy {
  margin-top: 0;
  border-top: 1px solid #e3e7ed;
  border-bottom: 1px solid #e3e7ed;
  padding: 12px 0;
  overflow: visible;
}
.toolbox-body .tb-parsed-copy .tb-original-text {
  max-height: 236px;
  margin: 0;
  overflow: auto;
  border: 0;
  border-radius: 0;
  background: #f8f9fb;
  padding: 11px 12px;
  color: #4b5565;
  font-size: 12px;
  line-height: 1.7;
  scrollbar-width: thin;
}
.toolbox-body .tb-parsed-copy .tb-original-text p {
  margin: 0 0 8px;
  overflow-wrap: anywhere;
}
.toolbox-body .tb-parsed-copy .tb-original-text p:last-child {
  margin-bottom: 0;
}
.toolbox-body .tb-parsed-copy .tb-original-text strong {
  color: #202734;
}
.toolbox-body .tb-parsed-actions {
  min-height: 48px;
  margin-top: 0;
  padding: 10px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #687386;
  font-size: 11px;
  line-height: 1.5;
}
.toolbox-body .tb-parsed-actions .tb-btn,
.toolbox-body .tb-parsed-actions :where(a, button) {
  min-height: 36px;
  border-radius: 6px;
  white-space: nowrap;
}

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

@media (max-width: 520px) {
  .toolbox-body .tb-parsed-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  .toolbox-body .tb-parsed-grid > section {
    padding: 12px;
  }
  .toolbox-body .tb-parsed-media-gallery,
  .toolbox-body .tb-parsed-media-gallery[data-count="1"],
  .toolbox-body .tb-parsed-media-gallery[data-count="2"],
  .toolbox-body .tb-parsed-media-gallery[data-count="3"],
  .toolbox-body .tb-parsed-media-gallery[data-count="4"],
  .toolbox-body .tb-parsed-media-gallery.count-4-plus {
    grid-template-columns: minmax(0, 1fr);
  }
  .toolbox-body .tb-parsed-media-gallery a,
  .toolbox-body .tb-parsed-media-gallery[data-count="1"] a {
    width: min(100%, 300px);
    justify-self: center;
    grid-row: auto;
    grid-column: auto;
  }
  .toolbox-body .tb-parsed-video {
    width: min(100%, 300px);
    max-height: none;
  }
  .toolbox-body .tb-parsed-summary,
  .toolbox-body .tb-parsed-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .toolbox-body .tb-parsed-summary strong {
    text-align: left;
  }
  .toolbox-body .tb-parsed-actions :where(.tb-btn, a, button) {
    width: 100%;
    min-height: 44px;
    justify-content: center;
  }
}

/* 20260717 commercial workbench polish: shared controls, template tools and product-note. */
.toolbox-body {
  --tb-workbench-accent: #7457e8;
  --tb-workbench-accent-strong: #6245d6;
  --tb-workbench-accent-soft: #f4f1ff;
  --tb-workbench-coral: #e4483e;
  --tb-workbench-coral-strong: #cc392f;
  --tb-workbench-ink: #202636;
  --tb-workbench-copy: #596273;
  --tb-workbench-muted: #7f8796;
  --tb-workbench-line: #dfe3eb;
  --tb-workbench-panel: #ffffff;
  --tb-workbench-page: #f5f6fa;
  --tb-workbench-focus: 0 0 0 3px rgba(116, 87, 232, .16);
  --tb-workbench-shadow: 0 8px 24px rgba(26, 32, 48, .06);
}

/* Shared control contract for all customer-facing generation forms. */
.toolbox-body :where(
  .tb-specific-form,
  .tb-image-home-form,
  .tb-ecommerce-pro-layout,
  .tb-template-market-search,
  .tb-generation-context,
  .tb-context-editor
) :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
  select,
  textarea
) {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  border: 1px solid var(--tb-workbench-line);
  border-radius: 8px;
  background: #fff;
  color: var(--tb-workbench-ink);
  font-size: 13px;
  line-height: 1.6;
  letter-spacing: 0;
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.toolbox-body :where(
  .tb-specific-form,
  .tb-image-home-form,
  .tb-ecommerce-pro-layout,
  .tb-template-market-search,
  .tb-generation-context,
  .tb-context-editor
) :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
  select,
  textarea
):is(:hover, :focus) {
  border-color: #9b8aed;
}

.toolbox-body :where(
  .tb-specific-form,
  .tb-image-home-form,
  .tb-ecommerce-pro-layout,
  .tb-template-market-search,
  .tb-generation-context,
  .tb-context-editor
) :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
  select,
  textarea
):focus {
  box-shadow: var(--tb-workbench-focus);
  outline: none;
}

.toolbox-body :where(
  .tb-specific-form,
  .tb-image-home-form,
  .tb-ecommerce-pro-layout,
  .tb-template-market-search,
  .tb-generation-context,
  .tb-context-editor
) :where(input, textarea)::placeholder {
  color: #a0a7b4;
  opacity: 1;
}

.toolbox-body :where(
  .tb-specific-form,
  .tb-image-home-form,
  .tb-ecommerce-pro-layout,
  .tb-template-market-studio,
  .tb-generation-context,
  .tb-context-editor
) :where(button, .tb-btn, a.tb-btn, summary) {
  min-height: 44px;
}

.toolbox-body :where(
  .tb-specific-form,
  .tb-image-home-form,
  .tb-ecommerce-pro-layout,
  .tb-template-market-studio,
  .tb-generation-context,
  .tb-context-editor
) :where(button, .tb-btn, a.tb-btn):focus-visible {
  box-shadow: var(--tb-workbench-focus);
  outline: none;
}

.toolbox-body :where(.tb-specific-form, .tb-image-home-form, .tb-ecommerce-pro-layout) .tb-btn.primary {
  border-color: var(--tb-workbench-accent);
  background: var(--tb-workbench-accent);
  background-image: none;
  color: #fff;
  box-shadow: 0 7px 18px rgba(116, 87, 232, .22);
}

.toolbox-body :where(.tb-specific-form, .tb-image-home-form, .tb-ecommerce-pro-layout) .tb-btn.primary:is(:hover, :focus-visible) {
  border-color: var(--tb-workbench-accent-strong);
  background: var(--tb-workbench-accent-strong);
  transform: translateY(-1px);
}

.toolbox-body :where(.tb-specific-form, .tb-image-home-form, .tb-ecommerce-pro-layout)[aria-busy="true"] .tb-btn[type="submit"] {
  pointer-events: none;
  filter: saturate(.72);
}

.toolbox-body :where(.tb-specific-form, .tb-image-home-form, .tb-ecommerce-pro-layout)[aria-busy="true"] .tb-btn[type="submit"]::after {
  width: 14px;
  height: 14px;
  content: "";
  flex: 0 0 14px;
  border: 2px solid rgba(255, 255, 255, .48);
  border-top-color: #fff;
  border-radius: 50%;
  animation: tb-workbench-spin .72s linear infinite;
}

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

/* Uploads stay compact, legible and free of opaque placeholder blocks. */
.toolbox-body :where(.tb-specific-form, .tb-image-home-form, .tb-ecommerce-pro-layout) :where(.tb-upload-drop, .tb-upload-box) {
  min-height: 148px;
  overflow: hidden;
  border: 1px dashed #c9c1ed;
  border-radius: 8px;
  background: #fbfaff;
  background-image: none;
  color: var(--tb-workbench-copy);
  box-shadow: none;
}

.toolbox-body :where(.tb-specific-form, .tb-image-home-form, .tb-ecommerce-pro-layout) :where(.tb-upload-drop, .tb-upload-box):is(:hover, :focus-within, .is-dragging) {
  border-color: var(--tb-workbench-accent);
  background: #f7f4ff;
  box-shadow: var(--tb-workbench-focus);
}

.toolbox-body :where(.tb-specific-form, .tb-image-home-form, .tb-ecommerce-pro-layout) .tb-upload-mark {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid #d8d0fb;
  border-radius: 8px;
  background: #fff;
  color: var(--tb-workbench-accent);
  box-shadow: 0 4px 12px rgba(67, 52, 128, .08);
}

.toolbox-body :where(.tb-specific-form, .tb-image-home-form, .tb-ecommerce-pro-layout) :where(.tb-upload-drop, .tb-upload-box) :where(strong, b) {
  color: #353b49;
  font-size: 13px;
}

.toolbox-body :where(.tb-specific-form, .tb-image-home-form, .tb-ecommerce-pro-layout) :where(.tb-upload-drop, .tb-upload-box) :where(em, small, .tb-upload-hint) {
  color: var(--tb-workbench-muted);
  font-size: 11px;
  line-height: 1.55;
}

/* Empty, loading and error states use semantic light surfaces instead of dark frames. */
.toolbox-body :where(.tb-empty, .tb-template-market-empty, .tb-template-creator-empty, .tb-image-result-empty) {
  min-width: 0;
  border: 1px dashed #d6dbe5;
  border-radius: 8px;
  background: #f8f9fc;
  background-image: none;
  color: var(--tb-workbench-copy);
  box-shadow: none;
}

.toolbox-body :where(.tb-status, [data-workbench-status]):not(:empty) {
  min-width: 0;
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #d8dee8;
  border-radius: 8px;
  background: #f7f9fc;
  color: #4f5a6d;
  padding: 9px 12px;
  font-size: 12px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.toolbox-body :where(.tb-status, [data-workbench-status]).ok:not(:empty) {
  border-color: #b9dfce;
  background: #f0faf5;
  color: #14724e;
}

.toolbox-body :where(.tb-status, [data-workbench-status]).error:not(:empty) {
  border-color: #f0c4c0;
  background: #fff5f4;
  color: #b23831;
}

/* T1 template generators: form first, one adopted template, examples last. */
.toolbox-body .tb-template-creator {
  width: min(980px, 100%);
  margin: 0 auto;
  overflow: clip;
  border: 1px solid #e2e5ec;
  border-radius: 8px;
  background: var(--tb-workbench-panel);
  box-shadow: var(--tb-workbench-shadow);
}

.toolbox-body .tb-template-creator > header {
  min-height: 84px;
  align-items: center;
  padding: 18px 22px;
  background: #fff;
}

.toolbox-body .tb-template-creator > header h3 {
  margin: 2px 0 0;
  color: var(--tb-workbench-ink);
  font-size: 20px;
  line-height: 1.35;
  letter-spacing: 0;
}

.toolbox-body .tb-template-creator > header p {
  margin-top: 4px;
  color: var(--tb-workbench-muted);
  font-size: 12px;
}

.toolbox-body .tb-template-creator > header > a,
.toolbox-body .tb-popular-templates > header > a {
  min-height: 44px;
  border-radius: 8px;
}

.toolbox-body .tb-template-creator-form {
  gap: 16px;
  padding: 18px 22px 22px;
}

.toolbox-body .tb-selected-template {
  min-height: 104px;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  gap: 14px;
  border: 1px solid #ded8f4;
  border-left: 3px solid var(--tb-workbench-accent);
  border-radius: 8px;
  background: #faf9ff;
  padding: 11px 12px;
  box-shadow: 0 5px 15px rgba(55, 43, 104, .05);
}

.toolbox-body .tb-selected-template > img {
  width: 64px;
  height: 80px;
  border: 1px solid #e3e4ea;
  border-radius: 6px;
  background: #f0f1f4;
  object-fit: cover;
}

.toolbox-body .tb-selected-template strong {
  margin-top: 2px;
  color: var(--tb-workbench-ink);
  font-size: 14px;
}

.toolbox-body .tb-selected-template p {
  margin-top: 4px;
  color: var(--tb-workbench-copy);
  font-size: 11px;
}

.toolbox-body .tb-selected-template-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.toolbox-body .tb-selected-template-actions :where(button, a) {
  min-height: 44px;
  border-radius: 7px;
  padding: 0 12px;
}

.toolbox-body .tb-template-mode-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 210px));
  gap: 8px;
}

.toolbox-body .tb-template-mode-row label {
  min-width: 0;
}

.toolbox-body .tb-template-mode-row label > span,
.toolbox-body .tb-template-fixed-mode {
  min-height: 44px;
  border-radius: 8px;
  padding: 0 13px;
}

.toolbox-body .tb-template-branch-fields {
  gap: 12px;
}

.toolbox-body .tb-template-branch-field {
  gap: 6px;
}

.toolbox-body .tb-template-branch-field textarea {
  min-height: 112px;
  padding: 11px 12px;
}

.toolbox-body .tb-template-creator-options {
  grid-template-columns: 168px minmax(0, 1fr);
  gap: 12px;
}

.toolbox-body .tb-template-creator-options textarea {
  min-height: 78px;
}

.toolbox-body .tb-template-creator .tb-studio-submit {
  position: sticky;
  bottom: 10px;
  z-index: 8;
  min-height: 68px;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 10px 16px;
  border: 1px solid #ded8f4;
  border-radius: 8px;
  background: rgba(255, 255, 255, .97);
  padding: 10px 12px;
  box-shadow: 0 10px 28px rgba(40, 33, 72, .11);
  backdrop-filter: blur(10px);
}

.toolbox-body .tb-template-creator .tb-studio-submit > .tb-status {
  grid-column: 1 / -1;
}

.toolbox-body .tb-template-creator .tb-studio-submit > .tb-status:empty {
  display: none;
}

.toolbox-body .tb-template-creator .tb-studio-submit .tb-btn.primary {
  min-width: 188px;
  min-height: 48px;
  border-color: var(--tb-workbench-coral);
  background: var(--tb-workbench-coral);
  box-shadow: 0 7px 18px rgba(228, 72, 62, .2);
}

.toolbox-body .tb-template-creator .tb-studio-submit .tb-btn.primary:is(:hover, :focus-visible) {
  border-color: var(--tb-workbench-coral-strong);
  background: var(--tb-workbench-coral-strong);
}

.toolbox-body .tb-popular-templates {
  padding: 22px;
  background: #f8f9fc;
}

.toolbox-body .tb-popular-templates > header {
  align-items: center;
  margin-bottom: 14px;
}

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

.toolbox-body .tb-popular-template-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 13px rgba(31, 38, 54, .05);
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.toolbox-body .tb-popular-template-card:is(:hover, :focus-within, :focus-visible) {
  border-color: #a99aee;
  box-shadow: 0 10px 24px rgba(52, 42, 101, .12);
  outline: none;
  transform: translateY(-2px);
}

.toolbox-body .tb-popular-template-card > img {
  width: 100%;
  aspect-ratio: 3 / 4;
  background: #eef0f4;
  object-fit: cover;
}

.toolbox-body .tb-popular-template-card > div {
  padding: 9px 10px 8px;
}

.toolbox-body .tb-popular-template-card > div strong {
  color: var(--tb-workbench-ink);
  font-size: 12px;
}

.toolbox-body .tb-popular-template-card footer {
  gap: 7px;
  padding: 0 9px 9px;
}

.toolbox-body .tb-popular-template-card footer button {
  min-height: 44px;
  border-radius: 7px;
}

/* Template library uses denser thumbnails and hides billing/internal metadata. */
.toolbox-body .tb-template-market-studio {
  width: min(1320px, 100%);
  margin-inline: auto;
  border-radius: 8px;
}

.toolbox-body .tb-template-market-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}

.toolbox-body .tb-template-market-card {
  border-radius: 8px;
  box-shadow: 0 4px 14px rgba(27, 34, 49, .055);
}

.toolbox-body .tb-template-market-thumb {
  aspect-ratio: 3 / 4;
  background: #eef0f4;
}

.toolbox-body .tb-template-market-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.toolbox-body .tb-template-market-copy {
  min-height: 74px;
  padding: 9px 10px 10px;
}

.toolbox-body .tb-template-market-copy > strong {
  font-size: 12px;
}

.toolbox-body .tb-template-market-copy > :where(em, small) {
  font-size: 10px;
  line-height: 1.45;
}

.toolbox-body .tb-template-market-copy > span:last-child,
.toolbox-body .tb-template-market-card :where(.tb-template-cost, .tb-template-audit, [data-template-cost], [data-template-audit]) {
  display: none !important;
}

.toolbox-body .tb-template-market-hover {
  border-radius: 7px;
}

.toolbox-body .tb-template-market-hover :where(button, a) {
  min-height: 44px;
  border-radius: 7px;
}

/* E1 product-note: compact upload column, stable fields and a clear submit bar. */
.toolbox-body .tb-product-note-page {
  width: min(1200px, 100%);
  margin-inline: auto;
  overflow: visible;
  border: 0;
  background: transparent;
  padding: 0;
}

.toolbox-body .tb-product-note-hero {
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--tb-workbench-shadow);
}

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

.toolbox-body .tb-product-note-form,
.toolbox-body .tb-product-note-side {
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--tb-workbench-shadow);
}

.toolbox-body .tb-product-note-modes span {
  min-height: 72px;
  border-radius: 8px;
}

.toolbox-body .tb-product-note-modes input:checked + span {
  border-color: var(--tb-workbench-accent);
  background: var(--tb-workbench-accent-soft);
  box-shadow: 0 0 0 2px rgba(116, 87, 232, .1);
}

.toolbox-body .tb-generation-context {
  border-radius: 8px;
  box-shadow: none;
}

.toolbox-body .tb-product-note-card {
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 12px;
}

.toolbox-body .tb-product-upload-panel {
  width: 100%;
  max-width: 260px;
  border-radius: 8px;
  background: #fffaf7;
  padding: 10px;
}

.toolbox-body .tb-product-upload-panel .tb-upload-drop {
  min-height: 168px;
  background: #fff;
}

.toolbox-body .tb-product-fields {
  min-width: 0;
  gap: 9px;
}

.toolbox-body .tb-product-fields .tb-field > span {
  color: #3f4757;
  font-size: 12px;
  font-weight: 750;
}

.toolbox-body .tb-product-fields .tb-field.full:first-child textarea {
  min-height: 136px;
}

.toolbox-body .tb-product-fields textarea:not([rows="6"]) {
  min-height: 66px;
}

.toolbox-body .tb-product-submit {
  position: sticky;
  bottom: 10px;
  z-index: 8;
  min-height: 70px;
  border: 1px solid #dde2ea;
  border-radius: 8px;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 10px 28px rgba(34, 39, 54, .1);
  backdrop-filter: blur(10px);
}

.toolbox-body .tb-product-submit .tb-btn {
  min-height: 48px;
  border-radius: 8px;
}

@media (hover: hover) and (pointer: fine) {
  .toolbox-body .tb-popular-template-card footer {
    position: absolute;
    right: 8px;
    bottom: 58px;
    left: 8px;
    z-index: 2;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    transform: translateY(6px);
    transition: opacity .16s ease, transform .16s ease;
  }

  .toolbox-body .tb-popular-template-card:is(:hover, :focus-within, :focus-visible) footer {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
}

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

  .toolbox-body .tb-product-note-layout {
    grid-template-columns: minmax(0, 1fr);
  }

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

@media (max-width: 760px) {
  .toolbox-body .tb-template-market-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  .toolbox-body .tb-popular-templates > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .toolbox-body .tb-template-creator {
    border-right: 0;
    border-left: 0;
  }

  .toolbox-body .tb-template-creator > header,
  .toolbox-body .tb-template-creator-form,
  .toolbox-body .tb-popular-templates {
    padding-right: 12px;
    padding-left: 12px;
  }

  .toolbox-body .tb-template-creator > header {
    min-height: 0;
    align-items: stretch;
    flex-direction: column;
    gap: 10px;
  }

  .toolbox-body .tb-template-creator > header > a,
  .toolbox-body .tb-popular-templates > header > a {
    align-self: flex-start;
  }

  .toolbox-body .tb-selected-template {
    grid-template-columns: 60px minmax(0, 1fr);
    gap: 10px;
  }

  .toolbox-body .tb-selected-template > img {
    width: 60px;
    height: 76px;
  }

  .toolbox-body .tb-selected-template-actions {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .toolbox-body .tb-selected-template-actions :where(button, a) {
    width: 100%;
    padding: 0 7px;
  }

  .toolbox-body .tb-template-mode-row,
  .toolbox-body .tb-template-branch-fields,
  .toolbox-body .tb-template-creator-options {
    grid-template-columns: minmax(0, 1fr);
  }

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

  .toolbox-body .tb-template-mode-row label > span {
    min-height: 54px;
  }

  .toolbox-body .tb-template-creator .tb-studio-submit {
    bottom: calc(8px + env(safe-area-inset-bottom));
    grid-template-columns: minmax(0, 1fr);
  }

  .toolbox-body .tb-template-creator .tb-studio-submit .tb-btn.primary {
    width: 100%;
    min-width: 0;
  }

  .toolbox-body .tb-popular-templates > header {
    align-items: flex-start;
  }

  .toolbox-body .tb-popular-templates > div,
  .toolbox-body .tb-template-market-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    overflow: visible;
  }

  .toolbox-body .tb-popular-template-card {
    min-width: 0;
  }

  .toolbox-body .tb-popular-template-card footer {
    grid-template-columns: minmax(0, 1fr);
  }

  .toolbox-body .tb-popular-template-card footer button {
    width: 100%;
    padding: 0 5px;
  }

  .toolbox-body .tb-product-note-page {
    padding: 0;
  }

  .toolbox-body .tb-product-note-layout,
  .toolbox-body .tb-product-note-card,
  .toolbox-body .tb-product-fields,
  .toolbox-body .tb-product-submit,
  .toolbox-body .tb-product-note-side {
    grid-template-columns: minmax(0, 1fr);
  }

  .toolbox-body .tb-product-upload-panel {
    max-width: none;
  }

  .toolbox-body .tb-product-submit {
    bottom: calc(8px + env(safe-area-inset-bottom));
  }

  .toolbox-body .tb-product-submit :where(label, select, .tb-btn) {
    width: 100%;
  }

  .toolbox-body .tb-status:not(:empty) {
    width: 100%;
  }
}

@media (max-width: 390px) {
  .toolbox-body .tb-template-creator > header h3 {
    font-size: 19px;
  }

  .toolbox-body .tb-template-mode-row label > span {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
  }

  .toolbox-body .tb-popular-template-card > div {
    padding: 8px;
  }

  .toolbox-body .tb-popular-template-card > div strong,
  .toolbox-body .tb-template-market-copy > strong {
    font-size: 11px;
  }
}

/* Visual verification follow-up: remove empty-result gaps and mobile overlap. */
.toolbox-body .tb-template-creator > .tb-tool-result:empty {
  display: none;
  min-height: 0;
  margin: 0;
  padding: 0;
}

.toolbox-body .tb-template-mode-row label,
.toolbox-body .tb-template-mode-row label > span {
  width: 100%;
  min-width: 0;
}

@media (max-width: 680px) {
  .toolbox-body .tb-template-creator .tb-studio-submit,
  .toolbox-body .tb-product-submit {
    position: static;
  }

  .toolbox-body .tb-template-mode-row label > span {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}

/* Template card interaction layer: keep selection and actions independently clickable. */
.toolbox-body .tb-template-market-card > label,
.toolbox-body .tb-template-market-choice {
  position: relative !important;
  z-index: 1 !important;
}

.toolbox-body .tb-template-market-hover {
  position: absolute !important;
  z-index: 4 !important;
  inset: 0 0 auto !important;
  aspect-ratio: 3 / 4 !important;
  pointer-events: none !important;
}

.toolbox-body .tb-template-market-hover :where(button, a) {
  position: relative !important;
  z-index: 1 !important;
  min-height: 44px !important;
  pointer-events: auto !important;
}

.toolbox-body .tb-template-market-hover :where(i, span),
.toolbox-body .tb-template-market-thumb.has-image img {
  pointer-events: none !important;
}

@media (hover: none) {
  .toolbox-body .tb-template-market-hover {
    position: static !important;
    z-index: auto !important;
    inset: auto !important;
    aspect-ratio: auto !important;
    opacity: 1 !important;
    pointer-events: none !important;
  }

  .toolbox-body .tb-template-market-hover :where(button, a) {
    position: relative !important;
    z-index: 1 !important;
    flex: 1 1 0 !important;
    min-height: 44px !important;
    pointer-events: auto !important;
  }
}

@media (hover: hover) and (pointer: fine) {
  .toolbox-body .tb-template-market-hover {
    position: absolute !important;
    z-index: 4 !important;
    inset: 0 0 auto !important;
    aspect-ratio: 3 / 4 !important;
    pointer-events: none !important;
  }

  .toolbox-body .tb-template-market-hover :where(button, a) {
    position: relative !important;
    z-index: 1 !important;
    pointer-events: auto !important;
  }
}

.toolbox-body .tb-video-output-settings {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 10px !important;
  border: 1px solid #e6e1ec !important;
  border-radius: 8px !important;
  background: #fbfafe !important;
  padding: 12px !important;
}

.toolbox-body .tb-video-output-settings label {
  display: grid !important;
  gap: 6px !important;
  color: #4e4655 !important;
  font-size: 13px !important;
}

.toolbox-body .tb-video-output-settings select {
  width: 100% !important;
  min-height: 42px !important;
  border: 1px solid #ddd7e5 !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: #2f2934 !important;
  padding: 0 34px 0 11px !important;
}

.toolbox-body .tb-video-output-settings output,
.toolbox-body .tb-video-left .tb-form-actions > output {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #d9cef2 !important;
  border-radius: 7px !important;
  background: #f5f0ff !important;
  color: #6544bb !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

@media (max-width: 720px) {
  .toolbox-body .tb-video-output-settings {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-video-output-settings output {
    width: 100% !important;
    white-space: normal !important;
  }
}

/* 20260717 final visual and responsive QA layer (keep this block last). */
.toolbox-body .tb-main.tb-main-tool {
  --tb-qa-accent: #7657d9;
  --tb-qa-accent-soft: #f7f3ff;
  --tb-qa-border: #e5e7ed;
  --tb-qa-text: #2d3340;
  --tb-qa-muted: #747b88;
  font-size: 14px !important;
}

.toolbox-body .tb-main.tb-main-tool :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  select,
  textarea,
  button,
  .tb-btn
) {
  font-size: 14px !important;
  letter-spacing: 0 !important;
}

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

.toolbox-body .tb-main.tb-main-tool textarea {
  line-height: 1.65 !important;
}

.toolbox-body .tb-main.tb-main-tool :where(
  .tb-help-dot,
  [aria-label="关闭"],
  [aria-label*="关闭模板"],
  [data-context-editor-close-icon]
) {
  min-width: 28px !important;
  min-height: 28px !important;
}

.toolbox-body .tb-main.tb-main-tool :where(
  .tb-reference-creator-card,
  .tb-ecommerce-pro-layout > form,
  .tb-ecommerce-pro-layout > aside,
  .tb-ai-video-layout > form,
  .tb-ai-video-layout > aside,
  .tb-video-workbench .tb-video-left,
  .tb-video-workbench .tb-video-right,
  .tb-wear-form,
  .tb-wear-demo,
  .tb-logo-gallery,
  .tb-post-selection-toolbar
) {
  border: 1px solid var(--tb-qa-border) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(39, 44, 58, .06) !important;
}

.toolbox-body .tb-main.tb-main-tool :where(
  .tb-product-note-modes,
  .tb-ai-video-tabs,
  .tb-logo-tabs,
  .tb-video-size-options,
  .tb-resolution-segments
) :where(input:checked + span, button.active, button[aria-pressed="true"]) {
  border-color: #bda8eb !important;
  background: var(--tb-qa-accent-soft) !important;
  color: #6947c4 !important;
  box-shadow: 0 4px 12px rgba(104, 72, 190, .12) !important;
}

/* Product-note upload and prompt controls stay readable at narrow widths. */
.toolbox-body .tb-product-note-reference .tb-reference-main-input {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
}

.toolbox-body .tb-product-note-reference .tb-reference-main-input textarea {
  grid-column: 1 / -1 !important;
  padding: 16px 16px 18px !important;
}

.toolbox-body .tb-product-note-reference .tb-reference-main-input > span {
  position: static !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  justify-self: start !important;
  padding: 7px 12px !important;
  color: #9298a3 !important;
  font-size: 12px !important;
}

.toolbox-body .tb-product-note-reference .tb-reference-main-input > button {
  position: static !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  min-width: 64px !important;
  margin: 6px !important;
  border: 1px solid #e2e4ea !important;
  background: #f7f8fa !important;
  color: #505765 !important;
}

.toolbox-body .tb-product-note-reference .tb-product-upload-inline .tb-upload-drop {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 34px max-content minmax(0, 1fr) !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 10px !important;
}

.toolbox-body .tb-product-note-reference .tb-product-upload-inline .tb-upload-drop > input {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  cursor: pointer !important;
}

.toolbox-body .tb-product-note-reference .tb-product-upload-inline .tb-upload-drop > b {
  width: auto !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}

.toolbox-body .tb-product-note-reference .tb-product-upload-inline .tb-upload-drop > em {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

/* Persona and assigned-copy reference pages use their own restrained themes. */
.toolbox-body .tb-persona-reference {
  --tb-reference-theme: #249a70;
  --tb-reference-theme-soft: #eef9f4;
  --tb-reference-theme-border: #9ed9c4;
}

.toolbox-body .tb-assigned-reference {
  --tb-reference-theme: #168f87;
  --tb-reference-theme-soft: #edf9f8;
  --tb-reference-theme-border: #98d5d0;
}

.toolbox-body :where(.tb-persona-reference, .tb-assigned-reference) .tb-reference-pagehead h3 span {
  color: var(--tb-reference-theme) !important;
}

.toolbox-body :where(.tb-persona-reference, .tb-assigned-reference) .tb-reference-creator-card {
  border-color: var(--tb-reference-theme-border) !important;
  box-shadow: 0 14px 34px color-mix(in srgb, var(--tb-reference-theme) 12%, transparent) !important;
}

.toolbox-body :where(.tb-persona-reference, .tb-assigned-reference) .tb-product-note-modes input:checked + span {
  border-color: var(--tb-reference-theme) !important;
  background: var(--tb-reference-theme) !important;
  color: #fff !important;
  box-shadow: 0 7px 18px color-mix(in srgb, var(--tb-reference-theme) 22%, transparent) !important;
}

.toolbox-body :where(.tb-persona-reference, .tb-assigned-reference) :where(.tb-btn.primary, .tb-product-submit .tb-btn.primary) {
  border-color: var(--tb-reference-theme) !important;
  background: var(--tb-reference-theme) !important;
  color: #fff !important;
  box-shadow: 0 7px 18px color-mix(in srgb, var(--tb-reference-theme) 20%, transparent) !important;
}

.toolbox-body :where(.tb-persona-reference, .tb-assigned-reference) :where(input, select, textarea):focus {
  border-color: var(--tb-reference-theme-border) !important;
  box-shadow: 0 0 0 3px var(--tb-reference-theme-soft) !important;
  outline: 0 !important;
}

.toolbox-body .tb-reference-media-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.toolbox-body .tb-reference-media-row > :where(.tb-upload-drop, .tb-field) {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 120px !important;
  max-height: 130px !important;
  margin: 0 !important;
  border: 1px dashed var(--tb-reference-theme-border, #d9dce4) !important;
  border-radius: 8px !important;
  background: var(--tb-reference-theme-soft, #fafbfc) !important;
  padding: 12px !important;
  overflow: hidden !important;
}

.toolbox-body .tb-reference-media-row > .tb-upload-drop {
  grid-template-columns: 38px minmax(0, 1fr) !important;
  grid-auto-rows: auto !important;
  align-content: center !important;
  justify-items: start !important;
  gap: 3px 10px !important;
  text-align: left !important;
}

.toolbox-body .tb-reference-media-row > .tb-upload-drop .tb-upload-mark {
  grid-row: 1 / 3 !important;
}

.toolbox-body .tb-reference-media-row > .tb-upload-drop :where(b, em) {
  grid-column: 2 !important;
  min-width: 0 !important;
}

.toolbox-body .tb-reference-media-row > .tb-upload-drop em {
  overflow-wrap: anywhere !important;
}

.toolbox-body .tb-reference-media-row > .tb-field {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 6px !important;
}

.toolbox-body .tb-reference-media-row > .tb-field textarea {
  min-height: 0 !important;
  height: 78px !important;
  resize: none !important;
}

/* Resolution must be the last choice before task submission. */
.toolbox-body .tb-ecommerce-pro-layout > form,
.toolbox-body .tb-ai-video-layout > form {
  display: flex !important;
  flex-direction: column !important;
}

.toolbox-body .tb-ecommerce-pro-layout > form > .tb-image-resolution-control,
.toolbox-body .tb-ai-video-layout > form > .tb-image-resolution-control {
  order: 80 !important;
}

.toolbox-body .tb-ecommerce-pro-layout > form > button[type="submit"],
.toolbox-body .tb-ai-video-layout > form > button[type="submit"] {
  order: 90 !important;
}

.toolbox-body .tb-ecommerce-pro-layout > form > .tb-status,
.toolbox-body .tb-ai-video-layout > form > .tb-status {
  order: 100 !important;
}

/* Model-wear modes are peer options, not a tall two-column checklist. */
.toolbox-body .tb-wear-tabs {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(150px, 1fr) !important;
  grid-template-columns: none !important;
  align-items: stretch !important;
  overflow-x: auto !important;
  overscroll-behavior-inline: contain !important;
  scroll-snap-type: inline proximity !important;
  scrollbar-width: thin !important;
}

.toolbox-body .tb-wear-tabs > :where(label, a) {
  scroll-snap-align: start !important;
}

.toolbox-body .tb-wear-form .tb-form-actions.sticky-bottom {
  position: static !important;
  bottom: auto !important;
  min-height: 0 !important;
  margin: 12px 0 0 !important;
  padding: 12px !important;
  border: 1px solid #e4e7ed !important;
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: none !important;
}

/* Empty result canvases communicate state without occupying half a phone screen. */
.toolbox-body .tb-ai-video-classic .tb-ai-video-layout > aside,
.toolbox-body .tb-ecommerce-pro-layout > aside {
  min-height: 0 !important;
}

.toolbox-body .tb-ai-video-classic .tb-ai-video-empty,
.toolbox-body .tb-ecommerce-pro-layout .tb-ecom-pro-result {
  min-height: 190px !important;
  height: auto !important;
  flex: 0 0 auto !important;
  padding: 24px 16px !important;
}

/* Logo categories expose horizontal overflow through snapping and an edge fade. */
.toolbox-body .tb-logo-tabs {
  scroll-snap-type: inline proximity !important;
  overscroll-behavior-inline: contain !important;
  scrollbar-width: thin !important;
  -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 34px), transparent 100%) !important;
  mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 34px), transparent 100%) !important;
}

.toolbox-body .tb-logo-tabs > button {
  scroll-snap-align: start !important;
}

@media (max-width: 720px) {
  .toolbox-body .tb-main.tb-main-tool {
    font-size: 14px !important;
  }

  .toolbox-body .tb-product-note-reference .tb-product-note-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    border: 1px solid var(--tb-reference-theme-border, var(--tb-qa-border)) !important;
    border-radius: 10px !important;
    background: #fff !important;
    padding: 11px !important;
    box-shadow: 0 8px 24px rgba(39, 44, 58, .06) !important;
  }

  .toolbox-body .tb-product-note-reference .tb-product-note-form > .tb-reference-creator-card {
    display: contents !important;
  }

  .toolbox-body .tb-product-note-reference .tb-product-note-modes {
    order: 0 !important;
  }

  .toolbox-body .tb-product-note-reference .tb-generation-context {
    order: 10 !important;
  }

  .toolbox-body .tb-product-note-reference .tb-reference-notice {
    order: 20 !important;
    margin: 0 !important;
  }

  .toolbox-body .tb-product-note-reference :where(.tb-reference-title-input, .tb-reference-main-input) {
    order: 30 !important;
  }

  .toolbox-body .tb-product-note-reference :where(.tb-product-upload-inline, .tb-reference-media-row) {
    order: 40 !important;
  }

  .toolbox-body .tb-product-note-reference .tb-reference-advanced {
    order: 50 !important;
    margin: 0 !important;
  }

  .toolbox-body .tb-product-note-reference .tb-image-resolution-control {
    order: 60 !important;
    margin: 0 !important;
  }

  .toolbox-body .tb-product-note-reference .tb-product-submit {
    order: 70 !important;
    margin: 0 !important;
  }

  .toolbox-body .tb-reference-media-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-reference-media-row > :where(.tb-upload-drop, .tb-field) {
    min-height: 112px !important;
    max-height: 124px !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-aicopy-modes,
  .toolbox-body .tb-main.tb-main-tool .tb-replicate-mode-shell .tb-aicopy-modes {
    align-items: stretch !important;
    padding-inline: 0 !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-aicopy-modes > :where(button, a),
  .toolbox-body .tb-main.tb-main-tool .tb-replicate-mode-tab,
  .toolbox-body .tb-main.tb-main-tool #replicateModeSearch {
    width: 100% !important;
    min-height: 44px !important;
    align-self: stretch !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    text-align: left !important;
  }

  .toolbox-body .tb-wear-page {
    padding: 12px !important;
  }

  .toolbox-body .tb-wear-tabs {
    grid-auto-columns: minmax(142px, 44vw) !important;
    min-height: 0 !important;
    margin-bottom: 10px !important;
    padding: 5px !important;
  }

  .toolbox-body .tb-wear-tabs > label {
    min-height: 62px !important;
  }

  .toolbox-body .tb-wear-tabs > a {
    min-width: 88px !important;
    min-height: 62px !important;
    justify-content: center !important;
  }

  .toolbox-body .tb-wear-form .tb-form-actions.sticky-bottom {
    display: grid !important;
    gap: 7px !important;
  }

  .toolbox-body .tb-wear-form .tb-form-actions.sticky-bottom :where(.tb-btn, .tb-status) {
    width: 100% !important;
    min-width: 0 !important;
  }

  .toolbox-body .tb-video-workbench .tb-video-result-panel {
    min-height: 0 !important;
  }

  .toolbox-body .tb-video-workbench .tb-video-result-body {
    min-height: 0 !important;
  }

  .toolbox-body .tb-video-workbench .tb-video-steps {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
    margin-top: 12px !important;
  }

  .toolbox-body .tb-video-workbench .tb-video-steps article {
    min-height: 60px !important;
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-content: center !important;
    gap: 2px 8px !important;
    padding: 8px 10px !important;
  }

  .toolbox-body .tb-video-workbench .tb-video-steps article > b {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
  }

  .toolbox-body .tb-video-workbench .tb-video-steps article > :where(strong, span) {
    grid-column: 2 !important;
    min-width: 0 !important;
  }

  .toolbox-body .tb-video-workbench .tb-video-steps article > strong {
    font-size: 13px !important;
  }

  .toolbox-body .tb-video-workbench .tb-video-steps article > span {
    font-size: 12px !important;
  }

  .toolbox-body .tb-ai-video-classic .tb-ai-video-empty,
  .toolbox-body .tb-ecommerce-pro-layout .tb-ecom-pro-result {
    min-height: 170px !important;
    padding: 20px 14px !important;
  }

  .toolbox-body .tb-logo-tabs {
    width: 100% !important;
    max-width: 100% !important;
  }

  .toolbox-body .tb-post-library > .tb-post-selection-toolbar {
    grid-template-columns: 64px 88px minmax(50px, 1fr) 88px !important;
    gap: 5px !important;
    min-height: 58px !important;
    padding: 7px !important;
  }

  .toolbox-body .tb-post-selection-toolbar > :where(button, label, span, form),
  .toolbox-body .tb-post-selection-toolbar > form[data-post-batch-delete] > button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding-inline: 5px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  .toolbox-body .tb-post-selection-toolbar > [data-post-selection-count] {
    justify-content: center !important;
  }

  .toolbox-body .tb-post-selection-toolbar > form[data-post-batch-delete] {
    display: block !important;
  }
}

@media (max-width: 360px) {
  .toolbox-body .tb-post-library > .tb-post-selection-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* 20260717 reference-style viral copy workspace. */
.toolbox-body .tb-viral-reference {
  width: min(1180px, 100%) !important;
  margin-inline: auto !important;
  color: var(--tb-qa-text) !important;
}

.toolbox-body .tb-viral-reference-head {
  min-height: 112px !important;
  display: grid !important;
  place-content: center !important;
  justify-items: center !important;
  gap: 7px !important;
  margin-bottom: 10px !important;
  border: 1px solid #eadcf4 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #fff2f7 0%, #f7f1ff 100%) !important;
  padding: 18px !important;
  text-align: center !important;
  box-shadow: 0 10px 28px rgba(105, 70, 151, .07) !important;
}

.toolbox-body .tb-viral-reference-head h3 {
  margin: 0 !important;
  color: #352c45 !important;
  font-size: 28px !important;
  line-height: 1.25 !important;
}

.toolbox-body .tb-viral-reference-head h3 i {
  color: #ec5a9c !important;
}

.toolbox-body .tb-viral-reference-head p {
  margin: 0 !important;
  color: #766e82 !important;
  font-size: 14px !important;
}

.toolbox-body .tb-viral-reference > .tb-reference-notice {
  margin-bottom: 10px !important;
}

.toolbox-body .tb-viral-reference > .tb-benchmark-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin-bottom: 10px !important;
  border: 1px solid #e6e2eb !important;
  border-radius: 10px !important;
  background: #fff !important;
  padding: 5px !important;
  box-shadow: 0 6px 18px rgba(39, 44, 58, .045) !important;
}

.toolbox-body .tb-viral-reference > .tb-benchmark-tabs button {
  min-width: 0 !important;
  border: 1px solid transparent !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: #68616f !important;
}

.toolbox-body .tb-viral-reference > .tb-benchmark-tabs button.active {
  border-color: #d8bee9 !important;
  background: #faf1ff !important;
  color: #8b43b1 !important;
  box-shadow: 0 4px 12px rgba(139, 67, 177, .11) !important;
}

.toolbox-body .tb-viral-reference-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(340px, .9fr) !important;
  align-items: start !important;
  gap: 12px !important;
}

.toolbox-body .tb-viral-reference-form,
.toolbox-body .tb-viral-reference-result {
  min-width: 0 !important;
  border: 1px solid var(--tb-qa-border) !important;
  border-radius: 10px !important;
  background: #fff !important;
  padding: 14px !important;
  box-shadow: 0 8px 24px rgba(39, 44, 58, .06) !important;
}

.toolbox-body .tb-viral-reference-form {
  display: grid !important;
  gap: 11px !important;
}

.toolbox-body .tb-viral-title-input,
.toolbox-body .tb-viral-reference-form > .tb-field {
  display: grid !important;
  gap: 7px !important;
}

.toolbox-body .tb-viral-title-input > span,
.toolbox-body .tb-viral-reference-form > .tb-field > span,
.toolbox-body :where(.tb-viral-types, .tb-viral-rules, .tb-viral-ideas) > strong {
  color: #37323f !important;
  font-size: 14px !important;
  font-weight: 750 !important;
}

.toolbox-body .tb-viral-title-input > div {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 7px !important;
}

.toolbox-body .tb-viral-title-input input {
  min-width: 0 !important;
  border-color: #e1dce6 !important;
  border-radius: 8px !important;
  padding: 0 74px 0 12px !important;
}

.toolbox-body .tb-viral-title-input small {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  margin-right: 10px !important;
  color: #9a92a2 !important;
  font-size: 11px !important;
  pointer-events: none !important;
}

.toolbox-body .tb-viral-title-input button {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 64px !important;
  border: 1px solid #e2dce8 !important;
  border-radius: 8px !important;
  background: #faf8fb !important;
  color: #625a68 !important;
}

.toolbox-body :where(.tb-viral-types, .tb-viral-rules, .tb-viral-ideas) {
  display: grid !important;
  gap: 7px !important;
  border: 1px solid #eeeaf1 !important;
  border-radius: 9px !important;
  background: #fcfbfd !important;
  padding: 10px !important;
}

.toolbox-body .tb-viral-types > div {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

.toolbox-body :where(.tb-viral-types, .tb-viral-rules) label {
  position: relative !important;
  min-width: 0 !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  border: 1px solid #e4e0e7 !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: #605967 !important;
  padding: 6px 8px !important;
  cursor: pointer !important;
}

.toolbox-body .tb-viral-types label > input {
  position: absolute !important;
  opacity: 0 !important;
}

.toolbox-body .tb-viral-types label:has(input:checked) {
  border-color: #d1b3e5 !important;
  background: #faf1ff !important;
  color: #8743ad !important;
}

.toolbox-body .tb-viral-rules > div {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

.toolbox-body .tb-viral-rules input {
  width: 16px !important;
  height: 16px !important;
  accent-color: #9b55bd !important;
}

.toolbox-body .tb-viral-ideas > div {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

.toolbox-body .tb-viral-ideas button {
  min-width: 0 !important;
  min-height: 48px !important;
  border: 1px solid #e7e2e9 !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: #59515f !important;
  padding: 7px 9px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  text-align: left !important;
  overflow-wrap: anywhere !important;
}

.toolbox-body .tb-viral-ideas button:is(:hover, :focus-visible) {
  border-color: #d7bde6 !important;
  background: #fcf7ff !important;
  color: #7d3ea0 !important;
}

.toolbox-body .tb-viral-compact-settings {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.toolbox-body .tb-viral-compact-settings label {
  min-width: 0 !important;
  display: grid !important;
  gap: 5px !important;
  color: #595260 !important;
  font-size: 13px !important;
}

.toolbox-body .tb-viral-compact-settings select {
  width: 100% !important;
  min-width: 0 !important;
}

.toolbox-body .tb-viral-reference-form > .tb-upload-drop-compact {
  min-height: 112px !important;
  border-color: #dfd8e4 !important;
  background: #fcfafc !important;
}

.toolbox-body .tb-viral-reference-form .tb-studio-submit {
  position: static !important;
  margin: 0 !important;
  border-color: #e6dce9 !important;
  background: #fff !important;
}

.toolbox-body .tb-viral-reference-form .tb-studio-submit .tb-btn.primary {
  border-color: #a94fc0 !important;
  background: #a94fc0 !important;
  color: #fff !important;
  box-shadow: 0 7px 18px rgba(148, 62, 171, .2) !important;
}

.toolbox-body .tb-viral-reference-result {
  position: sticky !important;
  top: 14px !important;
  overflow: hidden !important;
}

.toolbox-body .tb-viral-reference-result > header {
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin: -14px -14px 14px !important;
  border-bottom: 1px solid #ebe7ee !important;
  background: #fdfbfe !important;
  padding: 0 14px !important;
}

.toolbox-body .tb-viral-reference-result > header > div {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.toolbox-body .tb-viral-reference-result > header :where(a, button) {
  min-height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid #e2dce6 !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: #655b6a !important;
  padding: 0 9px !important;
  font-size: 12px !important;
  text-decoration: none !important;
}

.toolbox-body .tb-viral-reference-result .tb-tool-result {
  min-height: 360px !important;
}

.toolbox-body .tb-viral-reference-result .tb-empty {
  min-height: 330px !important;
  display: grid !important;
  place-content: center !important;
  justify-items: center !important;
  gap: 7px !important;
  border: 1px dashed #ded8e2 !important;
  border-radius: 8px !important;
  background: #fcfbfd !important;
  padding: 20px !important;
  color: #817887 !important;
  text-align: center !important;
}

.toolbox-body .tb-ecommerce-pro-layout .tb-ecom-pro-placeholder {
  min-height: 150px !important;
}

@media (max-width: 980px) {
  .toolbox-body .tb-viral-reference-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-viral-reference-result {
    position: static !important;
  }
}

@media (max-width: 720px) {
  .toolbox-body .tb-viral-reference-head {
    min-height: 92px !important;
    padding: 14px 12px !important;
  }

  .toolbox-body .tb-viral-reference-head h3 {
    font-size: 22px !important;
  }

  .toolbox-body .tb-viral-reference > .tb-benchmark-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .toolbox-body .tb-viral-reference > .tb-benchmark-tabs button {
    min-height: 52px !important;
    padding: 5px !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
  }

  .toolbox-body .tb-viral-reference-layout {
    display: flex !important;
    flex-direction: column !important;
  }

  .toolbox-body .tb-viral-reference-form,
  .toolbox-body .tb-viral-reference-result {
    width: 100% !important;
    padding: 11px !important;
  }

  .toolbox-body .tb-viral-reference-form {
    order: 1 !important;
  }

  .toolbox-body .tb-viral-reference-result {
    order: 2 !important;
  }

  .toolbox-body .tb-viral-types > div,
  .toolbox-body .tb-viral-rules > div,
  .toolbox-body .tb-viral-ideas > div {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .toolbox-body .tb-viral-compact-settings {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-viral-reference-result > header {
    min-height: 0 !important;
    align-items: stretch !important;
    flex-direction: column !important;
    margin: -11px -11px 11px !important;
    padding: 10px 11px !important;
  }

  .toolbox-body .tb-viral-reference-result > header > div {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .toolbox-body .tb-viral-reference-result > header :where(a, button) {
    min-width: 0 !important;
    min-height: 44px !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .toolbox-body .tb-viral-reference-result .tb-tool-result {
    min-height: 190px !important;
  }

  .toolbox-body .tb-viral-reference-result .tb-empty {
    min-height: 170px !important;
  }

  .toolbox-body .tb-ecommerce-pro-layout .tb-ecom-pro-placeholder {
    min-height: 120px !important;
  }
}

/* Explicit page roots beat legacy red product-note CTA rules. */
.toolbox-body .tb-persona-reference .tb-product-submit .tb-btn.primary {
  border-color: #249a70 !important;
  background: #249a70 !important;
  color: #fff !important;
  box-shadow: 0 7px 18px rgba(36, 154, 112, .2) !important;
}

.toolbox-body .tb-assigned-reference .tb-product-submit .tb-btn.primary {
  border-color: #168f87 !important;
  background: #168f87 !important;
  color: #fff !important;
  box-shadow: 0 7px 18px rgba(22, 143, 135, .2) !important;
}

.toolbox-body .tb-reference-media-row > .tb-media-source-panel {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

@media (min-width: 721px) {
  .toolbox-body .tb-reference-media-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: 120px auto !important;
    align-items: start !important;
  }

  .toolbox-body .tb-persona-reference .tb-reference-media-row > :nth-child(1),
  .toolbox-body .tb-assigned-reference .tb-reference-media-row > :nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  .toolbox-body .tb-persona-reference .tb-reference-media-row > :nth-child(2),
  .toolbox-body .tb-assigned-reference .tb-reference-media-row > :nth-child(2) {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  .toolbox-body .tb-persona-reference .tb-reference-media-row > :nth-child(3),
  .toolbox-body .tb-assigned-reference .tb-reference-media-row > :nth-child(3) {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .toolbox-body .tb-persona-reference .tb-reference-media-row > :nth-child(4) {
    grid-column: 2 !important;
    grid-row: 2 !important;
  }
}

@media (max-width: 720px) {
  .toolbox-body :where(.tb-persona-reference, .tb-assigned-reference) .tb-reference-media-row > * {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .toolbox-body .tb-video-workbench .tb-video-preview {
    min-height: 260px !important;
  }
}

/* Reference workbench finishing layer. */
.toolbox-body .tb-reference-title-input {
  position: relative !important;
  display: block !important;
  min-width: 0 !important;
}

.toolbox-body .tb-reference-title-input > input {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 0 78px 0 12px !important;
}

.toolbox-body .tb-reference-title-input > button {
  position: absolute !important;
  top: 5px !important;
  right: 6px !important;
  width: 62px !important;
  min-width: 62px !important;
  min-height: 34px !important;
  border: 1px solid #d9dde6 !important;
  border-radius: 7px !important;
  background: #f7f8fa !important;
  color: #5d6573 !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  box-shadow: none !important;
}

.toolbox-body .tb-reference-title-input > button:is(:hover, :focus-visible) {
  border-color: #b9a7e8 !important;
  background: #f7f3ff !important;
  color: #6747c5 !important;
}

.toolbox-body :where(.tb-persona-reference, .tb-assigned-reference) .tb-reference-creator-card > .tb-generation-context {
  margin-top: 12px !important;
}

.toolbox-body :where(.tb-persona-reference, .tb-assigned-reference) .tb-reference-creator-card > .tb-generation-context + .tb-product-submit {
  margin-top: 10px !important;
}

/* 20260718 UI parity polish: one workbench rhythm across all customer tools. */
.toolbox-body .tb-main.tb-main-tool,
.toolbox-body .tb-main.tb-main-tool :where(.tb-tool-workbench-full, .tb-special-tool-panel, .tb-specific-form, .tb-tool-result) {
  min-width: 0 !important;
}

.toolbox-body .tb-main.tb-main-tool :where(
  .tb-reference-creator-card,
  .tb-template-creator-form,
  .tb-ecommerce-pro-layout > form,
  .tb-ecommerce-pro-layout > aside,
  .tb-ai-video-layout > form,
  .tb-ai-video-layout > aside,
  .tb-video-workbench .tb-video-left,
  .tb-video-workbench .tb-video-right,
  .tb-viral-reference-form,
  .tb-viral-reference-result,
  .tb-post-selection-toolbar
) {
  border-radius: 8px !important;
}

.toolbox-body .tb-main.tb-main-tool :where(
  .tb-specific-form > label,
  .tb-specific-form .tb-field,
  .tb-template-branch-field,
  .tb-product-main-fields > label,
  .tb-shop-fields > label
) {
  min-width: 0 !important;
}

.toolbox-body .tb-main.tb-main-tool :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  select,
  textarea
) {
  max-width: 100% !important;
  border-radius: 8px !important;
  border-color: #dfe3ea !important;
  background: #fff !important;
  color: #303642 !important;
}

.toolbox-body .tb-main.tb-main-tool :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  select,
  textarea
):focus {
  border-color: #a98ae8 !important;
  box-shadow: 0 0 0 3px rgba(169, 138, 232, .16) !important;
  outline: 0 !important;
}

.toolbox-body .tb-main.tb-main-tool :where(
  .tb-btn,
  button,
  a.tb-btn,
  .tb-upload-actions > button,
  .tb-media-source-actions > button
) {
  border-radius: 8px !important;
  transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.toolbox-body .tb-main.tb-main-tool :where(
  .tb-btn.primary,
  button.primary,
  button[type="submit"]
):not(:disabled):is(:hover, :focus-visible) {
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 18px rgba(91, 72, 166, .16) !important;
}

/* The reference product keeps all four entry modes on one desktop row. */
.toolbox-body .tb-main.tb-main-tool .tb-replicate-mode-shell .tb-aicopy-modes {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-mode-shell .tb-aicopy-modes > :where(button, a) {
  min-width: 0 !important;
  width: 100% !important;
  justify-content: flex-start !important;
  padding: 0 8px !important;
  white-space: normal !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-mode-shell .tb-aicopy-modes > :where(button, a) :where(b, span) {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-parsed-grid {
  grid-template-columns: minmax(300px, 360px) minmax(0, 1fr) !important;
  align-items: start !important;
}

.toolbox-body .tb-main.tb-main-tool :where(.tb-upload-drop, .tb-upload-box, .tb-ecom-pro-upload) {
  min-width: 0 !important;
  border-radius: 8px !important;
  border-color: #cfd8ec !important;
  background: #fbfcff !important;
}

.toolbox-body .tb-main.tb-main-tool :where(.tb-upload-drop, .tb-upload-box):is(:hover, :focus-within, .is-dragging) {
  border-color: #9c80e4 !important;
  background: #f8f5ff !important;
  box-shadow: 0 0 0 3px rgba(156, 128, 228, .12) !important;
}

.toolbox-body .tb-main.tb-main-tool :where(.tb-studio-submit, .tb-product-submit, .tb-form-actions) {
  min-width: 0 !important;
  border-radius: 8px !important;
  border-color: #e2e6ed !important;
  background: #fff !important;
}

.toolbox-body .tb-main.tb-main-tool :where(.tb-studio-submit, .tb-product-submit, .tb-form-actions) :where(.tb-status, output, small) {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.toolbox-body .tb-main.tb-main-tool :where(.tb-result-state, .tb-empty, .tb-ai-video-empty, .tb-ecom-pro-result) {
  border-radius: 8px !important;
  border-color: #dfe3ea !important;
  background: #fbfcfe !important;
}

.toolbox-body .tb-main.tb-main-tool :where(.tb-template-market-grid, .tb-popular-templates > div) {
  min-width: 0 !important;
}

@media (max-width: 1080px) {
  .toolbox-body .tb-main.tb-main-tool .tb-replicate-mode-shell .tb-aicopy-modes {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .toolbox-body .tb-main.tb-main-tool {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-replicate-mode-shell .tb-aicopy-modes {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 3px !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-replicate-mode-shell .tb-aicopy-modes > :where(button, a) {
    min-height: 44px !important;
    padding: 0 4px !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-parsed-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-main.tb-main-tool :where(.tb-studio-submit, .tb-product-submit, .tb-form-actions) {
    align-items: stretch !important;
    gap: 8px !important;
  }

  .toolbox-body .tb-main.tb-main-tool :where(.tb-studio-submit, .tb-product-submit, .tb-form-actions) :where(.tb-btn, button[type="submit"]) {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
  }

  .toolbox-body .tb-main.tb-main-tool :where(.tb-template-market-card, .tb-popular-templates article) {
    min-width: 0 !important;
  }
}

/* 20260717 final reference cascade (must remain last). */


.toolbox-body .tb-main.tb-main-tool .tb-aicopy-modes,
.toolbox-body .tb-main.tb-main-tool .tb-replicate-mode-shell .tb-aicopy-modes {
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  grid-template-columns: none !important;
  gap: 8px 22px !important;
  border: 0 !important;
  border-top: 1px solid #eef0f4 !important;
  border-bottom: 1px solid #eef0f4 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 9px 1px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-aicopy-modes > :where(button, a),
.toolbox-body .tb-main.tb-main-tool .tb-replicate-mode-tab {
  width: auto !important;
  min-height: 28px !important;
  display: inline-flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  gap: 6px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #505665 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-aicopy-modes > :where(button, a) > i {
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;
  display: inline-block !important;
  border: 1.5px solid #d9dce4 !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: inset 0 0 0 3px #fff !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-aicopy-modes > :where(button, a) :where(b, span) {
  display: inline !important;
  margin: 0 !important;
  line-height: 1.35 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-aicopy-modes > :where(button, a) b {
  color: inherit !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-aicopy-modes > :where(button, a) span {
  color: #a0a5b0 !important;
  font-size: 10px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-aicopy-modes > :where(button.active, button[aria-selected="true"], a.active) {
  color: #7c4dff !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-aicopy-modes > :where(button.active, button[aria-selected="true"], a.active) > i {
  border-color: #7c4dff !important;
  background: #7c4dff !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-parsed-grid {
  grid-template-columns: minmax(280px, 34%) minmax(0, 1fr) !important;
  gap: 14px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-parsed-grid > section {
  border: 1px solid #e4e7ee !important;
  border-radius: 12px !important;
  padding: 14px !important;
  box-shadow: 0 10px 30px rgba(43, 48, 67, .07) !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-setting-row {
  min-height: 44px !important;
  display: flex !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
  gap: 7px 13px !important;
  border-bottom: 1px solid #eef0f4 !important;
  padding: 8px 0 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-setting-row > strong {
  width: 104px !important;
  min-height: 29px !important;
  flex: 0 0 104px !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  border-radius: 6px !important;
  background: #404754 !important;
  color: #fff !important;
  padding: 0 9px !important;
  font-size: 12px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-setting-row > label:has(input[type="radio"]),
.toolbox-body .tb-main.tb-main-tool .tb-setting-row > label:has(input[type="checkbox"]) {
  min-height: 29px !important;
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #525967 !important;
  padding: 3px 0 !important;
  box-shadow: none !important;
  font-size: 12px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-setting-row > label:has(input:checked) {
  color: #7c4dff !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-setting-row label > em {
  display: none !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-template-creator {
  width: min(940px, 100%) !important;
  margin-inline: auto !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-template-creator > header {
  position: relative !important;
  min-height: 92px !important;
  justify-content: center !important;
  border: 0 !important;
  background: transparent !important;
  padding: 10px 18px !important;
  text-align: center !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-template-creator > header > div {
  display: grid !important;
  justify-items: center !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-template-creator > header h3 {
  margin-top: 3px !important;
  font-size: 28px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-template-creator-form {
  display: grid !important;
  gap: 12px !important;
  border: 1.5px solid #9b78ef !important;
  border-radius: 14px !important;
  background: #fff !important;
  padding: 16px !important;
  box-shadow: 0 16px 34px rgba(96, 64, 190, .1) !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-selected-template {
  grid-template-columns: 62px minmax(0, 1fr) auto !important;
  min-height: 84px !important;
  gap: 11px !important;
  border: 1px dashed #e1d8f5 !important;
  border-radius: 9px !important;
  background: #fdfcff !important;
  padding: 9px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-selected-template > img {
  width: 62px !important;
  height: 66px !important;
  border-radius: 5px !important;
  object-fit: cover !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-template-branch-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px 12px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-template-branch-field textarea {
  min-height: 94px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-popular-templates {
  margin-top: 16px !important;
  border: 1px solid #e4e7ee !important;
  border-radius: 12px !important;
  background: #fff !important;
  padding: 14px !important;
  box-shadow: 0 10px 30px rgba(43, 48, 67, .07) !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-popular-templates > div {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-ecommerce-pro-layout {
  grid-template-columns: minmax(340px, 390px) minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 12px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-ecom-pro-upload {
  min-height: 138px !important;
}

@media (max-width: 1080px) {
  .toolbox-body .tb-main.tb-main-tool .tb-parsed-grid,
  .toolbox-body .tb-main.tb-main-tool .tb-ecommerce-pro-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-popular-templates > div {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .toolbox-body .tb-main.tb-main-tool .tb-aicopy-modes,
  .toolbox-body .tb-main.tb-main-tool .tb-replicate-mode-shell .tb-aicopy-modes {
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 3px !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-template-branch-fields {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-selected-template {
    grid-template-columns: 58px minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-popular-templates > div {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.toolbox-body .tb-main.tb-main-tool > .tb-topbar {
  display: none !important;
}

.toolbox-body .tb-main.tb-main-tool {
  background: #f7f8fb !important;
  color: #252936 !important;
  font-size: 13px !important;
}

.toolbox-body .tb-main.tb-main-tool > .tb-destination-context {
  min-height: 50px !important;
  margin: 0 0 10px !important;
  border-color: #e6e8ee !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 4px 14px rgba(38, 43, 58, .035) !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-tool-workbench-full > .tb-special-tool-panel {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.toolbox-body .tb-result-box:empty,
.toolbox-body .tb-tool-result:empty:not([data-state]) {
  display: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  padding: 0 !important;
}

.toolbox-body .tb-result-state {
  min-height: 92px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 11px !important;
  border: 1px dashed #dfe2e9 !important;
  border-radius: 8px !important;
  background: #fafbfc !important;
  color: #59606d !important;
  padding: 14px !important;
  text-align: left !important;
}

.toolbox-body .tb-result-state > i {
  color: #7550df !important;
  font-size: 22px !important;
}

.toolbox-body .tb-result-state > span {
  display: grid !important;
  gap: 3px !important;
}

.toolbox-body .tb-result-state strong {
  color: #333946 !important;
  font-size: 13px !important;
}

.toolbox-body .tb-result-state small {
  color: #7d8491 !important;
  font-size: 11px !important;
}

.toolbox-body .tb-result-loading > i {
  animation: tb-spin .9s linear infinite !important;
}

.toolbox-body :where(.tb-result-error, .tb-result-timeout) > i {
  color: #d74848 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-setting-row > strong {
  width: 92px !important;
  min-height: 28px !important;
  flex-basis: 92px !important;
  border: 0 !important;
  background: transparent !important;
  color: #353b48 !important;
  padding: 2px 0 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-setting-row .tb-help-dot {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  font-size: 11px !important;
}

.toolbox-body .tb-specific-form[aria-busy="true"] .tb-btn[type="submit"]::before {
  display: none !important;
}

.toolbox-body :where(.tb-yiju-reference, .tb-product-note-reference, .tb-template-reference) {
  width: min(960px, 100%) !important;
  margin-inline: auto !important;
}

.toolbox-body .tb-reference-pagehead {
  position: relative !important;
  min-height: 126px !important;
  display: grid !important;
  place-content: center !important;
  justify-items: center !important;
  border: 0 !important;
  background: transparent !important;
  padding: 12px 70px !important;
  text-align: center !important;
  box-shadow: none !important;
}

.toolbox-body .tb-reference-pagehead > div {
  display: grid !important;
  justify-items: center !important;
}

.toolbox-body .tb-reference-pagehead :where(h2, h3) {
  margin: 0 !important;
  color: #20232d !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.toolbox-body .tb-reference-pagehead :where(h2, h3) span {
  color: #7446e8 !important;
}

.toolbox-body .tb-product-note-reference .tb-reference-pagehead h3 span {
  color: #f05b2a !important;
}

.toolbox-body .tb-reference-pagehead p {
  margin: 10px 0 0 !important;
  color: #737987 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.toolbox-body .tb-reference-pagehead > a {
  position: absolute !important;
  right: 0 !important;
  bottom: 12px !important;
  min-height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: 1px solid #e2e4ea !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #4d5360 !important;
  padding: 0 13px !important;
  font-size: 12px !important;
  text-decoration: none !important;
}

.toolbox-body :where(.tb-yiju-card, .tb-reference-creator-card, .tb-template-creator-form) {
  border: 1.5px solid #8559e9 !important;
  border-radius: 13px !important;
  background: #fff !important;
  padding: 16px !important;
  box-shadow: 0 16px 36px rgba(91, 62, 170, .08) !important;
}

.toolbox-body .tb-yiju-layout {
  display: block !important;
}

.toolbox-body .tb-yiju-card {
  width: 100% !important;
}

.toolbox-body :where(.tb-yiju-tabs, .tb-product-note-modes, .tb-template-mode-row) {
  width: min(720px, 100%) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: -62px 0 16px !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

.toolbox-body .tb-product-note-modes,
.toolbox-body .tb-template-mode-row {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.toolbox-body :where(.tb-yiju-tabs, .tb-product-note-modes, .tb-template-mode-row) > label {
  min-width: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.toolbox-body :where(.tb-yiju-tabs, .tb-product-note-modes, .tb-template-mode-row) > label > span {
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  border: 1px solid #e6e7ec !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #343a47 !important;
  padding: 7px 12px !important;
  box-shadow: none !important;
}

.toolbox-body :where(.tb-yiju-tabs, .tb-product-note-modes, .tb-template-mode-row) > label:first-child > span {
  border-radius: 9px 0 0 9px !important;
}

.toolbox-body :where(.tb-yiju-tabs, .tb-product-note-modes, .tb-template-mode-row) > label:last-child > span {
  border-radius: 0 9px 9px 0 !important;
}

.toolbox-body :where(.tb-yiju-tabs, .tb-product-note-modes, .tb-template-mode-row) input:checked + span {
  border-color: #7646e8 !important;
  background: #7646e8 !important;
  color: #fff !important;
  box-shadow: 0 7px 18px rgba(103, 67, 211, .22) !important;
}

.toolbox-body .tb-product-note-modes input:checked + span {
  border-color: #ed642f !important;
  background: #ed642f !important;
  box-shadow: 0 7px 18px rgba(225, 90, 38, .22) !important;
}

.toolbox-body :where(.tb-yiju-tabs, .tb-product-note-modes, .tb-template-mode-row) :where(b, em, small, i) {
  color: inherit !important;
  font-style: normal !important;
}

.toolbox-body :where(.tb-yiju-tabs, .tb-product-note-modes, .tb-template-mode-row) b {
  font-size: 13px !important;
  font-weight: 750 !important;
}

.toolbox-body :where(.tb-yiju-tabs, .tb-product-note-modes, .tb-template-mode-row) :where(em, small) {
  font-size: 10px !important;
  opacity: .78 !important;
}

.toolbox-body :where(.tb-yiju-tabs, .tb-product-note-modes, .tb-template-mode-row) i {
  border-radius: 4px !important;
  background: rgba(255, 255, 255, .22) !important;
  padding: 2px 5px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.toolbox-body .tb-reference-notice {
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin-bottom: 10px !important;
  border: 1px solid #f0dfbd !important;
  border-radius: 7px !important;
  background: #fff8eb !important;
  color: #6b6253 !important;
  padding: 8px 12px !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}

.toolbox-body .tb-reference-notice > i {
  color: #d7a232 !important;
  font-size: 15px !important;
}

.toolbox-body :where(.tb-main-prompt, .tb-reference-main-input, .tb-template-primary-field) {
  position: relative !important;
  display: block !important;
  border: 1px solid #e3e5eb !important;
  border-radius: 8px !important;
  background: #fff !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.toolbox-body :where(.tb-main-prompt, .tb-reference-main-input, .tb-template-primary-field) textarea {
  width: 100% !important;
  min-height: 265px !important;
  resize: vertical !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #303541 !important;
  padding: 18px 46px 34px 18px !important;
  box-shadow: none !important;
  font-size: 13px !important;
  line-height: 1.75 !important;
}

.toolbox-body .tb-template-primary-field .tb-template-branch-field {
  display: block !important;
}

.toolbox-body .tb-template-primary-field .tb-template-branch-field > span {
  display: none !important;
}

.toolbox-body .tb-template-primary-field .tb-template-branch-field textarea {
  min-height: 240px !important;
}

.toolbox-body .tb-reference-main-input > span {
  position: absolute !important;
  right: 14px !important;
  bottom: 10px !important;
  color: #a0a5af !important;
  font-size: 10px !important;
}

.toolbox-body .tb-reference-main-input > button {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  min-height: 28px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: #7a7f8a !important;
  color: #fff !important;
  padding: 0 9px !important;
  font-size: 10px !important;
}

.toolbox-body :where(.tb-yiju-reference, .tb-product-note-reference, .tb-template-reference) .tb-generation-context {
  z-index: 20 !important;
  display: block !important;
  margin: 10px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.toolbox-body :where(.tb-yiju-reference, .tb-product-note-reference, .tb-template-reference) .tb-generation-context > header,
.toolbox-body :where(.tb-yiju-reference, .tb-product-note-reference, .tb-template-reference) .tb-context-selection-empty {
  display: none !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-planned-tool-notice {
  display: none !important;
}

.toolbox-body .tb-product-note-modes :where(em, small) {
  display: none !important;
}

.toolbox-body .tb-yiju-reference .tb-tool-mode-panel[data-tool-mode-panel="normal"] {
  display: none !important;
}

.toolbox-body :where(.tb-yiju-reference, .tb-product-note-reference, .tb-template-reference) .tb-generation-context-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.toolbox-body :where(.tb-yiju-reference, .tb-product-note-reference, .tb-template-reference) .tb-context-picker {
  flex: 0 1 220px !important;
}

.toolbox-body :where(.tb-yiju-reference, .tb-product-note-reference, .tb-template-reference) .tb-context-picker > summary {
  min-height: 36px !important;
  border-color: #e4e5ea !important;
  border-radius: 18px !important;
  background: #fff !important;
  padding: 0 12px !important;
}

.toolbox-body :where(.tb-yiju-reference, .tb-product-note-reference, .tb-template-reference) .tb-context-picker > summary > span {
  font-size: 11px !important;
}

.toolbox-body :where(.tb-yiju-reference, .tb-product-note-reference, .tb-template-reference) .tb-context-picker > summary > span i {
  width: 20px !important;
  height: 20px !important;
  flex-basis: 20px !important;
  border-radius: 50% !important;
  font-size: 11px !important;
}

.toolbox-body .tb-yiju-quickbar {
  display: inline-flex !important;
  margin: 10px 0 0 !important;
}

.toolbox-body .tb-yiju-quickbar select {
  min-height: 36px !important;
  border-radius: 18px !important;
  background: #fff !important;
  font-size: 11px !important;
}

.toolbox-body .tb-yiju-reference .tb-tool-mode-panel {
  margin-top: 10px !important;
  border: 1px dashed #e3e4e9 !important;
  border-radius: 7px !important;
  background: #fafbfc !important;
  padding: 8px 10px !important;
}

.toolbox-body .tb-yiju-reference .tb-mode-note {
  min-height: 28px !important;
}

.toolbox-body .tb-yiju-reference .tb-mode-note :where(strong, span) {
  font-size: 11px !important;
}

.toolbox-body .tb-reference-advanced {
  margin-top: 10px !important;
  border: 1px solid #e6e7eb !important;
  border-radius: 8px !important;
  background: #fafbfc !important;
  padding: 0 !important;
}

.toolbox-body .tb-reference-advanced > summary {
  min-height: 40px !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 0 12px !important;
  color: #4c5260 !important;
  cursor: pointer !important;
  list-style: none !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.toolbox-body .tb-reference-advanced > summary small {
  margin-left: auto !important;
  color: #9297a2 !important;
  font-size: 10px !important;
  font-weight: 500 !important;
}

.toolbox-body .tb-reference-advanced > :where(div, section, label) {
  margin: 0 10px 10px !important;
}

.toolbox-body .tb-yiju-reference .tb-form-actions,
.toolbox-body .tb-product-note-reference .tb-product-submit,
.toolbox-body .tb-template-reference .tb-studio-submit {
  position: static !important;
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  margin-top: 10px !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.toolbox-body :where(.tb-yiju-reference .tb-form-actions, .tb-product-note-reference .tb-product-submit, .tb-template-reference .tb-studio-submit) .tb-btn.primary {
  min-width: 200px !important;
  min-height: 42px !important;
  border: 0 !important;
  border-radius: 21px !important;
  background: linear-gradient(135deg, #ef6a2f, #e64d25) !important;
  color: #fff !important;
  padding: 0 22px !important;
  box-shadow: 0 8px 18px rgba(226, 76, 34, .24) !important;
  font-size: 13px !important;
}

.toolbox-body .tb-product-note-reference .tb-product-submit > label,
.toolbox-body .tb-template-reference .tb-template-creator-options > label {
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #5b616d !important;
  font-size: 11px !important;
}

.toolbox-body .tb-product-note-reference .tb-product-submit select,
.toolbox-body .tb-template-reference .tb-template-creator-options select {
  width: 76px !important;
  min-height: 44px !important;
}

.toolbox-body .tb-product-upload-inline {
  width: 100% !important;
  max-width: none !important;
  margin-top: 10px !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

.toolbox-body .tb-product-upload-inline .tb-upload-drop {
  min-height: 70px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  border: 1px dashed #d9dce4 !important;
  border-radius: 8px !important;
  background: #fbfbfd !important;
  padding: 10px 14px !important;
  text-align: left !important;
}

.toolbox-body .tb-product-upload-inline .tb-upload-mark {
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
}

.toolbox-body .tb-product-note-reference .tb-product-main-fields,
.toolbox-body .tb-template-reference .tb-template-branch-fields,
.toolbox-body .tb-yiju-reference .tb-fixed-fields .tb-form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.toolbox-body .tb-product-note-reference .tb-product-main-fields textarea,
.toolbox-body .tb-template-reference .tb-template-branch-fields textarea,
.toolbox-body .tb-yiju-reference .tb-fixed-fields textarea {
  min-height: 78px !important;
  font-size: 12px !important;
}

.toolbox-body .tb-selected-template {
  grid-template-columns: 54px minmax(0, 1fr) auto !important;
  min-height: 72px !important;
  margin-bottom: 10px !important;
  border-color: #e2d8f6 !important;
  border-radius: 8px !important;
  background: #fcfbff !important;
  padding: 7px !important;
}

.toolbox-body .tb-selected-template > img {
  width: 54px !important;
  height: 58px !important;
  border-radius: 5px !important;
}

.toolbox-body .tb-selected-template :where(strong, span, p, small, button, a) {
  font-size: 10px !important;
}

.toolbox-body .tb-template-creator-options {
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: 10px !important;
}

.toolbox-body .tb-reference-examples,
.toolbox-body .tb-popular-templates {
  margin-top: 18px !important;
  border: 1px solid #e5e7ec !important;
  border-radius: 10px !important;
  background: #fff !important;
  padding: 13px !important;
  box-shadow: 0 8px 24px rgba(40, 45, 59, .045) !important;
}

.toolbox-body .tb-reference-examples > header,
.toolbox-body .tb-popular-templates > header {
  min-height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
}

.toolbox-body .tb-reference-examples > header div,
.toolbox-body .tb-popular-templates > header div {
  display: flex !important;
  align-items: baseline !important;
  gap: 9px !important;
}

.toolbox-body .tb-reference-examples > header :where(strong, span, a),
.toolbox-body .tb-popular-templates > header :where(strong, span, a, p) {
  margin: 0 !important;
  font-size: 11px !important;
}

.toolbox-body .tb-reference-examples .tb-product-sample-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.toolbox-body .tb-reference-examples .tb-product-sample-grid article {
  border-radius: 7px !important;
  overflow: hidden !important;
}

.toolbox-body .tb-yiju-examples {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

.toolbox-body .tb-yiju-examples button {
  min-height: 36px !important;
  border: 1px solid #eceef2 !important;
  border-radius: 18px !important;
  background: #fff !important;
  color: #535966 !important;
  font-size: 11px !important;
}

@media (hover: hover) and (pointer: fine) and (min-width: 721px) {
  .toolbox-body .tb-main.tb-main-tool :where(button, .tb-btn, input:not([type="checkbox"]):not([type="radio"]), select) {
    min-height: 36px;
  }

  .toolbox-body .tb-main.tb-main-tool :where(.tb-help-dot, [aria-label="关闭"], [aria-label*="关闭模板"]) {
    min-width: 18px !important;
    min-height: 18px !important;
  }
}

@media (max-width: 720px) {
  .toolbox-body .tb-main.tb-main-tool {
    padding-inline: 10px !important;
  }

  .toolbox-body .tb-main.tb-main-tool > .tb-destination-context {
    min-height: 44px !important;
    padding-inline: 8px !important;
  }

  .toolbox-body .tb-reference-pagehead {
    min-height: 84px !important;
    padding: 8px 0 !important;
  }

  .toolbox-body .tb-reference-pagehead :where(h2, h3) {
    font-size: 22px !important;
  }

  .toolbox-body .tb-reference-pagehead > a {
    position: static !important;
    margin-top: 8px !important;
  }

  .toolbox-body :where(.tb-yiju-card, .tb-reference-creator-card, .tb-template-creator-form) {
    padding: 11px !important;
  }

  .toolbox-body :where(.tb-yiju-tabs, .tb-product-note-modes, .tb-template-mode-row) {
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 5px !important;
    margin: 0 0 10px !important;
  }

  .toolbox-body :where(.tb-yiju-tabs, .tb-product-note-modes, .tb-template-mode-row) > label > span,
  .toolbox-body :where(.tb-yiju-tabs, .tb-product-note-modes, .tb-template-mode-row) > label:first-child > span,
  .toolbox-body :where(.tb-yiju-tabs, .tb-product-note-modes, .tb-template-mode-row) > label:last-child > span {
    min-height: 44px !important;
    border-radius: 8px !important;
  }

  .toolbox-body :where(.tb-main-prompt, .tb-reference-main-input, .tb-template-primary-field) textarea,
  .toolbox-body .tb-template-primary-field .tb-template-branch-field textarea {
    min-height: 220px !important;
  }

  .toolbox-body :where(.tb-yiju-reference, .tb-product-note-reference, .tb-template-reference) .tb-generation-context-grid,
  .toolbox-body :where(.tb-yiju-reference, .tb-product-note-reference, .tb-template-reference) .tb-context-picker {
    width: 100% !important;
    flex-basis: 100% !important;
  }

  .toolbox-body :where(.tb-yiju-reference, .tb-product-note-reference, .tb-template-reference) .tb-context-picker > summary {
    min-height: 44px !important;
    border-radius: 8px !important;
  }

  .toolbox-body .tb-product-note-reference .tb-product-main-fields,
  .toolbox-body .tb-template-reference .tb-template-branch-fields,
  .toolbox-body .tb-yiju-reference .tb-fixed-fields .tb-form-grid,
  .toolbox-body .tb-reference-examples .tb-product-sample-grid,
  .toolbox-body .tb-yiju-examples {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-product-note-reference .tb-product-submit,
  .toolbox-body .tb-template-reference .tb-studio-submit {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .toolbox-body :where(.tb-yiju-reference .tb-form-actions, .tb-product-note-reference .tb-product-submit, .tb-template-reference .tb-studio-submit) .tb-btn.primary {
    width: 100% !important;
    min-height: 46px !important;
  }

  .toolbox-body .tb-selected-template {
    grid-template-columns: 52px minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-selected-template-actions {
    grid-column: 1 / -1 !important;
  }

  .toolbox-body .tb-reference-advanced > summary {
    min-height: 44px !important;
    flex-wrap: wrap !important;
  }

  .toolbox-body .tb-reference-advanced > summary small {
    width: 100% !important;
    margin: -4px 0 6px 23px !important;
  }

  .toolbox-body .tb-product-talk-layout,
  .toolbox-body .tb-ai-video-layout {
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .toolbox-body .tb-product-talk-layout > :where(form, aside),
  .toolbox-body .tb-ai-video-layout > :where(form, aside) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .toolbox-body .tb-product-talk-layout > aside {
    min-height: 320px !important;
    overflow: visible !important;
  }

  .toolbox-body .tb-ecom-upload-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .toolbox-body .tb-ecom-upload-source {
    min-width: 0 !important;
    display: grid !important;
    gap: 6px !important;
  }

  .toolbox-body .tb-ecom-upload-source > :where(.tb-ecom-upload-slot, .tb-media-source-panel) {
    width: 100% !important;
    min-width: 0 !important;
  }

  .toolbox-body .tb-ecom-upload-source .tb-media-source-actions {
    grid-template-columns: repeat(2, minmax(44px, 1fr)) !important;
    gap: 5px !important;
  }

  .toolbox-body .tb-ecom-upload-source .tb-media-source-actions .tb-btn {
    min-width: 44px !important;
    min-height: 44px !important;
    white-space: normal !important;
    word-break: keep-all !important;
    padding: 4px 6px !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
  }
}

.toolbox-body .tb-ecom-upload-source {
  min-width: 0 !important;
  display: grid !important;
  gap: 6px !important;
}

.toolbox-body .tb-compact-tool-head {
  min-height: 72px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  border: 1px solid #e4e7ed !important;
  border-radius: 9px 9px 0 0 !important;
  background: #fff !important;
  padding: 12px 16px !important;
}

.toolbox-body .tb-compact-tool-head > div {
  display: grid !important;
  gap: 3px !important;
}

.toolbox-body .tb-compact-tool-head span {
  color: #7550df !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

.toolbox-body .tb-compact-tool-head h3 {
  margin: 0 !important;
  color: #252a35 !important;
  font-size: 19px !important;
  letter-spacing: 0 !important;
}

.toolbox-body .tb-compact-tool-head p {
  margin: 0 !important;
  color: #7a808d !important;
  font-size: 11px !important;
}

.toolbox-body .tb-compact-tool-head > a {
  min-height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid #e0e3e9 !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: #505765 !important;
  padding: 0 12px !important;
  font-size: 11px !important;
  text-decoration: none !important;
}

@media (max-width: 720px) {
  .toolbox-body .tb-compact-tool-head {
    min-height: 0 !important;
    align-items: flex-start !important;
    flex-direction: column !important;
    padding: 13px !important;
  }

  .toolbox-body .tb-compact-tool-head h3 {
    font-size: 18px !important;
  }

  .toolbox-body .tb-compact-tool-head > a {
    width: 100% !important;
    min-height: 44px !important;
    justify-content: center !important;
  }
}



/* 20260718 S0/C0/U1-U4 commercial visual system (keep this block last). */
.toolbox-body .tb-app {
  --tb-final-sidebar: 220px;
  max-width: 100%;
  background: #f5f6fa;
  overflow-x: clip;
}

.toolbox-body .tb-main.tb-main-tool {
  --tb-ui-accent: #7c3aed;
  --tb-ui-accent-hover: #6d28d9;
  --tb-ui-accent-soft: #f5f3ff;
  --tb-ui-coral: #ef5b62;
  --tb-ui-surface: #fff;
  --tb-ui-surface-soft: #f8f9fc;
  --tb-ui-text: #242936;
  --tb-ui-muted: #687181;
  --tb-ui-faint: #8a93a2;
  --tb-ui-border: #dfe3ea;
  --tb-ui-border-strong: #cfd5df;
  --tb-ui-success: #16865c;
  --tb-ui-warning: #a56608;
  --tb-ui-danger: #c53f4f;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  background: #f5f6fa !important;
  color: var(--tb-ui-text) !important;
  font-size: 14px !important;
  line-height: 1.6;
  overflow-x: clip !important;
}

.toolbox-body .tb-main.tb-main-tool :where(
  form,
  fieldset,
  section,
  article,
  aside,
  nav,
  label,
  div
) {
  min-width: 0;
}

.toolbox-body .tb-main.tb-main-tool :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
  select,
  textarea
) {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--tb-ui-border) !important;
  border-radius: 9px !important;
  background: var(--tb-ui-surface) !important;
  color: var(--tb-ui-text) !important;
  caret-color: var(--tb-ui-accent);
  font: inherit;
  font-size: 14px !important;
  letter-spacing: 0 !important;
  box-shadow: inset 0 1px 2px rgba(29, 36, 50, .035);
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

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

.toolbox-body .tb-main.tb-main-tool textarea {
  min-height: 116px;
  padding: 12px 14px !important;
  line-height: 1.7 !important;
  resize: vertical;
}

.toolbox-body .tb-main.tb-main-tool :where(input, textarea)::placeholder {
  color: #9aa1ad !important;
  opacity: 1;
}

.toolbox-body .tb-main.tb-main-tool :where(input, select, textarea):is(:focus, :focus-visible) {
  border-color: #a78bfa !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, .18) !important;
  outline: 0 !important;
}

.toolbox-body .tb-main.tb-main-tool :where(input, select, textarea)[aria-invalid="true"] {
  border-color: #ef8792 !important;
  box-shadow: 0 0 0 3px rgba(197, 63, 79, .12) !important;
}

.toolbox-body .tb-main.tb-main-tool :where(.tb-btn, button, [role="button"]) {
  max-width: 100%;
  box-sizing: border-box;
  font-family: inherit;
  letter-spacing: 0 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-btn {
  min-height: 40px;
  border-radius: 9px !important;
  padding-inline: 14px;
  font-size: 14px !important;
  font-weight: 650;
  line-height: 1.35;
  box-shadow: 0 2px 6px rgba(31, 38, 52, .06);
}

.toolbox-body .tb-main.tb-main-tool :where(.tb-btn.primary, button.primary, button[type="submit"].tb-btn) {
  border-color: var(--tb-reference-theme, var(--tb-ui-accent)) !important;
  background: var(--tb-reference-theme, var(--tb-ui-accent)) !important;
  color: #fff !important;
  box-shadow: 0 7px 18px rgba(91, 62, 170, .18) !important;
}

.toolbox-body .tb-main.tb-main-tool :where(.tb-btn.primary, button.primary, button[type="submit"].tb-btn):not(:disabled):is(:hover, :focus-visible) {
  border-color: var(--tb-reference-theme, var(--tb-ui-accent-hover)) !important;
  background: var(--tb-reference-theme, var(--tb-ui-accent-hover)) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 22px rgba(91, 62, 170, .22) !important;
}

.toolbox-body .tb-main.tb-main-tool :where(.tb-btn, button):disabled,
.toolbox-body .tb-main.tb-main-tool :where(.tb-btn, button)[aria-disabled="true"] {
  opacity: .52;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none !important;
}

/* C0 segmented controls and Pro/Max version cards. */
.toolbox-body .tb-main.tb-main-tool :where(
  .tb-source-switch,
  .tb-template-mode-row,
  .tb-ai-video-tabs,
  .tb-design-tabs,
  .tb-studio-tabs,
  .tb-benchmark-tabs,
  .tb-logo-tabs,
  .tb-video-size-options,
  .tb-resolution-segments
) {
  min-width: 0;
  gap: 6px !important;
  border: 1px solid var(--tb-ui-border) !important;
  border-radius: 10px !important;
  background: #eef1f5 !important;
  padding: 5px !important;
  box-shadow: inset 0 1px 2px rgba(35, 42, 56, .04);
}

.toolbox-body .tb-main.tb-main-tool :where(
  .tb-source-switch,
  .tb-template-mode-row,
  .tb-ai-video-tabs,
  .tb-design-tabs,
  .tb-studio-tabs,
  .tb-benchmark-tabs,
  .tb-logo-tabs,
  .tb-video-size-options,
  .tb-resolution-segments
) > :where(button, a, label) {
  min-width: 0 !important;
  min-height: 44px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  color: #596273 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
}

.toolbox-body .tb-main.tb-main-tool :where(
  .tb-source-switch,
  .tb-template-mode-row,
  .tb-ai-video-tabs,
  .tb-design-tabs,
  .tb-studio-tabs,
  .tb-benchmark-tabs,
  .tb-logo-tabs,
  .tb-video-size-options,
  .tb-resolution-segments
) > :where(button.active, button[aria-pressed="true"], a.active, label:has(input:checked)) {
  border-color: #d2c6f5 !important;
  background: #fff !important;
  color: #6645bf !important;
  box-shadow: 0 4px 12px rgba(67, 52, 119, .1) !important;
}

.toolbox-body .tb-main.tb-main-tool :where(.tb-product-note-modes, .tb-yiju-tabs) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
  align-items: stretch !important;
  gap: 8px !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

.toolbox-body .tb-main.tb-main-tool :where(.tb-product-note-modes, .tb-yiju-tabs) > label {
  position: relative;
  min-width: 0;
}

.toolbox-body .tb-main.tb-main-tool :where(.tb-product-note-modes, .tb-yiju-tabs) > label > input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none;
}

.toolbox-body .tb-main.tb-main-tool :where(.tb-product-note-modes, .tb-yiju-tabs) > label > span {
  min-height: 72px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-content: center !important;
  gap: 3px 8px !important;
  border: 1px solid var(--tb-ui-border) !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #394150 !important;
  padding: 10px 12px !important;
  box-shadow: 0 4px 13px rgba(35, 43, 60, .055) !important;
}

.toolbox-body .tb-main.tb-main-tool :where(.tb-product-note-modes, .tb-yiju-tabs) > label > input:checked + span {
  border-color: #a78bfa !important;
  background: var(--tb-ui-accent-soft) !important;
  color: #5b36b4 !important;
  box-shadow: 0 0 0 2px rgba(139, 92, 246, .1), 0 8px 20px rgba(79, 55, 145, .1) !important;
}

.toolbox-body .tb-main.tb-main-tool :where(.tb-product-note-modes, .tb-yiju-tabs) > label > span :where(b, em, small) {
  min-width: 0;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-main.tb-main-tool :where(.tb-product-note-modes, .tb-yiju-tabs) > label > span b {
  color: inherit !important;
  font-size: 14px !important;
}

.toolbox-body .tb-main.tb-main-tool :where(.tb-product-note-modes, .tb-yiju-tabs) > label > span :where(em, small) {
  color: var(--tb-ui-muted) !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}

/* P0: topic-helper dark hero never relies on inherited heading colors. */
.toolbox-body .tb-main.tb-main-tool .tb-topic-hub > header {
  background-color: #252b38 !important;
  background-image: linear-gradient(112deg, #252b38 0%, #3a4354 58%, #743149 100%) !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-topic-hub > header h3 {
  display: block !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: 28px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .24);
  opacity: 1 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-topic-hub > header p {
  margin: 8px 0 16px !important;
  color: #f2f4f8 !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  opacity: 1 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-topic-search {
  border: 1px solid rgba(255, 255, 255, .42) !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(12, 17, 27, .2) !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-topic-search input {
  border: 0 !important;
  background: #fff !important;
  color: #202633 !important;
  box-shadow: none !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-topic-search input::placeholder {
  color: #747e8e !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-topic-search button {
  min-width: 104px !important;
  min-height: 44px !important;
  border: 1px solid #111827 !important;
  border-radius: 7px !important;
  background: #111827 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 10px rgba(17, 24, 39, .2) !important;
}

/* P0: keep four replicate modes readable at desktop width. */
.toolbox-body .tb-main.tb-main-tool .tb-replicate-mode-shell .tb-aicopy-modes {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 6px !important;
  border: 1px solid var(--tb-ui-border) !important;
  border-radius: 10px !important;
  background: #eef1f5 !important;
  padding: 6px !important;
  overflow: visible !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-mode-shell .tb-aicopy-modes > :where(button, a) {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 66px !important;
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 2px 7px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #3b4351 !important;
  padding: 8px 9px !important;
  text-align: left !important;
  text-decoration: none !important;
  white-space: normal !important;
  overflow: visible !important;
  box-shadow: 0 2px 6px rgba(36, 43, 56, .045) !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-mode-shell .tb-aicopy-modes > :where(button, a) > i {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  align-self: center !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-mode-shell .tb-aicopy-modes > :where(button, a) :where(b, span) {
  grid-column: 2 !important;
  min-width: 0 !important;
  display: block !important;
  margin: 0 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-mode-shell .tb-aicopy-modes > :where(button, a) b {
  color: #343b49 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-mode-shell .tb-aicopy-modes > :where(button, a) span {
  color: #7a8392 !important;
  font-size: 11px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-mode-shell .tb-aicopy-modes > :where(button.active, button[aria-selected="true"], a.active) {
  border-color: #cbbcf3 !important;
  background: var(--tb-ui-accent-soft) !important;
  color: #623fb8 !important;
  box-shadow: 0 5px 14px rgba(91, 62, 170, .1) !important;
}

/* U1: reusable persona/template selectors. */
.toolbox-body .tb-main.tb-main-tool .tb-generation-context {
  border: 1px solid var(--tb-ui-border) !important;
  border-radius: 10px !important;
  background: #fbfcfe !important;
  padding: 12px !important;
  box-shadow: none !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-generation-context-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-context-picker > summary,
.toolbox-body .tb-main.tb-main-tool .tb-select-trigger {
  min-height: 44px !important;
  border: 1px solid var(--tb-ui-border) !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #3d4553 !important;
  box-shadow: 0 2px 6px rgba(30, 37, 51, .045) !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-context-picker > summary:is(:hover, :focus-visible),
.toolbox-body .tb-main.tb-main-tool .tb-select-trigger:is(:hover, :focus-visible) {
  border-color: #b7a4ed !important;
  background: #faf8ff !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, .12) !important;
  outline: 0 !important;
}

.toolbox-body .tb-main.tb-main-tool :where(.tb-context-picker-menu, .tb-select-menu) {
  border: 1px solid var(--tb-ui-border) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 16px 38px rgba(27, 34, 48, .16) !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-context-selected {
  border-color: #ddd5f6 !important;
  border-radius: 7px !important;
  background: #f8f6ff !important;
  color: #57468e !important;
}

/* U2: compact upload surfaces with local, drag and material-library affordances. */
.toolbox-body .tb-main.tb-main-tool :where(
  .tb-upload-drop,
  .tb-upload-box,
  .tb-ecom-pro-upload,
  .tb-image-task-drop,
  .tb-photo-upload-card,
  .tb-wear-upload-block
) {
  width: 100%;
  min-width: 0 !important;
  min-height: 120px !important;
  max-height: 240px !important;
  box-sizing: border-box;
  border: 1px dashed #c8d0dd !important;
  border-radius: 10px !important;
  background: #fbfcff !important;
  color: #4f5868 !important;
  padding: 14px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7) !important;
  transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease !important;
}

.toolbox-body .tb-main.tb-main-tool :where(
  .tb-upload-drop,
  .tb-upload-box,
  .tb-ecom-pro-upload,
  .tb-image-task-drop,
  .tb-photo-upload-card,
  .tb-wear-upload-block
):is(:hover, :focus-within, .is-dragging) {
  border-color: #9e88df !important;
  background: #faf8ff !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, .1) !important;
}

.toolbox-body .tb-main.tb-main-tool :where(.tb-upload-file-text, .tb-upload-hint) {
  color: #737d8c !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-main.tb-main-tool .tb-media-source-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.toolbox-body .tb-main.tb-main-tool .tb-media-source-actions .tb-btn {
  min-height: 44px !important;
  background: #fff !important;
  color: #4d5666 !important;
}

/* U4: six-column template library, stable 3:4 covers and overlay actions. */
.toolbox-body .tb-main.tb-main-tool .tb-template-market-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: 16px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-template-market-card {
  position: relative !important;
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--tb-ui-border) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 5px 16px rgba(31, 38, 52, .06) !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-template-market-thumb {
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  overflow: hidden !important;
  background: #eef1f5 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-template-market-thumb img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-template-market-copy {
  min-height: 58px !important;
  display: grid !important;
  align-content: start !important;
  gap: 3px !important;
  padding: 9px 10px 10px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-template-market-copy :where(strong, em) {
  display: -webkit-box !important;
  overflow: hidden !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-template-market-copy strong {
  color: #333b49 !important;
  font-size: 13px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-template-market-copy em {
  color: #7b8492 !important;
  font-size: 11px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-template-market-hover {
  position: absolute !important;
  z-index: 4 !important;
  inset: 0 0 auto !important;
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: rgba(24, 29, 39, .62) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .16s ease !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-template-market-card:is(:hover, :focus-within) .tb-template-market-hover {
  opacity: 1 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-template-market-hover :where(button, a) {
  min-width: 0 !important;
  min-height: 40px !important;
  border: 1px solid rgba(255, 255, 255, .72) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .96) !important;
  color: #323946 !important;
  padding: 0 10px !important;
  pointer-events: auto !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-selected-template {
  min-height: 100px !important;
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  border: 1px solid #ded6f4 !important;
  border-radius: 10px !important;
  background: #fbfaff !important;
  padding: 10px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-selected-template > img {
  width: 64px !important;
  height: 80px !important;
  border-radius: 6px !important;
  object-fit: cover !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-popular-templates > div {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-popular-template-card {
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--tb-ui-border) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 5px 16px rgba(31, 38, 52, .055) !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-popular-template-card > img {
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  display: block !important;
  object-fit: cover !important;
}

/* U3: white fee bars and compact, readable task/result states. */
.toolbox-body .tb-main.tb-main-tool :where(
  .tb-studio-submit,
  .tb-compose-submit,
  .tb-ecom-submit-bar,
  .tb-product-submit,
  .tb-form-actions.sticky-bottom,
  .tb-batch-classic-submit
) {
  min-width: 0 !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px !important;
  border: 1px solid var(--tb-ui-border) !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: var(--tb-ui-text) !important;
  padding: 12px !important;
  box-shadow: 0 7px 20px rgba(31, 38, 52, .06) !important;
}

.toolbox-body .tb-main.tb-main-tool :where(
  .tb-studio-submit,
  .tb-compose-submit,
  .tb-ecom-submit-bar,
  .tb-product-submit,
  .tb-form-actions.sticky-bottom,
  .tb-batch-classic-submit
) > div {
  min-width: min(240px, 100%);
  display: grid;
  gap: 2px;
}

.toolbox-body .tb-main.tb-main-tool :where(
  .tb-studio-submit,
  .tb-compose-submit,
  .tb-ecom-submit-bar,
  .tb-product-submit,
  .tb-form-actions.sticky-bottom,
  .tb-batch-classic-submit
) strong {
  color: #b53d4e !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

.toolbox-body .tb-main.tb-main-tool :where(
  .tb-studio-submit,
  .tb-compose-submit,
  .tb-ecom-submit-bar,
  .tb-product-submit,
  .tb-form-actions.sticky-bottom,
  .tb-batch-classic-submit
) :where(span, small, output) {
  color: var(--tb-ui-muted) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-main.tb-main-tool :where(
  .tb-empty,
  .tb-tool-empty-state,
  .tb-result-state,
  .tb-image-result-empty,
  .tb-template-empty,
  .tb-template-market-empty,
  .tb-template-creator-empty,
  .tb-gallery-empty,
  .tb-ai-video-empty,
  .tb-ecom-pro-result,
  [data-empty-state]
) {
  min-height: 112px !important;
  box-sizing: border-box;
  border: 1px dashed #d7dce5 !important;
  border-radius: 10px !important;
  background: #fafbfc !important;
  color: var(--tb-ui-muted) !important;
  padding: 18px !important;
  box-shadow: none !important;
}

.toolbox-body .tb-main.tb-main-tool :where(.tb-status, [data-workbench-status]):not(:empty) {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  border: 1px solid #d9dfea !important;
  border-radius: 8px !important;
  background: #f7f9fc !important;
  color: #596474 !important;
  padding: 8px 10px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-main.tb-main-tool :where(.tb-status, [data-workbench-status]).pending:not(:empty) {
  border-color: #d7cef2 !important;
  background: #f7f4ff !important;
  color: #664bb1 !important;
}

.toolbox-body .tb-main.tb-main-tool :where(.tb-status, [data-workbench-status]).ok:not(:empty) {
  border-color: #bfe2d2 !important;
  background: #f1faf6 !important;
  color: var(--tb-ui-success) !important;
}

.toolbox-body .tb-main.tb-main-tool :where(.tb-status, [data-workbench-status]).error:not(:empty) {
  border-color: #efc4ca !important;
  background: #fff5f6 !important;
  color: var(--tb-ui-danger) !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-task-replay {
  min-height: 96px !important;
  border: 1px solid var(--tb-ui-border) !important;
  border-left: 4px solid #8b6bd8 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: var(--tb-ui-text) !important;
  padding: 14px !important;
  box-shadow: 0 5px 16px rgba(31, 38, 52, .055) !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-task-replay:is(.error, [data-task-status="failed"]) {
  border-left-color: var(--tb-ui-danger) !important;
  background: #fff8f8 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-task-replay:is(.success, [data-task-status="success"], [data-task-status="succeeded"]) {
  border-left-color: var(--tb-ui-success) !important;
  background: #f8fcfa !important;
}

.toolbox-body .tb-main.tb-main-tool :where(.tb-material-picker-loading, .tb-result-loading, [aria-busy="true"] .tb-empty) {
  color: var(--tb-ui-muted) !important;
  background-color: #fafbfc !important;
  background-image: linear-gradient(100deg, transparent 25%, rgba(124, 58, 237, .07) 42%, transparent 60%) !important;
  background-size: 220% 100% !important;
  animation: tb-ui-shimmer 1.35s ease-in-out infinite !important;
}

@keyframes tb-ui-shimmer {
  from { background-position: 100% 0; }
  to { background-position: -100% 0; }
}

@media (max-width: 1179px) and (min-width: 981px) {
  .toolbox-body .tb-main.tb-main-tool .tb-template-market-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}

@media (max-width: 980px) and (min-width: 721px) {
  .toolbox-body .tb-main.tb-main-tool .tb-template-market-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

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

@media (max-width: 720px) {
  .toolbox-body .tb-app {
    --tb-final-sidebar: min(320px, 100vw);
    grid-template-columns: minmax(0, 1fr) !important;
    overflow-x: clip !important;
  }

  .toolbox-body .tb-main.tb-main-tool {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding-right: 12px !important;
    padding-bottom: calc(80px + env(safe-area-inset-bottom)) !important;
    padding-left: 12px !important;
    font-size: 13px !important;
    overflow-x: clip !important;
  }

  .toolbox-body .tb-main.tb-main-tool :where(
    .tb-form-grid,
    .tb-studio-fields,
    .tb-product-main-fields,
    .tb-shop-fields,
    .tb-generation-context-grid,
    .tb-template-branch-fields,
    .tb-viral-compact-settings
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-generation-context-grid > * {
    grid-column: auto !important;
  }

  .toolbox-body .tb-main.tb-main-tool :where(.tb-btn, button, [role="button"]) {
    min-height: 44px;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-topic-hub > header {
    padding: 20px 12px !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-topic-hub > header h3 {
    font-size: 20px !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-topic-hub > header p {
    font-size: 13px !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-topic-search {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-topic-search :where(input, button) {
    width: 100% !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-replicate-mode-shell .tb-aicopy-modes {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 5px !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-replicate-mode-shell .tb-aicopy-modes > :where(button, a) {
    min-height: 58px !important;
  }

  .toolbox-body .tb-main.tb-main-tool :where(.tb-product-note-modes, .tb-yiju-tabs) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-main.tb-main-tool :where(
    .tb-upload-drop,
    .tb-upload-box,
    .tb-ecom-pro-upload,
    .tb-image-task-drop,
    .tb-photo-upload-card,
    .tb-wear-upload-block
  ) {
    min-height: 112px !important;
    max-height: 190px !important;
    padding: 12px !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-template-market-grid,
  .toolbox-body .tb-main.tb-main-tool .tb-popular-templates > div {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-template-market-copy {
    min-height: 56px !important;
    padding: 8px !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-template-market-hover {
    position: static !important;
    inset: auto !important;
    aspect-ratio: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    background: #f7f8fb !important;
    padding: 6px !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-template-market-hover :where(button, a) {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    border-color: #d9dde6 !important;
    background: #fff !important;
    padding-inline: 4px !important;
    font-size: 12px !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-selected-template {
    grid-template-columns: 64px minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-selected-template-actions {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .toolbox-body .tb-main.tb-main-tool :where(
    .tb-studio-submit,
    .tb-compose-submit,
    .tb-ecom-submit-bar,
    .tb-product-submit,
    .tb-form-actions.sticky-bottom,
    .tb-batch-classic-submit
  ) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
  }

  .toolbox-body .tb-main.tb-main-tool :where(
    .tb-studio-submit,
    .tb-compose-submit,
    .tb-ecom-submit-bar,
    .tb-product-submit,
    .tb-form-actions.sticky-bottom,
    .tb-batch-classic-submit
  ) :where(.tb-btn, button[type="submit"]) {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
  }

  .toolbox-body .tb-main.tb-main-tool :where(
    .tb-empty,
    .tb-tool-empty-state,
    .tb-result-state,
    .tb-image-result-empty,
    .tb-template-empty,
    .tb-template-market-empty,
    .tb-template-creator-empty,
    .tb-gallery-empty,
    .tb-ai-video-empty,
    .tb-ecom-pro-result,
    [data-empty-state]
  ) {
    min-height: 96px !important;
    padding: 14px !important;
  }
}

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

/* Template generators keep their output-mode control in normal document flow. */
.toolbox-body .tb-template-creator-form .tb-template-mode-section {
  display: grid !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.toolbox-body .tb-template-creator-form .tb-template-mode-section > header {
  display: flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
  min-width: 0 !important;
}

.toolbox-body .tb-template-creator-form .tb-template-mode-section > header > span {
  flex: 0 0 auto !important;
}

.toolbox-body .tb-template-creator-form .tb-template-mode-section > header > div {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

.toolbox-body .tb-template-creator-form .tb-template-mode-section > .tb-template-mode-row {
  position: static !important;
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 !important;
}

@media (max-width: 720px) {
  .toolbox-body .tb-template-creator-form .tb-template-mode-section > .tb-template-mode-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Chat design keeps version history operable on tablets and phones. */
@media (max-width: 1080px) {
  .toolbox-body .tb-ecom-chat-studio > aside {
    display: block !important;
    border-right: 0 !important;
    border-bottom: 1px solid #e1e5ec !important;
  }
}

@media (max-width: 720px) {
  .toolbox-body .tb-ecom-chat-studio > aside {
    padding: 12px !important;
  }

  .toolbox-body .tb-ecom-chat-studio [data-chat-version-list] {
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(154px, 74vw) !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    padding-bottom: 6px;
  }

  .toolbox-body .tb-ecom-chat-studio [data-chat-version-list] > * {
    scroll-snap-align: start;
  }
}

/* Text-only chat suggestions are compact light controls, not dark preview blocks. */
.toolbox-body .tb-ecom-chat-studio .tb-ecom-example-row > article {
  min-height: 132px !important;
  aspect-ratio: auto !important;
  display: grid !important;
  align-content: stretch !important;
  border: 1px solid #dfe4ec !important;
  background: #fff !important;
  color: #2f3848 !important;
  box-shadow: 0 5px 15px rgba(31, 38, 52, .055) !important;
}

.toolbox-body .tb-ecom-chat-studio .tb-ecom-example-row > article::after {
  display: none !important;
}

.toolbox-body .tb-ecom-chat-studio .tb-ecom-example-row > article > div:last-child {
  min-height: 128px !important;
  align-content: center !important;
  gap: 7px !important;
  background: linear-gradient(145deg, #fff, #f7f8fb) !important;
  color: #2f3848 !important;
  padding: 14px !important;
}

.toolbox-body .tb-ecom-chat-studio .tb-ecom-example-row > article:nth-child(1) {
  border-top: 3px solid #7657d5 !important;
}

.toolbox-body .tb-ecom-chat-studio .tb-ecom-example-row > article:nth-child(2) {
  border-top: 3px solid #d45a48 !important;
}

.toolbox-body .tb-ecom-chat-studio .tb-ecom-example-row > article:nth-child(3) {
  border-top: 3px solid #328b83 !important;
}

.toolbox-body .tb-ecom-chat-studio .tb-ecom-example-row > article:nth-child(4) {
  border-top: 3px solid #3f6ea9 !important;
}

.toolbox-body .tb-ecom-chat-studio .tb-ecom-example-row > article :where(span, strong, em) {
  color: inherit !important;
  text-shadow: none !important;
}

.toolbox-body .tb-ecom-chat-studio .tb-ecom-example-row > article span {
  border: 1px solid #e0e4ec !important;
  background: #f3f5f8 !important;
}

.toolbox-body .tb-ecom-chat-studio .tb-ecom-example-row > article strong {
  font-size: 15px !important;
  line-height: 1.35 !important;
}

.toolbox-body .tb-ecom-chat-studio .tb-ecom-example-row > article em {
  color: #6d7787 !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}

/* 20260718 production browser acceptance fixes. */
.toolbox-body .tb-template-market-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 18px;
}

.toolbox-body .tb-template-market-pagination :where(a, span, strong) {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid #dce1e9;
  border-radius: 8px;
  background: #fff;
  color: #3f4857;
  padding: 0 14px;
  font-size: 12px;
  text-decoration: none;
}

.toolbox-body .tb-template-market-pagination a:is(:hover, :focus-visible) {
  border-color: #aa97e6;
  background: #faf8ff;
  outline: none;
}

.toolbox-body .tb-template-market-pagination span[aria-disabled="true"] {
  color: #a0a7b3;
  background: #f5f6f8;
}

.toolbox-body a.is-navigating {
  pointer-events: none;
  opacity: .82;
}

.toolbox-body a.is-navigating .bi-arrow-repeat {
  animation: tb-template-link-spin .8s linear infinite;
}

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

.toolbox-body .tb-product-sample-grid .tb-product-sample-visual {
  min-width: 0 !important;
  display: block !important;
  overflow: hidden !important;
  border: 1px solid #e0e4eb !important;
  border-radius: 8px !important;
  background: #fff !important;
  padding: 0 !important;
  box-shadow: 0 4px 12px rgba(31, 38, 52, .055) !important;
}

.toolbox-body .tb-product-sample-grid .tb-product-sample-visual > img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 3 / 4 !important;
  display: block !important;
  object-fit: cover !important;
  background: #eef1f5 !important;
}

.toolbox-body .tb-product-sample-grid .tb-product-sample-visual > div {
  display: grid !important;
  gap: 3px !important;
  padding: 9px 10px 10px !important;
}

.toolbox-body .tb-product-sample-grid .tb-product-sample-visual > div strong {
  color: #303847 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

.toolbox-body .tb-product-sample-grid .tb-product-sample-visual > div span {
  color: #747e8d !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}

.toolbox-body .tb-product-submit .tb-btn.primary small {
  background: rgba(255, 255, 255, .18) !important;
  color: #fff !important;
  opacity: 1 !important;
}

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

.toolbox-body .tb-media-download-summary-actions > strong {
  color: #198754;
  font-size: 12px;
  white-space: nowrap;
}

.toolbox-body .tb-media-download-all {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-radius: 8px;
  padding-inline: 16px;
  box-shadow: 0 6px 14px rgba(207, 57, 47, .16);
}

.toolbox-body .tb-media-download-all small {
  border-left: 1px solid rgba(255, 255, 255, .34);
  color: #fff;
  padding-left: 8px;
  font-size: 10px;
  opacity: .9;
}

.toolbox-body .tb-media-download-all.is-loading .bi {
  animation: tb-template-link-spin .8s linear infinite;
}

.toolbox-body .tb-product-note-reference .tb-product-submit > label,
.toolbox-body .tb-product-note-reference .tb-product-submit select {
  min-height: 44px !important;
}

.toolbox-body .tb-task-table td[data-label]::before {
  display: none;
}

@media (max-width: 720px) {
  .toolbox-body .tb-media-download-summary-actions {
    width: 100%;
    align-items: stretch;
    flex-direction: column;
  }

  .toolbox-body .tb-media-download-summary-actions > strong {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
  }

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

  .toolbox-body .tb-main.tb-main-tool .tb-generation-context-grid,
  .toolbox-body :where(.tb-yiju-reference, .tb-product-note-reference, .tb-template-reference) .tb-generation-context-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-context-picker,
  .toolbox-body :where(.tb-yiju-reference, .tb-product-note-reference, .tb-template-reference) .tb-context-picker {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: none !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-context-picker > summary {
    width: 100% !important;
    min-height: 48px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    border-radius: 8px !important;
    padding: 6px 11px !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-context-picker > summary > span {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    overflow: visible !important;
    color: #3d4553 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-context-picker > summary > em {
    flex: 0 0 auto !important;
    color: #6d7480 !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  .toolbox-body .tb-template-creator-options :where(label, select) {
    min-height: 44px !important;
  }

  .toolbox-body .tb-reference-examples .tb-product-sample-grid {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 10px !important;
    overflow-x: auto !important;
    scroll-snap-type: x proximity;
    padding-bottom: 6px !important;
  }

  .toolbox-body .tb-reference-examples .tb-product-sample-grid .tb-product-sample-visual {
    flex: 0 0 152px !important;
    scroll-snap-align: start;
  }

  .toolbox-body .tb-task-table td[data-label]::before {
    content: attr(data-label) "：";
    display: inline-flex;
    flex: 0 0 auto;
    color: #7a8494;
    font-size: 10px;
    font-weight: 650;
  }

  .toolbox-body .tb-task-table td:nth-child(3),
  .toolbox-body .tb-task-table td:nth-child(4),
  .toolbox-body .tb-task-table td:nth-child(5) {
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .toolbox-body .tb-task-table td:nth-child(5) {
    justify-self: end;
  }

  .toolbox-body .tb-agree-line a,
  .toolbox-body .tb-video-agreement a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    padding-inline: 3px;
  }

  .toolbox-body .tb-template-market-pagination {
    gap: 7px;
  }

  .toolbox-body .tb-template-market-pagination :where(a, span, strong) {
    min-height: 44px;
    padding-inline: 10px;
  }
}

/* AI replicate result workbench: complete source gallery and focused creation flow. */
.toolbox-body .tb-main.tb-main-tool .tb-replicate-workbench {
  display: grid !important;
  grid-template-columns: minmax(340px, 390px) minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 16px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-workbench > section {
  min-width: 0 !important;
  overflow: visible !important;
  border: 1px solid #e0e4eb !important;
  border-radius: 10px !important;
  background: #fff !important;
  padding: 14px !important;
  box-shadow: 0 8px 24px rgba(31, 38, 52, .06) !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-source-panel {
  position: sticky !important;
  top: 12px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-panel-head {
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 12px;
  border-bottom: 1px solid #edf0f4;
  padding: 0 0 11px;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-panel-head > span {
  min-width: 42px;
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ded6f5;
  border-radius: 7px;
  background: #f7f4ff;
  color: #6745bd;
  font-size: 11px;
  font-weight: 750;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-panel-head > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-panel-head h3 {
  margin: 0 !important;
  color: #2d3441 !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-panel-head small {
  color: #858d9a;
  font-size: 10px;
  line-height: 1.4;
}

.toolbox-body .tb-main.tb-main-tool .tb-original-card-v2 {
  display: grid !important;
  gap: 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-original-card-v2 :where(.tb-parsed-media, .tb-parsed-copy, .tb-parsed-actions) {
  border-color: #e5e8ee !important;
  border-radius: 8px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-original-card-v2 .tb-parsed-media {
  padding: 10px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-parsed-summary {
  min-height: 36px;
  border: 0 !important;
  border-radius: 7px !important;
  background: #f6f7fa !important;
  padding: 6px 8px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-parsed-summary span {
  border-radius: 6px !important;
  background: #eee9ff !important;
  color: #6745bd !important;
  font-size: 10px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-parsed-summary strong {
  color: #4a5260 !important;
  font-size: 11px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-parsed-media-gallery,
.toolbox-body .tb-main.tb-main-tool .tb-parsed-media-gallery.count-4-plus {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
  max-height: min(42vh, 460px);
  overflow-y: auto;
  margin-top: 8px !important;
  padding-right: 3px;
  scrollbar-width: thin;
}

.toolbox-body .tb-main.tb-main-tool .tb-parsed-media-gallery a {
  min-width: 0 !important;
  aspect-ratio: 3 / 4 !important;
  border-radius: 6px !important;
  background: #eef1f5 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-parsed-media-gallery img {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: cover !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-parsed-media-gallery[data-count="1"] {
  grid-template-columns: minmax(0, 210px) !important;
  justify-content: center;
}

.toolbox-body .tb-main.tb-main-tool .tb-parsed-media-gallery[data-count="2"] {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-parsed-media-gallery[data-count="3"] {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-parsed-media-gallery[data-count="3"] a:first-child {
  grid-row: auto !important;
  grid-column: auto !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-original-copy-head {
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-bottom: 1px solid #edf0f4;
  padding: 0 10px;
}

.toolbox-body .tb-main.tb-main-tool .tb-original-copy-head strong {
  color: #353d4a;
  font-size: 12px;
}

.toolbox-body .tb-main.tb-main-tool .tb-original-copy-head span {
  color: #8a929f;
  font-size: 10px;
}

.toolbox-body .tb-main.tb-main-tool .tb-original-card-v2 .tb-original-text {
  max-height: 240px !important;
  display: grid;
  gap: 9px;
  border-radius: 0 !important;
  background: #fff !important;
  padding: 10px !important;
  font-size: 11px !important;
  line-height: 1.65 !important;
  scrollbar-width: thin;
}

.toolbox-body .tb-main.tb-main-tool .tb-original-card-v2 .tb-original-text p {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 8px;
  margin: 0 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-original-card-v2 .tb-original-text p > strong {
  color: #353d4a;
  font-size: 11px;
}

.toolbox-body .tb-main.tb-main-tool .tb-original-card-v2 .tb-original-text p > span {
  min-width: 0;
  color: #687181;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-main.tb-main-tool .tb-original-card-v2 .tb-parsed-actions {
  min-height: 44px !important;
  margin-top: 0 !important;
  color: #818996 !important;
  padding: 6px 8px 6px 10px !important;
  font-size: 10px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-compose-form {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.toolbox-body .tb-main.tb-main-tool .tb-copy-settings {
  display: grid !important;
  gap: 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-setting-card {
  min-width: 0;
  display: grid;
  gap: 10px;
  border: 1px solid #e5e8ee;
  border-radius: 9px;
  background: #fff;
  padding: 12px;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-setting-card > header {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 9px;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-setting-card > header > span {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: inline-grid;
  place-items: center;
  border-radius: 7px;
  background: #f0ecff;
  color: #6946bf;
  font-size: 10px;
  font-weight: 800;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-setting-card > header > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-setting-card > header strong {
  color: #343b48;
  font-size: 13px;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-setting-card > header small {
  color: #8b929f;
  font-size: 10px;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-context-card .tb-generation-context {
  border: 0 !important;
  border-top: 1px solid #edf0f4 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 10px 0 0 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-field-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 14px;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-field-grid > .full {
  grid-column: 1 / -1;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-field-grid.compact .tb-setting-row {
  border-bottom: 0 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-setting-card .tb-setting-row {
  min-height: 44px !important;
  display: flex !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
  gap: 7px 10px !important;
  border-bottom: 1px solid #eef0f4 !important;
  padding: 8px 0 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-setting-card .tb-setting-row:last-child {
  border-bottom: 0 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-setting-card .tb-setting-row > strong {
  width: 82px !important;
  min-height: 30px !important;
  flex: 0 0 82px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #48505d !important;
  padding: 3px 0 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-setting-card .tb-setting-choice-row > label {
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  border: 1px solid #dfe3ea !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: #5b6370 !important;
  padding: 6px 9px !important;
  box-shadow: none !important;
  font-size: 11px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-setting-card .tb-setting-choice-row > label:has(input:checked) {
  border-color: #b9a8e9 !important;
  background: #f7f4ff !important;
  color: #6140b1 !important;
  box-shadow: 0 3px 9px rgba(99, 69, 181, .08) !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-setting-card .tb-setting-choice-row > label.required-filter {
  border-color: #cce4d8 !important;
  background: #f3faf6 !important;
  color: #26704e !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-setting-card .tb-setting-row :where(input:not([type="radio"]):not([type="checkbox"]), select, textarea) {
  min-width: 0 !important;
  min-height: 40px !important;
  flex: 1 1 220px !important;
  border-color: #dfe3ea !important;
  border-radius: 7px !important;
  padding: 8px 10px !important;
  font-size: 12px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-setting-card .tb-setting-row textarea {
  min-height: 92px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-setting-card .tb-setting-row .tb-help {
  flex-basis: 100% !important;
  margin: -2px 0 0 92px !important;
  color: #9299a5 !important;
  font-size: 10px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-quick-card .tb-rewrite-templates {
  border: 0 !important;
  border-top: 1px solid #edf0f4 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 10px 0 0 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-quick-card .tb-rewrite-template-head {
  display: none !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-quick-card .tb-rewrite-template-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 8px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-quick-card .tb-rewrite-template {
  min-width: 0 !important;
  min-height: 72px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: center !important;
  justify-items: start !important;
  gap: 4px !important;
  border-radius: 7px !important;
  padding: 10px 12px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  white-space: normal !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-quick-card .tb-rewrite-template :where(b, span) {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  text-overflow: clip !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-quick-card .tb-rewrite-template b {
  line-height: 1.35 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-quick-card .tb-rewrite-template span {
  line-height: 1.45 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-reference-card .ref-row {
  display: block !important;
  border-bottom: 0 !important;
  padding: 0 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-reference-card .tb-ref-editor {
  min-width: 0;
  gap: 9px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-reference-card .tb-ref-grid {
  min-width: 0;
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: 92px !important;
  grid-template-columns: none !important;
  gap: 8px !important;
  overflow-x: auto !important;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x proximity;
  padding: 2px 2px 7px !important;
  scrollbar-width: thin;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-reference-card .tb-ref-card {
  min-width: 0 !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: 116px 28px !important;
  border-radius: 7px !important;
  scroll-snap-align: start;
  box-shadow: none !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-reference-card .tb-ref-card > b {
  position: absolute;
  z-index: 3;
  top: 6px;
  right: 6px;
  min-width: 20px;
  height: 20px;
  display: inline-grid;
  place-items: center;
  border-radius: 6px;
  background: rgba(30, 36, 48, .72);
  color: #fff;
  font-size: 11px;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-reference-card .tb-ref-card > img {
  width: 100% !important;
  height: 116px !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-reference-card .tb-ref-card > span {
  min-height: 28px !important;
  font-size: 11px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-reference-card .tb-ref-uploader {
  min-height: 52px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 4px 12px !important;
  border-color: #cfd5df !important;
  border-radius: 7px !important;
  background: #fafbfc !important;
  padding: 8px 11px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-reference-card .tb-ref-uploader strong {
  min-height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #5f43af !important;
  font-size: 11px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-reference-card .tb-ref-uploader > span {
  color: #8b929e !important;
  font-size: 10px !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-compose-form .tb-generate-footer {
  position: static !important;
  z-index: auto !important;
  min-width: 0 !important;
  min-height: 68px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 300px) !important;
  align-items: center !important;
  gap: 8px 12px !important;
  border: 1px solid #ded6f4 !important;
  border-radius: 9px !important;
  background: #fbfaff !important;
  margin: 0 !important;
  padding: 10px !important;
  box-shadow: none !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-compose-form .tb-generate-footer > span:first-child {
  color: #5f6673 !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-compose-form .tb-generate-footer .tb-btn.primary {
  min-width: 0 !important;
  width: 100% !important;
  min-height: 46px !important;
  border-radius: 8px !important;
  background: #d34238 !important;
  border-color: #d34238 !important;
  box-shadow: 0 7px 16px rgba(211, 66, 56, .17) !important;
}

.toolbox-body .tb-main.tb-main-tool .tb-replicate-compose-form .tb-generate-footer .tb-status:not(:empty) {
  grid-column: 1 / -1;
}

/* Membership checkout stays on the current page and exposes real package/order state. */
.tb-membership-checkout-dialog[open] {
  width: min(1120px, calc(100vw - 32px));
  max-width: none;
  max-height: calc(100dvh - 24px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  border: 1px solid #d9ddea;
  border-radius: 12px;
  overflow: hidden;
}

.tb-membership-checkout-dialog:not([open]) {
  display: none;
}

.tb-membership-checkout-dialog > .tb-membership-banner {
  min-height: 68px;
  border-bottom: 0;
  background: linear-gradient(110deg, #6639b9 0%, #aa2d8f 52%, #e73b58 100%);
  padding: 10px 18px 10px 22px;
}

.tb-membership-checkout-dialog > .tb-membership-banner :where(span, strong) {
  color: #fff;
}

.tb-membership-checkout-dialog > .tb-membership-banner span {
  opacity: .78;
}

.tb-membership-checkout-dialog > .tb-membership-banner strong {
  font-size: 18px;
}

.tb-membership-checkout-dialog > .tb-membership-banner > button {
  border-color: rgba(255, 255, 255, .38);
  background: rgba(255, 255, 255, .14);
  color: #fff;
}

.tb-membership-checkout {
  min-height: 0;
  overflow-y: auto;
  background: #f7f8fb;
  padding: 16px;
  scrollbar-width: thin;
}

.tb-membership-reason {
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 9px;
  border: 1px solid #ded6f4;
  border-radius: 8px;
  background: #f8f5ff;
  color: #5e479b;
  padding: 8px 12px;
}

.tb-membership-reason p {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}

.tb-membership-loading {
  min-height: 260px;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 12px;
  color: #687181;
}

.tb-membership-loading > span {
  width: 34px;
  height: 34px;
  border: 3px solid #e3dafa;
  border-top-color: #7652d2;
  border-radius: 50%;
  animation: tb-template-link-spin .8s linear infinite;
}

.tb-membership-package-section {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.tb-membership-package-section > header {
  min-height: 34px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.tb-membership-package-section > header span {
  color: #303744;
  font-size: 15px;
  font-weight: 800;
}

.tb-membership-package-section > header strong {
  color: #89919e;
  font-size: 11px;
  font-weight: 500;
}

.tb-membership-package-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.tb-membership-package-card {
  position: relative;
  min-width: 0;
  min-height: 210px;
  display: grid;
  align-content: start;
  gap: 8px;
  overflow: hidden;
  border: 1px solid #dfe3ea;
  border-radius: 10px;
  background: #fff;
  color: #424a58;
  padding: 16px;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 5px 16px rgba(31, 38, 52, .045);
  transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.tb-membership-package-card:is(:hover, :focus-visible) {
  border-color: #b9a5ef;
  outline: none;
  box-shadow: 0 8px 20px rgba(67, 48, 111, .09);
  transform: translateY(-1px);
}

.tb-membership-package-card:focus-visible {
  box-shadow: 0 0 0 3px rgba(129, 85, 231, .18), 0 8px 20px rgba(67, 48, 111, .09);
}

.tb-membership-package-card.selected,
.tb-membership-package-card.recommended.selected {
  border: 2px solid #8a5af0;
  background: linear-gradient(145deg, #fff, #fbf7ff);
  padding: 15px;
  box-shadow: 0 8px 22px rgba(109, 73, 199, .12);
}

.tb-membership-package-card > em {
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 999px;
  background: #a346c4;
  color: #fff;
  padding: 4px 8px;
  font-size: 11px;
  font-style: normal;
  font-weight: 750;
}

.tb-membership-package-card > strong {
  color: #333a47;
  font-size: 15px;
}

.tb-membership-package-card > div {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 7px;
}

.tb-membership-package-card > div b {
  color: #8155e7;
  font-size: 27px;
  line-height: 1.2;
}

.tb-membership-package-card > div del {
  color: #a0a6b0;
  font-size: 11px;
}

.tb-membership-package-card > p {
  margin: 0;
  color: #747d8b;
  font-size: 11px;
  line-height: 1.45;
}

.tb-membership-package-card > ul {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tb-membership-package-card > ul li {
  color: #606977;
  font-size: 10px;
  line-height: 1.45;
}

.tb-membership-package-card > ul li::before {
  content: "✓";
  margin-right: 5px;
  color: #2f8a62;
  font-weight: 800;
}

.tb-membership-package-card > small {
  align-self: end;
  color: #694ab9;
  font-size: 10px;
  font-weight: 750;
}

.tb-membership-order {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(270px, .76fr) minmax(0, 1.6fr);
  gap: 12px;
  margin-top: 14px;
  border: 1px solid #dfe3ea;
  border-radius: 10px;
  background: #fff;
  padding: 14px;
}

.tb-membership-payment-visual {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 8px;
}

.tb-membership-qr-placeholder {
  min-height: 230px;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 8px;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  background: #fafbfc;
  color: #727b89;
  padding: 18px;
  text-align: center;
}

.tb-membership-qr-placeholder i {
  color: #7652d2;
  font-size: 42px;
}

.tb-membership-qr-placeholder strong {
  color: #444c5a;
  font-size: 12px;
}

.tb-membership-qr-placeholder span,
.tb-membership-payment-visual > a {
  color: #8b929e;
  font-size: 10px;
  line-height: 1.5;
}

.tb-membership-payment-visual > a {
  width: fit-content;
  border-radius: 5px;
  padding: 3px 5px;
}

.tb-membership-payment-visual > a:is(:hover, :focus-visible) {
  background: #f0ebff;
  color: #6840c0;
  outline: none;
}

.tb-payment-qr-canvas {
  width: 190px;
  height: 190px;
  border: 8px solid #fff;
  border-radius: 8px;
  box-shadow: 0 4px 18px rgba(34, 39, 51, .1);
}

.tb-membership-order-summary {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 10px;
}

.tb-membership-order-summary > header {
  min-height: 38px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid #edf0f4;
  padding-bottom: 8px;
}

.tb-membership-order-summary > header :where(span, a) {
  color: #7a8390;
  font-size: 10px;
}

.tb-membership-order-summary > header strong {
  color: #5f43af;
  font-size: 12px;
}

.tb-membership-payable {
  display: grid;
  gap: 4px;
}

.tb-membership-payable > span {
  color: #7c8491;
  font-size: 11px;
}

.tb-membership-payable > strong {
  color: #8155e7;
  font-size: 30px;
}

.tb-membership-payable > p {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

.tb-membership-payable :where(del, em) {
  color: #9aa1ad;
  font-size: 10px;
  font-style: normal;
}

.tb-membership-payable em:not(:empty) {
  border-radius: 5px;
  background: #edf8f1;
  color: #278456;
  padding: 3px 6px;
}

.tb-membership-channel-list {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 8px;
  border: 0;
  margin: 0;
  padding: 0;
}

.tb-membership-channel-list legend {
  width: 100%;
  color: #4b5360;
  font-size: 11px;
  font-weight: 750;
}

.tb-membership-channel-list > label {
  min-width: 150px;
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  background: #fff;
  padding: 7px 9px;
  cursor: pointer;
  transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.tb-membership-channel-list > label:is(:hover, :focus-within) {
  border-color: #b7a4ec;
  box-shadow: 0 0 0 3px rgba(129, 85, 231, .1);
}

.tb-membership-channel-list > label:has(input:checked) {
  border-color: #b7a4ec;
  background: #f8f5ff;
}

.tb-membership-channel-list > label span {
  display: grid;
  gap: 2px;
}

.tb-membership-channel-list > label strong {
  color: #424a57;
  font-size: 11px;
}

.tb-membership-channel-list > label small {
  color: #89919e;
  font-size: 11px;
}

.tb-membership-order-note {
  display: grid;
  gap: 3px;
  border: 1px solid #cee9dc;
  border-radius: 6px;
  background: #f3faf6;
  padding: 8px 10px;
}

.tb-membership-order-note strong {
  color: #2d6f53;
  font-size: 11px;
}

.tb-membership-order-note span,
.tb-membership-agreement {
  color: #6f7886;
  font-size: 10px;
  line-height: 1.55;
}

.tb-membership-agreement {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  border: 1px solid #e5e7ed;
  border-radius: 7px;
  background: #fafbfc;
  padding: 8px 10px;
  cursor: pointer;
}

.tb-membership-agreement:focus-within {
  border-color: #aa90e8;
  box-shadow: 0 0 0 3px rgba(129, 85, 231, .1);
}

.tb-membership-agreement > input {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #8155e7;
}

.tb-membership-agreement > span {
  min-width: 0;
}

.tb-membership-agreement a {
  color: #6840c0;
  font-weight: 650;
  text-decoration: none;
}

.tb-membership-agreement a:is(:hover, :focus-visible) {
  color: #4d269d;
  text-decoration: underline;
  outline: none;
}

.tb-membership-submit {
  width: 100%;
  min-height: 46px;
  border: 0;
  border-radius: 8px;
  background: #8155e7;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 7px 16px rgba(129, 85, 231, .2);
  transition: background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.tb-membership-submit:not(:disabled):is(:hover, :focus-visible) {
  background: #6f43d5;
  box-shadow: 0 9px 20px rgba(103, 64, 196, .26);
  outline: none;
  transform: translateY(-1px);
}

.tb-membership-submit:not(:disabled):active {
  transform: translateY(0);
}

.tb-membership-submit[aria-busy="true"] {
  cursor: wait;
}

.tb-membership-submit:disabled {
  background: #d9d2ef;
  box-shadow: none;
  cursor: not-allowed;
}

.tb-membership-error {
  margin-top: 12px;
  border: 1px solid #efc5ca;
  border-radius: 8px;
  background: #fff5f6;
  color: #b33d4d;
  padding: 10px;
  font-size: 12px;
}

@media (max-width: 1080px) {
  .toolbox-body .tb-main.tb-main-tool .tb-replicate-workbench {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-replicate-source-panel {
    position: static !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-parsed-media-gallery,
  .toolbox-body .tb-main.tb-main-tool .tb-parsed-media-gallery.count-4-plus {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    max-height: none;
  }
}

@media (max-width: 720px) {
  .toolbox-body .tb-main.tb-main-tool .tb-replicate-workbench {
    gap: 10px !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-replicate-workbench > section {
    border-right: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    padding: 12px !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-parsed-media-gallery,
  .toolbox-body .tb-main.tb-main-tool .tb-parsed-media-gallery.count-4-plus,
  .toolbox-body .tb-main.tb-main-tool .tb-parsed-media-gallery[data-count="3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    max-height: none;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-replicate-quick-card .tb-rewrite-template-grid,
  .toolbox-body .tb-main.tb-main-tool .tb-replicate-field-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-replicate-field-grid > .full {
    grid-column: auto;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-replicate-setting-card .tb-setting-row > strong {
    width: 100% !important;
    flex-basis: 100% !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-replicate-setting-card .tb-setting-row .tb-help {
    margin-left: 0 !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-replicate-reference-card .tb-ref-grid {
    grid-auto-columns: 104px !important;
  }

  .toolbox-body .tb-main.tb-main-tool .tb-replicate-compose-form .tb-generate-footer {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .tb-membership-checkout-dialog[open] {
    width: calc(100vw - 12px);
    max-height: calc(100dvh - 12px);
    border-radius: 10px;
  }

  .tb-membership-checkout-dialog > .tb-membership-banner {
    min-height: 62px;
    padding: 8px 10px 8px 13px;
  }

  .tb-membership-checkout-dialog > .tb-membership-banner strong {
    font-size: 14px;
  }

  .tb-membership-checkout {
    padding: 10px;
  }

  .tb-membership-package-grid {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 6px;
  }

  .tb-membership-package-card {
    flex: 0 0 min(280px, 82vw);
    min-height: 200px;
    scroll-snap-align: start;
  }

  .tb-membership-order {
    grid-template-columns: minmax(0, 1fr);
    padding: 10px;
  }

  .tb-membership-qr-placeholder {
    min-height: 150px;
  }

  .tb-membership-order-summary > header {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .tb-membership-order-summary > header > span {
    grid-column: 1 / -1;
  }

  .tb-membership-channel-list > label {
    min-width: min(100%, 150px);
    flex: 1 1 140px;
  }

  .tb-membership-agreement {
    align-items: flex-start;
    min-height: 44px;
  }
}

/* Standalone replicate creation step. */
.toolbox-body .tb-replicate-operation-page {
  display: grid;
  gap: 12px;
}

.toolbox-body .tb-replicate-operation-head {
  min-height: 64px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  border: 1px solid #e3e6ec;
  border-radius: 8px;
  background: #fff;
  padding: 10px 12px;
  box-shadow: 0 8px 24px rgba(31, 38, 51, .05);
}

.toolbox-body .tb-replicate-operation-head > div {
  min-width: 0;
}

.toolbox-body .tb-replicate-operation-head h2,
.toolbox-body .tb-replicate-operation-head p {
  margin: 0;
  letter-spacing: 0;
}

.toolbox-body .tb-replicate-operation-head h2 {
  color: #252b36;
  font-size: 17px;
  line-height: 1.35;
}

.toolbox-body .tb-replicate-operation-head p {
  margin-top: 2px;
  color: #7a8493;
  font-size: 11px;
  line-height: 1.5;
}

.toolbox-body .tb-replicate-operation-head > .tb-btn {
  min-height: 40px;
  white-space: nowrap;
}

@media (max-width: 720px) {
  .toolbox-body .tb-replicate-operation-page {
    gap: 8px;
  }

  .toolbox-body .tb-replicate-operation-head {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    padding: 10px 12px;
  }

  .toolbox-body .tb-replicate-operation-head > div {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  .toolbox-body .tb-replicate-operation-head > .tb-btn {
    grid-row: 2;
    min-height: 44px;
  }
}

/* Ecommerce suite: white-background product photos are inputs; these are finished outputs. */
.toolbox-body .tb-ecom-suite-example-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.toolbox-body .tb-ecom-suite-example-row > figure {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(28, 35, 48, .07);
}

.toolbox-body .tb-ecom-suite-example-row .tb-ecom-suite-image {
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
  border-bottom: 1px solid #e5e8ed;
  background: #eef1f5;
}

.toolbox-body .tb-ecom-suite-example-row .tb-ecom-suite-image > img {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  display: block;
  object-fit: cover;
  transition: transform 180ms ease;
}

.toolbox-body .tb-ecom-suite-example-row > figure:hover .tb-ecom-suite-image > img {
  transform: scale(1.025);
}

.toolbox-body .tb-ecom-suite-example-row figcaption {
  min-height: 62px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  padding: 9px;
}

.toolbox-body .tb-ecom-suite-example-row figcaption > span {
  position: static;
  inset: auto;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #f0edff;
  color: #6d52d9;
  padding: 0;
  font-size: 10px;
  font-weight: 800;
}

.toolbox-body .tb-ecom-suite-example-row figcaption > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.toolbox-body .tb-ecom-suite-example-row figcaption strong {
  color: #282f3b;
  font-size: 12px;
  line-height: 1.35;
}

.toolbox-body .tb-ecom-suite-example-row figcaption small {
  overflow: hidden;
  color: #7a8492;
  font-size: 11px;
  line-height: 1.45;
  text-overflow: ellipsis;
}

.toolbox-body .tb-ecom-pro-cases:not([hidden]):has(.tb-ecom-suite-example-row) {
  display: block;
}

@media (max-width: 768px) {
  .toolbox-body .tb-ecom-suite-example-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .toolbox-body .tb-ecom-suite-example-row figcaption {
    min-height: 58px;
    padding: 8px;
  }
}

@media (min-width: 721px) and (max-width: 1500px) {
  .toolbox-body .tb-main.tb-main-tool .tb-replicate-quick-card .tb-rewrite-template-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Creator layout r7: one clear input surface and one consistent action bar. */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page {
  --creator-border: #e4e6eb;
  --creator-muted: #7b8190;
  --creator-text: #252934;
  --creator-accent: #eb5a2a;
  width: min(1180px, 100%);
  display: grid;
  gap: 12px;
  margin: 0 auto;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page > .tb-v6-pagehead {
  min-height: auto !important;
  display: grid !important;
  gap: 4px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 4px 2px 8px !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page > .tb-v6-pagehead::before,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page > .tb-v6-pagehead::after,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-v6-pagehead-kicker,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-v6-pagehead-meta {
  display: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page > .tb-v6-pagehead h2 {
  margin: 0 !important;
  color: var(--creator-text) !important;
  font-size: 20px !important;
  font-weight: 760 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page > .tb-v6-pagehead p {
  max-width: 780px !important;
  margin: 0 !important;
  color: var(--creator-muted) !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page > .tb-tool-workbench,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-v6-main-panel {
  width: 100% !important;
  display: block !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page :where(
  .tb-reference-pagehead,
  .tb-tool-flow-head,
  .tb-ecom-title,
  .tb-ecom-promo,
  .tb-design-tabs,
  .tb-precision-studio > header,
  .tb-product-note-hero,
  .tb-image-home-head,
  .tb-ai-video-workbench > header,
  .tb-product-talk-studio > header
) {
  display: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page :where(
  form.tb-specific-form,
  form[data-ajax]
) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 1px solid var(--creator-border) !important;
  border-radius: 8px !important;
  background: #fff !important;
  padding: 16px !important;
  box-shadow: 0 8px 24px rgba(31, 36, 48, .05) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page :where(
  .tb-reference-creator-card,
  .tb-product-note-form,
  .tb-product-note-layout,
  .tb-product-note-card,
  .tb-product-core-grid,
  .tb-ecom-board,
  .tb-ecom-product-panel,
  .tb-ecom-textareas,
  .tb-ecom-settings,
  .tb-precision-layout,
  .tb-precision-fields,
  .tb-precision-lower,
  .tb-image-task-layout,
  .tb-image-home-layout,
  .tb-ai-video-layout,
  .tb-product-talk-layout
) {
  max-width: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-reference-notice,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-precision-tip,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-tool-quick-actions {
  display: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
  select,
  textarea
) {
  border: 1px solid #dfe2e8 !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: var(--creator-text) !important;
  box-shadow: none !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
  select
) {
  min-height: 42px !important;
  padding: 0 12px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page textarea {
  min-height: 104px !important;
  padding: 12px !important;
  line-height: 1.65 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page :where(input, select, textarea):focus {
  border-color: #ef8b69 !important;
  outline: 3px solid rgba(235, 90, 42, .1) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page :where(
  .tb-product-note-modes,
  .tb-yiju-tabs,
  .tb-template-mode-row,
  .tb-precision-tabs
) {
  width: fit-content !important;
  max-width: 100% !important;
  display: flex !important;
  gap: 0 !important;
  margin: 0 0 16px !important;
  overflow-x: auto !important;
  border: 1px solid #e0e2e7 !important;
  border-radius: 7px !important;
  background: #f6f7f9 !important;
  padding: 3px !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-product-note-modes > label {
  flex: 0 0 auto !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-product-plan-card,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page :where(.tb-yiju-tabs, .tb-template-mode-row) > label > span,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-precision-tabs > button {
  min-width: 116px !important;
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: transparent !important;
  color: #666d7a !important;
  padding: 0 14px !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-product-note-modes input:checked + .tb-product-plan-card,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page :where(.tb-yiju-tabs, .tb-template-mode-row) input:checked + span,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-precision-tabs > button.active {
  background: #fff !important;
  color: #d94e22 !important;
  box-shadow: 0 1px 4px rgba(28, 32, 42, .1) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-product-plan-card :where(
  .tb-product-plan-visual,
  .tb-product-plan-copy p,
  .tb-product-plan-copy div,
  .tb-product-plan-badge,
  .tb-product-plan-price,
  .tb-product-plan-check
) {
  display: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-product-plan-copy strong {
  color: inherit !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-generation-context {
  margin: 12px 0 !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-generation-context > header,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-context-selection-empty {
  display: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-generation-context-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-context-picker {
  flex: 0 1 220px !important;
  margin: 0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-context-picker > summary {
  min-height: 40px !important;
  border: 1px solid #e0e2e7 !important;
  border-radius: 7px !important;
  background: #fff !important;
  padding: 0 12px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-product-core-grid {
  display: grid !important;
  grid-template-columns: minmax(180px, .34fr) minmax(0, 1fr) !important;
  gap: 16px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page :where(.tb-product-core-upload, .tb-product-core-copy) {
  min-width: 0 !important;
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page :where(.tb-product-core-upload, .tb-product-core-copy) > header {
  min-height: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-reference-main-input textarea {
  min-height: 152px !important;
  padding: 12px 44px 30px 12px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-upload-drop,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page [data-commercial-upload] {
  min-height: 104px !important;
  border: 1px dashed #cfd3dc !important;
  border-radius: 7px !important;
  background: #fafbfc !important;
  padding: 12px !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-reference-advanced {
  margin: 16px 0 0 !important;
  border: 1px solid #e5e7ec !important;
  border-radius: 7px !important;
  background: #fafbfc !important;
  padding: 0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-reference-advanced > summary {
  min-height: 44px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page :where(
  .tb-form-actions,
  .tb-studio-submit,
  .tb-product-submit,
  .tb-compose-submit,
  .tb-ecom-submit-bar,
  .tb-generate-footer,
  .tb-batch-classic-submit
) {
  position: sticky !important;
  z-index: 30 !important;
  bottom: 12px !important;
  min-height: 64px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 16px 0 0 !important;
  border: 1px solid #e1e3e8 !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .96) !important;
  padding: 10px 12px !important;
  box-shadow: 0 10px 28px rgba(27, 31, 42, .11) !important;
  backdrop-filter: blur(12px) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page :where(
  .tb-form-actions,
  .tb-studio-submit,
  .tb-product-submit,
  .tb-compose-submit,
  .tb-ecom-submit-bar,
  .tb-generate-footer,
  .tb-batch-classic-submit
) > :first-child:not(button):not(.tb-btn):not(label):not(select) {
  margin-right: auto !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-btn.primary {
  min-height: 42px !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: #eb5a2a !important;
  color: #fff !important;
  padding: 0 20px !important;
  box-shadow: 0 5px 12px rgba(235, 90, 42, .2) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-btn.primary:hover {
  background: #d94d20 !important;
  transform: translateY(-1px) !important;
}

.toolbox-body .tb-commercial-upload-dialog {
  width: min(680px, calc(100vw - 32px)) !important;
  max-height: min(720px, calc(100dvh - 32px)) !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #fff !important;
  padding: 0 !important;
  box-shadow: 0 24px 80px rgba(20, 24, 34, .24) !important;
}

.toolbox-body .tb-commercial-upload-dialog > header,
.toolbox-body .tb-commercial-upload-dialog > footer {
  min-height: 64px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border: 0 !important;
  background: #fff !important;
  padding: 12px 16px !important;
}

.toolbox-body .tb-commercial-upload-dialog > header {
  border-bottom: 1px solid #eceef2 !important;
}

.toolbox-body .tb-commercial-upload-dialog > footer {
  justify-content: flex-end !important;
  border-top: 1px solid #eceef2 !important;
}

.toolbox-body .tb-commercial-upload-dialog > footer output {
  margin-right: auto !important;
  color: #727986 !important;
  font-size: 12px !important;
}

.toolbox-body .tb-commercial-upload-body {
  max-height: calc(100dvh - 184px) !important;
  overflow-y: auto !important;
  padding: 16px !important;
}

.toolbox-body .tb-commercial-upload-drop {
  width: 100% !important;
  min-height: 148px !important;
  display: grid !important;
  place-items: center !important;
  gap: 6px !important;
  border: 1px dashed #c9ced8 !important;
  border-radius: 8px !important;
  background: #fafbfc !important;
  color: #343945 !important;
  padding: 20px !important;
  cursor: pointer !important;
}

.toolbox-body .tb-commercial-upload-drop:is(:hover, .is-dragging) {
  border-color: #eb7a55 !important;
  background: #fff8f5 !important;
}

.toolbox-body .tb-commercial-upload-drop > i {
  color: #eb5a2a !important;
  font-size: 28px !important;
}

.toolbox-body .tb-commercial-upload-drop > strong {
  font-size: 14px !important;
}

.toolbox-body .tb-commercial-upload-drop > span {
  color: #848a96 !important;
  font-size: 11px !important;
}

.toolbox-body .tb-commercial-upload-source {
  display: flex !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

.toolbox-body .tb-commercial-upload-preview {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 16px !important;
}

.toolbox-body .tb-commercial-upload-preview-card {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) 32px !important;
  align-items: center !important;
  gap: 10px !important;
  border: 1px solid #e5e7ec !important;
  border-radius: 7px !important;
  background: #fff !important;
  padding: 6px !important;
}

.toolbox-body .tb-commercial-upload-preview-card > img {
  width: 56px !important;
  height: 56px !important;
  border-radius: 5px !important;
  object-fit: cover !important;
}

.toolbox-body .tb-commercial-upload-preview-card > span {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

.toolbox-body .tb-commercial-upload-preview-card :where(strong, small) {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.toolbox-body .tb-commercial-upload-preview-card strong {
  color: #343945 !important;
  font-size: 12px !important;
}

.toolbox-body .tb-commercial-upload-preview-card small {
  color: #8a909b !important;
  font-size: 10px !important;
}

.toolbox-body .tb-commercial-upload-preview-card > button {
  width: 32px !important;
  height: 32px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #f3f4f6 !important;
  color: #6e7480 !important;
}

.toolbox-body .tb-commercial-upload-empty {
  grid-column: 1 / -1 !important;
  min-height: 72px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: #8a909b !important;
  font-size: 12px !important;
}

.toolbox-body .tb-simple-tool-page .tb-media-source-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.toolbox-body .tb-simple-tool-page .tb-media-source-actions [data-upload-manager-open] {
  min-height: 36px !important;
  border: 1px solid #dde0e6 !important;
  border-radius: 7px !important;
  background: #fff !important;
  padding: 0 12px !important;
}

@media (max-width: 720px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page {
    gap: 8px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page > .tb-v6-pagehead {
    padding: 0 2px 6px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page > .tb-v6-pagehead h2 {
    font-size: 18px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page :where(form.tb-specific-form, form[data-ajax]) {
    border-right: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    padding: 12px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-product-core-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-reference-main-input textarea {
    min-height: 132px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page .tb-context-picker {
    flex-basis: 100% !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page :where(
    .tb-form-actions,
    .tb-studio-submit,
    .tb-product-submit,
    .tb-compose-submit,
    .tb-ecom-submit-bar,
    .tb-generate-footer,
    .tb-batch-classic-submit
  ) {
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    align-items: stretch !important;
    flex-direction: column !important;
    padding: 10px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page :where(
    .tb-form-actions,
    .tb-studio-submit,
    .tb-product-submit,
    .tb-compose-submit,
    .tb-ecom-submit-bar,
    .tb-generate-footer,
    .tb-batch-classic-submit
  ) .tb-btn.primary {
    width: 100% !important;
    min-height: 46px !important;
  }

  .toolbox-body .tb-commercial-upload-dialog {
    width: 100vw !important;
    max-width: none !important;
    max-height: calc(100dvh - 12px) !important;
    margin: auto 0 0 !important;
    border-radius: 10px 10px 0 0 !important;
  }

  .toolbox-body .tb-commercial-upload-preview {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-commercial-upload-source > .tb-btn {
    flex: 1 1 0 !important;
  }
}

/* 20260728 admin shell visual revamp: white + violet, dense enterprise layout. */
body.toolbox-body:has(.tb-app[data-app-shell][data-admin-shell]) {
  background: #eef2f8;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] {
  --tb-final-sidebar: 260px;
  --tb-final-gutter: 24px;
  grid-template-columns: var(--tb-final-sidebar) minmax(0, 1fr);
  background: #eef2f8;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] > .tb-sidebar {
  width: var(--tb-final-sidebar);
  padding: 18px 14px 14px;
  border-right: 1px solid #e1e7f0;
  background:
    linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
  box-shadow: none;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-sidebar-head {
  min-height: 52px;
  margin-bottom: 6px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-sidebar-head .tb-brand {
  gap: 10px;
  padding: 0 2px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-brand-mark {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%);
  box-shadow: 0 10px 18px rgba(124, 58, 237, .18);
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-brand-text {
  line-height: 1.08;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-brand-text small {
  color: #6f7b8d;
  font-size: 11px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-side-nav {
  display: grid;
  gap: 6px;
  margin-top: 12px;
  padding: 0;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-side-nav > a {
  min-height: 46px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: transparent;
  color: #425063;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-side-nav > a i {
  width: 22px;
  height: 22px;
  border-radius: 8px;
  background: #f2efff;
  color: #6b4ce6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-side-nav > a span {
  min-width: 0;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-side-nav > a:hover {
  border-color: #e4e9f2;
  background: #f8f9fc;
  color: #202734;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-side-nav > a.active {
  border-color: #ddd4fb;
  background: #f4f0ff;
  color: #4f38ca;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-side-nav > a.active i {
  background: #fff;
  color: #6b4ce6;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-sidebar-foot {
  margin-top: auto;
  padding-top: 14px;
  display: grid;
  gap: 10px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-sidebar-profile {
  min-height: 58px;
  border: 1px solid #e1e7f0;
  border-radius: 16px;
  background: #fff;
  padding: 10px;
  box-shadow: none;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-sidebar-profile > span {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: linear-gradient(135deg, #7c3aed 0%, #c4b5fd 100%);
  color: #fff;
  font-size: 13px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-sidebar-profile strong {
  color: #1f2937;
  font-size: 13px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-sidebar-profile small {
  color: #667085;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-sidebar-foot .tb-btn.full {
  min-height: 46px;
  border-color: #e4e9f2;
  background: #fff;
  color: #374151;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] > .tb-main {
  min-width: 0;
  padding: 24px;
  background: #eef2f8;
}

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

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-main {
  padding: 0;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-topbar {
  min-height: 104px;
  align-items: center;
  border: 1px solid #e1e7f0;
  border-radius: 20px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 10px 24px rgba(20, 26, 40, .04);
  padding: 18px 22px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-topbar-copy {
  display: grid;
  gap: 6px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-topbar-copy .tb-kicker {
  color: #7c3aed;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .12em;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-topbar-copy h1 {
  margin: 0;
  color: #111827;
  font-size: 30px;
  line-height: 1.12;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-topbar-copy p {
  margin: 0;
  color: #667085;
  font-size: 13px;
  line-height: 1.55;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-userbar {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  color: #576176;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-userbar > span {
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] :where(.tb-page-head, .tb-panel, .tb-stat, .tb-status-card, .tb-table-wrap, .tb-admin-rule-card, .tb-admin-source-card, .tb-admin-template-audit > article, .tb-admin-source-sync, .tb-admin-source-filters, .tb-admin-output-audit, .tb-admin-template-manager, .tb-admin-example-manager, .tb-admin-provider-state) {
  border: 1px solid #e1e7f0;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(20, 26, 40, .04);
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-panel,
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-stat {
  padding: 18px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-page-head {
  padding: 18px 20px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-page-head h2 {
  margin: 0 0 4px;
  color: #111827;
  font-size: 28px;
  line-height: 1.15;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-page-head p {
  max-width: 860px;
  margin: 0;
  color: #667085;
  font-size: 13px;
  line-height: 1.6;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-dashboard-grid,
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-status-grid,
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-grid-2,
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-grid-3,
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-grid-4,
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-rule-grid {
  gap: 14px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-dashboard-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-stat {
  min-height: 128px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-stat span {
  color: #667085;
  font-size: 12px;
  font-weight: 850;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-stat strong {
  color: #111827;
  font-size: 30px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-stat small {
  color: #667085;
  font-size: 12px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-panel h3 {
  margin-bottom: 14px;
  color: #111827;
  font-size: 16px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-panel-head {
  margin-bottom: 14px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-panel-head h3 {
  margin: 0;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] :where(.tb-field input, .tb-field textarea, .tb-field select, .tb-admin-rule-fields :where(input, select, textarea), .tb-admin-source-sync > form :where(input, select)) {
  min-height: 46px;
  border: 1px solid #d9e0ea;
  border-radius: 14px;
  background: #fff;
  color: #111827;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] :where(.tb-field input, .tb-field textarea, .tb-field select):focus,
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-rule-fields :where(input, select, textarea):focus,
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-source-sync > form :where(input, select):focus {
  border-color: #7c3aed;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, .12);
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-btn {
  min-height: 42px;
  border-radius: 12px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-btn.primary {
  background: linear-gradient(135deg, #7c3aed, #6d28d9) !important;
  border-color: #7c3aed !important;
  box-shadow: 0 10px 18px rgba(124, 58, 237, .14) !important;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-btn:hover {
  transform: translateY(-1px);
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-table-wrap {
  overflow: hidden;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-table {
  min-width: 100%;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-table th {
  background: #f7f8fc;
  color: #667085;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .01em;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-table td {
  color: #1f2937;
  font-size: 13px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-table tr:hover td {
  background: #fbfbff;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-empty {
  border: 1px dashed #d8deea;
  border-radius: 16px;
  background: #fafbff;
  color: #5d6775;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-status {
  color: #667085;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-status.ok:not(:empty) {
  color: #12805e;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-status.error:not(:empty) {
  color: #c4323e;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-alert {
  border: 1px solid #dce3ef;
  border-radius: 16px;
  background: #f8fbff;
  color: #344054;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-alert.warn {
  background: #fffbec;
  border-color: #f2e0a8;
  color: #7a5b00;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-alert.error {
  background: #fff5f7;
  border-color: #f3c2c7;
  color: #a61b35;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-form-actions {
  gap: 10px;
  flex-wrap: wrap;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-form-grid {
  gap: 16px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-rule-card header {
  margin-bottom: 12px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-source-grid,
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-template-audit {
  gap: 14px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-source-card,
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-template-audit > article {
  border-radius: 18px;
  overflow: hidden;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-source-card footer > a {
  color: #7c3aed;
}

.toolbox-body .tb-admin-auth-wrap {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 28px;
  background:
    radial-gradient(circle at 20% 20%, rgba(124, 58, 237, .14), transparent 26%),
    radial-gradient(circle at 84% 14%, rgba(139, 92, 246, .12), transparent 22%),
    linear-gradient(180deg, #eef2f8 0%, #f5f7fb 100%);
}

.toolbox-body .tb-admin-auth-shell {
  width: min(1180px, 100%);
  min-height: 720px;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(420px, .76fr);
  border: 1px solid #e1e7f0;
  border-radius: 28px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 24px 80px rgba(20, 26, 40, .12);
  overflow: hidden;
  backdrop-filter: blur(16px);
}

.toolbox-body .tb-admin-auth-aside {
  display: grid;
  align-content: start;
  gap: 26px;
  padding: 38px;
  background:
    linear-gradient(180deg, #7c3aed 0%, #8b5cf6 46%, #a78bfa 100%);
  color: #fff;
}

.toolbox-body .tb-admin-auth-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  text-decoration: none;
}

.toolbox-body .tb-admin-auth-brand .tb-brand-mark {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .14);
  color: #fff;
  box-shadow: none;
}

.toolbox-body .tb-admin-auth-brand strong {
  display: block;
  font-size: 18px;
}

.toolbox-body .tb-admin-auth-brand small {
  display: block;
  margin-top: 2px;
  color: rgba(255, 255, 255, .78);
  font-size: 12px;
}

.toolbox-body .tb-admin-auth-copy {
  display: grid;
  gap: 10px;
  max-width: 520px;
}

.toolbox-body .tb-admin-auth-copy h1 {
  margin: 0;
  font-size: 54px;
  line-height: 1.02;
  letter-spacing: -0.03em;
}

.toolbox-body .tb-admin-auth-copy p {
  margin: 0;
  color: rgba(255, 255, 255, .86);
  font-size: 16px;
  line-height: 1.8;
}

.toolbox-body .tb-admin-auth-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.toolbox-body .tb-admin-auth-cards div {
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 18px;
  background: rgba(255, 255, 255, .1);
  padding: 16px;
  backdrop-filter: blur(14px);
}

.toolbox-body .tb-admin-auth-cards strong {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
}

.toolbox-body .tb-admin-auth-cards span {
  display: block;
  color: rgba(255, 255, 255, .84);
  font-size: 12px;
  line-height: 1.65;
}

.toolbox-body .tb-admin-auth-card {
  align-self: stretch;
  display: grid;
  align-content: center;
  gap: 22px;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  padding: 42px 40px;
}

.toolbox-body .tb-admin-auth-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.toolbox-body .tb-admin-auth-card-head h2 {
  margin: 8px 0 8px;
  font-size: 30px;
  line-height: 1.12;
  color: #111827;
}

.toolbox-body .tb-admin-auth-card-head p {
  margin: 0;
  color: #667085;
  font-size: 13px;
  line-height: 1.6;
}

.toolbox-body .tb-admin-auth-card .tb-form-grid {
  gap: 14px;
}

.toolbox-body .tb-admin-auth-card .tb-field label {
  color: #344054;
}

.toolbox-body .tb-admin-auth-card .tb-btn.primary {
  min-height: 48px;
  border-radius: 14px;
}

.toolbox-body .tb-admin-auth-card .tb-status {
  min-height: 24px;
}

@media (max-width: 1024px) {
  .toolbox-body .tb-admin-auth-shell {
    grid-template-columns: 1fr;
  }

  .toolbox-body .tb-admin-auth-aside {
    padding: 30px;
  }

  .toolbox-body .tb-admin-auth-copy h1 {
    font-size: 42px;
  }

  .toolbox-body .tb-admin-auth-cards {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .toolbox-body .tb-admin-auth-wrap {
    padding: 12px;
  }

  .toolbox-body .tb-admin-auth-shell {
    min-height: 0;
    border-radius: 22px;
  }

  .toolbox-body .tb-admin-auth-aside {
    padding: 22px;
  }

  .toolbox-body .tb-admin-auth-copy h1 {
    font-size: 34px;
  }

  .toolbox-body .tb-admin-auth-card {
    padding: 26px 20px;
  }
}

@media (max-width: 1024px) {
  .toolbox-body .tb-app[data-app-shell][data-admin-shell] {
    --tb-final-sidebar: 236px;
  }

  .toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-dashboard-grid,
  .toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .toolbox-body .tb-app[data-app-shell][data-admin-shell] > .tb-main {
    padding: 12px;
  }

  .toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-topbar {
    min-height: 0;
    padding: 14px;
  }

  .toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-topbar-copy h1 {
    font-size: 22px;
  }

  .toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-dashboard-grid,
  .toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-status-grid,
  .toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-grid-2,
  .toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-grid-3,
  .toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-grid-4 {
    grid-template-columns: 1fr;
  }
}

.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;
  }
}

/* 20260716a: compact report workbenches and readable mobile task history. */
.toolbox-body :where(.tb-upload-drop, .tb-upload-box, .tb-ref-uploader) {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 8px;
}

@media (max-width: 720px) {
  .toolbox-body .tb-benchmark-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: visible;
  }

  .toolbox-body .tb-benchmark-tabs button {
    min-width: 0;
    padding: 0 4px;
    font-size: 11px;
  }

  .toolbox-body .tb-task-table-wrap {
    overflow: visible;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .toolbox-body .tb-task-table,
  .toolbox-body .tb-task-table tbody {
    width: 100%;
    min-width: 0;
    display: grid;
    gap: 8px;
  }

  .toolbox-body .tb-task-table thead {
    display: none;
  }

  .toolbox-body .tb-task-table tr {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "task status"
      "points result"
      "time result";
    column-gap: 10px;
    row-gap: 5px;
    border: 1px solid var(--tb-app-line);
    border-radius: 8px;
    background: #fff;
    padding: 11px 12px;
  }

  .toolbox-body .tb-task-table td {
    min-width: 0;
    border: 0;
    padding: 0;
    font-size: 12px;
  }

  .toolbox-body .tb-task-table td:nth-child(1) {
    grid-area: task;
    color: #273146;
    font-weight: 850;
  }

  .toolbox-body .tb-task-table td:nth-child(2) {
    grid-area: status;
  }

  .toolbox-body .tb-task-table td:nth-child(3) {
    grid-area: points;
  }

  .toolbox-body .tb-task-table td:nth-child(4) {
    grid-area: time;
    color: #7a8494;
    font-size: 10px;
  }

  .toolbox-body .tb-task-table td:nth-child(5) {
    grid-area: result;
    align-self: center;
    justify-self: end;
    text-align: right;
  }

  .toolbox-body .tb-task-table td:nth-child(5) .tb-btn {
    width: auto;
    min-height: 36px;
    white-space: nowrap;
  }
}

/* 20260716d: final cascade seal for commercial form and template interactions. */
.toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-ecom-submit-bar, .tb-generate-footer, .tb-product-submit, .tb-batch-classic-submit, .tb-replicate-search-footer, .tb-replicate-batch-footer) {
  min-height: 72px !important;
  border: 1px solid #d7dde6 !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #fff, #f7f9fc) !important;
  color: #202734 !important;
  box-shadow: 0 1px 2px rgba(22,31,45,.04), 0 8px 22px rgba(22,31,45,.06) !important;
}

.toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-ecom-submit-bar, .tb-product-submit) > div > strong {
  width: fit-content;
  max-width: 100%;
  display: inline-flex !important;
  align-items: center;
  min-height: 30px;
  border: 1px solid #f3c9c4 !important;
  border-radius: 6px;
  background: #fff3f1 !important;
  color: #b42318 !important;
  padding: 4px 9px;
  font-size: 13px !important;
  line-height: 1.35;
}

.toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-ecom-submit-bar, .tb-product-submit) > div > span {
  display: block !important;
  margin-top: 5px !important;
  color: #5d6878 !important;
  font-size: 12px !important;
  line-height: 1.55;
}

.toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-ecom-submit-bar, .tb-generate-footer, .tb-product-submit, .tb-batch-classic-submit, .tb-replicate-search-footer, .tb-replicate-batch-footer) .tb-btn.primary {
  border: 1px solid #c63f34 !important;
  border-radius: 7px !important;
  background: linear-gradient(180deg, #d94b3f, #c63f34) !important;
  color: #fff !important;
  box-shadow: 0 7px 16px rgba(198,63,52,.19) !important;
}

.toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-ecom-submit-bar, .tb-generate-footer, .tb-product-submit, .tb-batch-classic-submit, .tb-replicate-search-footer, .tb-replicate-batch-footer) .tb-btn.primary:hover {
  border-color: #a92b33 !important;
  background: linear-gradient(180deg, #c63f34, #a92b33) !important;
}

.toolbox-body .tb-generate-footer > span:first-child,
.toolbox-body :where(.tb-replicate-search-footer, .tb-replicate-batch-footer) > output {
  width: fit-content;
  max-width: 100%;
  margin-right: auto !important;
  border: 1px solid #cde7d9 !important;
  border-radius: 6px !important;
  background: #effaf4 !important;
  color: #177245 !important;
  padding: 6px 9px !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.5 !important;
}

.toolbox-body .tb-batch-classic-submit .tb-btn.primary small,
.toolbox-body .tb-generate-footer .tb-btn.primary small {
  display: inline-flex !important;
  align-items: center;
  min-height: 22px;
  margin-left: 7px;
  border-radius: 5px;
  background: rgba(255,255,255,.18) !important;
  color: #fff !important;
  padding: 2px 6px;
  font-size: 11px !important;
  line-height: 1.35;
}

.toolbox-body .tb-main-tool :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]), textarea, select) {
  border: 1px solid #cfd6e1 !important;
  border-radius: 7px !important;
  background-color: #fff !important;
  color: #27313f !important;
  box-shadow: inset 0 1px 2px rgba(28,39,56,.045), 0 1px 0 rgba(255,255,255,.8) !important;
}

.toolbox-body .tb-main-tool :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]), textarea, select):focus {
  border-color: #4d76d8 !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(77,118,216,.16), inset 0 1px 2px rgba(28,39,56,.035) !important;
}

.toolbox-body .tb-template-market-studio {
  display: grid !important;
  gap: 14px !important;
  padding: 0 !important;
  background: #f4f6f8 !important;
}

.toolbox-body .tb-template-market-studio > header {
  min-height: 106px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  margin: 0 !important;
  border: 1px solid #dce2e9 !important;
  border-radius: 8px !important;
  background: linear-gradient(116deg, #fff 0%, #f6f8fb 70%, #fff3f1 100%) !important;
  padding: 20px 22px !important;
  color: #202734 !important;
  box-shadow: 0 4px 14px rgba(25,34,49,.045) !important;
}

.toolbox-body .tb-template-market-studio > header :where(h3, p) {
  color: inherit !important;
}

.toolbox-body .tb-template-type-nav {
  margin: 0 !important;
}

.toolbox-body .tb-template-market-search {
  margin: 0 !important;
  border: 1px solid #dce2e9 !important;
  border-radius: 8px !important;
  background: #fff !important;
  padding: 12px !important;
}

.toolbox-body .tb-template-market-grid {
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.toolbox-body .tb-template-market-card {
  position: relative !important;
  isolation: isolate !important;
  height: auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  display: block !important;
  border: 1px solid #dfe4ea !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(21,30,44,.055) !important;
}

.toolbox-body .tb-template-market-card > label,
.toolbox-body .tb-template-market-choice {
  position: relative !important;
  z-index: 1 !important;
}

.toolbox-body .tb-template-market-card:hover,
.toolbox-body .tb-template-market-card:focus-within {
  border-color: #adb8c7 !important;
  box-shadow: 0 14px 30px rgba(21,30,44,.12) !important;
  transform: translateY(-2px) !important;
}

.toolbox-body .tb-template-market-card:has(input:checked) {
  border-color: #d8574a !important;
  box-shadow: 0 0 0 2px rgba(216,87,74,.12), 0 12px 26px rgba(21,30,44,.09) !important;
}

.toolbox-body .tb-template-market-thumb {
  width: 100% !important;
  min-height: 0 !important;
  aspect-ratio: 3 / 4 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.toolbox-body .tb-template-market-thumb.has-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  pointer-events: none !important;
  user-select: none !important;
}

.toolbox-body .tb-template-market-copy {
  padding: 11px 11px 12px !important;
}

.toolbox-body .tb-template-market-copy > strong {
  color: #26303e !important;
}

.toolbox-body .tb-template-market-copy > :where(em, small) {
  color: #7a8492 !important;
}

.toolbox-body .tb-template-market-hover {
  position: absolute !important;
  z-index: 4 !important;
  inset: 0 0 auto !important;
  aspect-ratio: 3 / 4 !important;
  pointer-events: none !important;
}

.toolbox-body .tb-template-market-hover :where(button, a) {
  position: relative !important;
  z-index: 1 !important;
  pointer-events: auto !important;
}

.toolbox-body .tb-template-market-hover :where(i, span) {
  pointer-events: none !important;
}

@media (hover: none) {
  .toolbox-body .tb-template-market-hover {
    position: static !important;
    z-index: auto !important;
    inset: auto !important;
    aspect-ratio: auto !important;
    opacity: 1 !important;
    pointer-events: none !important;
  }

  .toolbox-body .tb-template-market-hover :where(button, a) {
    flex: 1 1 0 !important;
    min-height: 44px !important;
    pointer-events: auto !important;
  }
}

@media (hover: hover) {
  .toolbox-body .tb-template-market-hover {
    position: absolute !important;
    z-index: 4 !important;
    inset: 0 0 auto !important;
    aspect-ratio: 3 / 4 !important;
    pointer-events: none !important;
  }

  .toolbox-body .tb-template-market-hover :where(button, a) {
    position: relative !important;
    z-index: 1 !important;
    pointer-events: auto !important;
  }
}

.toolbox-body .tb-template-use-panel {
  margin: 0 !important;
  border-color: #d9dfe7 !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 14px 34px rgba(21,30,44,.13) !important;
}

@media (max-width: 1380px) {
  .toolbox-body .tb-template-market-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1080px) {
  .toolbox-body .tb-template-market-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-ecom-submit-bar, .tb-generate-footer, .tb-product-submit, .tb-batch-classic-submit, .tb-replicate-search-footer, .tb-replicate-batch-footer) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    padding: 12px !important;
  }

  .toolbox-body :where(.tb-studio-submit, .tb-compose-submit, .tb-ecom-submit-bar, .tb-generate-footer, .tb-product-submit, .tb-batch-classic-submit, .tb-replicate-search-footer, .tb-replicate-batch-footer) .tb-btn.primary {
    width: 100% !important;
    min-width: 0 !important;
  }

  .toolbox-body .tb-template-market-studio > header {
    align-items: flex-start !important;
    flex-direction: column !important;
    padding: 16px !important;
  }

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

/* 20260729 admin business pages stitch landing: structural upgrade, not color-only. */
.toolbox-body .tb-app[data-app-shell][data-admin-shell] {
  --admin-ink: #111827;
  --admin-muted: #667085;
  --admin-line: #dde5f0;
  --admin-surface: #ffffff;
  --admin-raised: #fbfcff;
  --admin-violet: #6d28d9;
  --admin-blue: #2563eb;
  --admin-green: #0f9f6e;
  --admin-amber: #d97706;
  --admin-red: #dc2626;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-page-hero {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 18px;
  margin: 22px auto 16px;
  border: 1px solid var(--admin-line);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,250,255,.98) 54%, rgba(243,238,255,.96)),
    radial-gradient(circle at 90% 10%, rgba(109,40,217,.12), transparent 30%);
  box-shadow: 0 14px 34px rgba(17,24,39,.055);
  padding: 22px 24px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-page-hero > div {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-page-hero span {
  width: fit-content;
  border: 1px solid #ddd6fe;
  border-radius: 999px;
  background: #f5f3ff;
  color: var(--admin-violet);
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 900;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-page-hero h2 {
  margin: 0;
  color: var(--admin-ink);
  font-size: 28px;
  line-height: 1.18;
  letter-spacing: -.02em;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-page-hero p {
  max-width: 880px;
  margin: 0;
  color: var(--admin-muted);
  font-size: 13px;
  line-height: 1.7;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-page-hero aside {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 0 auto 16px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-metric-grid:has(.tb-admin-metric:nth-child(5)) {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-metric {
  min-width: 0;
  min-height: 118px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  border: 1px solid var(--admin-line);
  border-radius: 18px;
  background: var(--admin-surface);
  color: inherit;
  padding: 16px;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(17,24,39,.045);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] a.tb-admin-metric:hover {
  transform: translateY(-2px);
  border-color: #c4b5fd;
  box-shadow: 0 18px 34px rgba(17,24,39,.075);
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-metric-icon {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #f5f3ff;
  color: var(--admin-violet);
  font-size: 18px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-metric div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-metric small {
  color: var(--admin-muted);
  font-size: 12px;
  font-weight: 850;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-metric strong {
  min-width: 0;
  color: var(--admin-ink);
  font-size: 25px;
  line-height: 1.18;
  letter-spacing: -.02em;
  overflow-wrap: anywhere;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-metric em {
  color: #7a8494;
  font-size: 12px;
  font-style: normal;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-metric.tone-green .tb-admin-metric-icon { background:#ecfdf5; color:var(--admin-green); }
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-metric.tone-blue .tb-admin-metric-icon { background:#eff6ff; color:var(--admin-blue); }
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-metric.tone-amber .tb-admin-metric-icon { background:#fffbeb; color:var(--admin-amber); }
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-metric.tone-red .tb-admin-metric-icon { background:#fef2f2; color:var(--admin-red); }

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-dashboard-layout,
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 16px;
  align-items: start;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-dashboard-main,
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-split-main,
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-side-rail {
  min-width: 0;
  display: grid;
  gap: 16px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-card-panel {
  border-radius: 20px;
  padding: 0;
  overflow: hidden;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-card-panel > h3,
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-card-panel > .tb-status-grid,
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-card-panel > .tb-admin-mini-trend,
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-card-panel > .tb-admin-quick-actions,
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-card-panel > form,
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-card-panel > .tb-table-wrap {
  margin: 16px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-list-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 17px 18px;
  border-bottom: 1px solid var(--admin-line);
  background: linear-gradient(180deg, #fff, #fbfcff);
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-list-head h3 {
  margin: 0 0 4px;
  color: var(--admin-ink);
  font-size: 16px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-list-head p {
  margin: 0;
  color: var(--admin-muted);
  font-size: 12px;
  line-height: 1.55;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-list-head > span {
  flex: 0 0 auto;
  border-radius: 999px;
  background: #f2f4f7;
  color: #475467;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 850;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-commandbar {
  display: grid;
  grid-template-columns: minmax(260px, 1.5fr) repeat(2, minmax(150px, .75fr)) auto auto;
  gap: 10px;
  align-items: end;
  margin: 14px 16px;
  border: 1px solid #e6ebf3;
  border-radius: 16px;
  background: #f8fafc;
  padding: 12px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-commandbar label {
  min-width: 0;
  display: grid;
  gap: 6px;
  color: #344054;
  font-size: 12px;
  font-weight: 850;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-commandbar label span {
  white-space: nowrap;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-commandbar :where(input, select) {
  width: 100%;
  min-height: 42px;
  border: 1px solid #d9e1ee;
  border-radius: 12px;
  background: #fff;
  color: var(--admin-ink);
  padding: 0 12px;
  font-size: 13px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-data-table {
  margin: 0 16px 16px;
  border-radius: 16px;
  overflow-x: auto;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-data-table .tb-table {
  min-width: 980px;
  border-collapse: separate;
  border-spacing: 0;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-data-table .tb-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  height: 44px;
  border-bottom: 1px solid #e7edf5;
  background: #f8fafc;
  white-space: nowrap;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-data-table .tb-table td {
  vertical-align: middle;
  border-bottom: 1px solid #eef2f7;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-data-table .tb-table td strong,
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-data-table .tb-table td small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
  line-height: 1.55;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-row-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-row-actions form {
  display: contents;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-row-actions :where(input[name="reason"], input[name="points"]) {
  min-width: 92px;
  height: 34px;
  border: 1px solid #d8e0ec;
  border-radius: 10px;
  padding: 0 8px;
  font-size: 12px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-row-actions input[name="reason"] {
  width: 128px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-row-actions .tb-btn.compact {
  min-height: 34px;
  border-radius: 10px;
  padding: 0 10px;
  font-size: 12px;
  white-space: nowrap;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-mini-trend {
  display: grid;
  gap: 10px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-mini-trend > div {
  border: 1px solid #e6ebf3;
  border-radius: 14px;
  background: #fbfcff;
  padding: 12px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-mini-trend span,
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-mini-trend small {
  display: block;
  color: var(--admin-muted);
  font-size: 12px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-mini-trend strong {
  display: block;
  margin: 5px 0;
  color: var(--admin-ink);
  font-size: 22px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-quick-actions {
  display: grid;
  gap: 10px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-quick-actions a {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 10px;
  border: 1px solid #e6ebf3;
  border-radius: 15px;
  background: #fff;
  color: var(--admin-ink);
  padding: 10px;
  text-decoration: none;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-quick-actions a > i:first-child {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: #f5f3ff;
  color: var(--admin-violet);
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-quick-actions strong,
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-quick-actions small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-quick-actions small {
  color: var(--admin-muted);
  font-size: 12px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-plan-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 0 auto 16px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-plan-card {
  border: 1px solid var(--admin-line);
  border-radius: 20px;
  background: #fff;
  padding: 18px;
  box-shadow: 0 10px 24px rgba(17,24,39,.045);
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-plan-card header,
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-plan-card dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-plan-card header span {
  border-radius: 999px;
  background: #f5f3ff;
  color: var(--admin-violet);
  padding: 5px 9px;
  font-size: 11px;
  font-weight: 900;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-plan-card h3 {
  margin: 18px 0 6px;
  color: var(--admin-ink);
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-plan-card > strong {
  display: block;
  color: var(--admin-ink);
  font-size: 32px;
  line-height: 1.12;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-plan-card p {
  min-height: 42px;
  color: var(--admin-muted);
  font-size: 13px;
  line-height: 1.65;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-plan-card dl {
  align-items: stretch;
  margin: 14px 0;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-plan-card dl div {
  flex: 1 1 0;
  border: 1px solid #eef2f7;
  border-radius: 13px;
  background: #fbfcff;
  padding: 10px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-plan-card dt {
  color: var(--admin-muted);
  font-size: 11px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-plan-card dd {
  margin: 5px 0 0;
  color: var(--admin-ink);
  font-weight: 900;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-inline-note {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border: 1px solid #ddd6fe;
  border-radius: 16px;
  background: #f5f3ff;
  color: #4c1d95;
  padding: 12px;
  font-size: 13px;
  line-height: 1.65;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-create-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-create-card > i {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #f5f3ff;
  color: var(--admin-violet);
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-create-card strong,
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-create-card small {
  display: block;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-create-card small {
  color: var(--admin-muted);
  font-size: 12px;
  line-height: 1.6;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-create-card .tb-btn,
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-create-card .tb-status {
  grid-column: 1 / -1;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-config-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 16px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-config-group {
  border: 1px solid #e6ebf3;
  border-radius: 18px;
  background: #fbfcff;
  overflow: hidden;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-config-group header {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border-bottom: 1px solid #e6ebf3;
  background: #fff;
  padding: 14px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-config-group header i {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: #f5f3ff;
  color: var(--admin-violet);
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-config-group header strong,
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-config-group header small {
  display: block;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-config-group header small {
  color: var(--admin-muted);
  font-size: 12px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-config-group > div {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-config-field {
  display: grid;
  gap: 6px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-config-field span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #344054;
  font-size: 12px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-config-field em {
  border-radius: 999px;
  background: #eef2ff;
  color: #4338ca;
  padding: 2px 7px;
  font-size: 11px;
  font-style: normal;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-config-field input {
  min-height: 42px;
  border: 1px solid #d9e1ee;
  border-radius: 12px;
  background: #fff;
  padding: 0 12px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-config-field small {
  color: var(--admin-muted);
  font-size: 11px;
  line-height: 1.45;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-savebar {
  position: sticky;
  bottom: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-top: 1px solid var(--admin-line);
  background: rgba(255,255,255,.96);
  padding: 14px 16px;
  backdrop-filter: blur(12px);
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-savebar strong,
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-savebar span {
  display: block;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-savebar span {
  color: var(--admin-muted);
  font-size: 12px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-status-grid {
  margin: 16px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-task-table-wrap {
  margin: 0 16px 16px;
}

@media (max-width: 1320px) {
  .toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-metric-grid,
  .toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-metric-grid:has(.tb-admin-metric:nth-child(5)) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-dashboard-layout,
  .toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-split {
    grid-template-columns: 1fr;
  }

  .toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-side-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-page-hero {
    flex-direction: column;
  }

  .toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-commandbar,
  .toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-config-layout,
  .toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-plan-grid,
  .toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-side-rail {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-page-hero,
  .toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-metric,
  .toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-list-head {
    border-radius: 16px;
    padding: 14px;
  }

  .toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-metric-grid {
    grid-template-columns: 1fr !important;
  }
}

/* 20260729 admin operation controls hardening. */
.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-row-actions form {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 1 auto;
  min-width: 0;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-points-form {
  flex-wrap: wrap;
  border: 1px solid #eef2f7;
  border-radius: 12px;
  background: #fbfcff;
  padding: 4px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-points-form input[name="reason"] {
  width: 110px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-points-form input[name="points"] {
  width: 78px;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-filter-wide {
  grid-template-columns: minmax(280px, 1.6fr) minmax(150px, .65fr) auto auto;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-filter-tasks {
  grid-template-columns: minmax(240px, 1.3fr) minmax(160px, .75fr) minmax(150px, .7fr) auto auto;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-task-table-wrap .tb-action-stack form {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-task-table-wrap .tb-action-stack input[name="reason"] {
  width: 132px;
  min-height: 34px;
  border: 1px solid #d8e0ec;
  border-radius: 10px;
  padding: 0 8px;
  font-size: 12px;
}

@media (max-width: 980px) {
  .toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-filter-wide,
  .toolbox-body .tb-app[data-app-shell][data-admin-shell] .tb-admin-filter-tasks {
    grid-template-columns: 1fr;
  }
}

/* 20260729 creator system v7: one task-first layout for every user-facing tool. */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] {
  --tb-creator-bg: #f6f7f9;
  --tb-creator-surface: #ffffff;
  --tb-creator-ink: #18212f;
  --tb-creator-muted: #5f6b7a;
  --tb-creator-line: #e3e7ed;
  --tb-creator-soft: #f9fafb;
  --tb-creator-brand: #e4571d;
  --tb-creator-brand-hover: #c84412;
  --tb-creator-focus: rgba(228, 87, 29, .22);
  --tb-creator-radius: 12px;
  --tb-space-xs: 4px;
  --tb-space-sm: 8px;
  --tb-space-md: 12px;
  --tb-space-lg: 16px;
  --tb-space-xl: 24px;
  --tb-space-2xl: 32px;
  background: var(--tb-creator-bg) !important;
  color: var(--tb-creator-ink) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-main {
  min-width: 0 !important;
  background: var(--tb-creator-bg) !important;
  padding: 0 28px 36px !important;
  overflow-x: clip !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-main > :where(.tb-v6-pagehead, .tb-tool-workbench, .tb-simple-tool-page, .tb-destination-context) {
  width: min(100%, 1440px) !important;
  margin-inline: auto !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-topbar {
  min-height: 66px !important;
  margin: 0 -28px 0 !important;
  padding: 10px 28px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--tb-creator-line) !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-pagehead {
  display: grid !important;
  gap: 5px !important;
  padding: 24px 0 16px !important;
  border-bottom: 1px solid var(--tb-creator-line) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-pagehead h2 {
  margin: 0 !important;
  color: var(--tb-creator-ink) !important;
  font-size: 24px !important;
  font-weight: 760 !important;
  line-height: 1.25 !important;
  letter-spacing: -.02em !important;
  text-wrap: balance !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-pagehead p {
  max-width: 72ch !important;
  margin: 0 !important;
  color: var(--tb-creator-muted) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-simple-tool-page, .tb-tool-workbench) {
  min-width: 0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page > .tb-v6-pagehead {
  width: 100% !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-workbench {
  align-items: start !important;
  gap: var(--tb-space-xl) !important;
  margin-top: var(--tb-space-lg) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-tool-workbench-full, .tb-simple-tool-page .tb-tool-workbench) {
  grid-template-columns: minmax(0, 1fr) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-tool-form-panel, .tb-special-tool-panel, .tb-v6-main-panel) {
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-specific-form, .tb-media-download-form, .tb-creator-left, .tb-video-left, .tb-product-note-form, .tb-ecommerce-pro-layout > form) {
  min-width: 0 !important;
  border: 1px solid var(--tb-creator-line) !important;
  border-radius: var(--tb-creator-radius) !important;
  background: var(--tb-creator-surface) !important;
  padding: var(--tb-space-xl) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-form-grid, .tb-form-grid.compact) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--tb-space-lg) !important;
  min-width: 0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-form-grid, .tb-form-grid.compact) > :where(.full, [data-full], .tb-upload-drop, .tb-generation-context) {
  grid-column: 1 / -1 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(label, .tb-field, .tb-form-grid > *) {
  min-width: 0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(label, .tb-field) > :where(span, strong):first-child {
  color: #273244 !important;
  font-size: 13px !important;
  font-weight: 680 !important;
  line-height: 1.45 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea) {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  border: 1px solid #d9dee6 !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: var(--tb-creator-ink) !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  box-shadow: none !important;
  transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] textarea {
  min-height: 104px !important;
  resize: vertical !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(input, select, textarea):focus {
  border-color: var(--tb-creator-brand) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px var(--tb-creator-focus) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(input, textarea)::placeholder {
  color: #667085 !important;
  opacity: 1 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-upload-drop {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 116px !important;
  height: auto !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) max-content !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  align-content: center !important;
  column-gap: 12px !important;
  row-gap: 4px !important;
  padding: 16px 18px !important;
  border: 1px dashed #bfc7d4 !important;
  border-radius: 10px !important;
  background: #fbfcfd !important;
  box-shadow: none !important;
  overflow: hidden !important;
  cursor: pointer !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-upload-drop:hover,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-upload-drop:focus-within,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-upload-drop.is-dragging {
  border-color: var(--tb-creator-brand) !important;
  background: #fff8f5 !important;
  transform: none !important;
  box-shadow: 0 0 0 3px var(--tb-creator-focus) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-upload-drop .tb-upload-mark,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-upload-drop > span:not(.tb-v6-upload-badge):first-of-type {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 10px !important;
  background: #fff0e9 !important;
  color: var(--tb-creator-brand) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-upload-drop :where(b, strong) {
  grid-column: 2 !important;
  margin: 0 !important;
  color: var(--tb-creator-ink) !important;
  font-size: 14px !important;
  font-weight: 720 !important;
  line-height: 1.4 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-upload-drop :where(em, small, .tb-upload-file-text) {
  grid-column: 2 !important;
  margin: 0 !important;
  color: var(--tb-creator-muted) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  overflow-wrap: anywhere !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-upload-drop .tb-v6-upload-badge {
  position: static !important;
  grid-column: 3 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  padding: 5px 8px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #edf1f5 !important;
  color: #49566a !important;
  font-size: 11px !important;
  font-weight: 680 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-upload-drop .tb-v6-upload-badge.required {
  background: #fff0e9 !important;
  color: #b33c0d !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-form-actions, .tb-studio-submit, .tb-product-submit, .tb-compose-submit, .tb-store-submit-bar) {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: var(--tb-space-md) !important;
  flex-wrap: wrap !important;
  margin-top: var(--tb-space-xl) !important;
  padding-top: var(--tb-space-lg) !important;
  border-top: 1px solid var(--tb-creator-line) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-form-actions, .tb-studio-submit, .tb-product-submit, .tb-compose-submit, .tb-store-submit-bar) > div {
  min-width: 220px !important;
  margin-right: auto !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-form-actions, .tb-studio-submit, .tb-product-submit, .tb-compose-submit, .tb-store-submit-bar) :where(strong, span, small, output) {
  position: static !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.45 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-btn {
  min-height: 42px !important;
  max-width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border: 1px solid #d8dee7 !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #344054 !important;
  padding: 9px 15px !important;
  font-size: 13px !important;
  font-weight: 690 !important;
  line-height: 1.3 !important;
  white-space: normal !important;
  text-align: center !important;
  box-shadow: none !important;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-btn:hover {
  border-color: #b8c1cd !important;
  background: #f7f8fa !important;
  transform: translateY(-1px) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-btn:active {
  transform: translateY(0) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-btn.primary {
  border-color: var(--tb-creator-brand) !important;
  background: var(--tb-creator-brand) !important;
  color: #fff !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-btn.primary:hover {
  border-color: var(--tb-creator-brand-hover) !important;
  background: var(--tb-creator-brand-hover) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-btn:focus-visible,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-card]:focus-visible,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-context-trigger:focus-visible {
  outline: 3px solid var(--tb-creator-focus) !important;
  outline-offset: 2px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-cta-cost {
  display: block !important;
  margin-left: 3px !important;
  color: currentColor !important;
  font-size: 11px !important;
  font-weight: 620 !important;
  opacity: .9 !important;
  white-space: nowrap !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-generation-context {
  min-width: 0 !important;
  display: grid !important;
  gap: var(--tb-space-md) !important;
  margin: 0 !important;
  padding: var(--tb-space-lg) !important;
  border: 1px solid var(--tb-creator-line) !important;
  border-radius: 10px !important;
  background: var(--tb-creator-soft) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-generation-context > header {
  min-width: 0 !important;
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: var(--tb-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-generation-context-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--tb-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-context-trigger {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 52px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content 18px !important;
  align-items: center !important;
  gap: var(--tb-space-sm) !important;
  border: 1px solid #d9dee6 !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: var(--tb-creator-ink) !important;
  padding: 10px 12px !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-context-trigger > span {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: var(--tb-space-sm) !important;
  white-space: normal !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-context-trigger > em {
  color: var(--tb-creator-muted) !important;
  font-size: 12px !important;
  font-style: normal !important;
  white-space: nowrap !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub {
  display: grid !important;
  gap: var(--tb-space-xl) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-toolbar {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(240px, 360px) minmax(0, 1fr) max-content !important;
  align-items: center !important;
  gap: var(--tb-space-lg) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-toolbar > label {
  min-height: 42px !important;
  border: 1px solid #d9dee6 !important;
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-toolbar nav {
  display: flex !important;
  align-items: center !important;
  gap: var(--tb-space-sm) !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-toolbar nav button {
  min-height: 36px !important;
  flex: 0 0 auto !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #556174 !important;
  padding: 7px 12px !important;
  font-size: 12px !important;
  font-weight: 680 !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-toolbar nav button.active {
  border-color: #f2c6b3 !important;
  background: #fff0e9 !important;
  color: #b43c0d !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--tb-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-grid > a,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-grid > a.featured,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-grid > a.primary-card {
  min-width: 0 !important;
  min-height: 126px !important;
  grid-column: auto !important;
  grid-row: auto !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) max-content !important;
  align-items: start !important;
  gap: var(--tb-space-md) !important;
  padding: 16px !important;
  border: 1px solid var(--tb-creator-line) !important;
  border-radius: var(--tb-creator-radius) !important;
  background: #fff !important;
  color: inherit !important;
  box-shadow: none !important;
  transform: none !important;
  overflow: hidden !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-grid > a:hover {
  border-color: #c8d0db !important;
  background: #fdfdfd !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 8px rgba(28, 39, 54, .06) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-grid > a > span {
  width: 42px !important;
  height: 42px !important;
  border-radius: 10px !important;
  background: #fff0e9 !important;
  color: var(--tb-creator-brand) !important;
  font-size: 19px !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-grid > a > div {
  min-width: 0 !important;
  display: grid !important;
  align-content: start !important;
  gap: 4px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-grid > a :where(small, strong, p, em) {
  max-width: 100% !important;
  margin: 0 !important;
  overflow-wrap: anywhere !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-grid > a small {
  color: #7a8594 !important;
  font-size: 11px !important;
  font-weight: 640 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-grid > a strong {
  color: var(--tb-creator-ink) !important;
  font-size: 15px !important;
  font-weight: 740 !important;
  line-height: 1.35 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-grid > a p {
  display: -webkit-box !important;
  color: var(--tb-creator-muted) !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-grid > a > em {
  position: static !important;
  align-self: start !important;
  padding: 4px 7px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #eef2f6 !important;
  color: #556174 !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 680 !important;
  white-space: nowrap !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-hub-showcases, .tb-real-case-gallery) {
  min-width: 0 !important;
  display: grid !important;
  gap: var(--tb-space-lg) !important;
  padding-top: var(--tb-space-xl) !important;
  border: 0 !important;
  border-top: 1px solid var(--tb-creator-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-hub-showcases, .tb-real-case-gallery) > header {
  min-width: 0 !important;
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: var(--tb-space-lg) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-hub-showcases h3 {
  margin: 0 !important;
  color: var(--tb-creator-ink) !important;
  font-size: 18px !important;
  font-weight: 740 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-hub-showcases p {
  margin: 4px 0 0 !important;
  color: var(--tb-creator-muted) !important;
  font-size: 12px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-hub-showcase-grid, .tb-real-case-grid) {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: var(--tb-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-hub-showcase-card, .tb-real-case-card) {
  min-width: 0 !important;
  margin: 0 !important;
  border: 1px solid var(--tb-creator-line) !important;
  border-radius: 10px !important;
  background: #fff !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-hub-showcase-card, .tb-real-case-card) > a {
  position: relative !important;
  display: block !important;
  background: #edf0f4 !important;
  overflow: hidden !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-hub-showcase-card, .tb-real-case-card) img {
  width: 100% !important;
  aspect-ratio: 4 / 5 !important;
  display: block !important;
  object-fit: cover !important;
  transform: none !important;
  transition: transform 220ms ease !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-hub-showcase-card, .tb-real-case-card):hover img {
  transform: scale(1.02) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-hub-showcase-card, .tb-real-case-card) figcaption {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
  padding: 10px 12px 12px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-hub-showcase-card, .tb-real-case-card) figcaption :where(small, strong) {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-video-tool-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--tb-space-md) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-video-tool-card,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-video-tool-card.featured {
  min-width: 0 !important;
  min-height: 132px !important;
  grid-column: auto !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  grid-template-rows: 1fr auto !important;
  gap: var(--tb-space-md) !important;
  padding: 16px !important;
  border: 1px solid var(--tb-creator-line) !important;
  border-radius: var(--tb-creator-radius) !important;
  background: #fff !important;
  color: inherit !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-video-tool-action {
  grid-column: 2 !important;
  justify-self: start !important;
  color: var(--tb-creator-brand) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-tool-result, .tb-product-image-result, .tb-creator-right, .tb-video-result-panel) {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-tool-hub-grid > a, .tb-video-tool-card, .tb-btn, .tb-context-trigger, .tb-upload-drop) {
  touch-action: manipulation !important;
}

@media (max-width: 1180px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-grid,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-video-tool-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-hub-showcase-grid, .tb-real-case-grid) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 880px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-main {
    padding-inline: 18px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-topbar {
    margin-inline: -18px !important;
    padding-inline: 18px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-toolbar {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-form-grid, .tb-form-grid.compact, .tb-generation-context-grid) {
    grid-template-columns: 1fr !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-hub-showcase-grid, .tb-real-case-grid) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-main {
    padding: 0 12px 28px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-pagehead {
    padding-top: 18px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-specific-form, .tb-media-download-form, .tb-creator-left, .tb-video-left, .tb-product-note-form, .tb-ecommerce-pro-layout > form) {
    padding: 16px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-grid,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-video-tool-grid,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-hub-showcase-grid, .tb-real-case-grid) {
    grid-template-columns: 1fr !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-upload-drop {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    padding: 14px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-upload-drop .tb-v6-upload-badge {
    grid-column: 2 !important;
    grid-row: auto !important;
    justify-self: start !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-form-actions, .tb-studio-submit, .tb-product-submit, .tb-compose-submit, .tb-store-submit-bar) {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-form-actions, .tb-studio-submit, .tb-product-submit, .tb-compose-submit, .tb-store-submit-bar) > :where(div, button, .tb-btn) {
    width: 100% !important;
    margin-right: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] *,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] *::before,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}