/*
 * Desktop tool-page layout contract.
 *
 * This file is intentionally loaded after all historical parity styles. It
 * owns sizing, wrapping and generation-action layout for every operation page
 * so page-specific themes cannot squeeze controls or hide point costs.
 */

/*
 * Category hubs are ordinary, equal-priority tool directories.  Historical
 * theme files modelled the grid as twelve tracks while a later reset removed
 * each card's span, collapsing every tool to a single narrow track.  Keep the
 * final contract explicit here because this stylesheet is loaded last.
 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-direct .tb-tool-hub-grid {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-flow: row !important;
  gap: 14px !important;
  overflow: visible !important;
}

/* v9.7 · shared round context actions and persona-note composer */
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool .tb-context-round-actions {
  width: max-content !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

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

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool .tb-context-round-actions .tb-generation-context-grid {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool .tb-context-round-actions .tb-context-picker {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 64px !important;
  justify-items: center !important;
  align-content: start !important;
  flex: 0 0 64px !important;
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  gap: 5px !important;
  margin: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool .tb-context-round-actions .tb-context-picker::after {
  color: #69717d !important;
  font-size: 11px !important;
  font-weight: 600 !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"]
.tb-main.tb-main-tool .tb-context-round-actions .tb-context-picker[data-context-picker="persona"]::after {
  content: "创作人设" !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool .tb-context-round-actions .tb-context-picker[data-context-picker="creative-template"]::after {
  content: "创作模板" !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool .tb-context-round-actions .tb-context-trigger,
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page]
.tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page
.tb-context-round-actions .tb-context-trigger {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  place-items: center !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #dce1e7 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #596271 !important;
  box-shadow: 0 2px 7px rgba(38, 44, 55, .07) !important;
  overflow: hidden !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool .tb-context-round-actions .tb-context-trigger > span,
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page]
.tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page
.tb-context-round-actions .tb-context-trigger > span {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool .tb-context-round-actions .tb-context-trigger > span > i {
  display: block !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  background: transparent !important;
  color: currentColor !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool .tb-context-round-actions .tb-context-trigger > :is(em, i) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool .tb-context-round-actions .tb-context-trigger:is(:hover, :focus-visible) {
  border-color: #e56a3c !important;
  background: #fff5f0 !important;
  color: #d94e1b !important;
  outline: 2px solid rgba(225, 84, 31, .14) !important;
  outline-offset: 2px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool .tb-context-round-actions
.tb-context-picker:has(input[data-context-choice]:checked) .tb-context-trigger {
  border-color: #e65b28 !important;
  background: #fff0e9 !important;
  color: #d94c19 !important;
}

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

body.toolbox-body :is(.tb-context-drawer-backdrop, .tb-context-editor-backdrop) {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  max-width: none !important;
  height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(24, 28, 38, .46) !important;
  cursor: default !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="persona-note"] {
  width: min(1100px, 100%) !important;
  margin-inline: auto !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-reference-form,
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-reference-form .tb-reference-creator-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas: none !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-reference-form .tb-reference-creator-card > * {
  position: static !important;
  grid-column: 1 !important;
  grid-row: auto !important;
  grid-area: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  min-width: 0 !important;
  border: 1px solid #dce2e8 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 7px 18px rgba(38, 44, 55, .06) !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer .tb-reference-main-input {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0 8px !important;
  min-width: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer .tb-reference-main-input > textarea {
  position: static !important;
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 280px !important;
  margin: 0 !important;
  padding: 18px !important;
  border: 0 !important;
  border-radius: 12px 12px 0 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  resize: vertical !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer .tb-reference-main-input > span {
  position: static !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  justify-self: end !important;
  padding: 8px 0 !important;
  color: #8c939d !important;
  font-size: 12px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer .tb-reference-main-input > button {
  position: static !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  min-width: 52px !important;
  min-height: 34px !important;
  margin-right: 10px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #f3f5f7 !important;
  color: #616975 !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 18px !important;
  min-width: 0 !important;
  padding: 12px 14px !important;
  border-top: 1px solid #edf0f3 !important;
  background: #fafbfc !important;
  border-radius: 0 0 12px 12px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-media-actions,
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-media-actions .tb-unified-media-rail {
  position: static !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-media-actions .tb-unified-media-plus {
  position: static !important;
  display: grid !important;
  grid-template-columns: 18px auto !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  min-width: 86px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 1px solid #dde2e8 !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #596271 !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-reference-media-row[hidden],
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool [data-product-gallery-pages][hidden] {
  display: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-advanced {
  overflow: hidden !important;
  border: 1px solid #dfe4e9 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-advanced > summary {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 46px !important;
  padding: 10px 14px !important;
  cursor: pointer !important;
  user-select: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-advanced > summary small {
  margin-left: auto !important;
  color: #858d98 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-advanced > .tb-product-main-fields {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  padding: 14px !important;
  border-top: 1px solid #edf0f3 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool #personaNoteOptionsBar {
  position: static !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 12px !important;
  border: 1px solid #dfe4e9 !important;
  border-radius: 10px !important;
  background: #f8f9fa !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool #personaNoteOptionsBar > label {
  display: grid !important;
  grid-template-columns: max-content 72px !important;
  align-items: center !important;
  gap: 7px !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  white-space: nowrap !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool #personaNoteOptionsBar > label > :is(select, .tb-select-shell) {
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  margin: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool #personaNoteOptionsBar > .tb-persona-generate {
  flex: 0 1 390px !important;
  width: auto !important;
  min-width: 280px !important;
  max-width: 390px !important;
  min-height: 48px !important;
  margin: 0 0 0 auto !important;
  padding: 9px 18px !important;
  border-radius: 10px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool #personaNoteOptionsBar > .tb-status:empty {
  display: none !important;
}

@media (max-width: 760px) {
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
  .tb-main.tb-main-tool .tb-persona-composer .tb-reference-main-input > textarea {
    min-height: 220px !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
  .tb-main.tb-main-tool .tb-persona-composer-footer {
    flex-wrap: wrap !important;
    gap: 12px !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
  .tb-main.tb-main-tool .tb-persona-advanced > .tb-product-main-fields {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
  .tb-main.tb-main-tool #personaNoteOptionsBar {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
  .tb-main.tb-main-tool #personaNoteOptionsBar > label {
    grid-template-columns: minmax(0, 1fr) 72px !important;
    width: 100% !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
  .tb-main.tb-main-tool #personaNoteOptionsBar > .tb-persona-generate {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
  .tb-main.tb-main-tool .tb-persona-advanced > summary small {
    display: none !important;
  }
}

/* v9.8.2 · destination switcher overlay contract
 * Library pages use .tb-main without .tb-main-tool. Keep the shared sibling
 * menu out of document flow and above the following page section everywhere. */
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main .tb-destination-context {
  position: relative !important;
  overflow: visible !important;
  isolation: isolate;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main .tb-destination-context:has(> .tb-destination-switch[open]),
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main .tb-destination-context.has-open-popover {
  z-index: 1320 !important;
  isolation: auto !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main .tb-destination-switch,
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main .tb-destination-switch[open] {
  position: relative !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main .tb-destination-switch[open] > div {
  z-index: 1340 !important;
  background: var(--xuan-surface-raised, #fff) !important;
  box-shadow: 0 18px 44px rgba(20, 29, 43, .2), 0 3px 10px rgba(20, 29, 43, .1) !important;
}

/* v9.8 · assigned-copy compact composer and global paste-button removal */
body.toolbox-body [data-paste-clipboard] {
  display: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"] {
  width: min(1100px, 100%) !important;
  margin-inline: auto !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-reference-form {
  position: static !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: none !important;
  grid-template-areas: none !important;
  gap: 14px !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-reference-form > .tb-product-note-modes {
  order: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: none !important;
  gap: 12px !important;
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-reference-form > .tb-product-note-modes > label {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-product-note-modes > label:has(input[value="cover"]) > span {
  min-height: 72px !important;
  border: 1px solid #9ed9cf !important;
  border-radius: 12px !important;
  background: #eef9f6 !important;
  color: #176f67 !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-product-note-modes > label:has(input[value="gallery"]) > span {
  min-height: 72px !important;
  border: 1px solid #c9baf0 !important;
  border-radius: 12px !important;
  background: #f5f1ff !important;
  color: #6749ae !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-product-note-modes > label > input[value="cover"]:checked + span {
  border-color: #168f87 !important;
  background: #168f87 !important;
  color: #fff !important;
  box-shadow: 0 7px 18px rgba(22, 143, 135, .2) !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-product-note-modes > label > input[value="gallery"]:checked + span {
  border-color: #7454bd !important;
  background: #7454bd !important;
  color: #fff !important;
  box-shadow: 0 7px 18px rgba(116, 84, 189, .2) !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-reference-form > .tb-reference-creator-card {
  position: static !important;
  order: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: none !important;
  grid-template-areas: none !important;
  gap: 12px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 16px !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-reference-form .tb-reference-creator-card > * {
  position: static !important;
  grid-column: 1 !important;
  grid-row: auto !important;
  grid-area: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-reference-form .tb-reference-notice {
  order: 1 !important;
  display: flex !important;
  align-items: center !important;
  height: auto !important;
  min-height: 46px !important;
  padding: 10px 14px !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-composer {
  order: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  border: 1px solid #dce2e8 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 7px 18px rgba(38, 44, 55, .06) !important;
  overflow: hidden !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-composer > .tb-reference-title-input {
  position: static !important;
  display: block !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #edf0f3 !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-composer > .tb-reference-title-input > input {
  position: static !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 54px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-composer > .tb-reference-main-input {
  position: static !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  border: 0 !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-composer > .tb-reference-main-input > textarea {
  position: static !important;
  display: block !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 300px !important;
  padding: 18px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  resize: vertical !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-composer > .tb-reference-main-input > span {
  position: static !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  justify-self: end !important;
  padding: 8px 14px !important;
  color: #8c939d !important;
  font-size: 12px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-composer > .tb-assigned-composer-footer {
  position: static !important;
  grid-column: 1 !important;
  grid-row: 3 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 18px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 70px !important;
  padding: 12px 14px !important;
  border-top: 1px solid #edf0f3 !important;
  background: #fafbfc !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
:is(.tb-assigned-media-actions, .tb-assigned-media-actions .tb-unified-media-rail) {
  position: static !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-media-actions .tb-unified-media-plus {
  position: static !important;
  display: grid !important;
  grid-template-columns: 18px auto !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  min-width: 96px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 1px solid #dde2e8 !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #596271 !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-reference-form > .tb-reference-creator-card > .tb-reference-media-row {
  order: 3 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-reference-form .tb-reference-media-row[hidden] {
  display: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-layout-requirement {
  order: 4 !important;
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 74px !important;
  padding: 10px 14px !important;
  border: 1px solid #dfe4e9 !important;
  border-radius: 10px !important;
  background: #fff !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-layout-requirement > textarea {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 52px !important;
  height: 52px !important;
  margin: 0 !important;
  resize: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-advanced {
  order: 5 !important;
  display: block !important;
  height: auto !important;
  min-height: 46px !important;
  border: 1px solid #dfe4e9 !important;
  border-radius: 10px !important;
  background: #fff !important;
  overflow: hidden !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-advanced[open] > .tb-product-main-fields {
  display: grid !important;
  grid-template-columns: minmax(180px, .45fr) minmax(0, 1fr) !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
#assignedCopyOptionsBar {
  position: static !important;
  order: 6 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 12px !important;
  border: 1px solid #dfe4e9 !important;
  border-radius: 10px !important;
  background: #f8f9fa !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
#assignedCopyOptionsBar > label {
  display: grid !important;
  grid-template-columns: max-content 72px !important;
  align-items: center !important;
  gap: 7px !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  white-space: nowrap !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
#assignedCopyOptionsBar > label > :is(select, .tb-select-shell) {
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  margin: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
#assignedCopyOptionsBar > [data-product-gallery-pages][hidden] {
  display: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
#assignedCopyOptionsBar > .tb-assigned-generate {
  flex: 0 1 390px !important;
  width: auto !important;
  min-width: 280px !important;
  max-width: 390px !important;
  min-height: 48px !important;
  margin: 0 0 0 auto !important;
  padding: 9px 18px !important;
  border-color: #168f87 !important;
  border-radius: 10px !important;
  background: #168f87 !important;
  color: #fff !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
#assignedCopyOptionsBar > .tb-status:empty {
  display: none !important;
}

@media (max-width: 760px) {
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
  .tb-assigned-reference-form > .tb-product-note-modes {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
  .tb-assigned-composer > .tb-reference-main-input > textarea {
    min-height: 230px !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
  .tb-assigned-composer > .tb-assigned-composer-footer {
    flex-wrap: wrap !important;
    gap: 12px !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
  .tb-assigned-layout-requirement {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
  .tb-assigned-advanced[open] > .tb-product-main-fields {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
  #assignedCopyOptionsBar {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
  #assignedCopyOptionsBar > label {
    grid-template-columns: minmax(0, 1fr) 72px !important;
    width: 100% !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
  #assignedCopyOptionsBar > .tb-assigned-generate {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
  }
}

/* v9.8.2 · remove legacy mode-strip offsets */
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-reference-form > .tb-product-note-modes {
  align-self: start !important;
  width: 100% !important;
  height: auto !important;
  min-height: 72px !important;
  margin: 0 !important;
  grid-auto-rows: minmax(72px, auto) !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-reference-form > .tb-product-note-modes > label,
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-reference-form > .tb-product-note-modes > label > span {
  width: 100% !important;
  height: 100% !important;
  min-height: 72px !important;
  margin: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-reference-form > .tb-reference-creator-card {
  margin: 0 !important;
}

@media (max-width: 480px) {
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
  #assignedCopyOptionsBar {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
  #assignedCopyOptionsBar > :is(label, .tb-assigned-generate) {
    grid-column: 1 !important;
  }
}

@media (max-width: 480px) {
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
  .tb-main.tb-main-tool .tb-persona-composer-footer {
    padding-inline: 10px !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
  .tb-main.tb-main-tool .tb-persona-media-actions .tb-unified-media-plus {
    min-width: 78px !important;
    padding-inline: 9px !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
  .tb-main.tb-main-tool #personaNoteOptionsBar {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
  .tb-main.tb-main-tool #personaNoteOptionsBar > :is(label, .tb-persona-generate) {
    grid-column: 1 !important;
  }
}

/* v9.6 · photo-note compact composer and progressive settings */
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-studio > form.tb-specific-form.tb-photo-note-form-v2 {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: none !important;
  grid-template-areas: none !important;
  gap: 12px !important;
  align-items: start !important;
  padding: 16px !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-studio > form.tb-photo-note-form-v2 > * {
  grid-column: 1 !important;
  grid-row: auto !important;
  grid-area: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-composer {
  min-width: 0 !important;
  border: 1px solid #dde2e8 !important;
  border-radius: 14px !important;
  background: #fff !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-main-input[data-unified-textarea-shell] {
  min-width: 0 !important;
  min-height: 330px !important;
  display: grid !important;
  grid-template-columns: minmax(120px, 1fr) auto minmax(120px, 1fr) !important;
  grid-template-rows: minmax(250px, 1fr) 78px !important;
  align-items: center !important;
  position: relative !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-main-input > textarea[name="field_1"] {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 250px !important;
  resize: vertical !important;
  padding: 20px 22px !important;
  border: 0 !important;
  border-bottom: 1px solid #edf0f3 !important;
  border-radius: 14px 14px 0 0 !important;
  background: #fff !important;
  color: #272d38 !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-main-input > textarea[name="field_1"]:focus {
  box-shadow: inset 0 0 0 2px rgba(124, 92, 231, .16) !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-main-input > .tb-unified-media-rail {
  grid-column: 1 !important;
  grid-row: 2 !important;
  align-self: center !important;
  justify-self: start !important;
  width: auto !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding-left: 14px !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-main-input .tb-unified-media-plus {
  min-width: 112px !important;
  min-height: 44px !important;
  display: inline-grid !important;
  grid-template-columns: 20px auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 8px 13px !important;
  border: 1px solid #dce1e7 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #4d5663 !important;
  box-shadow: 0 2px 6px rgba(36, 43, 54, .05) !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-upload:not([hidden]) {
  grid-column: 1 !important;
  grid-row: 2 !important;
  justify-self: start !important;
  width: max-content !important;
  min-width: 112px !important;
  min-height: 44px !important;
  margin-left: 14px !important;
  padding: 8px 13px !important;
  border-radius: 10px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-context-round {
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: center !important;
  justify-self: center !important;
  min-width: 0 !important;
  position: relative !important;
  z-index: 4 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-context-round .tb-generation-context {
  width: auto !important;
  min-width: 0 !important;
  display: block !important;
  grid-area: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

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

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-context-round .tb-generation-context-grid {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: 18px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-context-round .tb-context-picker {
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  flex: 0 0 64px !important;
  display: grid !important;
  justify-items: center !important;
  gap: 4px !important;
  position: relative !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-context-round .tb-context-picker::after {
  color: #636b77 !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="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-context-round .tb-context-picker[data-context-picker="persona"]::after {
  content: "创作人设" !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-context-round .tb-context-picker[data-context-picker="creative-template"]::after {
  content: "创作模板" !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-context-round .tb-context-trigger {
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  place-items: center !important;
  gap: 0 !important;
  padding: 0 !important;
  border: 1px solid #dce1e7 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #596271 !important;
  box-shadow: 0 2px 6px rgba(36, 43, 54, .05) !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-context-round .tb-context-trigger > span {
  width: 100% !important;
  display: grid !important;
  place-items: center !important;
  gap: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-context-round .tb-context-trigger > span > i {
  width: auto !important;
  height: auto !important;
  display: block !important;
  flex: none !important;
  border: 0 !important;
  background: transparent !important;
  color: #596271 !important;
  font-size: 18px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-context-round .tb-context-trigger > :is(em, i) {
  display: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-context-round .tb-context-picker:has(input[data-context-choice]:checked) .tb-context-trigger {
  border-color: #8062e9 !important;
  background: #f4f0ff !important;
  color: #6547c5 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-settings {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  position: relative !important;
  z-index: 7 !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-choice {
  min-width: 0 !important;
  position: relative !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-choice > summary {
  width: 100% !important;
  min-height: 46px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content 16px !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 9px 12px !important;
  border: 1px solid #dfe3e8 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #3d4552 !important;
  cursor: pointer !important;
  list-style: none !important;
  box-shadow: 0 2px 6px rgba(36, 43, 54, .04) !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-choice > summary::-webkit-details-marker {
  display: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-choice > summary > span {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-choice > summary > em {
  color: #6849c8 !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-choice > summary > .bi-chevron-down {
  transition: transform .18s cubic-bezier(.22, 1, .36, 1) !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-choice[open] > summary {
  border-color: #8a70e8 !important;
  background: #faf8ff !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-choice[open] > summary > .bi-chevron-down {
  transform: rotate(180deg) !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-choice:not([open]) > .tb-photo-note-choice-menu {
  display: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-choice[open] > .tb-photo-note-choice-menu {
  width: min(320px, calc(100vw - 48px)) !important;
  height: auto !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  position: absolute !important;
  top: calc(100% + 7px) !important;
  left: 0 !important;
  z-index: 12 !important;
  padding: 10px !important;
  border: 1px solid #dfe3e8 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(38, 43, 53, .14) !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-choice:last-child[open] > .tb-photo-note-choice-menu {
  right: 0 !important;
  left: auto !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-choice-menu > label {
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 40px !important;
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-choice-menu > label > span {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 40px !important;
  display: grid !important;
  place-items: center !important;
  padding: 7px 9px !important;
  border: 1px solid #e0e3e8 !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #535c69 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-choice-menu > label > input:checked + span {
  border-color: #8062e9 !important;
  background: #f3efff !important;
  color: #5f41bc !important;
  box-shadow: inset 0 0 0 1px #8062e9 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-requirement {
  min-width: 0 !important;
  display: grid !important;
  gap: 7px !important;
  padding: 14px !important;
  border: 1px solid #e0e4e9 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #3e4652 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-requirement > span small {
  color: #858d98 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-requirement > textarea {
  width: 100% !important;
  min-height: 92px !important;
  resize: vertical !important;
  padding: 11px 12px !important;
  border: 1px solid #dfe3e8 !important;
  border-radius: 9px !important;
  background: #fbfcfd !important;
  color: #303742 !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-recognition {
  width: 100% !important;
  min-width: 0 !important;
  grid-area: auto !important;
  position: static !important;
  z-index: auto !important;
  margin: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-submit {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  border: 1px solid #e0e4e9 !important;
  border-radius: 12px !important;
  background: #f8f9fa !important;
  color: #343b47 !important;
  box-shadow: 0 4px 12px rgba(39, 45, 56, .05) !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-count {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: #4d5663 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-count > select {
  width: 68px !important;
  min-width: 68px !important;
  min-height: 40px !important;
  padding: 7px 28px 7px 10px !important;
  border: 1px solid #d9dee5 !important;
  border-radius: 9px !important;
  background-color: #fff !important;
  color: #363e49 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-count > span {
  min-width: max-content !important;
  white-space: nowrap !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-count > .tb-select-shell {
  width: 68px !important;
  min-width: 68px !important;
  max-width: 68px !important;
  flex: 0 0 68px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-count > .tb-select-shell > :is(.tb-select-native, .tb-select-trigger) {
  width: 68px !important;
  min-width: 68px !important;
  max-width: 68px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-count > .tb-select-shell > .tb-select-menu {
  width: 68px !important;
  min-width: 68px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-submit > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-submit > div > strong {
  color: #d94827 !important;
  font-size: 14px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-submit > div > span {
  color: #747d89 !important;
  font-size: 11px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-submit > .tb-btn.primary {
  min-width: 220px !important;
  min-height: 46px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  background: #f4512c !important;
  box-shadow: 0 6px 14px rgba(244, 81, 44, .2) !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
.tb-photo-note-submit > .tb-status:not(:empty) {
  grid-column: 1 / -1 !important;
}

@media (max-width: 760px) {
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
  .tb-photo-note-main-input[data-unified-textarea-shell] {
    min-height: 310px !important;
    grid-template-columns: minmax(92px, 1fr) auto minmax(80px, 1fr) !important;
    grid-template-rows: minmax(220px, 1fr) 88px !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
  .tb-photo-note-main-input > textarea[name="field_1"] {
    min-height: 220px !important;
    padding: 16px !important;
    font-size: 14px !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
  .tb-photo-note-settings {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
  .tb-photo-note-choice[open] > .tb-photo-note-choice-menu {
    width: 100% !important;
    position: static !important;
    margin-top: 7px !important;
    box-shadow: none !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
  .tb-photo-note-submit {
    grid-template-columns: minmax(0, 1fr) max-content !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
  .tb-photo-note-submit > div {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
  .tb-photo-note-submit > .tb-photo-note-count {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
  .tb-photo-note-submit > .tb-btn.primary {
    grid-column: 2 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    width: 100% !important;
  }
}

@media (max-width: 440px) {
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
  .tb-photo-note-main-input[data-unified-textarea-shell] {
    grid-template-columns: minmax(78px, 1fr) auto minmax(68px, 1fr) !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
  .tb-photo-note-main-input .tb-unified-media-plus {
    min-width: 78px !important;
    padding-inline: 8px !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
  .tb-photo-note-context-round .tb-generation-context-grid {
    gap: 8px !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
  .tb-photo-note-submit {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="photo-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="photo-note"]
  .tb-photo-note-submit > :is(div, .tb-photo-note-count, .tb-btn.primary) {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

/* v9.0 · smart creation composer and durable task progress */
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(
  .tb-ai-video-studio,
  .tb-video-workbench-page,
  .tb-digital-human-studio,
  .tb-product-talk-studio,
  .tb-store-visit-studio
) {
  width: min(1180px, 100%) !important;
  margin-inline: auto !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(
  .tb-ai-video-layout.tb-video-workbench,
  .tb-digital-human-layout.tb-video-workbench,
  .tb-video-workbench-page > .tb-video-workbench,
  .tb-product-talk-layout.tb-product-talk-single
) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 24px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(
  .tb-ai-video-layout,
  .tb-digital-human-layout,
  .tb-video-workbench-page > .tb-video-workbench,
  .tb-product-talk-single
) > form {
  width: min(920px, 100%) !important;
  min-width: 0 !important;
  margin-inline: auto !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  padding: 0 !important;
  border: 1px solid #dfe3e8 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 12px 30px rgba(34, 28, 24, .055) !important;
  overflow: visible !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer > header {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 16px 18px !important;
  border: 0 !important;
  border-bottom: 1px solid #edf0f3 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer > header > div {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer > header > div > i {
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 10px !important;
  background: #fff1ea !important;
  color: #d84c1b !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer > header span {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer > header strong {
  color: #22252b !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer > header small,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer > header em {
  color: #6c737d !important;
  font-size: 12px !important;
  font-style: normal !important;
  line-height: 1.45 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer > header em {
  flex: 0 0 auto !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  background: #f5f6f8 !important;
  color: #555d68 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer > textarea,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer :where(.tb-spoken-script-source, .tb-spoken-script-result) > textarea,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer > label > textarea {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 210px !important;
  margin: 0 !important;
  padding: 20px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #25282e !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  resize: vertical !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer > label {
  min-width: 0 !important;
  display: grid !important;
  gap: 0 !important;
  margin: 0 !important;
  border-top: 1px solid #edf0f3 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer > label > span {
  padding: 14px 20px 0 !important;
  color: #4d545e !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer > label > textarea {
  min-height: 112px !important;
  padding-top: 12px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer-footer {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(210px, 1fr) minmax(160px, .55fr) auto !important;
  gap: 10px !important;
  align-items: end !important;
  padding: 12px !important;
  border-top: 1px solid #e8ebef !important;
  background: #fafbfc !important;
  border-radius: 0 0 14px 14px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer-footer > label {
  min-width: 0 !important;
  display: grid !important;
  gap: 5px !important;
  color: #636b75 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer-footer :where(input, select) {
  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  padding: 0 11px !important;
  border: 1px solid #dfe3e8 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #25282e !important;
  font-size: 13px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-digital-human-composer-footer {
  grid-template-columns: minmax(190px, .82fr) minmax(170px, 1fr) minmax(140px, .62fr) auto !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-digital-human-composer-footer > .tb-smart-upload {
  position: relative !important;
  min-width: 0 !important;
  min-height: 64px !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 9px !important;
  align-items: center !important;
  padding: 9px 11px !important;
  border: 1px solid #dfe3e8 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #343941 !important;
  cursor: pointer !important;
  overflow: hidden !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-digital-human-composer-footer > .tb-smart-upload:hover {
  border-color: #ee815d !important;
  background: #fff9f6 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-digital-human-composer-footer > .tb-smart-upload.has-files {
  border-color: #e95a28 !important;
  background: #fff7f2 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-upload > input[type="file"] {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-upload > i {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 9px !important;
  background: #fff0e9 !important;
  color: #dd4e1b !important;
  font-size: 15px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-upload > span {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-upload :where(b, small) {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-upload b {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-upload small {
  color: #777e87 !important;
  font-size: 10px !important;
  font-weight: 500 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer-footer.has-unified-media {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: end !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer-footer.has-unified-media > label {
  flex: 1 1 170px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-textarea-shell {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: stretch !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-textarea-shell > textarea {
  grid-column: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-media-rail {
  min-width: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-textarea-shell > .tb-unified-media-rail {
  grid-column: 1 !important;
  grid-row: 1 !important;
  flex-direction: column !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-media-plus {
  width: 70px !important;
  min-width: 70px !important;
  min-height: 64px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 5px !important;
  padding: 8px 6px !important;
  border: 1px dashed #cfd4dc !important;
  border-radius: 11px !important;
  background: #f7f8fa !important;
  color: #737b86 !important;
  cursor: pointer !important;
  user-select: none !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-media-plus:is(:hover, :focus-visible) {
  border-color: #ed6c40 !important;
  background: #fff7f2 !important;
  color: #d94a19 !important;
  outline: none !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-media-plus.has-files {
  border-style: solid !important;
  border-color: #e55725 !important;
  background: #fff3ed !important;
  color: #d94816 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-media-plus b {
  font-size: 25px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-media-plus small {
  max-width: 58px !important;
  overflow: hidden !important;
  color: currentColor !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.toolbox-body .tb-commercial-upload-source {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
}

.toolbox-body [data-unified-upload-legacy="hidden"] {
  display: none !important;
}

.toolbox-body .tb-commercial-source-choice {
  min-width: 0 !important;
  min-height: 88px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 8px !important;
  border: 1px solid #e1e4e9 !important;
  border-radius: 12px !important;
  background: #fafbfc !important;
  color: #343945 !important;
  padding: 12px !important;
  cursor: pointer !important;
}

.toolbox-body .tb-commercial-source-choice:is(:hover, :focus-visible, .is-dragging) {
  border-color: #e46a3e !important;
  background: #fff7f2 !important;
  color: #d94a19 !important;
  outline: none !important;
}

.toolbox-body .tb-commercial-source-choice > i {
  color: #e55725 !important;
  font-size: 22px !important;
}

.toolbox-body .tb-commercial-source-choice > strong {
  overflow: hidden !important;
  font-size: 13px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.toolbox-body .tb-commercial-upload-qr {
  min-height: 214px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 8px !important;
  margin-top: 12px !important;
  border-radius: 12px !important;
  background: #f7f8fa !important;
  padding: 14px !important;
}

.toolbox-body .tb-commercial-upload-qr[hidden] {
  display: none !important;
}

.toolbox-body .tb-commercial-upload-qr canvas {
  width: 176px !important;
  height: 176px !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.toolbox-body .tb-mobile-upload-page {
  min-height: 100dvh;
  display: grid;
  place-items: center;
  background: #f5f6f8;
  padding: 20px;
}

.toolbox-body .tb-mobile-upload-page > section {
  width: min(100%, 430px);
  border-radius: 16px;
  background: #fff;
  padding: 22px;
  box-shadow: 0 18px 45px rgba(34, 39, 48, .1);
}

.toolbox-body .tb-mobile-upload-page header {
  display: flex;
  align-items: center;
  gap: 10px;
}

.toolbox-body .tb-mobile-upload-page header img {
  width: 38px;
  height: 38px;
  border-radius: 10px;
}

.toolbox-body .tb-mobile-upload-page header div {
  display: grid;
}

.toolbox-body .tb-mobile-upload-page header span,
.toolbox-body .tb-mobile-upload-picker span,
.toolbox-body .tb-mobile-upload-success p {
  color: #737b86;
  font-size: 13px;
}

.toolbox-body .tb-mobile-upload-page h1 {
  margin: 28px 0 16px;
  color: #252a33;
  font-size: 24px;
}

.toolbox-body .tb-mobile-upload-page form {
  display: grid;
  gap: 14px;
}

.toolbox-body .tb-mobile-upload-picker {
  min-height: 210px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  border: 1px dashed #c9ced8;
  border-radius: 14px;
  background: #fafbfc;
  cursor: pointer;
}

.toolbox-body .tb-mobile-upload-picker input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

.toolbox-body .tb-mobile-upload-picker i {
  color: #e55725;
  font-size: 34px;
}

.toolbox-body .tb-mobile-upload-page form > button {
  min-height: 48px;
  border: 0;
  border-radius: 12px;
  background: #e55725;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}

.toolbox-body .tb-mobile-upload-status {
  margin-bottom: 12px;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 13px;
}

.toolbox-body .tb-mobile-upload-status.error {
  background: #fff1ef;
  color: #b52e20;
}

.toolbox-body .tb-mobile-upload-success {
  min-height: 240px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  text-align: center;
}

.toolbox-body .tb-mobile-upload-success i {
  color: #1f9b62;
  font-size: 44px;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-smart-optimize, .tb-smart-auto, .tb-smart-counter) {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  white-space: nowrap !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-optimize {
  border: 1px solid #e94f1d !important;
  background: #ef5523 !important;
  color: #fff !important;
  font-weight: 750 !important;
  cursor: pointer !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-optimize:hover {
  background: #d94718 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-smart-auto, .tb-smart-counter) {
  color: #69717b !important;
  font-size: 12px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer-tabs {
  display: flex !important;
  gap: 4px !important;
  padding: 10px 14px 0 !important;
  border: 0 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer-tabs[hidden],
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-spoken-script-panel][hidden] {
  display: none !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer-tabs button {
  min-height: 36px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #69717b !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer-tabs button.active {
  background: #f1f2f4 !important;
  color: #23262c !important;
  font-weight: 750 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer .tb-spoken-script-source,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer .tb-spoken-script-result {
  min-width: 0 !important;
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer-facts {
  border: 0 !important;
  border-top: 1px solid #edf0f3 !important;
  background: #fff !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer-facts summary {
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 18px !important;
  color: #555d67 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer-facts summary small {
  color: #858b94 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer-facts textarea {
  width: calc(100% - 28px) !important;
  min-height: 100px !important;
  margin: 0 14px 14px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-spoken-script-actions {
  min-height: 38px !important;
  padding: 8px 14px !important;
  border-top: 1px solid #edf0f3 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-video-case-gallery {
  width: min(920px, 100%) !important;
  margin: 26px auto 0 !important;
}

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

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-video-case-gallery img {
  aspect-ratio: 16 / 10 !important;
  object-fit: cover !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-inline-generated-result:has(.tb-tool-result:empty),
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-ai-video-layout, .tb-digital-human-layout, .tb-video-workbench-page) .tb-tool-result:empty {
  display: none !important;
}

.tb-task-progress-layer {
  position: fixed;
  inset: 0;
  z-index: 6200;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(24, 22, 20, .38);
}

.tb-task-progress-layer[hidden],
.tb-task-progress-floater[hidden] {
  display: none !important;
}

.tb-task-progress-card {
  width: min(460px, 100%);
  max-height: min(720px, calc(100dvh - 40px));
  overflow: auto;
  border-radius: 16px;
  background: #fff;
  color: #25282e;
  box-shadow: 0 26px 70px rgba(25, 20, 17, .24);
}

.tb-task-progress-card > header {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 40px;
  gap: 12px;
  align-items: center;
  padding: 20px 20px 16px;
}

.tb-task-progress-card > header > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.tb-task-progress-card > header small {
  color: #7b8189;
  font-size: 11px;
}

.tb-task-progress-card > header strong {
  color: #202329;
  font-size: 17px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.tb-task-progress-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #fff0e9;
  color: #e24d19;
  font-size: 18px;
}

.tb-task-progress-card > header button {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 10px;
  background: #f5f6f7;
  color: #5f6670;
  cursor: pointer;
}

.tb-task-progress-meta,
.tb-task-progress-value,
.tb-task-progress-accuracy,
.tb-task-progress-steps,
.tb-task-progress-note {
  margin-inline: 20px;
}

.tb-task-progress-meta,
.tb-task-progress-value {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.tb-task-progress-meta {
  color: #7b8189;
  font-size: 12px;
}

.tb-task-progress-value {
  margin-top: 22px;
  align-items: baseline;
}

.tb-task-progress-value strong {
  color: #e34d19;
  font-size: 34px;
  letter-spacing: -.03em;
}

.tb-task-progress-value span {
  color: #3f454d;
  font-size: 14px;
  font-weight: 700;
}

.tb-task-progress-track {
  height: 9px;
  margin: 10px 20px 0;
  border-radius: 999px;
  background: #eceef1;
  overflow: hidden;
}

.tb-task-progress-track i {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: inherit;
  background: #ed5522;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 420ms cubic-bezier(.2, .8, .2, 1);
  will-change: transform;
}

.tb-task-progress-accuracy {
  display: block;
  margin-top: 7px;
  color: #8a9098;
  font-size: 11px;
  text-align: right;
}

.tb-task-progress-steps {
  display: grid;
  gap: 11px;
  margin-top: 22px;
  padding: 0;
  list-style: none;
}

.tb-task-progress-steps li {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  color: #8a9098;
  font-size: 13px;
}

.tb-task-progress-steps li i {
  width: 14px;
  height: 14px;
  border: 2px solid #d7dbe0;
  border-radius: 50%;
  background: #fff;
}

.tb-task-progress-steps li.active {
  color: #292d33;
  font-weight: 750;
}

.tb-task-progress-steps li.active i {
  border-color: #ed5522;
  box-shadow: inset 0 0 0 3px #fff;
  background: #ed5522;
}

.tb-task-progress-steps li.done {
  color: #4d555e;
}

.tb-task-progress-steps li.done i {
  border-color: #1f9d69;
  background: #1f9d69;
}

.tb-task-progress-note {
  display: flex;
  gap: 9px;
  margin-top: 20px;
  padding: 12px 13px;
  border-radius: 11px;
  background: #f6f7f8;
  color: #626a74;
  font-size: 12px;
  line-height: 1.6;
}

.tb-task-progress-note i {
  flex: 0 0 auto;
  margin-top: 2px;
}

.tb-task-progress-card > footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 20px 20px;
}

.tb-task-progress-card > footer a {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border-radius: 10px;
  color: #40464e;
  text-decoration: none;
  font-size: 13px;
  font-weight: 750;
}

.tb-task-progress-secondary {
  background: #f1f3f5;
}

.tb-task-progress-primary {
  background: #ef5523;
  color: #fff !important;
}

.tb-task-progress-layer.is-complete .tb-task-progress-icon,
.tb-task-progress-floater.is-complete > i {
  background: #e9f8f1;
  color: #168458;
}

.tb-task-progress-layer.is-failed .tb-task-progress-icon,
.tb-task-progress-floater.is-failed > i {
  background: #fff0ef;
  color: #c83b34;
}

.tb-task-progress-layer.is-failed .tb-task-progress-track i {
  background: #c83b34;
}

.tb-task-progress-floater {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 6100;
  width: min(360px, calc(100vw - 32px));
  min-height: 68px;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid #e0e3e7;
  border-radius: 14px;
  background: #fff;
  color: #25282e;
  text-align: left;
  box-shadow: 0 18px 50px rgba(27, 22, 19, .18);
  cursor: pointer;
}

.tb-task-progress-floater > i {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: #fff0e9;
  color: #e24d19;
}

.tb-task-progress-floater > span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.tb-task-progress-floater strong,
.tb-task-progress-floater small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tb-task-progress-floater small {
  color: #777e87;
  font-size: 11px;
}

.tb-task-progress-floater > b {
  color: #e24d19;
  font-size: 16px;
}

body.toolbox-body:has(.tb-app[data-app-shell][data-theme="night"]) :where(.tb-task-progress-card, .tb-task-progress-floater) {
  border-color: #343842;
  background: #1d1f25;
  color: #f2f3f5;
}

body.toolbox-body:has(.tb-app[data-app-shell][data-theme="night"]) :where(.tb-task-progress-card > header strong, .tb-task-progress-value span, .tb-task-progress-steps li.active, .tb-task-progress-floater strong) {
  color: #f2f3f5;
}

body.toolbox-body:has(.tb-app[data-app-shell][data-theme="night"]) :where(.tb-task-progress-note, .tb-task-progress-secondary, .tb-task-progress-card > header button) {
  background: #292c33;
  color: #c7cbd1;
}

body.toolbox-body:has(.tb-app[data-app-shell][data-theme="night"]) .tb-task-progress-track {
  background: #343840;
}

@media (max-width: 760px) {
  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer-footer {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer-footer.tb-digital-human-composer-footer {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer-footer.has-unified-media {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

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

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-textarea-shell > .tb-unified-media-rail,
  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-textarea-shell > textarea {
    grid-column: 1 !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-textarea-shell > .tb-unified-media-rail {
    grid-row: auto !important;
    flex-direction: row !important;
  }

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

  .toolbox-body .tb-commercial-source-choice {
    min-height: 76px !important;
    padding: 8px 4px !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-smart-optimize, .tb-smart-auto, .tb-smart-counter) {
    width: 100% !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer > header {
    align-items: flex-start !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-smart-composer > header > em {
    display: none !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-video-case-gallery .tb-real-case-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    overflow-x: auto !important;
    scroll-snap-type: x proximity !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-video-case-gallery .tb-real-case-card {
    min-width: 220px !important;
    scroll-snap-align: start !important;
  }

  .tb-task-progress-layer {
    align-items: end;
    padding: 0;
  }

  .tb-task-progress-card {
    width: 100%;
    max-height: 88dvh;
    border-radius: 18px 18px 0 0;
  }

  .tb-task-progress-card > footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .tb-task-progress-floater {
    right: 16px;
    bottom: max(16px, env(safe-area-inset-bottom));
  }
}

/* v10.0 · admin information architecture, task media and finance */
.toolbox-body .tb-admin-app .tb-side-nav {
  gap: 14px !important;
}

.toolbox-body .tb-admin-app .tb-admin-nav-group {
  display: grid;
  gap: 3px;
}

.toolbox-body .tb-admin-app .tb-admin-nav-group > span {
  padding: 0 10px 5px;
  color: #7d899b;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
}

.toolbox-body .tb-admin-section-tabs {
  display: flex;
  gap: 4px;
  margin: 0 0 16px;
  padding: 4px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #fff;
  overflow-x: auto;
  scrollbar-width: none;
}

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

.toolbox-body .tb-admin-section-tabs a {
  min-height: 38px;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border-radius: 7px;
  color: #475467;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.toolbox-body .tb-admin-section-tabs a:hover {
  background: #f2f4f7;
  color: #101828;
}

.toolbox-body .tb-admin-section-tabs a.active {
  background: #1d2939;
  color: #fff;
}

.toolbox-body .tb-admin-user-tasks,
.toolbox-body .tb-admin-task-result-panel {
  margin-top: 16px;
}

.toolbox-body .tb-admin-app .tb-task-table {
  min-width: 1220px;
}

.toolbox-body .tb-admin-app .tb-task-table th:nth-child(5) {
  width: 170px;
}

.toolbox-body .tb-admin-task-media-compact {
  min-width: 142px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
}

.toolbox-body .tb-admin-task-media-compact > a:not(.is-video) {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: block;
  border-radius: 7px;
  overflow: hidden;
  background: #eef1f5;
}

.toolbox-body .tb-admin-task-media-compact img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.toolbox-body .tb-admin-task-media-compact .is-video {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0 9px;
  border-radius: 7px;
  background: #eaf2ff;
  color: #175cd3;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.toolbox-body .tb-admin-task-media-empty {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #667085;
  font-size: 12px;
  line-height: 1.45;
}

.toolbox-body .tb-admin-task-media-empty.is-progress i {
  color: #175cd3;
  animation: tb-admin-task-spin 1.2s linear infinite;
}

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

.toolbox-body .tb-admin-task-media-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
}

.toolbox-body .tb-admin-task-media-gallery figure {
  min-width: 0;
  margin: 0;
  border: 1px solid #e4e7ec;
  border-radius: 10px;
  background: #f8fafc;
  overflow: hidden;
}

.toolbox-body .tb-admin-task-media-gallery :is(img, video) {
  width: 100%;
  aspect-ratio: 4 / 3;
  display: block;
  background: #101828;
  object-fit: contain;
}

.toolbox-body .tb-admin-task-media-gallery figcaption {
  min-height: 38px;
  display: flex;
  align-items: center;
  padding: 8px 10px;
  color: #475467;
  font-size: 12px;
}

.toolbox-body .tb-admin-task-media-gallery figcaption a {
  color: #175cd3;
  font-weight: 700;
}

.toolbox-body .tb-admin-finance-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(340px, .75fr);
  gap: 16px;
  margin: 16px 0;
}

.toolbox-body .tb-admin-finance-trend {
  min-width: 680px;
  height: 210px;
  display: grid;
  grid-template-columns: repeat(14, minmax(34px, 1fr));
  gap: 8px;
  align-items: end;
  padding: 12px 4px 0;
  overflow-x: auto;
}

.toolbox-body .tb-admin-finance-trend > div {
  height: 100%;
  display: grid;
  grid-template-rows: minmax(0, 1fr) 22px;
  gap: 7px;
  text-align: center;
}

.toolbox-body .tb-admin-finance-trend > div > span {
  position: relative;
  min-height: 150px;
  display: flex;
  align-items: end;
  justify-content: center;
  border-bottom: 1px solid #d0d5dd;
}

.toolbox-body .tb-admin-finance-trend :is(i, b) {
  position: absolute;
  bottom: 0;
  display: block;
  border-radius: 4px 4px 0 0;
}

.toolbox-body .tb-admin-finance-trend i {
  width: 72%;
  background: #b9d2ff;
}

.toolbox-body .tb-admin-finance-trend b {
  width: 38%;
  background: #175cd3;
}

.toolbox-body .tb-admin-finance-trend small {
  color: #667085;
  font-size: 10px;
}

.toolbox-body .tb-admin-finance-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 10px 4px 0;
  color: #475467;
  font-size: 12px;
}

.toolbox-body .tb-admin-finance-legend span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.toolbox-body .tb-admin-finance-legend i {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background: #b9d2ff;
}

.toolbox-body .tb-admin-finance-legend i.net {
  background: #175cd3;
}

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

@media (max-width: 760px) {
  .toolbox-body .tb-admin-section-tabs {
    margin-inline: -2px;
  }

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

  .toolbox-body .tb-admin-finance-trend {
    min-width: 620px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .toolbox-body .tb-admin-task-media-empty.is-progress i {
    animation: none;
  }
}

/* v8.6 · actual shell selector (the app is inside .toolbox-body, not body) */
@media (min-width: 901px) {
  .toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"] {
    width: min(1080px, 100%) !important;
    margin-inline: auto !important;
  }

  .toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-note-form,
  .toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-reference-creator-card {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: none !important;
    gap: 14px !important;
  }

  .toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-note-form > * {
    grid-column: 1 !important;
    grid-area: auto !important;
    min-width: 0 !important;
  }

  .toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-options-bar {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-options-bar > :is(.tb-generation-context, .tb-product-cost-summary, .tb-product-generate) {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-options-bar .tb-product-generate {
    width: 100% !important;
    min-height: 48px !important;
    justify-content: center !important;
  }
}

/* v9.0 final cascade: keep smart composers above historical per-tool layouts. */
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
:is(.tb-ai-video-layout.tb-video-workbench, .tb-digital-human-layout.tb-video-workbench, .tb-video-workbench-page > .tb-video-workbench, .tb-product-talk-layout.tb-product-talk-single) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas: none !important;
  gap: 24px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-spoken-script-workbench.tb-smart-composer {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  padding: 0 !important;
  border: 1px solid #dfe3e8 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 12px 30px rgba(34, 28, 24, .055) !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-spoken-script-workbench.tb-smart-composer :is(.tb-spoken-script-source, .tb-spoken-script-result) {
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-spoken-script-workbench.tb-smart-composer :is(.tb-spoken-script-source, .tb-spoken-script-result)[hidden] {
  display: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-spoken-script-workbench.tb-smart-composer :is(.tb-spoken-script-source, .tb-spoken-script-result) > textarea {
  min-height: 210px !important;
  padding: 20px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-video-case-gallery.tb-real-case-gallery {
  width: min(920px, 100%) !important;
  margin: 26px auto 0 !important;
}

/* v8.8 · shared floating-layer contract
 * Dropdowns must paint above later page sections and dismiss through the
 * shared interaction controller. Only currently-open ancestors are elevated. */
.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool .tb-destination-context {
  position: relative !important;
  overflow: visible !important;
  isolation: isolate;
}

.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool .tb-destination-context:has(.tb-destination-switch[open]),
.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool .tb-destination-context.has-open-popover {
  z-index: 1320 !important;
  isolation: auto;
}

.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool .tb-destination-switch[open] {
  position: relative !important;
  z-index: 1330 !important;
  overflow: visible !important;
}

.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool .tb-destination-switch[open] > div {
  z-index: 1340 !important;
  background: var(--xuan-surface-raised, #fff) !important;
  box-shadow: 0 18px 44px rgba(20, 29, 43, .2), 0 3px 10px rgba(20, 29, 43, .1) !important;
}

.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool .tb-select-shell.open {
  position: relative !important;
  z-index: 1290 !important;
  overflow: visible !important;
}

.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool .tb-select-shell.open > .tb-select-menu {
  z-index: 1300 !important;
}

.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool :where(
  label,
  .tb-field
):has(.tb-select-shell.open) {
  position: relative !important;
  z-index: 1280 !important;
  overflow: visible !important;
}

.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool :where(
  .tb-form-grid,
  .tb-product-fields,
  .tb-reference-creator-card,
  .tb-specific-form,
  form
):has(.tb-select-shell.open) {
  overflow: visible !important;
}

.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool .tb-select-shell.open > .tb-select-menu {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  bottom: auto !important;
  margin: 0 !important;
  overscroll-behavior: contain !important;
}

.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool .tb-select-shell.open.open-up > .tb-select-menu {
  top: auto !important;
  bottom: calc(100% + 6px) !important;
}

.toolbox-body .tb-admin-row-actions,
.toolbox-body .tb-admin-row-menu {
  position: relative;
  overflow: visible;
}

.toolbox-body .tb-admin-row-menu[open],
.toolbox-body .tb-admin-row-actions.has-open-popover,
.toolbox-body .tb-admin-work-table tr.has-open-popover {
  z-index: 1320 !important;
}

.toolbox-body .tb-admin-row-menu[open] > div {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 1330 !important;
  margin-top: 0;
  border: 1px solid #d6dce5;
  background: #fff;
  box-shadow: 0 18px 44px rgba(20, 29, 43, .18), 0 3px 10px rgba(20, 29, 43, .08);
}

/*
 * v8.2 category-directory contract
 *
 * The category screen is a direct tool directory. Keep every tool readable at
 * unusual desktop zoom levels and ultra-wide browser sizes without repeating
 * page headings, search controls or secondary category filters.
 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]
  .tb-tool-workbench:has(.tb-tool-hub-direct) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 18px 24px 28px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]
  .tb-tool-workbench:has(.tb-tool-hub-direct) > .tb-panel {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-direct {
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]
  .tb-tool-hub-direct .tb-tool-hub-grid {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-flow: row !important;
  align-items: stretch !important;
  gap: 14px !important;
  margin: 0 !important;
  overflow: visible !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]
  .tb-tool-hub-direct .tb-tool-hub-grid > [data-tool-hub-card] {
  min-height: 168px !important;
  grid-template-columns: 46px minmax(0, 1fr) max-content !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  padding: 18px !important;
  border: 1px solid #e2e6ec !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #fff 0%, #fffdfb 100%) !important;
  box-shadow: 0 2px 8px rgba(32, 36, 44, .035) !important;
  cursor: pointer !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]
  .tb-tool-hub-direct .tb-tool-hub-grid > [data-tool-hub-card][hidden] {
  display: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]
  .tb-tool-hub-direct .tb-tool-hub-grid > [data-tool-hub-card]:hover {
  border-color: #efb49b !important;
  box-shadow: 0 12px 28px rgba(75, 42, 26, .09) !important;
  transform: translateY(-2px) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]
  .tb-tool-hub-direct .tb-category-tool-icon {
  width: 46px !important;
  height: 46px !important;
  border-radius: 12px !important;
  background: #fff2eb !important;
  color: #d94712 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]
  .tb-tool-hub-direct .tb-category-tool-icon > i {
  color: inherit !important;
  opacity: 1 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]
  .tb-tool-hub-direct .tb-category-tool-copy {
  width: 100% !important;
  justify-items: start !important;
  align-content: start !important;
  gap: 5px !important;
  padding-right: 0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]
  .tb-tool-hub-direct .tb-category-tool-copy > :where(small, strong, em) {
  width: 100% !important;
  justify-self: stretch !important;
  text-align: left !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]
  .tb-tool-hub-direct .tb-category-tool-copy strong {
  color: #20242c !important;
  font-size: 16px !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]
  .tb-tool-hub-direct .tb-category-tool-copy > em {
  color: #626a77 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  -webkit-line-clamp: 2 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]
  .tb-tool-hub-direct .tb-category-tool-action {
  min-height: 44px !important;
  padding: 7px 12px !important;
  border-color: #efd0c2 !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #b9360f !important;
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]
  .tb-tool-hub-direct .tb-tool-hub-grid > [data-tool-hub-card]:hover .tb-category-tool-action {
  border-color: #d94712 !important;
  background: #d94712 !important;
  color: #fff !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]
  .tb-tool-hub-direct :is(button, a):focus-visible {
  outline: 3px solid rgba(232, 72, 20, .22) !important;
  outline-offset: 2px !important;
}

@media (min-width: 901px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-topbar-title {
    margin-left: 24px !important;
  }
}

/* v8.4 · product-note precedence
 *
 * This file intentionally carries historical compatibility rules. Keep this
 * page contract at EOF so an old two-column declaration cannot recreate an
 * empty settings column after the live fields have been rendered.
 */
@media (min-width: 901px) {
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"] {
    width: min(1080px, 100%) !important;
    margin-inline: auto !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-note-form {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: none !important;
    gap: 14px !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-note-form > * {
    grid-column: 1 !important;
    grid-area: auto !important;
    min-width: 0 !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-reference-creator-card {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-options-bar {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-options-bar > :is(.tb-generation-context, .tb-product-cost-summary, .tb-product-generate) {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-options-bar .tb-product-generate {
    width: 100% !important;
    min-height: 48px !important;
    justify-content: center !important;
  }
}

/* v8.8 · product-note final rule: match the actual application shell */
@media (min-width: 901px) {
  .toolbox-body.toolbox-body .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"] {
    width: min(1080px, 100%) !important;
    margin-inline: auto !important;
  }

  .toolbox-body.toolbox-body .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-note-form,
  .toolbox-body.toolbox-body .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-reference-creator-card {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: none !important;
    gap: 14px !important;
  }

  .toolbox-body.toolbox-body .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-note-form > * {
    grid-column: 1 !important;
    grid-area: auto !important;
    min-width: 0 !important;
  }

  .toolbox-body.toolbox-body .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-options-bar {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .toolbox-body.toolbox-body .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-options-bar > :is(.tb-generation-context, .tb-product-cost-summary, .tb-product-generate) {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .toolbox-body.toolbox-body .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-options-bar .tb-product-generate {
    width: 100% !important;
    min-height: 48px !important;
    justify-content: center !important;
  }
}

/*
 * v8.3 · creator form rail
 *
 * Some early creator pages were given a two-column form grid before their
 * secondary panel existed. Every live field therefore stayed in column one
 * and left a dead half-page on the right. Keep a deliberate, readable form
 * rail until a page has an actual result/preview panel to occupy the second
 * column.
 */
@media (min-width: 901px) {
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page:is(
    [data-simple-tool-page="product-note"],
    [data-simple-tool-page="photo-note"]
  ) {
    width: min(1080px, 100%) !important;
    margin-inline: auto !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page:is(
    [data-simple-tool-page="product-note"],
    [data-simple-tool-page="photo-note"]
  ) :is(.tb-product-note-form, .tb-photo-note-studio > form.tb-specific-form) {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: none !important;
    justify-content: stretch !important;
    gap: 14px !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page:is(
    [data-simple-tool-page="product-note"],
    [data-simple-tool-page="photo-note"]
  ) :is(.tb-product-note-form, .tb-photo-note-studio > form.tb-specific-form) > * {
    grid-column: 1 !important;
    grid-area: auto !important;
    min-width: 0 !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-reference-creator-card {
    width: 100% !important;
    display: grid !important;
    gap: 14px !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  :is(.tb-product-main-input, .tb-product-options-bar) {
    width: 100% !important;
    max-width: none !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-options-bar {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-options-bar > :is(.tb-generation-context, .tb-product-cost-summary, .tb-product-generate) {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-options-bar .tb-product-generate {
    width: 100% !important;
    min-height: 48px !important;
    justify-content: center !important;
  }
}

/* Cost copy is information, not an unbreakable badge. It must yield before it
 * can cover a primary action on the narrow forms used by every tool family. */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool :where(
  .tb-form-actions,
  .tb-studio-submit,
  .tb-product-submit,
  .tb-compose-submit,
  .tb-ecom-submit-bar,
  .tb-generate-footer,
  .tb-batch-classic-submit,
  .tb-replicate-search-footer,
  .tb-replicate-batch-footer,
  .tb-store-submit-bar
) :where(
  [data-mode-cost-summary],
  [data-product-cost-summary],
  [data-product-mode-cost],
  [data-reference-post-cost],
  [data-template-pricing-summary],
  [data-yiju-pricing-summary],
  [data-yiju-cost],
  [data-replicate-billing-copy],
  [data-replicate-total-cost],
  [data-video-price],
  [data-video-price-label],
  [data-resolution-cost],
  .tb-v6-cta-cost
) {
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
}

@media (max-width: 720px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]
    .tb-tool-workbench:has(.tb-tool-hub-direct) {
    padding: 12px 10px 22px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]
    .tb-tool-hub-direct .tb-tool-hub-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]
    .tb-tool-hub-direct .tb-tool-hub-grid > [data-tool-hub-card],
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]
    .tb-tool-hub-direct .tb-category-tool-action {
    transition: none !important;
  }
}

/* v8.1: tool-specific structures that were previously relying on generic CSS. */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-white-product-tip {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  border: 1px solid #eadfd8 !important;
  border-radius: 10px !important;
  background: #fffaf7 !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-white-product-tip > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-white-product-tip :where(strong, span) {
  writing-mode: horizontal-tb !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-white-product-tip strong {
  color: #3a2d27 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-white-product-tip span {
  color: #71665f !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-main-input {
  position: relative !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  grid-template-rows: minmax(220px, auto) auto !important;
  gap: 8px 12px !important;
  padding: 0 !important;
  border: 1px solid #d9dee6 !important;
  border-radius: 12px !important;
  background: #fff !important;
  overflow: hidden !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-main-input > textarea {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 220px !important;
  margin: 0 !important;
  padding: 16px !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  resize: vertical !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-main-input > span {
  align-self: center !important;
  padding: 0 0 10px 14px !important;
  color: #7a8594 !important;
  font-size: 12px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-main-input > button {
  align-self: center !important;
  min-height: 34px !important;
  margin: 0 10px 10px 0 !important;
  padding: 6px 10px !important;
  border: 1px solid #d9dee6 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #495363 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-addon-inputs {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-addon-uploads,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-addon-fields {
  min-width: 0 !important;
  display: grid !important;
  gap: 12px !important;
}

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

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-addon-fields > .full {
  grid-column: 1 / -1 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-addon-upload {
  min-height: 112px !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  align-content: center !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-chat-modes {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-chat-modes > label {
  flex: 0 0 auto !important;
  min-width: 0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-chat-modes > output {
  margin-left: auto !important;
  white-space: nowrap !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-chat-main-input {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(180px, .42fr) minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-chat-copy,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-chat-footer-controls,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-chat-options {
  min-width: 0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-chat-copy {
  display: grid !important;
  gap: 10px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-chat-footer-controls {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  gap: 14px !important;
  align-items: end !important;
}

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

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-case-board {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(180px, .9fr) minmax(0, 3.1fr) !important;
  gap: 12px !important;
  align-items: stretch !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-case-board > div {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-case-board figure {
  min-width: 0 !important;
  margin: 0 !important;
  border: 1px solid #e2e6ec !important;
  border-radius: 10px !important;
  background: #fff !important;
  overflow: hidden !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-case-board img {
  width: 100% !important;
  aspect-ratio: 4 / 5 !important;
  display: block !important;
  object-fit: cover !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-case-board figcaption {
  padding: 8px 10px !important;
  color: #4d5663 !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-store-material-section {
  min-width: 0 !important;
  display: grid !important;
  gap: 14px !important;
  padding: 18px 0 !important;
  border: 0 !important;
  border-top: 1px solid #e5e8ed !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-store-material-section:first-of-type {
  padding-top: 0 !important;
  border-top: 0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-store-material-section > header > div {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: start !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-store-material-section > header b {
  width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 8px !important;
  background: #fff0e9 !important;
  color: #c63f10 !important;
  font-size: 12px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-store-material-section > header span {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-store-material-section > header :where(strong, small) {
  writing-mode: horizontal-tb !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-spoken-script-workbench {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 14px !important;
  padding: 18px 0 !important;
  border: 0 !important;
  border-top: 1px solid #e5e8ed !important;
  border-bottom: 1px solid #e5e8ed !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-spoken-script-workbench > header,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-spoken-script-settings,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-spoken-script-actions {
  min-width: 0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-spoken-script-source {
  min-width: 0 !important;
  display: grid !important;
  gap: 7px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-spoken-script-field-head {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-spoken-script-field-head > span {
  min-width: 0 !important;
  color: var(--xuan-ink, #202124) !important;
  font-weight: 700 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-spoken-script-field-head > .tb-btn {
  flex: 0 0 auto !important;
  min-height: 38px !important;
  padding: 0 14px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-spoken-script-workbench :where(.tb-spoken-script-source, .tb-spoken-script-result) > textarea {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 160px !important;
  resize: vertical !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-spoken-script-source > small,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-spoken-script-result > header small {
  color: var(--xuan-muted, #6d727b) !important;
  line-height: 1.55 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-spoken-script-settings {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-spoken-script-settings > .wide {
  grid-column: 1 / -1 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-spoken-script-result {
  min-width: 0 !important;
  display: grid !important;
  gap: 10px !important;
  padding: 14px !important;
  border: 1px solid var(--xuan-line, #e2e6eb) !important;
  border-radius: 12px !important;
  background: var(--xuan-surface-muted, #f7f8fa) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-spoken-script-result[hidden] {
  display: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-spoken-script-result > header {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-spoken-script-result > header > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-spoken-script-result > header > .tb-btn {
  flex: 0 0 auto !important;
  min-height: 38px !important;
  padding: 0 14px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-spoken-script-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

@media (max-width: 980px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-addon-inputs,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-chat-main-input,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-chat-footer-controls,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-case-board {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-chat-options,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-case-board > div {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-white-product-tip,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-spoken-script-workbench,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-spoken-script-settings,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-addon-fields,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-chat-options {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-white-product-tip > .tb-btn,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-spoken-script-actions > :where(button, .tb-btn),
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-spoken-script-field-head > .tb-btn,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-spoken-script-result > header > .tb-btn {
    width: 100% !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-spoken-script-field-head,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-spoken-script-result > header {
    align-items: stretch !important;
    flex-direction: column !important;
  }
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-direct .tb-tool-hub-grid > [data-tool-hub-card] {
  position: relative !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 150px !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) max-content !important;
  grid-template-rows: 1fr auto !important;
  align-content: start !important;
  align-items: start !important;
  gap: 12px !important;
  padding: 16px !important;
  border: 1px solid #e2e6ec !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #20242c !important;
  box-shadow: none !important;
  transform: none !important;
  overflow: hidden !important;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-direct .tb-tool-hub-grid > [data-tool-hub-card]:hover {
  border-color: #f2b79f !important;
  box-shadow: 0 10px 24px rgba(75, 42, 26, .08) !important;
  transform: translateY(-2px) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-direct .tb-category-tool-icon {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 40px !important;
  height: 40px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid #f2c9b8 !important;
  border-radius: 11px !important;
  background: #fff6f1 !important;
  color: #d94712 !important;
  font-size: 19px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-direct .tb-category-tool-copy {
  grid-column: 2 / -1 !important;
  grid-row: 1 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  display: grid !important;
  gap: 4px !important;
  padding-right: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-direct .tb-tool-hub-grid > [data-tool-hub-card] :where(small, strong, em, b) {
  writing-mode: horizontal-tb !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-direct .tb-category-tool-copy small {
  color: #8a513b !important;
  font-size: 11px !important;
  font-weight: 680 !important;
  line-height: 1.4 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-direct .tb-category-tool-copy strong {
  display: block !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  line-height: 1.45 !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-direct .tb-category-tool-copy > em {
  display: -webkit-box !important;
  margin: 2px 0 0 !important;
  color: #626a77 !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 450 !important;
  line-height: 1.65 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-direct .tb-category-tool-action {
  grid-column: 2 !important;
  grid-row: 2 !important;
  justify-self: start !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 44px !important;
  padding: 5px 10px !important;
  border: 1px solid #f2c9b8 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #c63f10 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-direct .tb-tool-hub-grid > [data-tool-hub-card] > b {
  position: static !important;
  grid-column: 3 !important;
  grid-row: 2 !important;
  align-self: center !important;
  justify-self: end !important;
  max-width: 82px !important;
  padding: 4px 7px !important;
  border-radius: 7px !important;
  background: #fff5ee !important;
  color: #913514 !important;
  font-size: 10px !important;
  font-weight: 720 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

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

@media (max-width: 680px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :is(
    .tb-tool-hub-direct .tb-tool-hub-grid,
    .tb-video-tool-grid
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (min-width: 1200px) and (max-width: 1799px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :is(
    .tb-tool-hub-direct .tb-tool-hub-grid,
    .tb-video-tool-grid
  ) {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

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

/* Content hub consolidation: show one clear task entry with its available modes. */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="content-hub"] .tb-category-tool-card--clustered {
  grid-template-rows: auto auto auto !important;
  min-height: 186px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="content-hub"] .tb-category-tool-card--clustered .tb-category-tool-modes {
  grid-column: 2 / -1 !important;
  grid-row: 2 !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 4px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="content-hub"] .tb-category-tool-modes > span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  padding: 3px 8px !important;
  border: 1px solid #dfe4eb !important;
  border-radius: 999px !important;
  background: #f7f9fb !important;
  color: #5a6472 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="content-hub"] .tb-category-tool-card--clustered .tb-category-tool-action {
  grid-row: 3 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="content-hub"] .tb-category-tool-card--clustered > b {
  grid-row: 3 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] [data-tool-hub-slug="content-hub"] .tb-category-tool-modes > span {
  border-color: #3b4450 !important;
  background: #20262e !important;
  color: #b9c4d2 !important;
}

@media (max-width: 680px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="content-hub"] .tb-category-tool-card--clustered {
    min-height: 0 !important;
  }
}

@media (min-width: 901px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-main.tb-main-tool,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-workbench,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-form-panel,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-main-panel,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] form,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] fieldset,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] section,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] label,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] div {
    min-width: 0;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-main.tb-main-tool {
    overflow-x: clip !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-workbench-full,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-workbench-full > .tb-tool-form-panel {
    width: 100% !important;
    max-width: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page :where(
    .tb-specific-form,
    .tb-reference-creator-card,
    .tb-template-creator-form,
    .tb-creator-left,
    .tb-ecom-board,
    .tb-video-left
  ) {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
    textarea,
    select
  ) {
    box-sizing: border-box !important;
    max-width: 100% !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page :where(
    .tb-form-grid,
    .tb-product-fields,
    .tb-product-main-fields,
    .tb-ecom-textareas,
    .tb-template-form-grid,
    .tb-context-editor-fields
  ) > * {
    min-width: 0 !important;
  }

  /* Choice controls wrap as complete controls; labels never collapse midway. */
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page :where(
    .tb-chip-row,
    .tb-choice-row,
    .tb-choice-cards,
    .tb-mode-tabs,
    .tb-tool-mode-tabs,
    .tb-content-tabs,
    .tb-design-tabs,
    .tb-design-center-tabs,
    .tb-ratio-options,
    .tb-segmented,
    .tb-segmented-control,
    .tb-radio-cards,
    .tb-product-note-modes,
    .tb-template-mode-row,
    .tb-free-count,
    .tb-media-source-actions
  ) {
    flex-wrap: wrap !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page :where(
    .tb-chip-row,
    .tb-choice-row,
    .tb-mode-tabs,
    .tb-tool-mode-tabs,
    .tb-content-tabs,
    .tb-design-tabs,
    .tb-design-center-tabs,
    .tb-ratio-options,
    .tb-segmented,
    .tb-segmented-control
  ) > :where(label, button, a) {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 40px !important;
    overflow: visible !important;
    white-space: nowrap !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page :where(
    .tb-select-shell,
    .tb-select-control,
    .tb-native-select-wrap
  ) {
    min-width: 150px !important;
    max-width: 100% !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page :where(
    .tb-select-shell,
    .tb-select-control,
    .tb-native-select-wrap
  ) select,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page select.tb-select-native {
    width: 100% !important;
    min-width: 0 !important;
  }

  /* Creation persona/template selectors remain readable and open the drawer. */
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-generation-context {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-generation-context-grid {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(168px, 1fr)) !important;
    gap: 8px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-context-picker {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 1 1 168px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-context-trigger {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 42px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content 16px !important;
    align-items: center !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-context-trigger > span {
    min-width: 0 !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-context-trigger > em {
    min-width: max-content !important;
    white-space: nowrap !important;
  }

  /* Product-note used to force upload, context, selectors and submit into one row. */
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]
  .tb-simple-tool-page[data-simple-tool-page="product-note"] .tb-product-options-bar {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]
  .tb-simple-tool-page[data-simple-tool-page="product-note"] .tb-product-upload-trigger {
    width: 180px !important;
    min-width: 180px !important;
    flex: 0 0 180px !important;
    overflow: visible !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]
  .tb-simple-tool-page[data-simple-tool-page="product-note"] .tb-product-upload-trigger > input[type="file"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]
  .tb-simple-tool-page[data-simple-tool-page="product-note"] .tb-generation-context {
    width: auto !important;
    min-width: 350px !important;
    flex: 1 1 350px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]
  .tb-simple-tool-page[data-simple-tool-page="product-note"] .tb-product-inline-select {
    min-width: max-content !important;
    flex: 0 0 auto !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]
  .tb-simple-tool-page[data-simple-tool-page="product-note"] .tb-product-generate {
    min-width: 218px !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    overflow: visible !important;
  }

  /* Every generation action uses flexible copy + a non-shrinking action. */
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-main.tb-main-tool :where(
    .tb-form-actions,
    .tb-studio-submit,
    .tb-product-submit,
    .tb-compose-submit,
    .tb-ecom-submit-bar,
    .tb-generate-footer,
    .tb-batch-classic-submit,
    .tb-replicate-search-footer,
    .tb-replicate-batch-footer
  ) {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 64px !important;
    max-height: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: 8px 12px !important;
    overflow: visible !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-main.tb-main-tool :where(
    .tb-form-actions,
    .tb-studio-submit,
    .tb-product-submit,
    .tb-compose-submit,
    .tb-ecom-submit-bar,
    .tb-generate-footer,
    .tb-batch-classic-submit,
    .tb-replicate-search-footer,
    .tb-replicate-batch-footer
  ) > :where(div, span):first-child:not(.tb-btn):not(button) {
    min-width: 220px !important;
    flex: 1 1 260px !important;
    margin-right: auto !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-main.tb-main-tool :where(
    .tb-form-actions,
    .tb-studio-submit,
    .tb-product-submit,
    .tb-compose-submit,
    .tb-ecom-submit-bar,
    .tb-generate-footer,
    .tb-batch-classic-submit,
    .tb-replicate-search-footer,
    .tb-replicate-batch-footer
  ) > label {
    min-width: max-content !important;
    flex: 0 0 auto !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-main.tb-main-tool :where(
    .tb-form-actions,
    .tb-studio-submit,
    .tb-product-submit,
    .tb-compose-submit,
    .tb-ecom-submit-bar,
    .tb-generate-footer,
    .tb-batch-classic-submit,
    .tb-replicate-search-footer,
    .tb-replicate-batch-footer
  ) > :where(button, .tb-btn) {
    width: auto !important;
    min-width: 190px !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 44px !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
    padding: 12px 20px !important;
    white-space: normal !important;
    line-height: 1.25 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-main.tb-main-tool :where(
    .tb-form-actions,
    .tb-studio-submit,
    .tb-product-submit,
    .tb-compose-submit,
    .tb-ecom-submit-bar,
    .tb-generate-footer,
    .tb-batch-classic-submit,
    .tb-replicate-search-footer,
    .tb-replicate-batch-footer
  ) :where(small, em, output, [data-cost-label], [data-cost-preview]) {
    flex-shrink: 0 !important;
    min-width: max-content !important;
    max-width: 100% !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-main.tb-main-tool :where(
    .tb-form-actions,
    .tb-studio-submit,
    .tb-product-submit,
    .tb-compose-submit,
    .tb-ecom-submit-bar,
    .tb-generate-footer,
    .tb-batch-classic-submit,
    .tb-replicate-search-footer,
    .tb-replicate-batch-footer
  ) > .tb-status:not(:empty) {
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 0 100% !important;
    overflow-wrap: anywhere !important;
  }

  /* Two-zone operation pages: a readable input column and flexible results. */
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-designer,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-wear-layout,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-logo-creator,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-video-studio-layout,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-image-video-layout {
    grid-template-columns: minmax(440px, 480px) minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-designer > form,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-wear-layout > form,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-logo-creator > form {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    overflow-x: visible !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-designer .tb-ecom-product-panel,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-designer .tb-ecom-textareas {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-wear-tabs {
    height: auto !important;
    min-height: 52px !important;
    max-height: none !important;
    display: flex !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page :where(
    button,
    .tb-btn,
    .tb-option-card,
    .tb-template-card
  ) :where(span, strong, small, em) {
    max-width: 100% !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-simple-tool-page :where(
    button,
    .tb-btn
  ) {
    text-overflow: clip !important;
  }
}

@media (min-width: 901px) and (max-width: 1279px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-designer,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-wear-layout,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-logo-creator,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-video-studio-layout,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-image-video-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-designer > form,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-wear-layout > form,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-logo-creator > form {
    width: min(760px, 100%) !important;
    justify-self: center !important;
  }
}

/* Final non-overlap lock: generation actions belong after the fields. */
@media (min-width: 901px) {
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page :where(
    .tb-form-actions,
    .tb-studio-submit,
    .tb-product-submit,
    .tb-compose-submit,
    .tb-ecom-submit-bar,
    .tb-generate-footer,
    .tb-batch-classic-submit,
    .tb-replicate-search-footer,
    .tb-replicate-batch-footer,
    .tb-store-submit-bar
  ) {
    position: static !important;
    inset: auto !important;
    bottom: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

/* Compact choice grids must fit their assigned rows instead of painting over
 * the next field. Photo-note is the shared layout behind "传图生成图文". */
@media (min-width: 901px) {
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="photo-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="photo-note"]
  .tb-photo-note-studio > form.tb-specific-form {
    height: auto !important;
    min-height: 0 !important;
    grid-template-rows: repeat(2, minmax(112px, auto)) minmax(64px, auto) minmax(44px, auto) minmax(82px, auto) auto !important;
    align-items: start !important;
    overflow: visible !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="photo-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="photo-note"]
  .tb-choice-section {
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    min-height: 112px !important;
    max-height: none !important;
    align-items: center !important;
    overflow: visible !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="photo-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="photo-note"]
  :is(.tb-choice-cards, .tb-choice-cards.scene, .tb-segmented) {
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-content: center !important;
    overflow: visible !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="photo-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="photo-note"]
  :is(.tb-choice-cards, .tb-choice-cards.scene, .tb-segmented) > label {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    display: block !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    align-self: center !important;
    overflow: visible !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="photo-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="photo-note"]
  :is(.tb-choice-cards, .tb-choice-cards.scene, .tb-segmented) > label > span {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 10px !important;
    border: 1px solid #d9dce5 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="photo-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="photo-note"]
  :is(.tb-choice-cards, .tb-choice-cards.scene, .tb-segmented) > label:hover > span {
    border-color: #c8b9fb !important;
    background: #faf8ff !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="photo-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="photo-note"]
  :is(.tb-choice-cards, .tb-choice-cards.scene, .tb-segmented) > label:has(input:focus-visible) > span {
    outline: 2px solid #7c5ce7 !important;
    outline-offset: 2px !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="photo-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="photo-note"]
  :is(.tb-choice-cards, .tb-choice-cards.scene, .tb-segmented) > label > input:checked + span {
    border-color: #7c5ce7 !important;
    background: #f3efff !important;
    color: #5c3db9 !important;
    box-shadow: inset 0 0 0 1px #7c5ce7 !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="photo-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="photo-note"]
  .tb-choice-section:has(> .tb-segmented) {
    min-height: 64px !important;
  }
}

/* Drawer state is class-driven in the application. The explicit open
 * attribute is also synchronized in JS for compatibility with old parity CSS. */
dialog.tb-context-drawer,
dialog.tb-context-editor {
  margin: 0 !important;
}

dialog.tb-context-drawer::backdrop,
dialog.tb-context-editor::backdrop {
  background: rgb(24 28 38 / 46%);
}

@supports selector(dialog:modal) {
  body.toolbox-body .tb-context-drawer-backdrop:not([popover]),
  body.toolbox-body .tb-context-editor-backdrop:not([popover]) {
    display: none !important;
  }
}

body.toolbox-body :is(.tb-context-drawer-backdrop, .tb-context-editor-backdrop)[popover]:popover-open {
  display: block !important;
  margin: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
[data-generation-context].is-drawer-open
.tb-context-picker.is-drawer-open[open]
> .tb-context-picker-menu.tb-context-drawer:not([hidden]) {
  position: fixed !important;
  inset: 0 0 0 auto !important;
  z-index: 1400 !important;
  width: min(440px, 100vw) !important;
  min-width: min(440px, 100vw) !important;
  max-width: 100vw !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  max-height: none !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateX(0) !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
[data-generation-context].is-drawer-open
> .tb-context-drawer-backdrop:not([hidden]) {
  display: block !important;
  z-index: 1390 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
[data-generation-context].is-drawer-open {
  position: relative !important;
  z-index: 1390 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
[data-generation-context].is-editor-open
> .tb-context-editor:not([hidden]) {
  position: fixed !important;
  inset: 0 0 0 auto !important;
  z-index: 1500 !important;
  width: min(460px, 100vw) !important;
  min-width: min(460px, 100vw) !important;
  max-width: 100vw !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  max-height: none !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
[data-generation-context].is-editor-open
> .tb-context-editor-backdrop:not([hidden]) {
  display: block !important;
  z-index: 1490 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
[data-generation-context].is-editor-open {
  position: relative !important;
  z-index: 1490 !important;
}

/* The page action bar must stay below a context drawer's viewport backdrop. */
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"]
.tb-main.tb-main-tool :where(
  .tb-studio-submit,
  .tb-form-actions,
  .tb-product-submit,
  .tb-compose-submit,
  .tb-ecom-submit-bar,
  .tb-generate-footer,
  .tb-store-submit-bar
) {
  z-index: 0 !important;
  box-shadow: none !important;
}

@media (min-width: 901px) {
  .toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page .tb-select-shell {
    width: 100% !important;
    min-width: 220px !important;
    max-width: 100% !important;
  }

  .toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page .tb-select-trigger {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 42px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 28px !important;
    align-items: center !important;
    overflow: visible !important;
  }

  .toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page .tb-select-trigger > span {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 18px !important;
    overflow: visible !important;
    white-space: nowrap !important;
    line-height: 1.35 !important;
    text-overflow: clip !important;
  }

  .toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page :where(
    .tb-video-output-settings,
    .tb-ecom-settings,
    .tb-form-grid.compact
  ) {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    align-items: start !important;
  }
}

/*
 * Historical page parity files use duplicated classes and !important. Keep
 * this deliberately specific contract last so those old rules cannot restore
 * fixed heights or compressed columns after the generic normalization above.
 */
@media (min-width: 901px) {
  .toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page .tb-generation-context {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    flex: 1 1 360px !important;
    overflow: visible !important;
  }

  .toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page .tb-generation-context-grid {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(168px, 1fr)) !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  .toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page .tb-context-picker {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 1 1 168px !important;
  }

  .toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page .tb-context-trigger {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 42px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content 16px !important;
    align-items: center !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  .toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page .tb-context-trigger > span {
    width: auto !important;
    min-width: max-content !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    overflow: visible !important;
    white-space: nowrap !important;
  }

  .toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page :where(
    .tb-form-actions,
    .tb-studio-submit,
    .tb-product-submit,
    .tb-compose-submit,
    .tb-ecom-submit-bar,
    .tb-generate-footer,
    .tb-batch-classic-submit,
    .tb-replicate-search-footer,
    .tb-replicate-batch-footer
  ) {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 64px !important;
    max-height: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: 8px 12px !important;
    overflow: visible !important;
  }

  .toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page :where(
    .tb-form-actions,
    .tb-studio-submit,
    .tb-product-submit,
    .tb-compose-submit,
    .tb-ecom-submit-bar,
    .tb-generate-footer,
    .tb-batch-classic-submit,
    .tb-replicate-search-footer,
    .tb-replicate-batch-footer
  ) > :where(button, .tb-btn) {
    width: auto !important;
    min-width: 190px !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 44px !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
    padding: 12px 20px !important;
    white-space: normal !important;
    line-height: 1.25 !important;
  }

  .toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page :where(
    .tb-form-actions,
    .tb-studio-submit,
    .tb-product-submit,
    .tb-compose-submit,
    .tb-ecom-submit-bar,
    .tb-generate-footer,
    .tb-batch-classic-submit,
    .tb-replicate-search-footer,
    .tb-replicate-batch-footer
  ) :where(small, em, output, [data-cost-label], [data-cost-preview]) {
    width: auto !important;
    min-width: max-content !important;
    max-width: 100% !important;
    height: auto !important;
    flex-shrink: 0 !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
  }

  .toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-options-bar {
    width: 100% !important;
    height: auto !important;
    min-height: 64px !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  .toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-options-bar .tb-product-upload-trigger {
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
    flex: 0 0 180px !important;
    overflow: visible !important;
  }

  .toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-options-bar .tb-generation-context {
    width: auto !important;
    min-width: 350px !important;
    max-width: none !important;
    flex: 1 1 350px !important;
  }

  .toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-options-bar .tb-product-inline-select {
    width: auto !important;
    min-width: max-content !important;
    flex: 0 0 auto !important;
  }

  .toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-options-bar .tb-product-generate {
    width: auto !important;
    min-width: 218px !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 44px !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    overflow: visible !important;
    padding: 12px 20px !important;
  }

  .toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page :where(
    .tb-ecom-designer,
    .tb-wear-layout,
    .tb-logo-creator,
    .tb-video-studio-layout,
    .tb-image-video-layout
  ) {
    grid-template-columns: minmax(440px, 480px) minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  .toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page :where(
    .tb-ecom-designer,
    .tb-wear-layout,
    .tb-logo-creator
  ) > form {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    overflow-x: visible !important;
  }
}

@media (min-width: 901px) and (max-width: 1279px) {
  .toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page :where(
    .tb-ecom-designer,
    .tb-wear-layout,
    .tb-logo-creator,
    .tb-video-studio-layout,
    .tb-image-video-layout
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* 2026-07-28: strengthen creator/ecommerce form layout on live xuanai.art */
@media (min-width: 901px) {
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page:is(
    [data-simple-tool-page="photo-note"],
    [data-simple-tool-page="product-note"]
  ) {
    width: min(1440px, 100%) !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page:is(
    [data-simple-tool-page="photo-note"],
    [data-simple-tool-page="product-note"]
  ) :is(.tb-photo-note-studio > form.tb-specific-form, .tb-product-note-form) {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr) !important;
    grid-template-areas:
      "upload settings"
      "upload settings"
      "context context"
      "meta meta"
      "actions actions" !important;
    gap: 14px !important;
    align-items: start !important;
    overflow: visible !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page:is(
    [data-simple-tool-page="photo-note"],
    [data-simple-tool-page="product-note"]
  ) :is(.tb-photo-note-studio > form.tb-specific-form, .tb-product-note-form) :is(.tb-upload-panel, .tb-product-upload-panel, .tb-photo-upload-panel) {
    grid-area: upload !important;
    min-width: 0 !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page:is(
    [data-simple-tool-page="photo-note"],
    [data-simple-tool-page="product-note"]
  ) .tb-generation-context {
    grid-area: context !important;
    min-width: 0 !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page:is(
    [data-simple-tool-page="photo-note"],
    [data-simple-tool-page="product-note"]
  ) .tb-generation-context-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page:is(
    [data-simple-tool-page="photo-note"],
    [data-simple-tool-page="product-note"]
  ) .tb-context-picker {
    min-width: 0 !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page:is(
    [data-simple-tool-page="photo-note"],
    [data-simple-tool-page="product-note"]
  ) .tb-context-trigger {
    min-height: 52px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content 16px !important;
    align-items: center !important;
    gap: 10px !important;
    padding-inline: 16px !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page:is(
    [data-simple-tool-page="photo-note"],
    [data-simple-tool-page="product-note"]
  ) :is(.tb-product-note-modes, .tb-choice-cards, .tb-segmented, .tb-segmented-control, .tb-mode-tabs) {
    min-height: 46px !important;
    align-items: stretch !important;
    overflow: visible !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page:is(
    [data-simple-tool-page="photo-note"],
    [data-simple-tool-page="product-note"]
  ) .tb-product-options-bar,
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page:is(
    [data-simple-tool-page="photo-note"],
    [data-simple-tool-page="product-note"]
  ) .tb-form-actions,
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page:is(
    [data-simple-tool-page="photo-note"],
    [data-simple-tool-page="product-note"]
  ) .tb-product-generate,
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page:is(
    [data-simple-tool-page="photo-note"],
    [data-simple-tool-page="product-note"]
  ) .tb-ecom-submit-bar {
    grid-area: actions !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    position: static !important;
    inset: auto !important;
    margin-top: 6px !important;
    gap: 10px !important;
    overflow: visible !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page:is(
    [data-simple-tool-page="photo-note"],
    [data-simple-tool-page="product-note"]
  ) .tb-product-generate :is(button, .tb-btn),
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page:is(
    [data-simple-tool-page="photo-note"],
    [data-simple-tool-page="product-note"]
  ) .tb-ecom-submit-bar :is(button, .tb-btn),
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page:is(
    [data-simple-tool-page="photo-note"],
    [data-simple-tool-page="product-note"]
  ) .tb-form-actions :is(button, .tb-btn) {
    min-width: 220px !important;
    min-height: 46px !important;
    flex: 0 0 auto !important;
    white-space: normal !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page:is(
    [data-simple-tool-page="photo-note"],
    [data-simple-tool-page="product-note"]
  ) .tb-form-actions :is(small, em, output, [data-cost-label], [data-cost-preview]),
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page:is(
    [data-simple-tool-page="photo-note"],
    [data-simple-tool-page="product-note"]
  ) .tb-product-generate :is(small, em, output, [data-cost-label], [data-cost-preview]),
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page:is(
    [data-simple-tool-page="photo-note"],
    [data-simple-tool-page="product-note"]
  ) .tb-ecom-submit-bar :is(small, em, output, [data-cost-label], [data-cost-preview]) {
    position: static !important;
    min-width: max-content !important;
    margin-left: auto !important;
    white-space: nowrap !important;
  }
}

/* v8.7 · product-note terminal override */
@media (min-width: 901px) {
  .toolbox-body.toolbox-body .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-reference-creator-card > * {
    grid-column: 1 !important;
    grid-area: auto !important;
    min-width: 0 !important;
  }
}
@media (min-width: 901px) {
  .toolbox-body.toolbox-body .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"] {
    width: min(1080px, 100%) !important;
    margin-inline: auto !important;
  }

  .toolbox-body.toolbox-body .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  :is(.tb-product-note-form, .tb-reference-creator-card) {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: none !important;
    gap: 14px !important;
  }

  .toolbox-body.toolbox-body .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-note-form > * {
    grid-column: 1 !important;
    grid-area: auto !important;
    min-width: 0 !important;
  }

  .toolbox-body.toolbox-body .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-options-bar {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .toolbox-body.toolbox-body .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-options-bar > :is(.tb-generation-context, .tb-product-cost-summary, .tb-product-generate) {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
}
@media (min-width: 901px) {
  .toolbox-body.toolbox-body .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"] {
    width: min(1080px, 100%) !important;
    margin-inline: auto !important;
  }

  .toolbox-body.toolbox-body .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-note-form,
  .toolbox-body.toolbox-body .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-reference-creator-card {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: none !important;
    gap: 14px !important;
  }

  .toolbox-body.toolbox-body .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-note-form > * {
    grid-column: 1 !important;
    grid-area: auto !important;
    min-width: 0 !important;
  }

  .toolbox-body.toolbox-body .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-options-bar {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .toolbox-body.toolbox-body .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-options-bar > :is(.tb-generation-context, .tb-product-cost-summary, .tb-product-generate) {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .toolbox-body.toolbox-body .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-options-bar .tb-product-generate {
    width: 100% !important;
    min-height: 48px !important;
    justify-content: center !important;
  }
}

/* v8.5 · product-note final cascade contract */
@media (min-width: 901px) {
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"] {
    width: min(1080px, 100%) !important;
    margin-inline: auto !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-note-form,
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-reference-creator-card {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: none !important;
    gap: 14px !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-note-form > * {
    grid-column: 1 !important;
    grid-area: auto !important;
    min-width: 0 !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-options-bar {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-options-bar > :is(.tb-generation-context, .tb-product-cost-summary, .tb-product-generate) {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-options-bar .tb-product-generate {
    width: 100% !important;
    min-height: 48px !important;
    justify-content: center !important;
  }
}


/* v9.1 · compact commercial upload operation pages */
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(
  .tb-compact-upload-shell,
  .tb-large-upload[data-unified-upload-legacy="hidden"],
  .tb-video-upload[data-unified-upload-legacy="hidden"],
  .tb-inline-upload[data-unified-upload-legacy="hidden"],
  .tb-product-set-upload[data-unified-upload-legacy="hidden"],
  .tb-white-product-tip[data-unified-upload-legacy="hidden"],
  .tb-product-set-samples[data-unified-upload-legacy="hidden"],
  .tb-smart-upload[data-unified-upload-legacy="hidden"]
) {
  display: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-composer-panel {
  display: grid !important;
  gap: 12px !important;
  min-width: 0 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-meta-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: end !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-meta-row .tb-product-brand {
  margin: 0 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-meta-row .tb-btn.compact.ghost,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-edit-text-workflow .tb-btn.compact.ghost,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-form-actions .tb-btn:not(.primary),
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-submit-bar .tb-btn:not(.primary) {
  min-height: 40px !important;
  border: 1px solid #e2e6eb !important;
  background: #fff !important;
  color: #5b636e !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-edit-prompt-card {
  margin: 0 0 12px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-edit-text-workflow {
  margin-top: 0 !important;
  padding: 12px !important;
  border: 1px solid #e8ebef !important;
  border-radius: 12px !important;
  background: #fafbfc !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-edit-text-workflow > header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-settings-dense,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-video-output-settings {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto !important;
  gap: 10px !important;
  align-items: end !important;
  margin: 14px 0 0 !important;
  padding: 12px !important;
  border: 1px solid #e8ebef !important;
  border-radius: 12px !important;
  background: #fafbfc !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-settings-dense > label,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-video-output-settings > label {
  min-width: 0 !important;
  display: grid !important;
  gap: 5px !important;
  margin: 0 !important;
  color: #636b75 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-settings-dense :where(select, input),
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-video-output-settings :where(select, input) {
  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  border: 1px solid #dfe3e8 !important;
  border-radius: 10px !important;
  background: #fff !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-settings-dense > output,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-video-output-settings > output {
  min-width: max-content !important;
  color: #6b7280 !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-submit-bar,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-form-actions.tb-tool-submit-bar,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-submit-bar.tb-tool-submit-bar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px 12px !important;
  margin-top: 14px !important;
  padding: 12px 0 0 !important;
  border-top: 1px solid #edf0f3 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-submit-bar > .tb-btn.primary,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-form-actions.tb-tool-submit-bar > .tb-btn.primary,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-submit-bar.tb-tool-submit-bar > .tb-btn.primary,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-digital-human-studio .tb-tool-submit-bar > .tb-btn.primary,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-video-workbench-page .tb-tool-submit-bar > .tb-btn.primary,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-edit-creator .tb-tool-submit-bar > .tb-btn.primary,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-studio .tb-tool-submit-bar > .tb-btn.primary {
  min-width: 220px !important;
  min-height: 46px !important;
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: 100% !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #f06a34 0%, #e24d19 100%) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(226, 77, 25, .22) !important;
  font-weight: 700 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-submit-bar > .tb-btn.primary small,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-form-actions.tb-tool-submit-bar > .tb-btn.primary small,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-submit-bar.tb-tool-submit-bar > .tb-btn.primary small {
  display: inline !important;
  margin-left: 8px !important;
  opacity: .92 !important;
  font-weight: 600 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-submit-bar > .tb-status,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-form-actions.tb-tool-submit-bar > .tb-status,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-submit-bar.tb-tool-submit-bar > .tb-status {
  flex: 1 1 220px !important;
  min-width: 0 !important;
  color: #6b7280 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-studio .tb-ecom-submit-bar.tb-tool-submit-bar {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) auto minmax(220px, .9fr) !important;
  align-items: center !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-studio .tb-ecom-submit-bar.tb-tool-submit-bar > .tb-status {
  grid-column: 1 / -1 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-structure-head {
  min-width: 0 !important;
  display: grid !important;
  gap: 8px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-structure-head > nav {
  display: inline-flex !important;
  gap: 6px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-structure-head > nav > button {
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 1px solid #e2e6eb !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #5b636e !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-structure-head > nav > button.active {
  border-color: #e55725 !important;
  background: #fff4ee !important;
  color: #d84c1b !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-media-plus small {
  max-width: 64px !important;
}

@media (max-width: 900px) {
  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-meta-row,
  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-settings-dense,
  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-video-output-settings,
  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-studio .tb-ecom-submit-bar.tb-tool-submit-bar {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-submit-bar > .tb-btn.primary,
  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-form-actions.tb-tool-submit-bar > .tb-btn.primary,
  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-ecom-submit-bar.tb-tool-submit-bar > .tb-btn.primary {
    width: 100% !important;
    min-width: 0 !important;
  }
}


/* v9.2 · platform media upload + tool page chrome */
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-media-rail-standalone {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 10px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-media-rail-standalone .tb-unified-media-plus {
  width: 78px !important;
  min-width: 78px !important;
  min-height: 72px !important;
}

.toolbox-body .tb-commercial-upload-dialog .tb-commercial-source-choice small {
  display: block !important;
  color: #7a828c !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
}

.toolbox-body .tb-commercial-upload-dialog.is-mobile-upload .tb-commercial-upload-source,
.toolbox-body .tb-commercial-upload-dialog .tb-commercial-upload-source.is-two-col {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.toolbox-body .tb-commercial-upload-dialog .tb-commercial-upload-source.is-one-col {
  grid-template-columns: minmax(0, 1fr) !important;
}

.toolbox-body .tb-commercial-upload-dialog.is-mobile-upload [data-upload-dialog-qr-choice] {
  display: none !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(
  .tb-form-actions,
  .tb-studio-submit,
  .tb-compose-submit,
  .tb-ecom-submit-bar,
  .tb-store-submit-bar,
  .tb-tool-submit-bar
) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px 12px !important;
  margin-top: 14px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(
  .tb-form-actions,
  .tb-studio-submit,
  .tb-compose-submit,
  .tb-ecom-submit-bar,
  .tb-store-submit-bar,
  .tb-tool-submit-bar
) > .tb-btn.primary,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(
  .tb-form-actions,
  .tb-studio-submit,
  .tb-compose-submit,
  .tb-ecom-submit-bar,
  .tb-store-submit-bar,
  .tb-tool-submit-bar
) > button.tb-btn.primary {
  min-width: 210px !important;
  min-height: 46px !important;
  width: auto !important;
  max-width: 100% !important;
  flex: 0 1 auto !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #f06a34 0%, #e24d19 100%) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(226, 77, 25, .2) !important;
  font-weight: 700 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(
  .tb-form-actions,
  .tb-studio-submit,
  .tb-compose-submit,
  .tb-ecom-submit-bar,
  .tb-store-submit-bar,
  .tb-tool-submit-bar
) > .tb-btn:not(.primary),
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(
  .tb-form-actions,
  .tb-studio-submit,
  .tb-compose-submit,
  .tb-ecom-submit-bar,
  .tb-store-submit-bar,
  .tb-tool-submit-bar
) > a.tb-btn:not(.primary) {
  min-height: 40px !important;
  border: 1px solid #e2e6eb !important;
  background: #fff !important;
  color: #5b636e !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(
  .tb-form-actions,
  .tb-studio-submit,
  .tb-compose-submit,
  .tb-ecom-submit-bar,
  .tb-store-submit-bar,
  .tb-tool-submit-bar
) > .tb-status {
  flex: 1 1 220px !important;
  min-width: 0 !important;
  color: #6b7280 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(
  .tb-creator-left,
  .tb-specific-form,
  .tb-ecom-board,
  .tb-video-workbench > form,
  .tb-digital-human-layout > form,
  .tb-ai-video-layout > form
) {
  display: grid !important;
  gap: 12px !important;
  min-width: 0 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(
  .tb-form-grid,
  .tb-form-grid.compact,
  .tb-video-output-settings,
  .tb-tool-settings-dense,
  .tb-product-generation-settings > div
) {
  gap: 10px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-btn.primary.full,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-btn.primary.big {
  width: auto !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-btn:active,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-media-plus:active,
body.toolbox-body .tb-commercial-source-choice:active {
  transform: translateY(1px) scale(.99);
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-btn.primary:focus-visible,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-media-plus:focus-visible,
body.toolbox-body .tb-commercial-source-choice:focus-visible {
  outline: 2px solid rgba(226, 77, 25, .35) !important;
  outline-offset: 2px !important;
}

@media (max-width: 900px) {
  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(
    .tb-form-actions,
    .tb-studio-submit,
    .tb-compose-submit,
    .tb-ecom-submit-bar,
    .tb-store-submit-bar,
    .tb-tool-submit-bar
  ) > .tb-btn.primary {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* v9.3 · visible-field upload mount and hard legacy-shell suppression */
html body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool [data-unified-upload-legacy="hidden"],
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-unified-upload-legacy="hidden"],
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-reference-media-row > [data-unified-upload-legacy="hidden"] {
  display: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] button.tb-unified-media-plus {
  appearance: none !important;
  font: inherit !important;
  text-align: center !important;
}

.toolbox-body :where(
  .tb-commercial-upload-preview-card,
  .tb-material-picker-card,
  .tb-material-selected-chip
) > :is(img, video) {
  display: block;
  width: 100%;
  object-fit: cover;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-material-card > video {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 12px;
  background: #111318;
  object-fit: cover;
}

@media (max-width: 760px) {
  .toolbox-body .tb-commercial-upload-dialog > footer {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px 10px !important;
  }

  .toolbox-body .tb-commercial-upload-dialog > footer output {
    grid-column: 1 / -1 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
  }

  .toolbox-body .tb-commercial-upload-dialog > footer .tb-btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* v9.4 · product-note compact composer */
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"] {
  width: min(1080px, 100%) !important;
  margin-inline: auto !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
:is(.tb-product-note-form, .tb-reference-creator-card) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas: none !important;
  gap: 12px !important;
  width: 100% !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-reference-creator-card > * {
  grid-column: 1 !important;
  grid-area: auto !important;
  min-width: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-composer {
  min-width: 0 !important;
  border: 1px solid #d9dee6 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 6px 8px rgba(39, 44, 58, .045) !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-main-input[data-unified-textarea-shell] {
  display: grid !important;
  grid-template-columns: minmax(112px, 1fr) auto minmax(112px, 1fr) !important;
  grid-template-rows: minmax(228px, auto) auto !important;
  gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-main-input[data-unified-textarea-shell] > textarea {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 228px !important;
  margin: 0 !important;
  padding: 18px 18px 12px !important;
  border: 0 !important;
  border-radius: 12px 12px 0 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  resize: vertical !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-main-input[data-unified-textarea-shell] > .tb-unified-media-rail {
  position: static !important;
  inset: auto !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 10px 12px !important;
  border-top: 1px solid #edf0f3 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-main-input .tb-unified-media-plus {
  width: auto !important;
  min-width: 92px !important;
  min-height: 44px !important;
  grid-template-columns: 20px auto !important;
  align-content: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 7px 12px !important;
  border: 1px solid #dfe3e8 !important;
  border-radius: 9px !important;
  background: #f8f9fa !important;
  color: #505966 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-main-input .tb-unified-media-plus b {
  font-size: 21px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-main-input .tb-unified-media-plus small {
  max-width: 92px !important;
  font-size: 12px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-context-compact {
  grid-column: 2 !important;
  grid-row: 2 !important;
  min-width: 0 !important;
  padding: 8px 14px !important;
  border-top: 1px solid #edf0f3 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-context-compact .tb-generation-context {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-context-compact .tb-generation-context > header,
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-context-compact .tb-context-selected {
  display: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-context-compact .tb-generation-context-grid {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 18px !important;
  width: auto !important;
  min-width: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-context-compact .tb-context-picker {
  position: relative !important;
  display: grid !important;
  justify-items: center !important;
  gap: 4px !important;
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  flex: 0 0 52px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-context-compact .tb-context-picker::after {
  color: #626b76 !important;
  font-size: 10px !important;
  font-weight: 650 !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="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-context-compact .tb-context-picker[data-context-picker="persona"]::after {
  content: "创作人设";
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-context-compact .tb-context-picker[data-context-picker="creative-template"]::after {
  content: "创作模板";
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-context-compact .tb-context-trigger {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  place-items: center !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border: 1px solid #dfe3e8 !important;
  border-radius: 999px !important;
  background: #f8f9fa !important;
  color: #505966 !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-context-compact .tb-context-trigger:is(:hover, :focus-visible) {
  border-color: #ee7a50 !important;
  background: #fff6f1 !important;
  color: #db4d1b !important;
  outline: 2px solid rgba(226, 77, 25, .14) !important;
  outline-offset: 2px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-context-compact .tb-context-picker:has(input[data-context-choice]:checked) .tb-context-trigger {
  border-color: #e95b28 !important;
  background: #fff1ea !important;
  color: #d94b19 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-context-compact .tb-context-trigger > span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  color: transparent !important;
  font-size: 0 !important;
  white-space: nowrap !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-context-compact .tb-context-trigger > span > i {
  display: grid !important;
  place-items: center !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  color: #505966 !important;
  font-size: 17px !important;
  line-height: 1 !important;
  transform: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-context-compact .tb-context-trigger > span > i::before {
  display: block !important;
  margin: 0 !important;
  line-height: 1 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-context-compact .tb-context-trigger > :is(em, i:last-child) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-input-meta {
  grid-column: 3 !important;
  grid-row: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  min-width: 0 !important;
  padding: 10px 12px !important;
  border-top: 1px solid #edf0f3 !important;
  color: #858d98 !important;
  font-size: 11px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-input-meta > button {
  min-width: 44px !important;
  min-height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  padding: 6px 9px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #5d6671 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar {
  display: grid !important;
  grid-template-columns: max-content minmax(180px, 1fr) max-content minmax(210px, 1fr) auto !important;
  align-items: end !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid #e1e5ea !important;
  border-radius: 12px !important;
  background: #f8f9fa !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar:has(> [data-product-gallery-pages]:not([hidden])) {
  grid-template-columns: max-content minmax(160px, 1fr) max-content max-content minmax(160px, 1fr) auto !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-options-bar > * {
  grid-column: auto !important;
  grid-row: auto !important;
  grid-area: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar > * {
  order: 0 !important;
  grid-column: auto !important;
  grid-row: auto !important;
  grid-area: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar > .tb-product-style-picker {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar > .tb-product-tone {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar > .tb-product-count {
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  width: max-content !important;
  min-width: max-content !important;
  gap: 6px !important;
  padding: 0 6px 0 12px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar > [data-product-gallery-pages] {
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  width: max-content !important;
  min-width: max-content !important;
  gap: 6px !important;
  padding: 0 6px 0 12px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar > .tb-product-cost-summary {
  grid-column: 4 !important;
  grid-row: 1 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar > .tb-product-generate {
  grid-area: auto !important;
  grid-column: 5 !important;
  grid-row: 1 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar:has(> [data-product-gallery-pages]:not([hidden])) > .tb-product-count {
  grid-column: 4 !important;
  grid-row: 1 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar:has(> [data-product-gallery-pages]:not([hidden])) > .tb-product-cost-summary {
  grid-column: 5 !important;
  grid-row: 1 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar:has(> [data-product-gallery-pages]:not([hidden])) > .tb-product-generate {
  grid-column: 6 !important;
  grid-row: 1 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
:is(.tb-product-style-picker > summary, .tb-product-inline-select) {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  border: 1px solid #dfe3e8 !important;
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-cost-summary {
  align-self: center !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-cost-summary :is(strong, span) {
  white-space: normal !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-generate {
  justify-self: end !important;
  width: auto !important;
  min-width: 156px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 10px 18px !important;
  border-radius: 10px !important;
}

@media (max-width: 1250px) {
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-main-input[data-unified-textarea-shell] {
    grid-template-columns: minmax(96px, 1fr) auto minmax(96px, 1fr) !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
  #productNoteOptionsBar,
  #productNoteOptionsBar:has(> [data-product-gallery-pages]:not([hidden])) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
  #productNoteOptionsBar > .tb-product-style-picker {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
  #productNoteOptionsBar > .tb-product-tone {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
  #productNoteOptionsBar > .tb-product-count {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
  #productNoteOptionsBar > [data-product-gallery-pages] {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
  #productNoteOptionsBar > .tb-product-cost-summary {
    grid-column: 1 !important;
    grid-row: 3 !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
  #productNoteOptionsBar > .tb-product-generate {
    grid-column: 2 !important;
    grid-row: 3 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
  #productNoteOptionsBar:has(> [data-product-gallery-pages]:not([hidden])) > .tb-product-count {
    grid-column: 2 !important;
    grid-row: 2 !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
  #productNoteOptionsBar:has(> [data-product-gallery-pages]:not([hidden])) > .tb-product-cost-summary {
    grid-column: 1 !important;
    grid-row: 3 !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
  #productNoteOptionsBar:has(> [data-product-gallery-pages]:not([hidden])) > .tb-product-generate {
    grid-column: 2 !important;
    grid-row: 3 !important;
  }
}

@media (max-width: 560px) {
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-main-input[data-unified-textarea-shell] {
    grid-template-columns: minmax(82px, 1fr) auto minmax(72px, 1fr) !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-main-input .tb-unified-media-plus {
    min-width: 72px !important;
    grid-template-columns: 18px auto !important;
    padding-inline: 8px !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-context-compact {
    padding-inline: 8px !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-context-compact .tb-generation-context-grid {
    gap: 8px !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-input-meta {
    padding-inline: 8px !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-input-meta > span {
    display: none !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
  #productNoteOptionsBar {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
  #productNoteOptionsBar > :is(
    .tb-product-style-picker,
    .tb-product-tone,
    .tb-product-count,
    [data-product-gallery-pages],
    .tb-product-cost-summary,
    .tb-product-generate
  ),
  #productNoteOptionsBar:has(> [data-product-gallery-pages]:not([hidden])) > :is(
    .tb-product-style-picker,
    .tb-product-tone,
    .tb-product-count,
    [data-product-gallery-pages],
    .tb-product-cost-summary,
    .tb-product-generate
  ) {
    grid-column: 1 !important;
    grid-row: auto !important;
    width: 100% !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
  #productNoteOptionsBar:has(> [data-product-gallery-pages]:not([hidden])) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
  #productNoteOptionsBar:has(> [data-product-gallery-pages]:not([hidden])) > :is(
    .tb-product-style-picker,
    .tb-product-tone,
    .tb-product-count,
    [data-product-gallery-pages],
    .tb-product-cost-summary,
    .tb-product-generate
  ) {
    grid-column: 1 !important;
    grid-row: auto !important;
    width: 100% !important;
  }
}

/* v9.5 · product-note single action rail */
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-main-input[data-unified-textarea-shell] {
  position: relative !important;
  grid-template-columns: 116px minmax(0, 1fr) !important;
  grid-template-rows: minmax(228px, auto) auto !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar.tb-product-composer-actions {
  grid-column: 2 !important;
  grid-row: 2 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 10px 12px 10px 0 !important;
  border: 0 !important;
  border-top: 1px solid #edf0f3 !important;
  border-radius: 0 0 12px 12px !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-main-input[data-unified-textarea-shell] > .tb-unified-media-rail {
  position: static !important;
  inset: auto !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  display: flex !important;
  align-items: center !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-top: 1px solid #edf0f3 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar .tb-unified-media-plus,
.tb-product-main-input[data-unified-textarea-shell] > .tb-unified-media-rail .tb-unified-media-plus {
  width: 92px !important;
  min-width: 92px !important;
  min-height: 44px !important;
  grid-template-columns: 18px auto !important;
  align-content: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 7px 10px !important;
  border: 1px solid #79c3b3 !important;
  border-radius: 9px !important;
  background: #edf9f5 !important;
  color: #0f765f !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar .tb-product-context-compact {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar .tb-product-context-compact .tb-generation-context-grid {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar .tb-product-context-compact .tb-context-picker {
  display: block !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar .tb-product-context-compact .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="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar .tb-product-context-compact .tb-context-trigger {
  width: 82px !important;
  min-width: 82px !important;
  max-width: 82px !important;
  height: 44px !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 6px !important;
  border: 1px solid #e4b8aa !important;
  border-radius: 9px !important;
  background: #fff8f5 !important;
  color: #9f3d20 !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar .tb-product-context-compact .tb-context-trigger > span {
  width: auto !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  overflow: visible !important;
  color: inherit !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar .tb-product-context-compact .tb-context-trigger > span > i {
  position: static !important;
  width: 16px !important;
  height: 16px !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
  clip: auto !important;
  color: inherit !important;
  font-size: 15px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar .tb-product-context-compact .tb-context-trigger > :is(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="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar > .tb-product-inline-select {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 0 6px 0 10px !important;
  border: 1px solid #dfe3e8 !important;
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar > .tb-product-tone {
  flex-basis: 136px !important;
  padding-inline: 4px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar > .tb-product-tone > select {
  width: 126px !important;
  min-width: 126px !important;
  max-width: 126px !important;
  padding-inline: 7px 20px !important;
  font-size: 12px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar > .tb-product-count {
  flex-basis: 100px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar > .tb-product-gallery-count {
  flex-basis: 70px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar > [data-product-gallery-pages][hidden] {
  display: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar > :is(.tb-product-count, .tb-product-gallery-count) > select {
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  padding-inline: 4px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
#productNoteOptionsBar > .tb-product-generate {
  flex: 1 0 145px !important;
  justify-self: auto !important;
  width: auto !important;
  min-width: 145px !important;
  min-height: 44px !important;
  margin: 0 0 0 auto !important;
  padding: 8px 14px !important;
  border-radius: 9px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
.tb-product-input-meta {
  position: absolute !important;
  right: 16px !important;
  bottom: 66px !important;
  z-index: 1 !important;
  display: block !important;
  width: auto !important;
  padding: 0 !important;
  border: 0 !important;
  color: #858d98 !important;
  background: transparent !important;
  pointer-events: none !important;
}

@media (max-width: 760px) {
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-main-input[data-unified-textarea-shell] {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(228px, auto) auto auto !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
  .tb-product-main-input[data-unified-textarea-shell] > .tb-unified-media-rail {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
  #productNoteOptionsBar.tb-product-composer-actions {
    grid-column: 1 !important;
    grid-row: 3 !important;
    flex-wrap: wrap !important;
    padding-left: 12px !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="product-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="product-note"]
  #productNoteOptionsBar > .tb-product-generate {
    flex-basis: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
  }
}

/* v9.7.1 · final persona-note precedence contract */
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool .tb-context-round-actions .tb-context-picker {
  display: grid !important;
  grid-template-columns: 64px !important;
  justify-items: center !important;
  align-content: start !important;
  flex: 0 0 64px !important;
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  gap: 5px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool .tb-context-round-actions .tb-context-trigger {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  place-items: center !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool .tb-context-round-actions .tb-context-trigger > span {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool .tb-context-round-actions .tb-context-trigger > span > i {
  display: block !important;
  width: auto !important;
  height: auto !important;
  color: currentColor !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool .tb-context-round-actions .tb-context-trigger > :is(em, i) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="persona-note"]
.tb-persona-reference-form {
  position: static !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: none !important;
  grid-template-areas: none !important;
  gap: 14px !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="persona-note"]
.tb-persona-reference-form > .tb-product-note-modes {
  order: 1 !important;
  grid-column: 1 !important;
  grid-row: auto !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="persona-note"]
.tb-persona-reference-form > .tb-reference-creator-card {
  position: static !important;
  order: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: none !important;
  grid-template-areas: none !important;
  gap: 12px !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 16px !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="persona-note"]
.tb-persona-reference-form .tb-reference-creator-card > * {
  position: static !important;
  grid-column: 1 !important;
  grid-row: auto !important;
  grid-area: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="persona-note"]
.tb-persona-reference-form .tb-reference-notice {
  order: 1 !important;
  display: flex !important;
  align-items: center !important;
  height: auto !important;
  min-height: 46px !important;
  padding: 10px 14px !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="persona-note"]
.tb-persona-reference-form .tb-persona-composer {
  order: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="persona-note"]
.tb-persona-composer > .tb-reference-main-input {
  position: static !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  border: 0 !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="persona-note"]
.tb-persona-composer > .tb-reference-main-input > textarea {
  position: static !important;
  display: block !important;
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 280px !important;
  padding: 18px !important;
  border: 0 !important;
  box-shadow: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="persona-note"]
.tb-persona-composer > .tb-reference-main-input > span {
  position: static !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  justify-self: end !important;
  padding-block: 8px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="persona-note"]
.tb-persona-composer > .tb-reference-main-input > button {
  position: static !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="persona-note"]
.tb-persona-composer > .tb-persona-composer-footer {
  position: static !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 18px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 70px !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="persona-note"]
.tb-persona-reference-form > .tb-reference-creator-card > .tb-reference-media-row {
  order: 3 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="persona-note"]
.tb-persona-reference-form > .tb-reference-creator-card > .tb-persona-advanced {
  order: 4 !important;
  display: block !important;
  height: auto !important;
  min-height: 46px !important;
  overflow: hidden !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="persona-note"]
.tb-persona-advanced[open] > .tb-product-main-fields {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="persona-note"]
#personaNoteOptionsBar {
  position: static !important;
  order: 5 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="persona-note"]
#personaNoteOptionsBar > [data-product-gallery-pages][hidden],
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="persona-note"]
.tb-reference-media-row[hidden] {
  display: none !important;
}

@media (max-width: 760px) {
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="persona-note"]
  .tb-persona-advanced[open] > .tb-product-main-fields {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="persona-note"]
  #personaNoteOptionsBar {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="persona-note"]
  #personaNoteOptionsBar > .tb-persona-generate {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
  }
}

/* v9.8.1 · final assigned-copy precedence contract */
body.toolbox-body [data-paste-clipboard] {
  display: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-reference-form {
  position: static !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: none !important;
  grid-template-areas: none !important;
  gap: 14px !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-reference-form > .tb-product-note-modes {
  position: static !important;
  order: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: none !important;
  gap: 12px !important;
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-product-note-modes > label:has(input[value="cover"]) > span {
  min-height: 72px !important;
  border: 1px solid #9ed9cf !important;
  border-radius: 12px !important;
  background: #eef9f6 !important;
  color: #176f67 !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-product-note-modes > label:has(input[value="gallery"]) > span {
  min-height: 72px !important;
  border: 1px solid #c9baf0 !important;
  border-radius: 12px !important;
  background: #f5f1ff !important;
  color: #6749ae !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-product-note-modes > label > input[value="cover"]:checked + span {
  border-color: #168f87 !important;
  background: #168f87 !important;
  color: #fff !important;
  box-shadow: 0 7px 18px rgba(22, 143, 135, .2) !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-product-note-modes > label > input[value="gallery"]:checked + span {
  border-color: #7454bd !important;
  background: #7454bd !important;
  color: #fff !important;
  box-shadow: 0 7px 18px rgba(116, 84, 189, .2) !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-reference-form > .tb-reference-creator-card {
  position: static !important;
  order: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: none !important;
  grid-template-areas: none !important;
  gap: 12px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 16px !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-reference-form .tb-reference-creator-card > * {
  position: static !important;
  grid-column: 1 !important;
  grid-row: auto !important;
  grid-area: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-reference-form .tb-reference-notice {
  order: 1 !important;
  height: auto !important;
  min-height: 46px !important;
  padding: 10px 14px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-composer {
  position: static !important;
  order: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-composer > .tb-reference-title-input {
  position: static !important;
  display: block !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 54px !important;
  border: 0 !important;
  border-bottom: 1px solid #edf0f3 !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-composer > .tb-reference-title-input > input {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 54px !important;
  padding: 0 18px !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-composer > .tb-reference-main-input {
  position: static !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  border: 0 !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-composer > .tb-reference-main-input > textarea {
  position: static !important;
  display: block !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 300px !important;
  padding: 18px !important;
  border: 0 !important;
  box-shadow: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-composer > .tb-reference-main-input > span {
  position: static !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  justify-self: end !important;
  padding: 8px 14px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-composer > .tb-assigned-composer-footer {
  position: static !important;
  grid-column: 1 !important;
  grid-row: 3 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 18px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 70px !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-reference-form .tb-reference-media-row[hidden] {
  display: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-layout-requirement {
  order: 4 !important;
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  height: auto !important;
  min-height: 74px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-layout-requirement > textarea {
  width: 100% !important;
  min-width: 0 !important;
  height: 52px !important;
  min-height: 52px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
.tb-assigned-advanced {
  order: 5 !important;
  display: block !important;
  height: auto !important;
  min-height: 46px !important;
  overflow: hidden !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
#assignedCopyOptionsBar {
  position: static !important;
  order: 6 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
.tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
#assignedCopyOptionsBar > [data-product-gallery-pages][hidden] {
  display: none !important;
}

@media (max-width: 760px) {
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
  .tb-assigned-reference-form > .tb-product-note-modes,
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
  .tb-assigned-layout-requirement {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
  .tb-assigned-composer > .tb-assigned-composer-footer {
    flex-wrap: wrap !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
  #assignedCopyOptionsBar {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="assigned-copy-note"]
  .tb-main.tb-main-tool .tb-simple-tool-page[data-simple-tool-page="assigned-copy-note"]
  #assignedCopyOptionsBar > .tb-assigned-generate {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
  }
}

/* v9.9 · shared unified composer contract for remaining generation tools */
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-composer-page {
  display: grid !important;
  gap: 14px !important;
  min-width: 0 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-composer-head,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-composer-head > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 6px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-composer-head span {
  color: #8a929c !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-composer-head h3 {
  margin: 0 !important;
  color: #1f242b !important;
  font-size: 24px !important;
  font-weight: 780 !important;
  line-height: 1.25 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-composer-head p {
  margin: 0 !important;
  color: #6b7280 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-quick-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-quick-actions > button,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-quick-actions > strong + div > button,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-viral-ideas > div > button {
  min-height: 36px !important;
  padding: 0 12px !important;
  border: 1px solid #e5e8ed !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #5b636e !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-composer,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-composer-form {
  min-width: 0 !important;
  display: grid !important;
  gap: 12px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-main-input[data-unified-textarea-shell],
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-main-input {
  position: relative !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: stretch !important;
  padding: 12px !important;
  border: 1px solid #e5e8ed !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(24, 31, 41, .04) !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-main-input > :is(textarea, input[type="text"], input:not([type])) {
  grid-column: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 132px !important;
  margin: 0 !important;
  padding: 4px 2px 36px !important;
  border: 0 !important;
  background: transparent !important;
  color: #1f242b !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  resize: vertical !important;
  outline: none !important;
  box-shadow: none !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-main-input > input:not([type]),
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-main-input > input[type="text"] {
  min-height: 56px !important;
  padding-bottom: 34px !important;
  resize: none !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-main-input > .tb-unified-media-rail {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  align-self: start !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-main-input > .tb-upload-drop {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-composer-meta {
  grid-column: 2 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin-top: -28px !important;
  pointer-events: none !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-composer-meta > * {
  pointer-events: auto !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-composer-meta > span {
  color: #98a0aa !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-composer-meta > button,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-composer-meta > a {
  min-height: 32px !important;
  padding: 0 10px !important;
  border: 1px solid #e5e8ed !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #5b636e !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

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

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-context-compact .tb-generation-context > header,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-context-compact .tb-context-selected {
  display: none !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-context-compact .tb-context-trigger {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 1px solid #e5e8ed !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #5b636e !important;
  box-shadow: none !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-context-compact .tb-context-trigger > span {
  display: grid !important;
  place-items: center !important;
  gap: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

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

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-settings-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: end !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding-top: 2px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-inline-select,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-choice {
  min-width: 0 !important;
  display: grid !important;
  gap: 5px !important;
  margin: 0 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-inline-select > span,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-choice > summary {
  color: #6b7280 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-inline-select :where(select, input),
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-choice > summary {
  min-width: 120px !important;
  min-height: 42px !important;
  border: 1px solid #e2e6eb !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #2b3139 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-inline-select :where(select, input) {
  width: 100% !important;
  padding: 0 12px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-choice > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 0 12px !important;
  list-style: none !important;
  cursor: pointer !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-choice > summary::-webkit-details-marker {
  display: none !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-choice > summary > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #2b3139 !important;
  font-size: 13px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-choice > summary > em {
  color: #98a0aa !important;
  font-style: normal !important;
  font-size: 12px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-choice-panel {
  margin-top: 8px !important;
  padding: 10px !important;
  border: 1px solid #e8ebef !important;
  border-radius: 12px !important;
  background: #fafbfc !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-choice-panel :where(textarea, input, select) {
  width: 100% !important;
  min-height: 42px !important;
  border: 1px solid #e2e6eb !important;
  border-radius: 10px !important;
  background: #fff !important;
  padding: 10px 12px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-count {
  width: max-content !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-count :where(select) {
  min-width: 88px !important;
  width: max-content !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-generate,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-settings-row > .tb-btn.primary {
  min-width: 180px !important;
  min-height: 46px !important;
  margin-left: auto !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #f06a34 0%, #e24d19 100%) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(226, 77, 25, .22) !important;
  font-weight: 700 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-settings-row > .tb-status {
  flex: 1 1 180px !important;
  min-width: 0 !important;
  color: #6b7280 !important;
  font-size: 12px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-mode-chips,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-chip-group > div {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-mode-chips label > span,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-chip-group label > span,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-mode-chips > button {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  border: 1px solid #e5e8ed !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #5b636e !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-mode-chips label:has(input:checked) > span,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-chip-group label:has(input:checked) > span,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-mode-chips > button.active {
  border-color: #e55725 !important;
  background: #fff4ee !important;
  color: #d84c1b !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-mode-chips input,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-chip-group input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* upload hierarchy: media plus is accent, param chips stay neutral gray */
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-composer-page .tb-unified-media-plus,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-main-input .tb-unified-media-plus {
  border: 1px dashed #8eb8ff !important;
  background: linear-gradient(180deg, #f3f8ff 0%, #eef5ff 100%) !important;
  color: #2f6fdb !important;
  box-shadow: inset 0 0 0 1px rgba(47, 111, 219, .04) !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-composer-page .tb-unified-media-plus:is(:hover, :focus-visible),
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-main-input .tb-unified-media-plus:is(:hover, :focus-visible) {
  border-color: #4d86ef !important;
  background: #e8f1ff !important;
  color: #1f5fcc !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-composer-page .tb-unified-media-plus.has-files,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-main-input .tb-unified-media-plus.has-files {
  border-style: solid !important;
  border-color: #3f7ce8 !important;
  background: #e7f0ff !important;
  color: #1b57c4 !important;
}

/* tighten leftover multi-panel generation workbenches into one composer language */
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :is(
  .tb-viral-reference-layout,
  .tb-shop-layout,
  .tb-bigposter-layout,
  .tb-product-talk-layout,
  .tb-structure-workbench,
  .tb-prompt-reverse-studio .tb-split-creator,
  .tb-image-compose-studio .tb-split-creator,
  .tb-image-lite-page .tb-split-creator
) {
  min-width: 0 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :is(
  .tb-form-grid,
  .tb-form-grid.compact,
  .tb-form-grid.single,
  .tb-precision-fields,
  .tb-compose-settings,
  .tb-structure-settings,
  .tb-viral-compact-settings,
  .tb-shop-fields,
  .tb-prompt-reverse-options
) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: end !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :is(
  .tb-form-grid,
  .tb-form-grid.compact,
  .tb-form-grid.single,
  .tb-precision-fields,
  .tb-compose-settings,
  .tb-structure-settings,
  .tb-viral-compact-settings,
  .tb-shop-fields,
  .tb-prompt-reverse-options
) > :is(label, .tb-field, .tb-precision-field) {
  flex: 1 1 160px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] button[data-paste-clipboard],
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-paste-clipboard] {
  display: none !important;
}

@media (max-width: 860px) {
  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-main-input[data-unified-textarea-shell],
  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-main-input {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-main-input > :is(textarea, input[type="text"], input:not([type])),
  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-main-input > .tb-unified-media-rail,
  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-composer-meta {
    grid-column: 1 !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-main-input > .tb-unified-media-rail {
    grid-row: auto !important;
    order: 2 !important;
    flex-direction: row !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-main-input > :is(textarea, input[type="text"], input:not([type])) {
    order: 1 !important;
    min-height: 120px !important;
    padding-bottom: 8px !important;
  }

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-composer-meta {
    order: 3 !important;
    margin-top: 0 !important;
  }

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

  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-settings-row > :is(.tb-unified-generate, .tb-btn.primary, .tb-status, .tb-unified-extra) {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin-left: 0 !important;
  }
}

/* v10.2 · persona composer: upload left, parameters center, submit right */
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer {
  position: relative !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important;
  gap: 8px !important;
  min-height: 66px !important;
  padding: 18px 14px 8px !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-media-actions {
  order: 1 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer > .tb-generation-context {
  order: 2 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-supplement-toggle {
  order: 3 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-count-inline {
  order: 4 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-gallery-pages-inline {
  order: 5 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-cost-note {
  position: absolute !important;
  z-index: 1 !important;
  top: 3px !important;
  right: 14px !important;
  order: 6 !important;
  margin: 0 !important;
  color: #7a8491 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 14px !important;
  white-space: nowrap !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-generate {
  order: 7 !important;
  flex: 0 0 138px !important;
  width: 138px !important;
  min-width: 138px !important;
  max-width: 138px !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 0 0 auto !important;
  padding: 0 16px !important;
  border-radius: 9px !important;
  white-space: nowrap !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer > .tb-status {
  order: 8 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer > .tb-status:empty {
  display: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-media-actions .tb-unified-media-plus {
  min-width: 92px !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 10px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-context-trigger,
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-supplement-toggle {
  min-width: 100px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 10px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-context-trigger > em {
  display: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-persona-count-inline,
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-persona-gallery-pages-inline {
  min-width: 0 !important;
  height: 40px !important;
  min-height: 40px !important;
  gap: 6px !important;
  padding: 0 7px 0 9px !important;
  font-size: 12px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-persona-count-inline select,
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-persona-gallery-pages-inline select {
  width: 48px !important;
  min-width: 48px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 5px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer [data-product-gallery-pages][hidden] {
  display: none !important;
}

/* v10.1 · persona composer means exactly one bottom action row */
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-reference-creator-card {
  gap: 12px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-product-note-modes {
  display: flex !important;
  align-items: stretch !important;
  gap: 12px !important;
  padding: 0 !important;
  border-bottom: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-product-note-modes > label {
  flex: 0 0 220px !important;
  min-width: 220px !important;
  margin: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-product-note-modes > label > span {
  width: 100% !important;
  min-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 1px solid #dfe5ec !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #2c333d !important;
  box-shadow: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-product-note-modes > label:has(input:checked) > span {
  border-color: #f15a24 !important;
  background: #f15a24 !important;
  color: #fff !important;
  box-shadow: 0 10px 20px rgba(241, 90, 36, .16) !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-product-note-modes > label > span :is(em, small) {
  display: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 10px !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-context-round-actions,
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page .tb-persona-composer-footer .tb-context-round-actions {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-context-picker,
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page .tb-persona-composer-footer .tb-context-picker {
  display: block !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  grid-template-columns: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-context-trigger,
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page .tb-persona-composer-footer .tb-context-trigger {
  display: inline-flex !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  place-items: initial !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: auto !important;
  min-width: 118px !important;
  max-width: none !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: none !important;
  padding: 0 14px !important;
  border: 1px solid #dfe5ec !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #343b45 !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-context-trigger > span,
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page .tb-persona-composer-footer .tb-context-trigger > span {
  display: inline-flex !important;
  place-items: initial !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  color: inherit !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 750 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-context-trigger > span > i,
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page .tb-persona-composer-footer .tb-context-trigger > span > i {
  color: currentColor !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-context-trigger > :is(em, i:last-child),
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page-family="creator"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-simple-tool-page.tb-simple-tool-page .tb-persona-composer-footer .tb-context-trigger > :is(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="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-persona-count-inline,
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-persona-gallery-pages-inline {
  flex: 0 0 auto !important;
  height: 44px !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 10px 0 12px !important;
  border: 1px solid #dfe5ec !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #343b45 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-persona-count-inline select,
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-persona-gallery-pages-inline select {
  width: 64px !important;
  min-width: 64px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 6px !important;
  border: 1px solid #e2e7ee !important;
  border-radius: 7px !important;
  background: #f9fafb !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-persona-generate {
  flex: 0 0 360px !important;
  min-width: 320px !important;
  max-width: 380px !important;
  height: 46px !important;
  min-height: 46px !important;
  margin-left: auto !important;
  border-radius: 10px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool #personaNoteOptionsBar {
  display: none !important;
}

/* v10.0 · strict one-row composer actions */
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-main.tb-main-tool :is(
  .tb-persona-composer-footer,
  .tb-assigned-composer-footer,
  .tb-photo-note-main-input,
  .tb-product-main-input,
  .tb-unified-settings-row,
  .tb-smart-composer-footer.tb-unified-settings-row
) {
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer {
  border-radius: 12px !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer .tb-reference-main-input {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer .tb-reference-main-input > textarea {
  min-height: 330px !important;
  padding-bottom: 18px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 12px 14px !important;
  border-top: 1px solid #e7ebf0 !important;
  background: #fbfcfe !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  scrollbar-width: thin !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-media-actions {
  flex: 0 0 auto !important;
  order: 1 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-media-actions .tb-unified-media-rail {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-media-actions .tb-unified-media-plus,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-composer-page .tb-unified-media-plus,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-main-input .tb-unified-media-plus {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 104px !important;
  min-height: 44px !important;
  padding: 0 13px !important;
  border: 1px dashed #5b8ff5 !important;
  border-radius: 10px !important;
  background: #edf5ff !important;
  color: #1f62d0 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-media-actions .tb-unified-media-plus b,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-media-plus b {
  font-size: 20px !important;
  line-height: 1 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer > .tb-generation-context {
  flex: 0 0 auto !important;
  order: 2 !important;
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer > .tb-generation-context > header,
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer > .tb-generation-context > .tb-context-selected {
  display: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-generation-context-grid {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-context-picker {
  position: static !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: block !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-context-picker::after {
  content: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-context-trigger,
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-supplement-toggle {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: auto !important;
  min-width: 112px !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  border: 1px solid #dfe5ec !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #343b45 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-context-trigger > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: auto !important;
  height: auto !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-context-trigger > span > :not(i:first-child),
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-context-trigger > i:last-child,
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-supplement-toggle small {
  display: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-context-trigger > em {
  display: inline !important;
  color: #8b949f !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 650 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-context-picker:has(input[data-context-choice]:checked) .tb-context-trigger,
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-supplement-toggle.active {
  border-color: #a8c879 !important;
  background: #f3f9ec !important;
  color: #568421 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-supplement-toggle {
  order: 3 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-advanced {
  display: none !important;
  margin: 10px 0 0 !important;
  overflow: visible !important;
  border-color: #e2e8f0 !important;
  background: #fff !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-advanced[open] {
  display: block !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-advanced > summary {
  display: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-advanced > .tb-product-main-fields {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 12px !important;
  border-top: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool #personaNoteOptionsBar,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-settings-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 10px !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  white-space: nowrap !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool #personaNoteOptionsBar > label,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-settings-row > :is(label, details, .tb-unified-choice, .tb-unified-inline-select) {
  flex: 0 0 auto !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool #personaNoteOptionsBar > .tb-persona-generate,
body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-settings-row > :is(.tb-unified-generate, .tb-btn.primary) {
  flex: 0 0 auto !important;
  margin-left: auto !important;
}

@media (max-width: 860px) {
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
  .tb-main.tb-main-tool .tb-persona-composer-footer,
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
  .tb-main.tb-main-tool #personaNoteOptionsBar,
  body.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-unified-settings-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
  }

  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
  .tb-main.tb-main-tool .tb-persona-advanced > .tb-product-main-fields {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* v10.3 · final persona action-row ownership */
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer {
  position: relative !important;
  align-items: flex-end !important;
  gap: 8px !important;
  min-height: 66px !important;
  padding: 18px 14px 8px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-media-actions { order: 1 !important; }

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer > .tb-generation-context { order: 2 !important; }

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-supplement-toggle { order: 3 !important; }

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-count-inline { order: 4 !important; }

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-gallery-pages-inline { order: 5 !important; }

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-cost-note {
  position: absolute !important;
  z-index: 1 !important;
  top: 3px !important;
  right: 14px !important;
  margin: 0 !important;
  color: #7a8491 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 14px !important;
  white-space: nowrap !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-generate {
  order: 7 !important;
  flex: 0 0 138px !important;
  width: 138px !important;
  min-width: 138px !important;
  max-width: 138px !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 0 0 auto !important;
  padding: 0 16px !important;
  border-radius: 9px !important;
  white-space: nowrap !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer > .tb-status { order: 8 !important; }

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer > .tb-status:empty { display: none !important; }

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-media-actions .tb-unified-media-plus {
  min-width: 92px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 10px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-context-trigger,
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-supplement-toggle {
  min-width: 100px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 10px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-context-trigger > em { display: none !important; }

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-persona-count-inline,
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-persona-gallery-pages-inline {
  min-width: 0 !important;
  height: 40px !important;
  min-height: 40px !important;
  gap: 6px !important;
  padding: 0 7px 0 9px !important;
  font-size: 12px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-persona-count-inline select,
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-persona-gallery-pages-inline select {
  width: 48px !important;
  min-width: 48px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 5px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer [data-product-gallery-pages][hidden] { display: none !important; }

/* v10.4 · compact persona row with non-displacing supplement drawer */
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-composer-footer .tb-generation-context-grid {
  width: auto !important;
  justify-content: flex-start !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-supplement-toggle {
  flex: 0 0 106px !important;
  width: 106px !important;
  min-width: 106px !important;
  max-width: 106px !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-supplement-toggle > span {
  display: inline !important;
  min-width: 0 !important;
  overflow: visible !important;
  color: inherit !important;
  white-space: nowrap !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-generate {
  flex-basis: 128px !important;
  width: 128px !important;
  min-width: 128px !important;
  max-width: 128px !important;
}

body.toolbox-body.tb-persona-supplement-open {
  overflow: hidden !important;
}

.tb-persona-supplement-backdrop {
  position: fixed !important;
  z-index: 2998 !important;
  inset: 0 !important;
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(15, 23, 42, .34) !important;
  box-shadow: none !important;
  cursor: default !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-advanced[open] {
  position: fixed !important;
  z-index: 2999 !important;
  inset: 0 0 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  width: min(430px, calc(100vw - 24px)) !important;
  min-width: 0 !important;
  max-width: 430px !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 14px 0 0 14px !important;
  background: #fff !important;
  box-shadow: -24px 0 60px rgba(15, 23, 42, .18) !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-advanced > .tb-persona-supplement-head {
  position: sticky !important;
  z-index: 2 !important;
  top: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 20px 22px !important;
  border-bottom: 1px solid #e7ebf0 !important;
  background: #fff !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-supplement-head > div {
  display: grid !important;
  gap: 4px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-supplement-head strong {
  color: #202733 !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-supplement-head span {
  color: #7a8491 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-supplement-head button {
  display: inline-grid !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  place-items: center !important;
  padding: 0 !important;
  border: 1px solid #dfe5ec !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #4d5662 !important;
  cursor: pointer !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-advanced > .tb-product-main-fields {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 16px !important;
  padding: 22px !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"][data-page="persona-note"]
.tb-main.tb-main-tool .tb-persona-advanced > .tb-product-main-fields textarea {
  min-height: 92px !important;
  resize: vertical !important;
}

/* v10.4 · persona/template controls belong to the tool action area.
 * The old round-action rules were designed for an icon-only rail and could
 * turn these two useful buttons into clipped circles. Keep them compact, but
 * preserve their visible labels and give grid-based tools a full row. */
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-context-action-controls {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-context-action-controls > header,
body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-context-action-controls > .tb-context-selected {
  display: none !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
:where(.tb-id-photo-controls, .tb-image-task-controls, .tb-wechat-cover-controls)
> .tb-context-action-controls {
  grid-column: 1 / -1 !important;
  justify-self: start !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-context-action-controls .tb-generation-context-grid {
  display: flex !important;
  flex: 0 1 auto !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  gap: 8px !important;
  margin: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-context-action-controls .tb-context-picker {
  position: relative !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-context-action-controls .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"]
.tb-context-action-controls .tb-context-trigger {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: auto !important;
  min-width: 112px !important;
  max-width: 190px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 11px !important;
  border: 1px solid #e5b6a6 !important;
  border-radius: 10px !important;
  background: #fffaf7 !important;
  color: #a5482b !important;
  box-shadow: none !important;
  overflow: visible !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-context-action-controls .tb-context-picker[data-context-picker="creative-template"] .tb-context-trigger {
  border-color: #b9c6e8 !important;
  background: #f8faff !important;
  color: #405d9f !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-context-action-controls .tb-context-trigger:is(:hover, :focus-visible) {
  border-color: currentColor !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 12%, transparent) !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-context-action-controls .tb-context-trigger > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  color: inherit !important;
  font-size: inherit !important;
  line-height: 1 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-context-action-controls .tb-context-trigger > span > i {
  display: inline-grid !important;
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  place-items: center !important;
  color: inherit !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-context-action-controls .tb-context-trigger > em {
  display: inline !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  color: currentColor !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  opacity: .72 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: nowrap !important;
}

body.toolbox-body.toolbox-body
.tb-app.tb-app[data-app-shell][data-ui-revision="3"]
.tb-context-action-controls .tb-context-trigger > i:last-child {
  display: none !important;
}

@media (max-width: 560px) {
  body.toolbox-body.toolbox-body
  .tb-app.tb-app[data-app-shell][data-ui-revision="3"]
  .tb-context-action-controls .tb-context-trigger {
    min-width: 0 !important;
    max-width: none !important;
    padding-inline: 9px !important;
  }
}