/* Unified application shell and workspace. Loaded after legacy styles on purpose. */
body.toolbox-body {
  margin: 0;
  background: #f4f2ec;
  color: #1b1915;
  font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
}

/* One-sentence visual post workbench: two real image modes, one aligned action rail. */
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-workbench {
  width: min(1120px, 100%) !important;
  margin-inline: auto !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-reference-pagehead {
  min-height: 112px !important;
  padding: 10px 24px 20px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-reference-pagehead h2 {
  font-size: 30px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-card {
  border: 1px solid #dfe3ea !important;
  border-radius: 12px !important;
  padding: 20px !important;
  box-shadow: 0 12px 34px rgba(26, 32, 44, .07) !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-tabs {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 0 14px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-tabs > label > span,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-tabs > label:first-child > span,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-tabs > label:last-child > span {
  min-height: 74px !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 2px 10px !important;
  border: 1px solid #dfe3ea !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #202733 !important;
  padding: 13px 15px !important;
  text-align: left !important;
  box-shadow: none !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-tabs > label > span > i {
  grid-row: 1 / 3 !important;
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 8px !important;
  background: #eef2ff !important;
  color: #5b5bd6 !important;
  padding: 0 !important;
  font-size: 17px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-tabs b {
  font-size: 14px !important;
  line-height: 1.35 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-tabs em {
  grid-column: 2 !important;
  color: #7a8491 !important;
  font-size: 11px !important;
  opacity: 1 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-tabs small {
  grid-column: 3 !important;
  grid-row: 1 / 3 !important;
  color: #697386 !important;
  font-size: 11px !important;
  opacity: 1 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-tabs input:checked + span {
  border-color: #5b5bd6 !important;
  background: #f7f7ff !important;
  color: #202733 !important;
  box-shadow: 0 0 0 2px rgba(91, 91, 214, .1) !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-tabs input:checked + span > i {
  background: #5b5bd6 !important;
  color: #fff !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-reference-notice {
  min-height: 42px !important;
  margin-bottom: 12px !important;
  border-color: #f0dfbd !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  font-size: 12px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-composer {
  position: relative !important;
  min-height: 360px !important;
  border: 1px solid #dfe3ea !important;
  border-radius: 10px !important;
  background: #fff !important;
  overflow: visible !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-composer > textarea {
  width: 100% !important;
  min-height: 358px !important;
  resize: vertical !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #252b36 !important;
  padding: 20px 20px 106px !important;
  box-shadow: none !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-counter {
  position: absolute !important;
  right: 18px !important;
  bottom: 76px !important;
  color: #9aa2ad !important;
  font-size: 11px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-action-row {
  position: absolute !important;
  z-index: 30 !important;
  right: 12px !important;
  bottom: 12px !important;
  left: 12px !important;
  min-height: 54px !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 7px !important;
  border-top: 1px solid #edf0f4 !important;
  background: rgba(255, 255, 255, .97) !important;
  padding-top: 10px !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  scrollbar-width: thin !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-action-row .tb-tool-mode-panel {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-action-row .tb-tool-mode-panel[hidden] {
  display: none !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-action-row .tb-tool-mode-panel > p {
  position: absolute !important;
  left: 2px !important;
  bottom: 60px !important;
  margin: 0 !important;
  color: #7a8491 !important;
  font-size: 11px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-upload {
  position: relative !important;
  flex: 0 0 auto !important;
  min-width: 128px !important;
  min-height: 40px !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  border: 1px solid #4d79df !important;
  border-radius: 8px !important;
  background: #eef4ff !important;
  color: #2958bc !important;
  padding: 0 10px !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-upload.secondary {
  border-color: #7d68c7 !important;
  background: #f4f1ff !important;
  color: #674cb2 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-upload input[type="file"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-upload > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  white-space: nowrap !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-upload :where(b, em, small) {
  font-style: normal !important;
  font-size: 11px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-upload em {
  opacity: .72 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-upload > small {
  display: none !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-context {
  flex: 0 0 224px !important;
  min-width: 224px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-context .tb-generation-context,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-context .tb-generation-context-grid {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-context .tb-generation-context > :is(header, .tb-context-selected) {
  display: none !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-context .tb-context-picker {
  flex: 0 0 108px !important;
  min-width: 108px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-context .tb-context-trigger {
  width: 108px !important;
  min-width: 108px !important;
  min-height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #d8dde5 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #4f5967 !important;
  padding: 0 9px !important;
  box-shadow: none !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-context .tb-context-trigger > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-context .tb-context-trigger > :is(em, i:last-child) {
  display: none !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-inline-select {
  flex: 0 0 104px !important;
  min-width: 104px !important;
  display: grid !important;
  gap: 2px !important;
  margin: 0 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-inline-select.compact {
  flex-basis: 86px !important;
  min-width: 86px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-inline-select > span {
  color: #7a8491 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-inline-select select {
  width: 100% !important;
  min-height: 28px !important;
  border: 1px solid #d8dde5 !important;
  border-radius: 7px !important;
  background-color: #fff !important;
  color: #394150 !important;
  padding: 0 23px 0 8px !important;
  font-size: 11px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-inline-cost-summary {
  flex: 0 0 auto !important;
  min-width: 116px !important;
  color: #697386 !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-submit {
  flex: 0 0 142px !important;
  width: 142px !important;
  min-width: 142px !important;
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border-radius: 8px !important;
  background: #f25b2b !important;
  box-shadow: 0 8px 18px rgba(242, 91, 43, .2) !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-submit small {
  border-left: 1px solid rgba(255, 255, 255, .34) !important;
  padding-left: 7px !important;
  color: #fff !important;
  font-size: 10px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-action-row > .tb-status {
  position: absolute !important;
  left: 0 !important;
  top: calc(100% + 6px) !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-reference-advanced {
  margin-top: 14px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-how {
  margin-top: 22px !important;
  border-top: 1px solid #e5e8ed !important;
  padding-top: 20px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-how > header {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 24px !important;
  margin-bottom: 13px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-how > header span {
  color: #5b5bd6 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-how > header h3 {
  margin: 3px 0 0 !important;
  color: #202733 !important;
  font-size: 19px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-how > header p {
  max-width: 420px !important;
  margin: 0 !important;
  color: #7a8491 !important;
  font-size: 12px !important;
  text-align: right !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-how-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-how-grid article {
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid #e1e5eb !important;
  border-radius: 9px !important;
  background: #fff !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-how-grid figure {
  height: 132px !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #f4f6f8 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-how-grid img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-how-grid article > div {
  position: relative !important;
  min-height: 112px !important;
  display: grid !important;
  align-content: start !important;
  gap: 5px !important;
  padding: 14px 14px 15px 48px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-how-grid b {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  color: #5b5bd6 !important;
  font-size: 11px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-how-grid strong {
  color: #27303d !important;
  font-size: 13px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-how-grid span {
  color: #748091 !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"][data-theme="night"] :is(.tb-yiju-card, .tb-yiju-tabs > label > span, .tb-yiju-composer, .tb-yiju-action-row, .tb-context-trigger, .tb-yiju-inline-select select, .tb-yiju-how-grid article) {
  border-color: #343b47 !important;
  background: #1b2028 !important;
  color: #e7eaf0 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"][data-theme="night"] :is(.tb-reference-pagehead h2, .tb-yiju-how h3, .tb-yiju-how-grid strong) {
  color: #f2f4f7 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"][data-theme="night"] .tb-yiju-composer > textarea {
  color: #edf0f5 !important;
}

@media (max-width: 1100px) {
  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-how-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-reference-pagehead h2 {
    font-size: 24px !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-card {
    padding: 13px !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-tabs {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-composer {
    min-height: 470px !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-composer > textarea {
    min-height: 468px !important;
    padding-bottom: 210px !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-counter {
    bottom: 190px !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-action-row {
    flex-wrap: wrap !important;
    align-content: end !important;
    overflow: visible !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-action-row .tb-tool-mode-panel {
    flex: 1 1 100% !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-context {
    flex: 1 1 220px !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-context .tb-context-picker {
    flex: 1 1 0 !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-context .tb-context-trigger {
    width: 100% !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-inline-cost-summary {
    order: 20 !important;
    flex: 1 1 auto !important;
    text-align: left !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-submit {
    order: 21 !important;
    flex: 1 1 150px !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-how > header {
    display: grid !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-how > header p {
    text-align: left !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-page="content"] .tb-yiju-how-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] {
  --xuan-bg: #f4f2ec;
  --xuan-surface: #ffffff;
  --xuan-soft: #ebe8e0;
  --xuan-line: #dedad0;
  --xuan-ink: #1b1915;
  --xuan-muted: #625d55;
  --xuan-brand: #ec4c24;
  --xuan-brand-hover: #cf3b18;
  --xuan-lime: #dcff6b;
  --xuan-sidebar: #1b1915;
  --xuan-radius: 14px;
  --xuan-shadow: 0 12px 28px rgba(48, 41, 32, .07);
  min-height: 100vh !important;
  grid-template-columns: 244px minmax(0, 1fr) !important;
  background: var(--xuan-bg) !important;
  color: var(--xuan-ink) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] > .tb-sidebar {
  position: sticky !important;
  top: 0 !important;
  align-self: start !important;
  width: 244px !important;
  height: 100vh !important;
  padding: 18px 14px !important;
  gap: 12px !important;
  border: 0 !important;
  background: var(--xuan-sidebar) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-sidebar-head {
  min-height: 56px !important;
  padding: 0 2px 14px !important;
  border-bottom: 1px solid #37332d !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-sidebar .tb-brand {
  min-width: 0 !important;
  color: #fff !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-sidebar .tb-brand-mark {
  width: 38px !important;
  height: 38px !important;
  border-radius: 11px !important;
  background: #fff !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-sidebar .tb-brand-mark img {
  width: 34px !important;
  height: 34px !important;
  object-fit: contain !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-sidebar .tb-brand-text {
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-sidebar .tb-brand-text small {
  margin-top: 3px !important;
  color: #aaa49b !important;
  font-size: 11px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-sidebar :where([data-sidebar-collapse], [data-sidebar-close]) {
  min-width: 44px !important;
  width: 44px !important;
  height: 44px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #aaa49b !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-sidebar :where([data-sidebar-collapse], [data-sidebar-close]):hover {
  background: #302d27 !important;
  color: #fff !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-side-nav {
  gap: 5px !important;
  padding: 2px 0 !important;
  scrollbar-width: none;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-side-nav::-webkit-scrollbar {
  display: none;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-side-hubs {
  gap: 4px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-side-hubs > strong,
.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-side-group-title {
  min-height: 26px !important;
  margin: 8px 0 3px !important;
  padding: 0 10px !important;
  border: 0 !important;
  background: transparent !important;
  color: #817b72 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-side-group-title em {
  border: 0 !important;
  background: #302d27 !important;
  color: #918b82 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-side-nav a,
.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-side-pill {
  min-height: 44px !important;
  margin: 1px 0 !important;
  padding: 0 11px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #bdb7ae !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  box-shadow: none !important;
  transform: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-side-nav a:hover,
.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-side-pill:hover {
  background: #292620 !important;
  color: #fff !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-side-nav a.active,
.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-side-pill.active {
  background: #fff !important;
  color: var(--xuan-ink) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-side-nav a small {
  min-height: 20px !important;
  padding: 2px 6px !important;
  border-radius: 6px !important;
  background: #302d27 !important;
  color: #a8a299 !important;
  font-size: 10px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-side-nav a.active small {
  background: #ebe7de !important;
  color: #5d574f !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-side-primary {
  gap: 4px !important;
  padding-top: 8px !important;
  border-color: #37332d !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-sidebar-foot {
  padding-top: 10px !important;
  border-color: #37332d !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-sidebar-profile {
  min-height: 58px !important;
  padding: 9px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: #24211d !important;
  color: #fff !important;
  box-shadow: none !important;
  transform: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-sidebar-profile > span {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  background: var(--xuan-brand) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-sidebar-profile small,
.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-sidebar-profile em {
  color: #918b82 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] > .tb-main {
  min-width: 0 !important;
  padding: 0 !important;
  background: var(--xuan-bg) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-topbar {
  position: sticky !important;
  display: flex !important;
  z-index: 30 !important;
  top: 0 !important;
  min-height: 70px !important;
  margin: 0 !important;
  padding: 10px 30px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(32, 28, 24, .09) !important;
  border-radius: 0 !important;
  background: rgba(244, 242, 236, .96) !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-topbar-title > span {
  display: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-topbar-title h1 {
  color: var(--xuan-ink) !important;
  font-size: 19px !important;
  font-weight: 760 !important;
  letter-spacing: -.02em !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-userbar {
  gap: 8px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] :where(.tb-topbar-referral, .tb-topbar-create, .tb-points-pill, .tb-topbar-profile, .tb-theme-toggle, .tb-icon-button) {
  min-height: 44px !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-topbar-create {
  border-color: var(--xuan-brand) !important;
  background: var(--xuan-brand) !important;
  color: #fff !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-page-content {
  width: min(1520px, 100%) !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  padding: 26px 30px 44px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-app-risk-notice {
  width: min(1520px, calc(100% - 60px)) !important;
  min-height: 54px !important;
  margin: 0 auto 20px !important;
  padding: 12px 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--xuan-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--xuan-muted) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-app-risk-notice .tb-icp-link {
  color: var(--xuan-muted) !important;
  white-space: nowrap !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] :where(.tb-btn.primary, button.primary, [type="submit"].primary) {
  border-color: var(--xuan-brand) !important;
  background: var(--xuan-brand) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] :where(.tb-btn.primary, button.primary, [type="submit"].primary):hover {
  border-color: var(--xuan-brand-hover) !important;
  background: var(--xuan-brand-hover) !important;
  transform: translateY(-1px) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea) {
  border-color: var(--xuan-line) !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: var(--xuan-ink) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea):focus {
  border-color: var(--xuan-brand) !important;
  outline: 3px solid rgba(236, 76, 36, .14) !important;
  outline-offset: 0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] :where(.tb-panel, .tb-specific-form, .tb-tool-workbench, .tb-simple-tool-page > form, .tb-tool-side-panel) {
  border-color: var(--xuan-line) !important;
  border-radius: var(--xuan-radius) !important;
  background: var(--xuan-surface) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-upload-drop {
  border-color: var(--xuan-line) !important;
  border-radius: 12px !important;
  background: #faf9f6 !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-upload-drop:hover {
  border-color: var(--xuan-brand) !important;
  background: #fff7f3 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-tool-hub-direct .tb-tool-hub-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-tool-hub-direct .tb-category-tool-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  grid-template-rows: 44px minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 12px !important;
  min-width: 0 !important;
  min-height: 176px !important;
  padding: 18px !important;
  border: 1px solid var(--xuan-line) !important;
  border-radius: var(--xuan-radius) !important;
  background: #fff !important;
  color: var(--xuan-ink) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-tool-hub-direct .tb-category-tool-card:hover {
  border-color: #c9c3b8 !important;
  box-shadow: var(--xuan-shadow) !important;
  transform: translateY(-2px) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-tool-hub-direct .tb-category-tool-card > .tb-category-tool-icon {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-tool-hub-direct .tb-category-tool-card > .tb-category-tool-copy {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  min-width: 0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-tool-hub-direct .tb-category-tool-card > .tb-category-tool-action {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 1px solid #ead3cc !important;
  border-radius: 9px !important;
  background: #fff7f3 !important;
  color: var(--xuan-brand) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  writing-mode: horizontal-tb !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-tool-hub-direct .tb-category-tool-card > b {
  position: static !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: end !important;
  width: auto !important;
  max-width: 76px !important;
  min-height: 20px !important;
  margin: 0 !important;
  padding: 3px 6px !important;
  border-radius: 6px !important;
  background: #fff0ea !important;
  color: #8e351d !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-tool-hub-direct .tb-category-tool-icon {
  border-radius: 10px !important;
  background: #f1eee8 !important;
  color: var(--xuan-ink) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-tool-hub-direct .tb-category-tool-copy :where(strong, em, small) {
  min-width: 0 !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-tool-hub-direct .tb-category-tool-copy strong {
  font-size: 16px !important;
  line-height: 1.35 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-tool-hub-direct .tb-category-tool-copy em {
  color: var(--xuan-muted) !important;
  line-height: 1.65 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-tool-hub-direct .tb-category-tool-action {
  color: var(--xuan-brand) !important;
}

.tb-workspace-v3,
.tb-workspace-v3 * {
  box-sizing: border-box;
}

.tb-workspace-v3 {
  display: grid;
  gap: 22px;
  color: var(--xuan-ink);
}

.tb-wv3-welcome {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
}

.tb-wv3-welcome h2 {
  margin: 0;
  font-size: clamp(30px, 3.2vw, 46px);
  line-height: 1.08;
  letter-spacing: -.03em;
}

.tb-wv3-welcome p {
  max-width: 680px;
  margin: 9px 0 0;
  color: var(--xuan-muted);
  font-size: 15px;
}

.tb-wv3-welcome nav {
  display: flex;
  gap: 8px;
}

.tb-wv3-welcome nav a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 14px;
  border: 1px solid var(--xuan-line);
  border-radius: 10px;
  background: #fff;
  color: var(--xuan-ink);
  font-weight: 650;
  text-decoration: none;
}

.tb-wv3-download {
  display: grid;
  grid-template-columns: 48px minmax(190px, auto) minmax(260px, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid #d8d3c8;
  border-radius: var(--xuan-radius);
  background: #201e1a;
  color: #fff;
}

.tb-wv3-download > span {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: var(--xuan-lime);
  color: var(--xuan-ink);
  font-size: 20px;
}

.tb-wv3-download strong,
.tb-wv3-download small {
  display: block;
}

.tb-wv3-download strong {
  font-size: 15px;
}

.tb-wv3-download small {
  margin-top: 2px;
  color: #aaa49b;
  font-size: 12px;
}

.tb-wv3-download input {
  width: 100%;
  min-height: 46px;
  padding: 0 14px;
  border: 1px solid #46413a !important;
  background: #2c2924 !important;
  color: #fff !important;
}

.tb-wv3-download input::placeholder {
  color: #aaa49b;
}

.tb-wv3-download button {
  min-height: 46px;
  padding: 0 18px;
  border: 0;
  border-radius: 10px;
  background: var(--xuan-lime);
  color: var(--xuan-ink);
  font-weight: 800;
}

.tb-wv3-audiences {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-workspace-v3 .tb-wv3-audiences > button {
  position: relative;
  display: block !important;
  width: 100% !important;
  min-width: 0;
  min-height: 194px !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden;
  padding: 0 !important;
  border: 2px solid transparent;
  border-radius: 16px;
  background: #29251f;
  color: #fff;
  text-align: left;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-workspace-v3 .tb-wv3-audiences > button::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(20, 18, 15, .08), rgba(20, 18, 15, .88));
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-workspace-v3 .tb-wv3-audiences > button:hover,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-workspace-v3 .tb-wv3-audiences > button.is-active {
  transform: translateY(-2px);
  border-color: var(--xuan-brand);
  box-shadow: var(--xuan-shadow);
}

.tb-wv3-audiences img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tb-wv3-audiences button > span {
  position: absolute;
  z-index: 1;
  inset: auto 18px 18px;
}

.tb-wv3-audiences :where(small, strong, em) {
  display: block;
}

.tb-wv3-audiences small {
  color: #e6e1d8;
  font-size: 11px;
}

.tb-wv3-audiences strong {
  margin-top: 5px;
  font-size: 23px;
  line-height: 1.15;
}

.tb-wv3-audiences em {
  margin-top: 5px;
  color: #e6e1d8;
  font-size: 13px;
  font-style: normal;
}

.tb-wv3-panel {
  padding: 22px;
  border: 1px solid var(--xuan-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: var(--xuan-shadow);
}

.tb-wv3-panel[hidden] {
  display: none !important;
}

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

.tb-wv3-panel > header h3 {
  margin: 0;
  font-size: 24px;
  letter-spacing: -.02em;
}

.tb-wv3-panel > header p {
  margin: 5px 0 0;
  color: var(--xuan-muted);
}

.tb-wv3-panel > header > a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--xuan-brand);
  font-weight: 700;
  text-decoration: none;
}

.tb-wv3-tool-layout {
  display: grid;
  grid-template-columns: minmax(300px, .95fr) minmax(430px, 1.05fr);
  gap: 14px;
}

.tb-wv3-featured {
  position: relative;
  min-height: 330px;
  overflow: hidden;
  border-radius: 14px;
  background: #211f1b;
  color: #fff;
  text-decoration: none;
}

.tb-wv3-featured::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(20, 18, 15, .02), rgba(20, 18, 15, .9));
}

.tb-wv3-featured > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .32s ease;
}

.tb-wv3-featured:hover > img {
  transform: scale(1.025);
}

.tb-wv3-featured > span {
  position: absolute;
  z-index: 1;
  inset: auto 22px 22px;
}

.tb-wv3-featured :where(small, strong, em, b) {
  display: block;
}

.tb-wv3-featured small {
  width: max-content;
  padding: 4px 7px;
  border-radius: 6px;
  background: var(--xuan-lime);
  color: var(--xuan-ink);
  font-size: 11px;
  font-weight: 800;
}

.tb-wv3-featured strong {
  margin-top: 10px;
  font-size: 26px;
  line-height: 1.15;
}

.tb-wv3-featured em {
  max-width: 540px;
  margin-top: 7px;
  color: #e1ddd5;
  font-style: normal;
  line-height: 1.6;
}

.tb-wv3-featured b {
  margin-top: 13px;
  color: var(--xuan-lime);
  font-size: 13px;
}

.tb-wv3-featured b i {
  margin-left: 6px;
}

.tb-wv3-tool-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.tb-wv3-tool-list > a {
  min-width: 0;
  min-height: 158px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  grid-template-rows: 1fr auto;
  gap: 10px 12px;
  padding: 16px;
  border: 1px solid var(--xuan-line);
  border-radius: 13px;
  background: #faf9f6;
  color: var(--xuan-ink);
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.tb-wv3-tool-list > a:hover {
  transform: translateY(-2px);
  border-color: #c7c0b5;
  background: #fff;
}

.tb-wv3-tool-list > a > i {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #ece8df;
  font-size: 19px;
}

.tb-wv3-tool-list strong,
.tb-wv3-tool-list small {
  display: block;
}

.tb-wv3-tool-list strong {
  font-size: 15px;
}

.tb-wv3-tool-list small {
  margin-top: 5px;
  color: var(--xuan-muted);
  line-height: 1.55;
}

.tb-wv3-tool-list b {
  grid-column: 2;
  align-self: end;
  color: var(--xuan-brand);
  font-size: 12px;
}

.tb-wv3-cases {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.tb-wv3-cases figure {
  position: relative;
  min-width: 0;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  margin: 0;
  border-radius: 12px;
  background: #e8e4dc;
}

.tb-wv3-cases img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tb-wv3-cases figcaption {
  position: absolute;
  inset: auto 9px 9px;
  width: max-content;
  max-width: calc(100% - 18px);
  padding: 5px 7px;
  border-radius: 6px;
  background: rgba(25, 23, 20, .82);
  color: #fff;
  font-size: 11px;
}

.tb-wv3-coming-soon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px;
  border: 1px dashed #c9c2b7;
  border-radius: 14px;
  background: #eeebe4;
}

.tb-wv3-coming-soon strong,
.tb-wv3-coming-soon span {
  display: block;
}

.tb-wv3-coming-soon span {
  margin-top: 4px;
  color: var(--xuan-muted);
}

.tb-wv3-coming-soon a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 0 14px;
  border: 1px solid var(--xuan-line);
  border-radius: 10px;
  background: #fff;
  color: var(--xuan-ink);
  font-weight: 650;
  text-decoration: none;
}

/* Workspace business categories: examples belong to their category, actions stay explicit. */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-workspace-v3 .tb-wv3-category {
  min-width: 0;
  padding: 26px 0 28px;
  border-top: 1px solid var(--xuan-line);
  background: transparent;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-workspace-v3 .tb-wv3-category-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}

.tb-wv3-category-title {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 13px;
}

.tb-wv3-category-title > span {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #201e1a;
  color: #fff;
  font-size: 20px;
}

.tb-wv3-category-title h3 {
  margin: 0;
  color: var(--xuan-ink) !important;
  font-size: 25px;
  line-height: 1.15;
  letter-spacing: -.02em;
}

.tb-wv3-category-title p {
  margin: 5px 0 0;
  color: var(--xuan-muted) !important;
  font-size: 14px;
  line-height: 1.5;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-workspace-v3 .tb-wv3-category-head > a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 15px;
  border: 1px solid #d9d3ca;
  border-radius: 10px;
  background: #fff;
  color: var(--xuan-ink) !important;
  font-size: 13px;
  font-weight: 750;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: border-color .18s ease, background .18s ease, color .18s ease;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-workspace-v3 .tb-wv3-category-head > a:hover {
  border-color: var(--xuan-brand);
  background: #fff5f0;
  color: var(--xuan-brand) !important;
}

.tb-wv3-category-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(430px, .95fr) minmax(520px, 1.2fr);
  gap: 14px;
  align-items: stretch;
}

.tb-wv3-primary-tool {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(190px, .9fr) minmax(210px, 1fr);
  overflow: hidden;
  border: 1px solid #ddd7cd;
  border-radius: 14px;
  background: #f5f2ec;
}

.tb-wv3-primary-media {
  position: relative;
  min-height: 280px;
  overflow: hidden;
  background: #e7e2d9;
}

.tb-wv3-primary-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.tb-wv3-primary-media > span {
  position: absolute;
  inset: 12px auto auto 12px;
  padding: 5px 8px;
  border-radius: 7px;
  background: rgba(29, 27, 23, .86);
  color: #fff;
  font-size: 11px;
  font-weight: 750;
}

.tb-wv3-primary-copy {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 22px;
}

.tb-wv3-primary-copy h4 {
  margin: 0;
  color: var(--xuan-ink) !important;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -.02em;
}

.tb-wv3-primary-copy p {
  margin: 8px 0 0;
  color: var(--xuan-muted) !important;
  font-size: 14px;
  line-height: 1.65;
}

.tb-wv3-primary-copy ul {
  width: 100%;
  display: grid;
  gap: 6px;
  margin: 16px 0 18px;
  padding: 14px 0 0;
  border-top: 1px solid #ddd7cd;
  list-style: none;
}

.tb-wv3-primary-copy li {
  position: relative;
  padding-left: 16px;
  color: #4e4a43;
  font-size: 12px;
  line-height: 1.5;
}

.tb-wv3-primary-copy li::before {
  content: "";
  position: absolute;
  top: .58em;
  left: 2px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--xuan-brand);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-workspace-v3 .tb-wv3-primary-copy > a {
  min-height: 44px;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: auto;
  padding: 0 16px;
  border: 1px solid var(--xuan-brand);
  border-radius: 10px;
  background: var(--xuan-brand);
  color: #fff !important;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  transition: transform .18s ease, background .18s ease;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-workspace-v3 .tb-wv3-primary-copy > a:hover {
  transform: translateY(-1px);
  background: #d94524;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-workspace-v3 .tb-wv3-tool-list > a {
  min-height: 132px;
  grid-template-columns: 42px minmax(0, 1fr);
  grid-template-rows: minmax(52px, 1fr) 38px;
  gap: 9px 11px;
  padding: 14px;
  border: 1px solid #ded9d0;
  border-radius: 13px;
  background: #fff;
  box-shadow: none;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-workspace-v3 .tb-wv3-tool-list > a:hover {
  transform: translateY(-1px);
  border-color: #beb6aa;
  background: #fff;
}

.tb-wv3-tool-list > a > span {
  min-width: 0;
}

.tb-wv3-tool-list > a > span strong {
  color: var(--xuan-ink) !important;
  font-size: 15px;
  line-height: 1.35;
}

.tb-wv3-tool-list > a > span small {
  margin-top: 4px;
  color: var(--xuan-muted) !important;
  font-size: 12px;
  line-height: 1.5;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-workspace-v3 .tb-wv3-tool-list > a > b {
  grid-column: 1 / -1;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 12px;
  border: 1px solid #ead6ce;
  border-radius: 9px;
  background: #fff4ef;
  color: var(--xuan-brand) !important;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}

.tb-wv3-category :where(a, button):focus-visible {
  outline: 3px solid rgba(241, 76, 42, .25);
  outline-offset: 2px;
}

/* Tool-page examples stay compact and open in an in-page preview. */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-real-case-gallery,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-simple-tool-page .tb-real-case-gallery {
  display: grid !important;
  gap: 12px !important;
  margin-top: 18px !important;
  padding-top: 16px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-real-case-gallery > header {
  align-items: flex-start !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-real-case-gallery > header strong {
  color: var(--xuan-ink) !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-real-case-gallery > header span {
  display: block !important;
  margin-top: 3px !important;
  color: var(--xuan-muted) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-real-case-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-real-case-card {
  border: 1px solid #e0dbd2 !important;
  border-radius: 12px !important;
  background: #fff !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-real-case-card > .tb-case-preview {
  position: relative !important;
  width: 100% !important;
  display: block !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #f1eee8 !important;
  color: #fff !important;
  cursor: zoom-in !important;
  text-align: left !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-real-case-card > .tb-case-preview img {
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  display: block !important;
  object-fit: contain !important;
  background: #f1eee8 !important;
  transform: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-real-case-card > .tb-case-preview > span {
  position: absolute !important;
  right: 9px !important;
  bottom: 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 5px 8px !important;
  border-radius: 7px !important;
  background: rgba(30, 28, 24, .84) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-real-case-card figcaption {
  gap: 2px !important;
  padding: 9px 10px 11px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-real-case-card figcaption strong {
  color: var(--xuan-ink) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-real-case-card figcaption small {
  display: -webkit-box !important;
  color: var(--xuan-muted) !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.tb-case-lightbox {
  width: min(900px, calc(100vw - 32px));
  max-width: none;
  max-height: calc(100vh - 32px);
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: 16px;
  background: #fff;
  color: #211f1b;
  box-shadow: 0 28px 80px rgba(24, 21, 17, .26);
}

.tb-case-lightbox::backdrop {
  background: rgba(20, 18, 15, .72);
}

.tb-case-lightbox > header {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 10px 12px 10px 18px;
  border-bottom: 1px solid #e4ded5;
}

.tb-case-lightbox > header strong {
  min-width: 0;
  overflow: hidden;
  font-size: 15px;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tb-case-lightbox > header button {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid #ded8cf;
  border-radius: 10px;
  background: #fff;
  color: #292620;
  font-size: 18px;
}

.tb-case-lightbox > div {
  max-height: calc(100vh - 150px);
  display: grid;
  place-items: center;
  overflow: auto;
  padding: 18px;
  background: #f3f0ea;
}

.tb-case-lightbox img {
  max-width: 100%;
  max-height: calc(100vh - 190px);
  display: block;
  object-fit: contain;
  border-radius: 10px;
  background: #fff;
}

.tb-case-lightbox > p {
  margin: 0;
  padding: 11px 18px 14px;
  color: #655f56;
  font-size: 12px;
  line-height: 1.55;
}

.tb-case-lightbox > p:empty {
  display: none;
}

@media (min-width: 1800px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-tool-hub-direct .tb-tool-hub-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1199px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-tool-hub-direct .tb-tool-hub-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .tb-wv3-download {
    grid-template-columns: 48px minmax(0, 1fr) auto;
  }

  .tb-wv3-download label {
    grid-column: 2 / 3;
    grid-row: 2;
  }

  .tb-wv3-download button {
    grid-column: 3;
    grid-row: 2;
  }

  .tb-wv3-tool-layout {
    grid-template-columns: 1fr;
  }

  .tb-wv3-featured {
    min-height: 310px;
  }

  .tb-wv3-category-grid {
    grid-template-columns: 1fr;
  }

  .tb-wv3-primary-tool {
    grid-template-columns: minmax(220px, .8fr) minmax(300px, 1.2fr);
  }
}

@media (min-width: 769px) and (max-width: 1099px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] {
    grid-template-columns: 68px minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] > .tb-sidebar {
    width: 68px !important;
    padding-inline: 8px !important;
  }
}

@media (max-width: 900px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-page-content {
    padding: 20px 18px 36px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-topbar {
    padding-inline: 18px !important;
  }

  .tb-wv3-welcome {
    align-items: flex-start;
    flex-direction: column;
  }

  .tb-wv3-audiences {
    grid-template-columns: 1fr;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-workspace-v3 .tb-wv3-audiences > button {
    min-height: 174px !important;
  }

  .tb-wv3-primary-tool {
    grid-template-columns: minmax(190px, .8fr) minmax(250px, 1.2fr);
  }
}

@media (max-width: 768px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] {
    display: block !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] > .tb-sidebar {
    position: fixed !important;
    z-index: 90 !important;
    inset: 0 auto 0 0 !important;
    width: min(286px, calc(100vw - 48px)) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-topbar {
    display: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-page-content {
    padding: 18px 12px 32px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-app-risk-notice {
    width: calc(100% - 24px) !important;
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .tb-wv3-welcome h2 {
    font-size: 31px;
  }

  .tb-wv3-welcome nav {
    width: 100%;
  }

  .tb-wv3-welcome nav a {
    flex: 1;
    justify-content: center;
  }

  .tb-wv3-download {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 10px;
  }

  .tb-wv3-download > span {
    width: 42px;
    height: 42px;
  }

  .tb-wv3-download label,
  .tb-wv3-download button {
    grid-column: 1 / -1;
    grid-row: auto;
  }

  .tb-wv3-panel {
    padding: 14px;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-workspace-v3 .tb-wv3-category {
    padding: 22px 0 24px;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-workspace-v3 .tb-wv3-category-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-workspace-v3 .tb-wv3-category-head > a {
    width: 100%;
  }

  .tb-wv3-category-title {
    align-items: flex-start;
  }

  .tb-wv3-category-title h3 {
    font-size: 22px;
  }

  .tb-wv3-primary-tool {
    grid-template-columns: 1fr;
  }

  .tb-wv3-primary-media {
    min-height: 0;
    aspect-ratio: 16 / 10;
  }

  .tb-wv3-primary-copy {
    padding: 18px;
  }

  .tb-wv3-primary-copy ul {
    margin-bottom: 16px;
  }

  .tb-wv3-panel > header,
  .tb-wv3-coming-soon {
    align-items: flex-start;
    flex-direction: column;
  }

  .tb-wv3-featured {
    min-height: 280px;
  }

  .tb-wv3-tool-list {
    grid-template-columns: 1fr;
  }

  .tb-wv3-tool-list > a {
    min-height: 132px;
  }

  .tb-wv3-cases {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"] .tb-real-case-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] .tb-tool-hub-direct .tb-tool-hub-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tb-workspace-v3 *,
  .toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"] * {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

@media (min-width: 769px) {
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"]
  > .tb-main.tb-main-tool > .tb-topbar.tb-topbar {
    display: flex !important;
  }
}

/*
 * Night theme · warm graphite
 *
 * The legacy bundle contains many hard-coded light surfaces. Keep these rules
 * at EOF so the theme switch changes the complete workspace instead of only
 * darkening the page background.
 */
body.toolbox-body:has(.tb-app[data-app-shell][data-theme="night"]) {
  background: #12110f !important;
  color: #f2eee8 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] {
  --xuan-bg: #12110f;
  --xuan-surface: #1c1a17;
  --xuan-surface-raised: #24211d;
  --xuan-soft: #292621;
  --xuan-line: #3b362f;
  --xuan-line-strong: #514a40;
  --xuan-ink: #f2eee8;
  --xuan-muted: #b8b0a5;
  --xuan-brand: #ff6740;
  --xuan-brand-hover: #ff7b59;
  --xuan-lime: #d9fb75;
  --xuan-sidebar: #171512;
  --xuan-shadow: 0 14px 34px rgba(0, 0, 0, .26);
  --tb-app-bg: var(--xuan-bg);
  --tb-app-surface: var(--xuan-surface);
  --tb-app-surface-muted: var(--xuan-surface-raised);
  --tb-app-ink: var(--xuan-ink);
  --tb-app-muted: var(--xuan-muted);
  --tb-app-line: var(--xuan-line);
  --tb-app-line-strong: var(--xuan-line-strong);
  --tb-page-surface: var(--xuan-bg);
  --tb-card-border: var(--xuan-line);
  --tb-card-border-strong: var(--xuan-line-strong);
  --tb-final-ink: var(--xuan-ink);
  --tb-final-muted: var(--xuan-muted);
  --tb-final-line: var(--xuan-line);
  --tb-final-soft: var(--xuan-surface-raised);
  --tb-ref-ink: var(--xuan-ink);
  --tb-ref-copy: var(--xuan-muted);
  --tb-ref-muted: #948b80;
  --tb-ref-line: var(--xuan-line);
  --tb-ref-panel: var(--xuan-surface);
  --tb-ref-page: var(--xuan-bg);
  color-scheme: dark;
  background: var(--xuan-bg) !important;
  color: var(--xuan-ink) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"][data-theme="night"] > .tb-main,
.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"][data-theme="night"] .tb-page-content {
  background: var(--xuan-bg) !important;
  color: var(--xuan-ink) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"][data-theme="night"] > .tb-sidebar {
  background: var(--xuan-sidebar) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"][data-theme="night"] .tb-sidebar .tb-side-nav a.active,
.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"][data-theme="night"] .tb-sidebar .tb-side-pill.active {
  background: #2b2823 !important;
  color: #fff !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"][data-theme="night"] .tb-sidebar .tb-side-nav a.active small {
  background: #3a352e !important;
  color: #d6cfc5 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"][data-theme="night"] .tb-topbar,
.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"][data-theme="night"] .tb-mobile-topbar {
  border-color: var(--xuan-line) !important;
  background: rgba(18, 17, 15, .94) !important;
  color: var(--xuan-ink) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"][data-theme="night"] :where(.tb-topbar-profile, .tb-theme-toggle, .tb-icon-button) {
  border-color: var(--xuan-line) !important;
  background: var(--xuan-surface) !important;
  color: var(--xuan-ink) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"][data-theme="night"] :where(.tb-topbar-profile, .tb-theme-toggle, .tb-icon-button):hover {
  border-color: var(--xuan-line-strong) !important;
  background: var(--xuan-surface-raised) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"][data-theme="night"] :where(
  h1, h2, h3, h4, h5, h6,
  .tb-panel-head strong,
  .tb-field > span,
  .tb-field > label,
  .tb-compact-tool-head strong,
  .tb-simple-tool-page strong
) {
  color: var(--xuan-ink) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"][data-theme="night"] :where(
  .tb-help,
  .tb-field small,
  .tb-panel-head p,
  .tb-page-head p,
  .tb-simple-tool-page p,
  .tb-simple-tool-page small,
  .tb-simple-tool-page em
) {
  color: var(--xuan-muted) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"][data-theme="night"] :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  select,
  textarea
) {
  border-color: var(--xuan-line) !important;
  background: var(--xuan-surface-raised) !important;
  color: var(--xuan-ink) !important;
  caret-color: var(--xuan-brand) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"][data-theme="night"] :where(input, textarea)::placeholder {
  color: #91897e !important;
  opacity: 1 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"][data-theme="night"] :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  select,
  textarea,
  button,
  a
):focus-visible {
  outline: 3px solid rgba(255, 103, 64, .3) !important;
  outline-offset: 2px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"][data-theme="night"] :where(
  .tb-panel,
  .tb-card,
  .tb-specific-form,
  .tb-simple-tool-page > form,
  .tb-tool-side-panel,
  .tb-creator-left,
  .tb-creator-right,
  .tb-result-box,
  .tb-context-selected,
  .tb-generation-context,
  .tb-form-actions,
  .tb-generate-footer
) {
  border-color: var(--xuan-line) !important;
  background: var(--xuan-surface) !important;
  color: var(--xuan-ink) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"][data-theme="night"] .tb-tool-workbench:not(:has(.tb-tool-hub-direct)) {
  border-color: var(--xuan-line) !important;
  background: var(--xuan-surface) !important;
  color: var(--xuan-ink) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"][data-theme="night"] :where(
  .tb-upload-drop,
  .tb-upload-slot,
  .tb-ecom-upload-slot,
  .tb-free-upload,
  .tb-free-mini-upload,
  .tb-ai-video-reference,
  .tb-material-upload,
  .tb-aicopy-upload-main
) {
  border-color: var(--xuan-line-strong) !important;
  background: var(--xuan-surface-raised) !important;
  color: var(--xuan-muted) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"][data-theme="night"] :where(
  .tb-upload-drop,
  .tb-upload-slot,
  .tb-ecom-upload-slot,
  .tb-free-upload,
  .tb-free-mini-upload,
  .tb-ai-video-reference,
  .tb-material-upload,
  .tb-aicopy-upload-main
):hover {
  border-color: var(--xuan-brand) !important;
  background: #2d211c !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"][data-theme="night"] :where(
  .tb-btn:not(.primary),
  button.tb-btn:not(.primary),
  .tb-context-trigger,
  .tb-choice-cards label,
  .tb-filter-pill,
  .tb-design-tabs button,
  .tb-ai-video-tabs button
) {
  border-color: var(--xuan-line) !important;
  background: var(--xuan-surface-raised) !important;
  color: var(--xuan-ink) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"][data-theme="night"] :where(
  .tb-btn:not(.primary),
  button.tb-btn:not(.primary),
  .tb-context-trigger,
  .tb-choice-cards label,
  .tb-filter-pill,
  .tb-design-tabs button,
  .tb-ai-video-tabs button
):hover {
  border-color: var(--xuan-line-strong) !important;
  background: #302c26 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"][data-theme="night"] :where(button, .tb-btn, input, select, textarea):disabled {
  border-color: #302c26 !important;
  background: #211f1b !important;
  color: #777066 !important;
  opacity: .72 !important;
}

/* Category directory */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-v6-pagehead:is(
  [data-v6-pagehead="content-hub"],
  [data-v6-pagehead="image-hub"],
  [data-v6-pagehead="ecommerce-hub"],
  [data-v6-pagehead="video-hub"],
  [data-v6-pagehead="geo-hub"],
  [data-v6-pagehead="operations-hub"]
) {
  border-color: var(--xuan-line) !important;
  background: var(--xuan-surface) !important;
  color: var(--xuan-ink) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .16) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-v6-pagehead:is(
  [data-v6-pagehead="content-hub"],
  [data-v6-pagehead="image-hub"],
  [data-v6-pagehead="ecommerce-hub"],
  [data-v6-pagehead="video-hub"],
  [data-v6-pagehead="geo-hub"],
  [data-v6-pagehead="operations-hub"]
) :where(h2, p) {
  color: inherit !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-v6-pagehead:is(
  [data-v6-pagehead="content-hub"],
  [data-v6-pagehead="image-hub"],
  [data-v6-pagehead="ecommerce-hub"],
  [data-v6-pagehead="video-hub"],
  [data-v6-pagehead="geo-hub"],
  [data-v6-pagehead="operations-hub"]
) p {
  color: var(--xuan-muted) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-tool-hub-direct .tb-tool-hub-toolbar {
  border-color: var(--xuan-line) !important;
  background: var(--xuan-surface) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .16) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-tool-hub-direct .tb-tool-hub-toolbar > label {
  border-color: var(--xuan-line) !important;
  background: var(--xuan-surface-raised) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-tool-hub-direct .tb-tool-hub-toolbar input {
  border-color: transparent !important;
  background: transparent !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-tool-hub-direct .tb-tool-hub-toolbar > label > :where(i, button),
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-tool-hub-direct .tb-tool-hub-toolbar output {
  color: var(--xuan-muted) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-tool-hub-direct .tb-tool-hub-toolbar nav button {
  border-color: transparent !important;
  background: transparent !important;
  color: var(--xuan-muted) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-tool-hub-direct .tb-tool-hub-toolbar nav button:hover {
  border-color: var(--xuan-line) !important;
  background: var(--xuan-surface-raised) !important;
  color: var(--xuan-ink) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-tool-hub-direct .tb-tool-hub-toolbar nav button.active {
  border-color: #f2eee8 !important;
  background: #f2eee8 !important;
  color: #191714 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-tool-hub-direct .tb-tool-hub-grid > [data-tool-hub-card] {
  border-color: var(--xuan-line) !important;
  background: var(--xuan-surface) !important;
  color: var(--xuan-ink) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-tool-hub-direct .tb-tool-hub-grid > [data-tool-hub-card]:hover {
  border-color: #705044 !important;
  background: #211d19 !important;
  box-shadow: 0 16px 32px rgba(0, 0, 0, .24) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-tool-hub-direct .tb-category-tool-icon {
  border-color: #654438 !important;
  background: #30231e !important;
  color: #ff916f !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-tool-hub-direct .tb-category-tool-copy :where(small, strong, em) {
  color: var(--xuan-ink) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-tool-hub-direct .tb-category-tool-copy :where(small, em) {
  color: var(--xuan-muted) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-tool-hub-direct .tb-category-tool-action {
  border-color: #654438 !important;
  background: #2d211c !important;
  color: #ff9878 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-tool-hub-direct .tb-tool-hub-grid > [data-tool-hub-card]:hover .tb-category-tool-action {
  border-color: var(--xuan-brand) !important;
  background: var(--xuan-brand) !important;
  color: #fff !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-tool-hub-direct .tb-tool-hub-grid > [data-tool-hub-card] > b {
  background: #35251e !important;
  color: #ffae94 !important;
}

/* Logged-in workspace */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] :where(
  .tb-wv3-welcome nav a,
  .tb-wv3-panel,
  .tb-wv3-tool-list > a,
  .tb-wv3-coming-soon,
  .tb-wv3-category-head > a
) {
  border-color: var(--xuan-line) !important;
  background: var(--xuan-surface) !important;
  color: var(--xuan-ink) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] :where(
  .tb-wv3-tool-list > a,
  .tb-wv3-category-head > a
):hover {
  border-color: var(--xuan-line-strong) !important;
  background: var(--xuan-surface-raised) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-wv3-tool-list > a > i {
  background: #302c26 !important;
  color: #f4eee6 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-wv3-primary-tool {
  border-color: var(--xuan-line) !important;
  background: var(--xuan-surface) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-wv3-primary-copy li {
  color: var(--xuan-muted) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-wv3-primary-copy ul,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-wv3-category {
  border-color: var(--xuan-line) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-wv3-tool-list > a > b {
  border-color: #654438 !important;
  background: #2d211c !important;
  color: #ff9878 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"][data-theme="night"] .tb-app-risk-notice,
.toolbox-body .tb-app[data-app-shell][data-ui-coherence="unified-v3"][data-theme="night"] .tb-app-risk-notice .tb-icp-link {
  border-color: var(--xuan-line) !important;
  color: #938b80 !important;
}

/* Tool examples and in-page drawers/dialogs */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-real-case-card {
  border-color: var(--xuan-line) !important;
  background: var(--xuan-surface) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-real-case-card > .tb-case-preview,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] .tb-real-case-card > .tb-case-preview img {
  background: var(--xuan-surface-raised) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"] :where(
  .tb-context-drawer,
  .tb-context-picker-menu,
  .tb-account-profile-dialog,
  .tb-geo-asset-dialog,
  .tb-modal,
  dialog
) {
  border-color: var(--xuan-line) !important;
  background: var(--xuan-surface) !important;
  color: var(--xuan-ink) !important;
}

body.toolbox-body:has(.tb-app[data-app-shell][data-theme="night"]) .tb-case-lightbox {
  border: 1px solid #3b362f;
  background: #1c1a17;
  color: #f2eee8;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .52);
}

body.toolbox-body:has(.tb-app[data-app-shell][data-theme="night"]) .tb-case-lightbox > header {
  border-color: #3b362f;
}

body.toolbox-body:has(.tb-app[data-app-shell][data-theme="night"]) .tb-case-lightbox > header button {
  border-color: #514a40;
  background: #24211d;
  color: #f2eee8;
}

body.toolbox-body:has(.tb-app[data-app-shell][data-theme="night"]) .tb-case-lightbox > div {
  background: #12110f;
}

body.toolbox-body:has(.tb-app[data-app-shell][data-theme="night"]) .tb-case-lightbox img {
  background: #24211d;
}

body.toolbox-body:has(.tb-app[data-app-shell][data-theme="night"]) .tb-case-lightbox > p {
  color: #b8b0a5;
}

/* Legacy operation pages use high-specificity page themes; win that cascade. */
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"]
.tb-main.tb-main-tool :where(
  .tb-specific-form,
  .tb-reference-creator-card,
  .tb-reference-main-input,
  .tb-product-options-bar,
  .tb-product-style-menu,
  .tb-media-source-panel,
  .tb-video-right,
  .tb-video-result-panel,
  .tb-video-analysis,
  .tb-video-tabs,
  .tb-ai-video-studio,
  .tb-ai-video-classic,
  .tb-aicopy-workspace,
  .tb-aicopy-upload-panel,
  .tb-aicopy-text-inputs,
  .tb-batch-main-studio,
  .tb-free-note-studio,
  .tb-free-design-compose,
  .tb-edit-creator,
  .tb-compose-canvas,
  .tb-creation-studio,
  .tb-digital-human-studio,
  .tb-ecom-board,
  .tb-ecom-product-panel,
  .tb-ecommerce-pro-classic
) {
  border-color: var(--xuan-line) !important;
  background: var(--xuan-surface) !important;
  color: var(--xuan-ink) !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"]
.tb-main.tb-main-tool :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  select,
  textarea
) {
  border-color: var(--xuan-line) !important;
  background: var(--xuan-surface-raised) !important;
  color: var(--xuan-ink) !important;
  -webkit-text-fill-color: var(--xuan-ink) !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"]
.tb-main.tb-main-tool :where(input, textarea)::placeholder {
  color: #91897e !important;
  -webkit-text-fill-color: #91897e !important;
  opacity: 1 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"]
.tb-main.tb-main-tool .tb-reference-main-input :where(textarea, input) {
  border-color: transparent !important;
  background: transparent !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"]
.tb-main.tb-main-tool :where(
  .tb-destination-back,
  .tb-destination-switch,
  .tb-reference-tabs button,
  .tb-video-tabs button,
  .tb-ecommerce-pro-switch button,
  .tb-product-version-tabs label
) {
  border-color: var(--xuan-line) !important;
  background: var(--xuan-surface-raised) !important;
  color: var(--xuan-ink) !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"]
.tb-main.tb-main-tool :where(
  .tb-reference-tabs button.active,
  .tb-video-tabs button.active,
  .tb-video-tabs button[aria-selected="true"],
  .tb-ecommerce-pro-switch button.active,
  .tb-product-version-tabs input:checked + span
) {
  border-color: #6d483b !important;
  background: #30231e !important;
  color: #ff9c7e !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"]
.tb-main.tb-main-tool :where(
  .tb-reference-tip,
  .tb-creator-tip,
  .tb-classic-tip,
  .tb-white-product-tip,
  .tb-aicopy-creation-tip
) {
  border-color: #66572f !important;
  background: #302a1c !important;
  color: #ead9aa !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"]
.tb-main.tb-main-tool .tb-reference-pagehead h3 span {
  color: #ff7d58 !important;
  -webkit-text-fill-color: #ff7d58 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"]
.tb-main.tb-main-tool :where(
  .tb-context-trigger,
  .tb-product-upload-trigger,
  .tb-media-source-panel button,
  .tb-video-reference,
  .tb-ecom-upload-slot
) {
  border-color: var(--xuan-line-strong) !important;
  background: var(--xuan-surface-raised) !important;
  color: var(--xuan-ink) !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"]
.tb-main.tb-main-tool :where(
  .tb-product-cost-summary,
  .tb-generate-footer,
  .tb-ecom-submit-bar,
  .tb-compose-submit,
  .tb-video-submit
) {
  border-color: var(--xuan-line) !important;
  background: #201d19 !important;
  color: var(--xuan-ink) !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"]
.tb-main.tb-main-tool :where(
  .tb-product-note-modes .tb-product-plan-card,
  .tb-destination-switch > div
) {
  border-color: var(--xuan-line) !important;
  background: var(--xuan-surface-raised) !important;
  color: var(--xuan-ink) !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"]
.tb-main.tb-main-tool .tb-product-note-modes label[data-ui-selection-state="selected"] .tb-product-plan-card {
  border-color: var(--xuan-brand) !important;
  background: #30231e !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"]
.tb-main.tb-main-tool .tb-product-creator-notice {
  border-color: #66572f !important;
  background: #302a1c !important;
  color: #ead9aa !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"]
.tb-main.tb-main-tool :where(
  .tb-ai-video-tabs,
  .tb-presenter-reference,
  .tb-presenter-reference-upload,
  .tb-video-size-options,
  .tb-video-output-settings,
  .tb-video-preview,
  .tb-video-preview > div,
  .tb-video-result-panel > header
) {
  border-color: var(--xuan-line) !important;
  background: var(--xuan-surface-raised) !important;
  color: var(--xuan-ink) !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"]
.tb-main.tb-main-tool :where(
  .tb-ai-video-tabs button,
  .tb-select-trigger,
  .tb-video-size-options label
) {
  border-color: var(--xuan-line) !important;
  background: transparent !important;
  color: var(--xuan-muted) !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"]
.tb-main.tb-main-tool :where(
  .tb-ai-video-tabs button.active,
  .tb-ai-video-tabs button[aria-selected="true"],
  .tb-video-size-options input:checked + span
) {
  border-color: #6d483b !important;
  background: #30231e !important;
  color: #ff9c7e !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"]
.tb-main.tb-main-tool :where(
  .tb-destination-switch > summary,
  .tb-upload-drop.is-ui-disabled,
  .tb-video-upload.is-ui-disabled
) {
  border-color: var(--xuan-line) !important;
  background: var(--xuan-surface-raised) !important;
  color: #81796f !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"]
.tb-main.tb-main-tool .tb-video-result-panel > header :where(strong, a),
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"]
.tb-main.tb-main-tool .tb-creator-left :where(label, legend, h3, h4, strong) {
  color: var(--xuan-ink) !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"][data-theme="night"]
.tb-main.tb-main-tool .tb-video-result-panel > header a {
  color: var(--xuan-muted) !important;
}

/*
 * Context drawer viewport contract
 *
 * Safari can clip a fixed descendant to an ancestor that owns overflow or a
 * containing block. Generation forms use overflow clipping for their normal
 * card layout, so temporarily release only the active drawer's ancestor chain.
 * The drawer remains viewport-bound and its footer stays inside the safe area.
 */
@supports not selector(dialog:modal) {
  body.toolbox-body.toolbox-body:is(.tb-context-drawer-is-open, .tb-context-editor-is-open)
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"]
  :where(
    .tb-main.tb-main-tool,
    .tb-page-content,
    .tb-simple-tool-page,
    .tb-tool-workbench,
    .tb-tool-form-panel,
    .tb-specific-form,
    .tb-reference-creator-card,
    [data-generation-context].is-drawer-open,
    [data-generation-context].is-drawer-open .tb-context-picker.is-drawer-open,
    [data-generation-context].is-editor-open,
    [data-generation-context].is-editor-open .tb-context-editor
  ) {
    overflow: visible !important;
    contain: none !important;
    filter: none !important;
    perspective: none !important;
    transform: none !important;
  }
}

body.toolbox-body.toolbox-body:is(.tb-context-drawer-is-open, .tb-context-editor-is-open) {
  box-sizing: border-box !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
  padding-inline-end: var(--tb-context-scrollbar-compensation, 0px) !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"]
[data-generation-context].is-drawer-open
.tb-context-picker.is-drawer-open
> .tb-context-picker-menu.tb-context-drawer:not([hidden]) {
  position: fixed !important;
  inset: 0 0 auto auto !important;
  z-index: 1400 !important;
  box-sizing: border-box !important;
  inline-size: min(440px, 100dvw) !important;
  width: min(440px, 100dvw) !important;
  min-inline-size: 0 !important;
  min-width: 0 !important;
  max-inline-size: 100dvw !important;
  max-width: 100dvw !important;
  block-size: 100vh !important;
  height: 100vh !important;
  max-block-size: 100vh !important;
  max-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  overscroll-behavior: contain !important;
  isolation: isolate !important;
}

@supports (height: 100dvh) {
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"]
  [data-generation-context].is-drawer-open
  .tb-context-picker.is-drawer-open
  > .tb-context-picker-menu.tb-context-drawer:not([hidden]) {
    block-size: 100dvh !important;
    height: 100dvh !important;
    max-block-size: 100dvh !important;
    max-height: 100dvh !important;
  }
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"]
[data-generation-context].is-drawer-open
.tb-context-drawer:not([hidden])
> :where(.tb-context-drawer-head, .tb-context-drawer-tip, .tb-context-drawer-actions, .tb-context-drawer-search, footer) {
  box-sizing: border-box !important;
  max-inline-size: 100% !important;
  flex-shrink: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"]
[data-generation-context].is-drawer-open
.tb-context-drawer:not([hidden])
> .tb-context-drawer-section {
  min-block-size: 0 !important;
  min-height: 0 !important;
  max-inline-size: 100% !important;
  flex: 1 1 auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"]
[data-generation-context].is-drawer-open
.tb-context-drawer:not([hidden])
> footer {
  inline-size: 100% !important;
  width: 100% !important;
  padding-right: max(20px, env(safe-area-inset-right)) !important;
  padding-bottom: max(12px, env(safe-area-inset-bottom)) !important;
  padding-left: max(20px, env(safe-area-inset-left)) !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"]
[data-generation-context].is-drawer-open
.tb-context-drawer-footer-actions {
  min-width: 0 !important;
  flex: 0 0 auto !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"]
[data-generation-context].is-drawer-open
.tb-context-drawer-footer-actions .tb-btn {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"]
[data-generation-context].is-editor-open
> .tb-context-editor:not([hidden]) {
  position: fixed !important;
  inset: 0 0 auto auto !important;
  z-index: 1500 !important;
  box-sizing: border-box !important;
  inline-size: min(460px, 100dvw) !important;
  width: min(460px, 100dvw) !important;
  min-inline-size: 0 !important;
  min-width: 0 !important;
  max-inline-size: 100dvw !important;
  max-width: 100dvw !important;
  block-size: 100vh !important;
  height: 100vh !important;
  max-block-size: 100vh !important;
  max-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  overscroll-behavior: contain !important;
  isolation: isolate !important;
}

@supports (height: 100dvh) {
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"]
  [data-generation-context].is-editor-open
  > .tb-context-editor:not([hidden]) {
    block-size: 100dvh !important;
    height: 100dvh !important;
    max-block-size: 100dvh !important;
    max-height: 100dvh !important;
  }
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"]
[data-generation-context].is-editor-open
> .tb-context-editor:not([hidden])
> :where(header, footer) {
  box-sizing: border-box !important;
  inline-size: 100% !important;
  width: 100% !important;
  max-inline-size: 100% !important;
  flex-shrink: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"]
[data-generation-context].is-editor-open
> .tb-context-editor:not([hidden])
> .tb-context-editor-fields {
  min-block-size: 0 !important;
  min-height: 0 !important;
  max-inline-size: 100% !important;
  flex: 1 1 auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"]
[data-generation-context].is-editor-open
> .tb-context-editor:not([hidden])
> footer {
  padding-right: max(20px, env(safe-area-inset-right)) !important;
  padding-bottom: max(12px, env(safe-area-inset-bottom)) !important;
  padding-left: max(20px, env(safe-area-inset-left)) !important;
}

@media (max-width: 520px) {
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"]
  [data-generation-context].is-drawer-open
  .tb-context-picker.is-drawer-open
  > .tb-context-picker-menu.tb-context-drawer:not([hidden]) {
    inline-size: 100dvw !important;
    width: 100dvw !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"]
  [data-generation-context].is-drawer-open
  .tb-context-drawer:not([hidden])
  > footer {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"]
  [data-generation-context].is-drawer-open
  .tb-context-drawer-footer-actions {
    inline-size: 100% !important;
    width: 100% !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"]
  [data-generation-context].is-drawer-open
  .tb-context-drawer-footer-actions .tb-btn {
    flex: 1 1 0 !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-ui-coherence="unified-v3"]
  [data-generation-context].is-editor-open
  > .tb-context-editor:not([hidden]) {
    inline-size: 100dvw !important;
    width: 100dvw !important;
  }
}

/* Content workbench final authority: keep legacy normalizers from reshaping this page. */
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-form {
  width: 100% !important;
  display: block !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
:where(.tb-yiju-tabs, .tb-reference-notice, .tb-yiju-composer, .tb-reference-advanced) {
  width: 100% !important;
  max-width: none !important;
  grid-column: 1 / -1 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-tabs > label > span {
  min-height: 76px !important;
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) auto !important;
  grid-template-rows: 1fr !important;
  gap: 10px !important;
  border: 1px solid #d9dee7 !important;
  border-radius: 9px !important;
  background: #fff !important;
  padding: 12px 14px !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-tabs > label > input:checked + span {
  border-color: #5b5bd6 !important;
  background: #f7f7ff !important;
  color: #202733 !important;
  box-shadow: 0 0 0 2px rgba(91, 91, 214, .1) !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-mode-icon {
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #eef2ff !important;
  color: #5b5bd6 !important;
  padding: 0 !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-tabs input:checked + span .tb-yiju-mode-icon {
  background: #5b5bd6 !important;
  color: #fff !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-mode-copy {
  min-width: 0 !important;
  min-height: 0 !important;
  display: grid !important;
  align-content: center !important;
  gap: 3px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-mode-copy :where(b, em) {
  display: block !important;
  color: inherit !important;
  font-style: normal !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-mode-copy b {
  font-size: 14px !important;
  line-height: 1.35 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-mode-copy em,
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-tabs > label > span > small {
  color: #737d8c !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  opacity: 1 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-composer,
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-composer > textarea {
  width: 100% !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-composer > .tb-unified-textarea-shell {
  width: 100% !important;
  display: block !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-composer > .tb-unified-textarea-shell > [data-unified-media-rail] {
  display: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-action-row {
  flex-wrap: nowrap !important;
  gap: 6px !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-action-row .tb-tool-mode-panel {
  flex: 0 0 auto !important;
  min-width: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-upload {
  flex: 0 0 116px !important;
  width: 116px !important;
  min-width: 116px !important;
  min-height: 40px !important;
  display: flex !important;
  border: 1px solid #4d79df !important;
  border-radius: 8px !important;
  background: #eef4ff !important;
  color: #2958bc !important;
  padding: 0 9px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-upload.secondary {
  border-color: #7d68c7 !important;
  background: #f4f1ff !important;
  color: #674cb2 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-context {
  flex: 0 0 200px !important;
  width: 200px !important;
  min-width: 200px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-context .tb-generation-context-grid {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-context .tb-context-picker {
  flex: 0 0 97px !important;
  width: 97px !important;
  min-width: 97px !important;
  max-width: 97px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-context .tb-context-trigger {
  width: 97px !important;
  min-width: 97px !important;
  max-width: 97px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #d8dde5 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #4f5967 !important;
  padding: 0 8px !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-context .tb-context-trigger > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-context .tb-context-trigger > :where(em, i:last-child) {
  display: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-inline-select {
  flex: 0 0 90px !important;
  width: 90px !important;
  min-width: 90px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-inline-select.compact {
  flex-basis: 76px !important;
  width: 76px !important;
  min-width: 76px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-inline-cost-summary {
  flex: 0 0 104px !important;
  min-width: 104px !important;
  font-size: 10px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-submit {
  flex: 0 0 144px !important;
  width: 144px !important;
  min-width: 144px !important;
  min-height: 42px !important;
  gap: 6px !important;
  padding-inline: 12px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-submit > i {
  display: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-submit > :where(span, small) {
  flex: 0 0 auto !important;
  width: auto !important;
  white-space: nowrap !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-action-row .tb-tool-mode-panel > p {
  bottom: 58px !important;
  color: #697386 !important;
  font-size: 10px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-main.tb-main-tool .tb-yiju-context .tb-context-round-actions .tb-context-picker {
  grid-template-columns: 97px !important;
  justify-items: stretch !important;
  flex: 0 0 97px !important;
  width: 97px !important;
  min-width: 97px !important;
  max-width: 97px !important;
  gap: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-main.tb-main-tool .tb-yiju-context .tb-context-round-actions .tb-context-picker::after {
  display: none !important;
  content: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-main.tb-main-tool .tb-yiju-context .tb-context-round-actions .tb-context-trigger {
  width: 97px !important;
  min-width: 97px !important;
  max-width: 97px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  border-radius: 8px !important;
  padding: 0 8px !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-main.tb-main-tool .tb-yiju-context .tb-context-round-actions .tb-context-trigger > span {
  width: auto !important;
  display: inline-flex !important;
  place-items: initial !important;
  align-items: center !important;
  gap: 4px !important;
  color: inherit !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-main.tb-main-tool .tb-yiju-context .tb-context-round-actions .tb-context-trigger > span > i {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  display: inline-block !important;
  color: currentColor !important;
  font-size: 13px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"][data-theme="night"]
:where(.tb-yiju-tabs > label > span, .tb-yiju-context .tb-context-trigger) {
  border-color: #343b47 !important;
  background: #1b2028 !important;
  color: #e7eaf0 !important;
}

/* One coherent operation guide replaces unrelated example cards. */
body.toolbox-body.toolbox-body
#toolboxApp.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-flow-board {
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid #dde3ea !important;
  border-radius: 12px !important;
  background: #fff !important;
}

body.toolbox-body.toolbox-body
#toolboxApp.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-flow-board > img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  aspect-ratio: 12 / 5 !important;
  object-fit: cover !important;
  object-position: center !important;
  background: #f4f6f8 !important;
}

body.toolbox-body.toolbox-body
#toolboxApp.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-flow-board > figcaption {
  border-top: 1px solid #e4e8ed !important;
  background: #fff !important;
}

body.toolbox-body.toolbox-body
#toolboxApp.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-flow-board ol {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.toolbox-body.toolbox-body
#toolboxApp.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-flow-board li {
  position: relative !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 14px 16px !important;
}

body.toolbox-body.toolbox-body
#toolboxApp.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-flow-board li + li {
  border-left: 1px solid #e4e8ed !important;
}

body.toolbox-body.toolbox-body
#toolboxApp.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-flow-board li > b {
  flex: 0 0 auto !important;
  color: #e84b25 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

body.toolbox-body.toolbox-body
#toolboxApp.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-flow-board li > span {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

body.toolbox-body.toolbox-body
#toolboxApp.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-flow-board li strong {
  color: #252c36 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

body.toolbox-body.toolbox-body
#toolboxApp.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
.tb-yiju-flow-board li small {
  color: #727d8b !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
}

body.toolbox-body.toolbox-body
#toolboxApp.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"][data-theme="night"]
.tb-yiju-flow-board,
body.toolbox-body.toolbox-body
#toolboxApp.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"][data-theme="night"]
.tb-yiju-flow-board > figcaption {
  border-color: #343b47 !important;
  background: #1b2028 !important;
}

body.toolbox-body.toolbox-body
#toolboxApp.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"][data-theme="night"]
.tb-yiju-flow-board li + li {
  border-color: #343b47 !important;
}

body.toolbox-body.toolbox-body
#toolboxApp.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"][data-theme="night"]
.tb-yiju-flow-board li strong {
  color: #f1f3f6 !important;
}

body.toolbox-body.toolbox-body
#toolboxApp.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"][data-theme="night"]
.tb-yiju-flow-board li small {
  color: #aeb7c3 !important;
}

@media (max-width: 760px) {
  body.toolbox-body.toolbox-body
  #toolboxApp.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
  .tb-yiju-flow-board ol {
    grid-template-columns: 1fr !important;
  }

  body.toolbox-body.toolbox-body
  #toolboxApp.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
  .tb-yiju-flow-board li + li {
    border-top: 1px solid #e4e8ed !important;
    border-left: 0 !important;
  }
}

@media (max-width: 720px) {
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
  .tb-yiju-action-row {
    flex-wrap: wrap !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
  .tb-yiju-action-row .tb-tool-mode-panel > p,
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
  .tb-yiju-action-row > .tb-inline-cost-summary {
    display: none !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="content"]
  :where(.tb-yiju-context, .tb-yiju-context .tb-context-picker, .tb-yiju-context .tb-context-trigger) {
    width: auto !important;
    min-width: 0 !important;
  }
}