/*
 * Lingxuan AI product register.
 * Loaded last so every authenticated tool shares one calm, task-first UI.
 */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] {
  --lx-brand: #ea580c;
  --lx-brand-hover: #c2410c;
  --lx-brand-deep: #9a3412;
  --lx-brand-soft: #fff7ed;
  --lx-brand-ring: rgb(249 115 22 / 20%);
  --lx-flame-red: #dc2626;
  --lx-flame-gold: #f59e0b;
  --lx-flame-grad: linear-gradient(118deg, #dc2626, #ea580c 52%, #f59e0b);
  --lx-ink: #1c1917;
  --lx-ink-2: #44403c;
  --lx-muted: #78716c;
  --lx-faint: #a8a29e;
  --lx-line: #e7e2dd;
  --lx-line-strong: #d6cfc7;
  --lx-canvas: #faf8f5;
  --lx-surface: #ffffff;
  --lx-surface-2: #f5f1ec;
  --lx-sidebar: 244px;
  --lx-radius: 12px;
  --lx-control-radius: 9px;
  --lx-fast: 160ms cubic-bezier(.2, .8, .2, 1);
  color: var(--lx-ink);
  background: var(--lx-canvas) !important;
  font-family: "SF Pro Text", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.55;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(h1, h2, h3, h4, p) {
  letter-spacing: 0;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(a, button, input, textarea, select, summary) {
  transition-duration: 160ms;
  transition-timing-function: cubic-bezier(.2, .8, .2, 1);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(a, button, input, textarea, select, summary):focus-visible {
  outline: 2px solid var(--lx-brand-hover) !important;
  outline-offset: 2px;
}

/* Shell and navigation */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-sidebar {
  flex: 0 0 var(--lx-sidebar) !important;
  width: var(--lx-sidebar) !important;
  min-width: var(--lx-sidebar) !important;
  flex-basis: var(--lx-sidebar) !important;
  padding: 14px 12px 12px !important;
  border: 0 !important;
  background: linear-gradient(178deg, #16130f, #1d1814 58%, #221a13) !important;
  box-shadow: inset -1px 0 0 rgb(249 115 22 / 8%) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-sidebar-head {
  min-height: 58px;
  margin: 0 0 12px;
  padding: 0 2px 12px;
  border-color: #3a2f24;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-sidebar .tb-brand {
  gap: 10px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-sidebar, .tb-mobile-topbar) .tb-brand-mark {
  width: 42px;
  height: 42px;
  flex-basis: 42px;
  border: 0;
  border-radius: 10px;
  background: var(--lx-surface);
  box-shadow: none;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-sidebar .tb-brand-text {
  color: var(--lx-surface-2);
  font-size: 14px;
  font-weight: 760;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-sidebar .tb-brand-text small {
  color: #a0958a;
  font-size: 10px;
  font-weight: 560;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-sidebar :where([data-sidebar-collapse], [data-sidebar-close]) {
  border-color: #42352a;
  color: #cfc7bd;
  background: var(--lx-chip-dark, #2b241d);
  box-shadow: none;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-side-nav {
  padding-right: 2px;
  gap: 5px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-side-hubs > strong,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-side-group-title {
  min-height: 30px;
  padding: 8px 10px 4px;
  color: #a0958a;
  font-size: 11px;
  font-weight: 680;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-side-hubs > a, .tb-side-group > a, .tb-side-pill) {
  min-height: 46px !important;
  padding: 7px 9px !important;
  border: 0 !important;
  border-radius: 10px !important;
  color: #cfc7bd !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 13px;
  font-weight: 620;
  gap: 9px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-side-hubs > a, .tb-side-group > a, .tb-side-pill) > i {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  color: #b3a89b;
  background: var(--lx-chip-dark, #2b241d);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-side-hubs > a, .tb-side-group > a, .tb-side-pill):hover {
  color: #fff !important;
  background: var(--lx-chip-dark, #2b241d) !important;
  transform: none;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-side-hubs > a, .tb-side-group > a, .tb-side-pill):hover > i {
  color: #fff;
  background: #3c3128;
  transform: none;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-side-hubs > a.active, .tb-side-group > a.active, .tb-side-pill.active) {
  color: #1c1917 !important;
  background: var(--lx-surface) !important;
  box-shadow: none !important;
  font-weight: 720;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-side-hubs > a.active, .tb-side-group > a.active, .tb-side-pill.active) > i {
  color: #fff !important;
  background: var(--lx-brand) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-side-hubs > a, .tb-side-group > a) > small {
  color: #fff;
  background: var(--lx-brand);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-side-primary,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-sidebar-foot {
  border-color: #3a2f24;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-sidebar-profile {
  min-height: 58px;
  border: 1px solid #3c3128;
  border-radius: 10px;
  color: var(--lx-surface-2);
  background: var(--lx-chip-dark, #2b241d);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-sidebar-profile > span {
  border: 0 !important;
  color: #fff !important;
  background: var(--lx-brand) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-sidebar-profile small {
  color: #a0958a;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-main {
  padding: 0 28px 56px !important;
  background: var(--lx-canvas) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-main > * {
  width: min(100%, 1360px);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-topbar {
  top: 0 !important;
  min-height: 66px !important;
  margin-bottom: 16px !important;
  padding: 8px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--lx-line) !important;
  border-radius: 0 !important;
  background: rgb(250 248 245 / 96%) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-topbar h1 {
  color: var(--lx-ink);
  font-size: 18px;
  font-weight: 760;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-topbar-create, .tb-points-pill, .tb-topbar-profile, .tb-icon-button) {
  min-height: 42px;
  border-radius: 9px;
  box-shadow: none;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-topbar-create {
  border: 0;
  color: #fff;
  background: var(--lx-flame-grad);
  box-shadow: 0 2px 8px rgb(234 88 12 / 26%);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-topbar-create:hover {
  background: linear-gradient(118deg, #c2410c, #ea580c 60%, #d97706);
  box-shadow: 0 4px 12px rgb(234 88 12 / 32%);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-points-pill {
  color: #7c3d00;
  background: linear-gradient(120deg, #fef3c7, #fde68a);
  border: 1px solid #fcd34d;
  font-variant-numeric: tabular-nums;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-topbar-profile,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-icon-button {
  border: 1px solid var(--lx-line);
  background: var(--lx-surface);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-destination-context {
  min-height: 42px !important;
  margin-bottom: 18px !important;
  padding: 0 0 12px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--lx-line) !important;
  background: transparent !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-destination-context :where(a, button, summary) {
  min-height: 38px;
}

/* One control vocabulary */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-btn,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(button, input[type="button"], input[type="submit"]):not([data-sidebar-backdrop]):not([data-sidebar-collapse]):not([data-sidebar-close]):not([data-sidebar-open]) {
  min-height: 42px;
  padding: 0 15px;
  border: 1px solid var(--lx-line-strong);
  border-radius: var(--lx-control-radius);
  color: var(--lx-ink-2);
  background: var(--lx-surface);
  box-shadow: 0 1px 2px rgb(41 25 12 / 5%);
  font-size: 13px;
  font-weight: 680;
  transition: color var(--lx-fast), background-color var(--lx-fast), border-color var(--lx-fast), box-shadow var(--lx-fast), transform var(--lx-fast);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-btn, button):hover {
  border-color: #fdba74;
  color: var(--lx-brand-deep);
  background: var(--lx-brand-soft);
  box-shadow: 0 2px 5px rgb(154 52 18 / 10%);
  transform: translateY(-1px);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-btn, button):active,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-btn, button)[data-ui-pressed="true"] {
  box-shadow: none;
  transform: translateY(0) scale(.98);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-btn, button).primary,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-btn, button)[data-primary-action] {
  border: 0 !important;
  color: #fff !important;
  background: var(--lx-flame-grad) !important;
  box-shadow: 0 2px 8px rgb(234 88 12 / 26%) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-btn, button).primary:hover,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-btn, button)[data-primary-action]:hover {
  border: 0 !important;
  background: linear-gradient(118deg, #b91c1c, #c2410c 52%, #d97706) !important;
  box-shadow: 0 4px 14px rgb(234 88 12 / 34%) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-btn, button, input[type="submit"]):disabled,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-btn, button)[aria-disabled="true"] {
  border-color: var(--lx-line) !important;
  color: var(--lx-faint) !important;
  background: var(--lx-surface-2) !important;
  box-shadow: none !important;
  transform: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), textarea, select) {
  min-height: 46px;
  padding: 11px 13px;
  border: 1px solid var(--lx-line-strong);
  border-radius: var(--lx-control-radius);
  color: var(--lx-ink);
  background: var(--lx-surface);
  box-shadow: inset 0 1px 1px rgb(41 25 12 / 3%);
  font-size: 14px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(input, textarea)::placeholder {
  color: var(--lx-muted);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), textarea, select):hover {
  border-color: #fdba74;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), textarea, select):focus {
  border-color: var(--lx-brand);
  box-shadow: 0 0 0 3px var(--lx-brand-ring);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-panel, .tb-specific-form, .tb-reference-creator-card, .tb-template-creator-form, .tb-account-panel, .tb-template-market-studio) {
  border: 1px solid var(--lx-line) !important;
  border-radius: var(--lx-radius) !important;
  background: var(--lx-surface) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-panel, .tb-specific-form, .tb-reference-creator-card, .tb-template-creator-form, .tb-account-panel) {
  padding: 22px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-panel-head, .tb-studio-head, .tb-reference-pagehead) :where(h2, h3) {
  color: var(--lx-ink);
  font-size: 22px;
  font-weight: 760;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-panel-head, .tb-studio-head, .tb-reference-pagehead) p {
  color: var(--lx-muted);
  font-size: 13px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-field, .tb-form-grid > label, .tb-product-fields > label, .tb-context-editor-fields > label, .tb-template-branch-field) {
  color: var(--lx-ink-2);
  font-size: 12px;
  font-weight: 660;
  gap: 7px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-form-actions, .tb-studio-submit, .tb-product-submit, .tb-compose-submit, .tb-ecom-submit-bar, .tb-generate-footer, .tb-batch-classic-submit, .tb-replicate-search-footer, .tb-replicate-batch-footer) {
  min-height: 66px !important;
  margin-top: 20px !important;
  padding: 11px 12px !important;
  border: 1px solid var(--lx-line) !important;
  border-radius: 11px !important;
  color: var(--lx-ink) !important;
  background: var(--lx-surface-2) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-studio-submit {
  bottom: 12px;
  background: rgb(255 255 255 / 97%) !important;
  box-shadow: 0 4px 8px rgb(27 31 40 / 9%) !important;
}

/* Mode and choice cards */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-mode-tabs, .tb-tool-mode-tabs, .tb-aicopy-mode-tabs, .tb-aicopy-modes, .tb-content-tabs, .tb-design-center-tabs, .tb-yiju-tabs, .tb-product-note-modes, .tb-template-mode-row, .tb-choice-cards) {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  gap: 10px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-mode-tabs, .tb-tool-mode-tabs, .tb-aicopy-mode-tabs, .tb-aicopy-modes, .tb-content-tabs, .tb-design-center-tabs, .tb-yiju-tabs, .tb-product-note-modes, .tb-template-mode-row, .tb-choice-cards) :where(label, button, a) {
  min-height: 54px !important;
  border: 1px solid var(--lx-line-strong) !important;
  border-radius: 10px !important;
  color: var(--lx-ink-2) !important;
  background: var(--lx-surface) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-mode-tabs, .tb-tool-mode-tabs, .tb-aicopy-mode-tabs, .tb-aicopy-modes, .tb-content-tabs, .tb-design-center-tabs, .tb-yiju-tabs, .tb-product-note-modes, .tb-template-mode-row, .tb-choice-cards) :where(label, button, a):hover {
  border-color: #fdba74 !important;
  background: #fffbf7 !important;
  transform: none;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-mode-tabs, .tb-tool-mode-tabs, .tb-aicopy-mode-tabs, .tb-aicopy-modes, .tb-content-tabs, .tb-design-center-tabs, .tb-yiju-tabs, .tb-product-note-modes, .tb-template-mode-row, .tb-choice-cards) :where(.active, [aria-selected="true"], :has(input:checked)),
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-product-note-modes, .tb-yiju-tabs, .tb-template-mode-row) input:checked + span {
  border-color: var(--lx-brand) !important;
  color: var(--lx-brand-deep) !important;
  background: var(--lx-brand-soft) !important;
  box-shadow: 0 0 0 2px var(--lx-brand-ring) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-upload-drop, .tb-upload-box, .tb-ref-uploader, [data-commercial-upload]) {
  min-height: 104px !important;
  padding: 15px !important;
  border: 1px dashed var(--lx-line-strong) !important;
  border-radius: 10px !important;
  color: var(--lx-muted) !important;
  background: var(--lx-surface-2) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-upload-drop, .tb-upload-box, .tb-ref-uploader, [data-commercial-upload]):hover,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-upload-drop, .tb-upload-box, .tb-ref-uploader, [data-commercial-upload]).is-dragging {
  border-color: var(--lx-brand) !important;
  background: var(--lx-brand-soft) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-upload-mark {
  width: 40px !important;
  height: 40px !important;
  border-radius: 9px !important;
  color: #fff !important;
  background: var(--lx-flame-grad) !important;
  box-shadow: none !important;
}

/* Category hubs */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub {
  gap: 18px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-height: 0 !important;
  padding: 10px 2px 24px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--lx-line) !important;
  border-radius: 0 !important;
  color: var(--lx-ink) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-head > div > span {
  color: var(--lx-brand) !important;
  font-size: 12px;
  font-weight: 720;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-head :where(h2, h3) {
  margin-top: 4px;
  color: var(--lx-ink) !important;
  font-size: 30px !important;
  font-weight: 790;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-head p {
  margin: 7px 0 16px;
  color: var(--lx-muted) !important;
  font-size: 13px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-head ol {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-head ol li {
  min-height: 30px;
  padding: 5px 10px 5px 30px !important;
  border: 0 !important;
  border-radius: 8px;
  color: var(--lx-muted) !important;
  background: var(--lx-surface-2) !important;
  font-size: 12px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-head ol li b {
  top: 5px;
  left: 7px;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  color: #fff !important;
  background: var(--lx-chip-dark, #2b241d);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-toolbar {
  display: grid !important;
  grid-template-columns: minmax(260px, 320px) minmax(0, 1fr) auto !important;
  align-items: center;
  padding: 10px !important;
  border: 1px solid var(--lx-line) !important;
  border-radius: 11px !important;
  background: var(--lx-surface) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-toolbar > nav button {
  min-height: 38px !important;
  padding: 0 12px;
  border: 0 !important;
  color: var(--lx-ink-2) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-toolbar > nav button.active {
  color: #fff !important;
  background: var(--lx-chip-dark, #2b241d) !important;
}

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

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-card] {
  grid-column: span 4;
  min-height: 158px !important;
  padding: 18px !important;
  border: 1px solid var(--lx-line) !important;
  border-radius: 12px !important;
  color: var(--lx-ink) !important;
  background: var(--lx-surface) !important;
  box-shadow: none !important;
  position: relative;
  overflow: hidden;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-card] > span {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  color: var(--lx-brand) !important;
  background: var(--lx-brand-soft) !important;
  border: 1px solid #fed7aa;
  transition: transform var(--lx-fast), background-color var(--lx-fast);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-card] strong {
  font-size: 16px;
  font-weight: 750;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-card] p {
  color: var(--lx-muted) !important;
  font-size: 12px;
  line-height: 1.65;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-card]::after {
  content: "→";
  position: absolute;
  right: 16px;
  top: 16px;
  color: var(--lx-brand);
  font-weight: 800;
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity var(--lx-fast), transform var(--lx-fast);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-card]:hover {
  border-color: #fdba74 !important;
  box-shadow: 0 6px 18px rgb(154 52 18 / 10%) !important;
  transform: translateY(-2px);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-card]:hover::after {
  opacity: 1;
  transform: none;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-card]:hover > span {
  background: var(--lx-flame-grad) !important;
  color: #fff !important;
  transform: rotate(-3deg) scale(1.04);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-card].featured,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-primary] {
  grid-column: span 7 !important;
  grid-row: span 2;
  min-height: 250px !important;
  padding: 26px !important;
  border: 0 !important;
  color: #fff !important;
  background:
    radial-gradient(420px 300px at 88% 112%, rgb(253 224 71 / 26%), transparent),
    linear-gradient(132deg, #b91c1c, #dc2626 30%, #ea580c 68%, #d97706) !important;
  box-shadow: 0 10px 28px rgb(234 88 12 / 26%) !important;
  align-content: start !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-primary] > span {
  width: 52px !important;
  height: 52px !important;
  border-radius: 13px !important;
  font-size: 22px !important;
  color: var(--lx-brand) !important;
  background: var(--lx-surface) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-primary] strong {
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: -.01em;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-primary] p {
  max-width: 46ch;
  font-size: 13.5px !important;
  line-height: 1.7 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-primary] :where(strong, small, em) {
  color: #fff !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-primary] p {
  color: #ffedd5 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-primary] > em {
  color: #9a3412 !important;
  background: var(--lx-surface) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-primary]::after {
  border: 1px solid rgb(255 255 255 / 32%);
  border-radius: 10px;
  color: #fff;
  background: rgb(120 30 5 / 20%);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-primary] > div {
  padding-right: 92px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-primary] > em {
  background: var(--lx-surface) !important;
  border: 0;
}

/* AI replicate */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-aicopy-reference-head {
  padding: 4px 2px 18px !important;
  border-bottom: 1px solid var(--lx-line);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-aicopy-reference-head h2 {
  font-size: 27px !important;
  font-weight: 790;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-aicopy-reference-head h2 span {
  color: var(--lx-brand) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-aicopy-creation-tip {
  margin: 14px 0 !important;
  padding: 10px 13px !important;
  border: 1px solid #f0dfad !important;
  border-radius: 9px !important;
  color: #695c36;
  background: #fff9e9 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-aicopy-workspace {
  border: 1px solid var(--lx-line) !important;
  border-radius: 12px !important;
  background: var(--lx-surface) !important;
  box-shadow: none !important;
  overflow: hidden;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-aicopy-form {
  padding: 22px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-aicopy-form-head {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--lx-line);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-replicate-mode-shell .tb-aicopy-modes {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin-top: 16px;
  gap: 10px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-replicate-mode-shell .tb-aicopy-modes > :where(button, a),
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-replicate-mode-tab {
  min-height: 78px !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  align-items: center !important;
  padding: 12px 13px !important;
  border: 1px solid var(--lx-line-strong) !important;
  border-radius: 10px !important;
  color: var(--lx-ink-2) !important;
  background: var(--lx-surface) !important;
  box-shadow: none !important;
  text-align: left;
  gap: 10px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-replicate-mode-icon {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: grid !important;
  place-items: center;
  width: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 9px !important;
  color: var(--lx-muted) !important;
  background: var(--lx-surface-2) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-replicate-mode-icon i {
  position: static !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  color: inherit !important;
  background: transparent !important;
  font-size: 17px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-replicate-mode-copy {
  grid-column: 2 !important;
  grid-row: 1 !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: start !important;
  display: grid !important;
  min-width: 0;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: inherit !important;
  background: transparent !important;
  box-shadow: none !important;
  gap: 3px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-replicate-mode-copy b {
  grid-column: 1 !important;
  width: 100% !important;
  justify-self: start !important;
  color: inherit !important;
  font-size: 13px;
  font-weight: 730;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-replicate-mode-copy small {
  grid-column: 1 !important;
  justify-self: start !important;
  overflow: hidden;
  color: var(--lx-muted) !important;
  font-size: 10px;
  font-weight: 520;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-replicate-mode-shell .tb-aicopy-modes > :where(button.active, button[aria-selected="true"], a.active),
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-replicate-mode-tab.active {
  border-color: var(--lx-brand) !important;
  color: #9a3412 !important;
  background: var(--lx-brand-soft) !important;
  box-shadow: 0 0 0 2px var(--lx-brand-ring) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-replicate-mode-tab.active .tb-replicate-mode-icon {
  color: #fff !important;
  background: var(--lx-brand) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-replicate-mode-tab.active .tb-replicate-mode-copy small {
  color: #9a3412 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-replicate-costs {
  margin: 12px 0 0;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-aicopy-link-panel {
  padding: 20px 0 2px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-aicopy-link-panel > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 10px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-aicopy-link-panel textarea {
  min-height: 104px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-aicopy-result,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-replicate-result-empty {
  border: 1px solid var(--lx-line) !important;
  border-radius: 10px !important;
  background: var(--lx-surface-2) !important;
}

/* Product-note workbench */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-page {
  width: min(100%, 1360px) !important;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: start;
  gap: 16px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-page > .tb-reference-pagehead {
  grid-column: 1 / -1;
  min-height: 0 !important;
  place-content: initial !important;
  justify-items: initial !important;
  padding: 4px 2px 18px !important;
  border-bottom: 1px solid var(--lx-line);
  text-align: left !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-page > .tb-reference-pagehead :where(h2, h3) {
  justify-self: start !important;
  font-size: 27px !important;
  font-weight: 790;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-page > .tb-reference-pagehead p {
  margin-top: 6px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-form {
  grid-column: span 8;
  padding: 0 !important;
  overflow: hidden;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin: 0 !important;
  padding: 16px !important;
  border-bottom: 1px solid var(--lx-line) !important;
  background: var(--lx-surface-2) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes .tb-product-plan-card {
  position: relative;
  min-height: 104px !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  align-items: center !important;
  justify-content: initial !important;
  gap: 5px 11px !important;
  padding: 14px !important;
  border: 1px solid var(--lx-line) !important;
  border-radius: 10px !important;
  color: var(--lx-ink-2) !important;
  background: var(--lx-surface) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes > label > input:checked + .tb-product-plan-card {
  border-color: var(--lx-brand) !important;
  color: #fff !important;
  background: var(--lx-brand) !important;
  box-shadow: 0 4px 8px rgb(160 42 32 / 18%) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes .tb-product-plan-icon {
  position: static !important;
  grid-row: 1 / -1;
  display: grid !important;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 10px;
  color: var(--lx-brand) !important;
  background: var(--lx-brand-soft) !important;
  font-size: 18px;
  font-style: normal;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes .tb-product-plan-icon i {
  position: static !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  color: inherit !important;
  background: transparent !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes > label:last-child > .tb-product-plan-card {
  background: var(--lx-surface-2) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes > label:last-child > input:checked + .tb-product-plan-card {
  background: var(--lx-brand) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes .tb-product-plan-copy {
  display: grid;
  min-width: 0;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  gap: 3px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes .tb-product-plan-copy strong {
  color: inherit !important;
  font-size: 14px;
  font-weight: 760;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes .tb-product-plan-copy p {
  overflow: hidden;
  margin: 0 !important;
  color: var(--lx-muted) !important;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes .tb-product-plan-badge {
  align-self: start;
  justify-self: start;
  padding: 4px 7px;
  border-radius: 6px;
  color: var(--lx-muted) !important;
  background: var(--lx-surface-2) !important;
  font-size: 10px;
  font-weight: 760;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes .tb-product-plan-price {
  grid-column: 2;
  justify-self: start;
  padding: 3px 7px;
  border-radius: 6px;
  color: #9a3412 !important;
  background: var(--lx-brand-soft) !important;
  font-size: 10px;
  font-weight: 720;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes .tb-product-plan-check {
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: none;
  color: #fff !important;
  font-size: 17px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes > label > input:checked + .tb-product-plan-card .tb-product-plan-icon {
  color: var(--lx-brand) !important;
  background: var(--lx-surface) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes > label > input:checked + .tb-product-plan-card .tb-product-plan-copy p {
  color: var(--lx-brand-soft) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes > label > input:checked + .tb-product-plan-card .tb-product-plan-badge,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes > label > input:checked + .tb-product-plan-card .tb-product-plan-price {
  color: #9a3412 !important;
  background: var(--lx-surface) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes > label > input:checked + .tb-product-plan-card .tb-product-plan-check {
  display: block;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-form > .tb-reference-creator-card {
  padding: 20px !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-reference-notice {
  padding: 10px 12px !important;
  border: 1px solid #e5e1d4 !important;
  border-radius: 9px !important;
  color: #615a48;
  background: #fbfaf5 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-generation-context {
  margin: 14px 0 !important;
  padding: 14px 0 !important;
  border-top: 1px solid var(--lx-line) !important;
  border-bottom: 1px solid var(--lx-line) !important;
  background: transparent !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-context-picker > summary {
  min-height: 48px !important;
  border: 1px solid var(--lx-line) !important;
  border-radius: 9px !important;
  background: var(--lx-surface-2) !important;
}

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

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-context-selected:not(:has(*)) {
  display: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-context-selected:has(> .tb-context-selection-empty:only-child) {
  display: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-form .tb-reference-notice {
  display: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-form > .tb-reference-creator-card > .tb-generation-context {
  order: 10 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-form > .tb-reference-creator-card > .tb-product-upload-panel {
  order: 20 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-form > .tb-reference-creator-card > .tb-reference-main-input {
  order: 30 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-upload-inline {
  margin: 0 0 12px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-upload-inline .tb-upload-drop {
  min-height: 82px !important;
  padding: 12px 14px !important;
  border-color: var(--lx-line-strong) !important;
  background: var(--lx-surface-2) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-upload-inline .tb-media-source-actions {
  display: grid !important;
  grid-template-columns: repeat(2, max-content) minmax(0, 1fr);
  align-items: center;
  margin-top: 8px;
  gap: 8px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-upload-inline .tb-media-source-actions .tb-btn {
  min-height: 40px;
  gap: 7px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-upload-inline .tb-media-source-actions .tb-btn:first-child {
  border-color: #fed7aa;
  color: #9a3412;
  background: var(--lx-brand-soft);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-upload-inline .tb-media-source-actions output {
  justify-self: end;
  color: var(--lx-muted);
  font-size: 11px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-reference-main-input textarea {
  min-height: 126px !important;
  padding: 14px 46px 30px 14px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-reference-advanced {
  margin-top: 14px;
  border: 1px solid var(--lx-line);
  border-radius: 10px;
  background: var(--lx-surface);
  overflow: hidden;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-reference-advanced > summary {
  min-height: 52px;
  padding: 12px 14px;
  color: var(--lx-ink-2);
  background: var(--lx-surface-2);
  font-size: 13px;
  font-weight: 700;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-reference-advanced > summary small {
  color: var(--lx-muted);
  font-weight: 520;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-main-fields {
  padding: 14px;
  gap: 12px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-main-fields textarea {
  min-height: 92px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-submit {
  position: sticky;
  bottom: 12px;
  z-index: 12;
  display: grid !important;
  grid-template-columns: auto auto minmax(230px, 1fr);
  align-items: end !important;
  margin-top: 16px !important;
  background: rgb(248 249 251 / 98%) !important;
  box-shadow: 0 4px 8px rgb(27 31 40 / 8%) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-submit > label {
  display: grid;
  gap: 5px;
  color: var(--lx-ink-2);
  font-size: 11px;
  font-weight: 650;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-submit > label select {
  min-width: 88px;
}

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

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-submit > .tb-btn.primary {
  min-height: 50px;
  justify-self: stretch;
  flex-direction: column;
  gap: 4px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-submit > .tb-btn.primary small {
  color: var(--lx-brand-soft);
  font-size: 10px;
  font-weight: 560;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-page > .tb-tool-result {
  grid-column: 1 / -1;
}

/* Ecommerce creation */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-studio {
  width: min(100%, 1180px);
  margin-inline: auto;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-studio .tb-ecom-title {
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  place-content: initial !important;
  justify-items: initial !important;
  align-items: end;
  padding: 2px 2px 18px !important;
  border-bottom: 1px solid var(--lx-line) !important;
  text-align: left !important;
  gap: 6px 18px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-studio .tb-ecom-title h3 {
  grid-column: 1;
  margin: 0 !important;
  color: var(--lx-ink) !important;
  font-size: 27px !important;
  font-weight: 790 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-studio .tb-ecom-title p {
  grid-column: 1;
  display: flex !important;
  align-items: center;
  margin: 0 !important;
  color: var(--lx-muted) !important;
  font-size: 11px;
  gap: 7px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-studio .tb-ecom-title p b {
  color: var(--lx-brand) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-studio .tb-ecom-title p i {
  width: 18px;
  height: 1px;
  background: var(--lx-line-strong);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-studio .tb-ecom-title > a {
  position: static !important;
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-studio .tb-design-tabs {
  display: flex !important;
  margin: 14px 0 !important;
  padding: 5px !important;
  border: 1px solid var(--lx-line) !important;
  border-radius: 10px !important;
  background: var(--lx-surface-2) !important;
  box-shadow: none !important;
  overflow-x: auto;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-studio .tb-design-tabs a {
  flex: 1 0 max-content;
  min-height: 42px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: var(--lx-ink-2) !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 42px;
  text-align: center;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-studio .tb-design-tabs a.active {
  color: #fff !important;
  background: var(--lx-chip-dark, #2b241d) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-studio .tb-ecom-board {
  padding: 22px !important;
  border: 1px solid var(--lx-line) !important;
  border-radius: 12px !important;
  background: var(--lx-surface) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-studio .tb-white-product-tip {
  margin: 14px 0 !important;
  padding: 11px 13px !important;
  border: 1px solid #eadcab !important;
  border-radius: 9px !important;
  color: #5e563d !important;
  background: #fff9e8 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-studio .tb-ecom-product-panel {
  padding: 16px !important;
  border: 1px solid var(--lx-line) !important;
  border-radius: 11px !important;
  background: var(--lx-surface-2) !important;
  box-shadow: none !important;
  gap: 16px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-studio .tb-ecom-style-box {
  border: 1px solid var(--lx-line) !important;
  border-radius: 10px !important;
  background: var(--lx-surface) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-studio .tb-ecom-textareas {
  margin-top: 14px;
  gap: 12px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-studio .tb-ecom-textarea {
  border: 1px solid var(--lx-line) !important;
  border-radius: 10px !important;
  background: var(--lx-surface) !important;
  box-shadow: none !important;
  overflow: hidden;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-studio .tb-ecom-textarea.primary {
  border-color: #fdba74 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-studio .tb-ecom-textarea > label > span {
  color: #fff !important;
  background: var(--lx-brand) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-studio .tb-image-resolution-control {
  margin-top: 14px;
  border-color: var(--lx-line) !important;
  border-radius: 10px !important;
  background: var(--lx-surface-2) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-studio .tb-ecom-examples,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-set-studio .tb-product-image-result {
  margin-top: 16px !important;
  padding: 18px !important;
  border: 1px solid var(--lx-line) !important;
  border-radius: 12px !important;
  background: var(--lx-surface) !important;
  box-shadow: none !important;
}

/* Template-based creators */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-reference {
  width: min(100%, 1180px) !important;
  margin-inline: auto !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-reference > .tb-reference-pagehead {
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  place-content: initial !important;
  justify-items: initial !important;
  align-items: end;
  padding: 4px 2px 18px !important;
  border-bottom: 1px solid var(--lx-line) !important;
  text-align: left !important;
  gap: 16px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-reference > .tb-reference-pagehead > div {
  display: block !important;
  justify-items: initial !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-reference > .tb-reference-pagehead h3 {
  margin: 0 !important;
  color: var(--lx-ink) !important;
  font-size: 27px !important;
  font-weight: 790 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-reference > .tb-reference-pagehead p {
  margin: 6px 0 0 !important;
  color: var(--lx-muted) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-reference > .tb-reference-pagehead > a {
  position: static !important;
  align-self: center;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-creator-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 310px !important;
  align-items: start;
  margin-top: 16px;
  padding: 22px !important;
  gap: 14px 18px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-creator-form > input[type="hidden"] {
  display: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-creator-form > :not(.tb-template-selected-aside) {
  grid-column: 1;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-primary-field,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-mode-section {
  padding: 0 0 16px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--lx-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-template-primary-field, .tb-template-mode-section) > header {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 10px !important;
  gap: 9px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-template-primary-field, .tb-template-mode-section) > header > span {
  display: grid !important;
  place-items: center;
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px;
  border: 0 !important;
  border-radius: 8px !important;
  color: var(--lx-brand) !important;
  background: var(--lx-brand-soft) !important;
  font-size: 15px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-template-primary-field, .tb-template-mode-section) > header > div {
  display: grid;
  gap: 2px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-template-primary-field, .tb-template-mode-section) > header strong {
  color: var(--lx-ink-2) !important;
  font-size: 13px !important;
  font-weight: 730;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-template-primary-field, .tb-template-mode-section) > header small {
  color: var(--lx-muted) !important;
  font-size: 11px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-creator-form .tb-template-branch-field > span > b {
  display: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-creator-form .tb-template-branch-field.primary > span {
  margin-bottom: 7px;
  color: var(--lx-ink-2) !important;
  font-size: 12px !important;
  font-weight: 680;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-creator-form .tb-template-branch-field.primary textarea {
  min-height: 142px !important;
  padding: 14px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-mode-row {
  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-template-mode-row > label > span {
  min-height: 64px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 13px !important;
  border: 1px solid var(--lx-line-strong) !important;
  border-radius: 9px !important;
  color: var(--lx-ink-2) !important;
  background: var(--lx-surface) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-mode-row > label > input:checked + span {
  border-color: var(--lx-brand) !important;
  color: #9a3412 !important;
  background: var(--lx-brand-soft) !important;
  box-shadow: 0 0 0 2px var(--lx-brand-ring) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-selected-aside {
  position: sticky;
  top: 84px;
  grid-column: 2 !important;
  grid-row: 1 / span 8;
  padding: 14px;
  border: 1px solid var(--lx-line);
  border-radius: 11px;
  background: var(--lx-surface-2);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-selected-aside .tb-selected-template {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--lx-ink) !important;
  background: transparent !important;
  box-shadow: none !important;
  gap: 10px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-selected-aside .tb-selected-template > img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  border: 1px solid var(--lx-line);
  border-radius: 9px !important;
  object-fit: cover;
  object-position: top center;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-selected-aside .tb-selected-template > div:nth-child(2) {
  display: grid;
  gap: 4px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-selected-aside .tb-selected-template small {
  color: var(--lx-brand) !important;
  font-size: 10px !important;
  font-weight: 720;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-selected-aside .tb-selected-template strong {
  color: var(--lx-ink) !important;
  font-size: 15px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-selected-aside .tb-selected-template :where(span, p) {
  margin: 0 !important;
  color: var(--lx-muted) !important;
  font-size: 10px !important;
}

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

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-selected-aside .tb-selected-template-actions :where(button, a) {
  min-height: 40px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--lx-line-strong) !important;
  border-radius: 8px !important;
  color: var(--lx-ink-2) !important;
  background: var(--lx-surface) !important;
  box-shadow: none !important;
  font-size: 11px !important;
  text-decoration: none;
  gap: 5px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-selected-aside .tb-selected-template-actions button:first-child {
  border-color: var(--lx-brand) !important;
  color: #fff !important;
  background: var(--lx-brand) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-selected-aside .tb-selected-template-actions button:last-child {
  grid-column: 1 / -1;
  color: #9a3412 !important;
  background: var(--lx-brand-soft) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-creator-form > .tb-reference-notice {
  display: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-creator-form > .tb-reference-advanced {
  margin-top: 0;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-creator-options {
  justify-content: flex-start !important;
  margin-top: 0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-creator-options label {
  display: flex;
  align-items: center;
  gap: 8px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-task-result {
  margin-top: 14px;
}

/* Template library */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-market-studio {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-market-studio > header:first-child {
  min-height: 132px;
  padding: 24px !important;
  border: 0 !important;
  border-radius: 12px !important;
  color: #fff !important;
  background: var(--lx-chip-dark, #2b241d) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-market-studio > header:first-child :where(h1, h2, h3, p, strong) {
  color: #fff !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-market-studio > header:first-child p {
  color: var(--lx-line-strong) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-market-studio > header:first-child span {
  color: #fb923c !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-market-studio > header:first-child > strong {
  padding: 9px 12px !important;
  border: 1px solid var(--lx-ink-2) !important;
  border-radius: 9px !important;
  color: #fff !important;
  background: var(--lx-chip-dark, #2b241d) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-market-hero {
  min-height: 132px;
  padding: 24px !important;
  border: 0 !important;
  border-radius: 12px !important;
  color: #fff;
  background: var(--lx-chip-dark, #2b241d) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-market-hero :where(h1, h2, h3, p) {
  color: #fff !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-market-hero p {
  color: var(--lx-line-strong) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-market-hero > span,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-market-hero > div > span {
  color: #fb923c !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-market-controls,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-market-toolbar {
  border-radius: 11px;
  background: var(--lx-surface);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-market-grid,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-list {
  grid-template-columns: repeat(auto-fill, minmax(176px, 1fr)) !important;
  gap: 12px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-template-market-card, .tb-template-card, .tb-popular-template-card) {
  border: 1px solid var(--lx-line) !important;
  border-radius: 10px !important;
  background: var(--lx-surface) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-template-market-card, .tb-template-card, .tb-popular-template-card):hover,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-template-market-card, .tb-template-card, .tb-popular-template-card):focus-within {
  border-color: #fdba74 !important;
  box-shadow: 0 4px 8px rgb(68 26 22 / 8%) !important;
  transform: translateY(-2px);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-market-copy {
  padding: 10px 11px 12px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-market-hover {
  gap: 8px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-market-hover :where(button, a) {
  flex: 1 1 0;
  min-width: 0;
  padding: 0 8px !important;
  font-size: 12px !important;
  white-space: nowrap;
  gap: 5px;
}

/* Generic tools, results and dialogs */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-workbench-full > .tb-special-tool-panel {
  border-radius: 12px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-setting-row {
  min-height: 54px;
  padding: 11px 0;
  border-bottom: 1px solid var(--lx-surface-2);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-setting-row:last-child {
  border-bottom: 0;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-setting-row > strong {
  width: 124px !important;
  flex-basis: 124px !important;
  color: var(--lx-ink-2) !important;
  font-size: 12px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-alert, .tb-reference-notice, .tb-status:not(:empty), .tb-result-state:not(:empty)) {
  border-radius: 9px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-empty {
  min-height: 132px;
  border-radius: 10px !important;
  color: var(--lx-muted);
  background: var(--lx-surface-2) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-library-record, .tb-material-card, .tb-post-card) {
  border-radius: 10px;
  box-shadow: none;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-library-record, .tb-material-card, .tb-post-card):hover {
  border-color: #fdba74;
  box-shadow: 0 4px 8px rgb(65 27 23 / 7%);
  transform: translateY(-2px);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-commercial-dialog, .tb-membership-checkout-dialog, .tb-material-picker-dialog, .tb-template-preview-dialog, .tb-context-editor) {
  border-radius: 14px !important;
  box-shadow: 0 24px 60px rgb(17 20 27 / 26%) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .ui-press-wave {
  background: rgb(255 255 255 / 34%);
}

@media (max-width: 1180px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] {
    --lx-sidebar: 218px;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-main {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }

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

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-card],
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-card].featured,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-primary] {
    grid-column: span 1 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-form {
    grid-column: span 7;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-page > .tb-reference-examples {
    grid-column: span 5;
  }
}

@media (max-width: 900px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-replicate-mode-shell .tb-aicopy-modes {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-form,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-page > .tb-reference-examples {
    position: static;
    grid-column: 1 / -1;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-sample-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-mobile-topbar {
    height: 62px;
    border-bottom: 1px solid var(--lx-line);
    background: var(--lx-surface);
    box-shadow: none;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-mobile-topbar > h1 {
    margin: 0;
    overflow: hidden;
    color: var(--lx-ink);
    font-size: 14px;
    font-weight: 760;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

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

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-sidebar {
    width: min(316px, calc(100vw - 48px)) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-main {
    padding: 10px 10px 34px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-destination-context {
    margin-bottom: 14px !important;
    padding-bottom: 10px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-panel, .tb-specific-form, .tb-reference-creator-card, .tb-template-creator-form, .tb-account-panel) {
    padding: 14px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-head {
    display: block !important;
    padding: 6px 2px 18px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-head :where(h2, h3) {
    font-size: 24px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-head ol {
    display: grid;
    grid-template-columns: 1fr;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-head > .tb-btn {
    margin-top: 14px;
  }

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

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-toolbar > nav {
    display: flex;
    overflow-x: auto;
  }

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

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-card],
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-card].featured,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-primary] {
    grid-column: auto !important;
    grid-row: auto;
    min-height: 142px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-primary] > div {
    max-width: 100%;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-primary]::after {
    display: none;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-aicopy-reference-head,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-page > .tb-reference-pagehead {
    padding: 2px 2px 14px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-aicopy-reference-head h2,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-page > .tb-reference-pagehead :where(h2, h3) {
    font-size: 23px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-aicopy-form {
    padding: 14px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-replicate-mode-shell .tb-aicopy-modes {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    overflow: visible !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-replicate-mode-shell .tb-aicopy-modes > :where(button, a),
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-replicate-mode-tab {
    min-width: 0 !important;
    min-height: 92px !important;
    padding: 11px !important;
    font-size: 11px;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-aicopy-link-panel > div {
    grid-template-columns: minmax(0, 1fr);
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-aicopy-link-panel > div > .tb-btn {
    width: 100%;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-page {
    display: block;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-page > * + * {
    margin-top: 12px;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding: 12px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes .tb-product-plan-card {
    min-height: 116px !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 5px 8px !important;
    padding: 11px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes .tb-product-plan-icon {
    width: 34px;
    height: 34px;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes .tb-product-plan-copy strong {
    font-size: 12px;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes .tb-product-plan-copy p {
    white-space: normal;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-form > .tb-reference-creator-card {
    padding: 13px !important;
  }

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

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-submit {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-submit > .tb-btn.primary {
    grid-column: 1 / -1;
  }

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

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-market-hero {
    min-height: 0;
    padding: 18px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-market-studio > header:first-child {
    min-height: 0;
    padding: 18px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-reference > .tb-reference-pagehead {
    grid-template-columns: minmax(0, 1fr);
    padding: 2px 2px 14px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-reference > .tb-reference-pagehead h3 {
    font-size: 23px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-reference > .tb-reference-pagehead > a {
    justify-self: start;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-creator-form {
    display: flex !important;
    flex-direction: column;
    padding: 13px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-selected-aside {
    position: static;
    width: 100%;
    order: -1;
  }

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

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

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-market-hover {
    position: static !important;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 8px !important;
    background: var(--lx-surface) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-market-hover :where(button, a) {
    width: 100%;
    min-height: 40px !important;
    color: var(--lx-muted) !important;
    background: var(--lx-surface-2) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-template-market-hover a {
    color: #fff !important;
    background: var(--lx-brand) !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-form-actions, .tb-studio-submit, .tb-product-submit, .tb-compose-submit, .tb-ecom-submit-bar, .tb-generate-footer, .tb-batch-classic-submit, .tb-replicate-search-footer, .tb-replicate-batch-footer) {
    align-items: stretch !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] *,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] *::before,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Real generated case gallery. No instructional or simulated-result panels. */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-gallery {
  position: relative;
  display: grid;
  grid-column: 1 / -1;
  gap: 16px;
  width: 100%;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--lx-line);
  border-radius: 10px;
  background: var(--lx-surface);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-gallery > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  gap: 16px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-gallery > header > div {
  display: flex;
  align-items: baseline;
  min-width: 0;
  gap: 12px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-gallery > header strong {
  flex: 0 0 auto;
  color: var(--lx-ink, #221b15);
  font-size: 15px;
  font-weight: 780;
  line-height: 1.45;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-gallery > header span {
  overflow: hidden;
  color: var(--lx-muted);
  font-size: 12px;
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-gallery > header > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 44px;
  color: var(--lx-ink, #221b15) !important;
  font-size: 12px;
  font-weight: 720;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-gallery.case-count-1 {
  width: min(100%, 250px);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-gallery.case-count-2 {
  width: min(100%, 500px);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-gallery.case-count-3 {
  width: min(100%, 750px);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-gallery.case-count-4 {
  width: min(100%, 1000px);
}

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

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

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

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

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-gallery:is(.case-count-1, .case-count-2) > header span {
  display: none;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-card {
  overflow: hidden;
  min-width: 0;
  margin: 0;
  border: 1px solid var(--lx-line);
  border-radius: 9px;
  background: var(--lx-surface);
  transition: border-color 180ms cubic-bezier(.22, 1, .36, 1), transform 180ms cubic-bezier(.22, 1, .36, 1);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-card:is(:hover, :focus-within) {
  border-color: #fdba74;
  transform: translateY(-2px);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-card > a {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 3 / 4;
  background: var(--lx-surface-2);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 220ms cubic-bezier(.22, 1, .36, 1);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-card > a > span {
  position: absolute;
  right: 8px;
  bottom: 8px;
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 9px;
  border-radius: 6px;
  color: #fff;
  background: rgb(24 26 32 / 82%);
  font-size: 11px;
  font-weight: 700;
  opacity: 0;
  gap: 5px;
  transform: translateY(4px);
  transition: opacity 160ms ease, transform 160ms ease;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-card:is(:hover, :focus-within) > a > span {
  opacity: 1;
  transform: translateY(0);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-card:is(:hover, :focus-within) img {
  transform: scale(1.015);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-card figcaption {
  display: grid;
  min-height: 66px;
  padding: 10px 11px 11px;
  gap: 3px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-card figcaption strong {
  overflow: hidden;
  color: var(--lx-ink, #221b15);
  font-size: 13px;
  font-weight: 760;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

@media (max-width: 767px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-gallery {
    overflow: hidden;
    width: 100%;
    padding: 14px;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-gallery > header,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-gallery > header > div {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-gallery > header {
    padding-right: 92px;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-gallery > header span {
    overflow: visible;
    white-space: normal;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-gallery > header > a {
    position: absolute;
    top: 10px;
    right: 14px;
    min-width: 44px;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-grid {
    display: flex;
    overflow-x: auto;
    margin-right: -14px;
    padding-right: 14px;
    padding-bottom: 4px;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 0 14px;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
    touch-action: pan-x;
    -webkit-overflow-scrolling: touch;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-grid::-webkit-scrollbar {
    display: none;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-card {
    flex: 0 0 min(72vw, 248px);
    scroll-snap-align: start;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-card > a > span {
    min-height: 36px;
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-card,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-card img,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-card > a > span {
    transition-duration: .01ms !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-card:is(:hover, :focus-within),
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-card:is(:hover, :focus-within) img {
    transform: none !important;
  }
}

/* Product-note creation workbench. */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-page {
  width: 100% !important;
  max-width: none !important;
  grid-template-columns: minmax(0, 7.6fr) minmax(360px, 4.4fr) !important;
  gap: 20px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-form {
  grid-column: 1 !important;
  border: 1px solid var(--lx-line) !important;
  border-radius: 12px !important;
  background: var(--lx-surface) !important;
  box-shadow: 0 18px 40px rgb(30 35 44 / 7%) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes {
  padding: 14px !important;
  border-bottom-color: var(--lx-line) !important;
  background: var(--lx-surface-2) !important;
  gap: 12px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes > label {
  min-width: 0;
  cursor: pointer;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes .tb-product-plan-card {
  min-height: 130px !important;
  grid-template-columns: 68px minmax(0, 1fr) auto !important;
  grid-template-rows: auto 1fr auto !important;
  align-content: stretch !important;
  gap: 5px 13px !important;
  padding: 14px 14px 13px !important;
  border: 1px solid var(--lx-line) !important;
  border-radius: 11px !important;
  color: var(--lx-chip-dark, #2b241d) !important;
  background: var(--lx-surface) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 90%), 0 5px 14px rgb(32 37 47 / 5%) !important;
  transition: transform 180ms cubic-bezier(.22, 1, .36, 1), border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes > label:last-child > .tb-product-plan-card {
  background: var(--lx-surface-2) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-plan-visual {
  position: relative;
  grid-row: 1 / -1;
  width: 68px;
  height: 88px;
  align-self: center;
  display: grid;
  place-items: center;
  border: 1px solid var(--lx-line);
  border-radius: 10px;
  background: var(--lx-surface-2);
  box-shadow: inset 0 1px 0 #fff;
  overflow: hidden;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-plan-visual > span {
  position: absolute;
  width: 34px;
  height: 47px;
  border: 1px solid #fdba74;
  border-radius: 5px;
  background: var(--lx-surface);
  box-shadow: 0 5px 10px rgb(49 39 38 / 10%);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-plan-visual > span:first-child {
  transform: translate(-5px, 2px) rotate(-5deg);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-plan-visual > span:nth-child(2) {
  display: none;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-plan-gallery .tb-product-plan-visual > span:first-child {
  transform: translate(-9px, 3px) rotate(-7deg);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-plan-gallery .tb-product-plan-visual {
  border-color: var(--lx-ink-2);
  background: var(--lx-chip-dark, #2b241d);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 8%), 0 6px 13px rgb(23 27 34 / 13%);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-plan-gallery .tb-product-plan-visual > span:nth-child(2) {
  display: block;
  transform: translate(7px, -3px) rotate(6deg);
  border-color: var(--lx-line);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-plan-visual > i {
  position: relative !important;
  z-index: 2;
  width: 30px !important;
  height: 30px !important;
  display: grid !important;
  place-items: center;
  border: 0 !important;
  border-radius: 8px !important;
  color: #fff !important;
  background: var(--lx-brand) !important;
  box-shadow: 0 5px 10px rgb(179 45 36 / 22%) !important;
  font-size: 13px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes .tb-product-plan-copy {
  align-self: center;
  gap: 4px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes .tb-product-plan-copy strong {
  color: inherit !important;
  font-size: 15px !important;
  font-weight: 780 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes .tb-product-plan-copy p {
  color: var(--lx-muted) !important;
  font-size: 11px !important;
  line-height: 1.45;
  white-space: normal !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-plan-copy > div {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-plan-copy > div span {
  position: static !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 3px 6px;
  border: 1px solid var(--lx-line);
  border-radius: 5px;
  color: var(--lx-ink-2);
  background: var(--lx-surface-2);
  font-size: 11px;
  font-weight: 650;
  line-height: 1.2;
  white-space: nowrap !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes .tb-product-plan-badge {
  align-self: start;
  padding: 4px 7px !important;
  border: 1px solid var(--lx-line);
  color: var(--lx-ink-2) !important;
  background: var(--lx-surface-2) !important;
  letter-spacing: 0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes .tb-product-plan-price {
  grid-column: 3 !important;
  align-self: end;
  justify-self: end !important;
  padding: 4px 7px !important;
  border: 1px solid #fdba74;
  color: #9a3412 !important;
  background: var(--lx-brand-soft) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes .tb-product-plan-check {
  right: 12px !important;
  bottom: 12px !important;
  width: 22px;
  height: 22px;
  place-items: center;
  border-radius: 50%;
  color: #fff !important;
  background: var(--lx-brand);
  box-shadow: 0 4px 9px rgb(174 45 36 / 24%);
  font-size: 14px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes > label > input:checked + .tb-product-plan-card,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes > label:last-child > input:checked + .tb-product-plan-card {
  border-color: var(--lx-brand) !important;
  color: var(--lx-chip-dark, #2b241d) !important;
  background: var(--lx-brand-soft) !important;
  box-shadow: inset 0 0 0 1px var(--lx-brand), 0 10px 22px rgb(166 45 37 / 12%) !important;
  transform: translateY(-1px);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes > label > input:checked + .tb-product-plan-card .tb-product-plan-icon {
  color: #fff !important;
  background: var(--lx-brand) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes > label > input:checked + .tb-product-plan-card .tb-product-plan-copy p {
  color: var(--lx-ink-2) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes > label > input:checked + .tb-product-plan-card .tb-product-plan-copy > div span {
  border-color: #fdba74;
  color: #9a3412;
  background: var(--lx-surface);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes > label > input:checked + .tb-product-plan-card .tb-product-plan-badge {
  border-color: var(--lx-brand) !important;
  color: #fff !important;
  background: var(--lx-brand) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes > label > input:checked + .tb-product-plan-card .tb-product-plan-price {
  border-color: #fdba74;
  color: #9a3412 !important;
  background: var(--lx-surface) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes > label > input:checked + .tb-product-plan-card .tb-product-plan-check {
  display: grid !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes > label:has(input:focus-visible) .tb-product-plan-card {
  outline: 3px solid rgb(234 88 12 / 22%);
  outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes > label:hover .tb-product-plan-card {
    border-color: var(--lx-line) !important;
    box-shadow: inset 0 1px 0 #fff, 0 10px 20px rgb(28 33 42 / 9%) !important;
    transform: translateY(-2px);
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes > label:hover > input:checked + .tb-product-plan-card {
    border-color: var(--lx-brand) !important;
    box-shadow: inset 0 0 0 1px var(--lx-brand), 0 13px 25px rgb(166 45 37 / 15%) !important;
  }
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-form > .tb-reference-creator-card {
  display: flex !important;
  flex-direction: column;
  padding: 18px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-form > .tb-reference-creator-card > .tb-generation-context {
  order: 10 !important;
  margin: 0 0 16px !important;
  padding: 0 0 16px !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--lx-line) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-form .tb-context-picker > summary {
  min-height: 50px !important;
  padding: 0 12px !important;
  border-color: var(--lx-line) !important;
  background: var(--lx-surface-2) !important;
  box-shadow: inset 0 1px 0 #fff, 0 3px 8px rgb(29 34 43 / 4%);
  transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-form .tb-context-picker > summary:hover {
  border-color: var(--lx-line) !important;
  background: var(--lx-surface) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-core-grid {
  order: 20;
  display: grid;
  grid-template-columns: minmax(220px, .78fr) minmax(0, 1.42fr);
  gap: 14px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-product-core-upload, .tb-product-core-copy) {
  min-width: 0;
  border: 1px solid var(--lx-line);
  border-radius: 10px;
  background: var(--lx-surface-2);
  overflow: hidden;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-product-core-upload, .tb-product-core-copy) > header {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  border-bottom: 1px solid var(--lx-line);
  color: #3c3128;
  background: var(--lx-surface-2);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-product-core-upload, .tb-product-core-copy) > header > div {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-product-core-upload, .tb-product-core-copy) > header i {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  color: #9a3412;
  background: var(--lx-brand-soft);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-product-core-upload, .tb-product-core-copy) > header strong {
  font-size: 12px;
  font-weight: 750;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-product-core-upload, .tb-product-core-copy) > header > span {
  color: #9a3412;
  font-size: 10px;
  font-weight: 700;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-core-upload .tb-product-upload-inline {
  margin: 0 !important;
  padding: 10px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-core-upload .tb-upload-drop {
  min-height: 130px !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center !important;
  gap: 7px !important;
  padding: 14px !important;
  border: 1px dashed #fdba74 !important;
  border-radius: 9px !important;
  color: var(--lx-ink-2);
  background: var(--lx-surface) !important;
  text-align: center !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-core-upload .tb-upload-mark {
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  border-radius: 10px !important;
  color: #fff !important;
  background: var(--lx-brand) !important;
  box-shadow: 0 7px 14px rgb(181 46 37 / 18%);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-core-upload .tb-upload-drop b {
  width: auto !important;
  color: #9a3412 !important;
  font-size: 12px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-core-upload .tb-upload-drop em {
  color: var(--lx-muted) !important;
  font-size: 10px !important;
  line-height: 1.45;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-core-upload .tb-media-source-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin-top: 9px !important;
  gap: 8px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-core-upload .tb-media-source-actions .tb-btn {
  width: 100%;
  min-width: 0;
  min-height: 42px !important;
  border-radius: 8px !important;
  background: var(--lx-surface) !important;
  box-shadow: 0 3px 8px rgb(27 32 41 / 6%) !important;
  white-space: nowrap;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-core-upload .tb-media-source-actions .tb-btn:first-child {
  border-color: #fdba74 !important;
  color: #9a3412 !important;
  background: var(--lx-brand-soft) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-core-upload .tb-media-source-actions .tb-btn:nth-child(2) {
  border-color: var(--lx-chip-dark, #2b241d) !important;
  color: #fff !important;
  background: var(--lx-chip-dark, #2b241d) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 12%), 0 6px 12px rgb(26 30 38 / 15%) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-core-upload .tb-media-source-actions .tb-btn:nth-child(2):hover {
  background: var(--lx-chip-dark, #2b241d) !important;
  transform: translateY(-1px);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-core-upload .tb-media-source-actions output {
  grid-column: 1 / -1;
  justify-self: start !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-core-copy .tb-reference-main-input {
  min-height: 100%;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--lx-surface) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-core-copy .tb-reference-main-input textarea {
  grid-column: 1 / -1 !important;
  min-height: 164px !important;
  padding: 14px 14px 30px !important;
  color: #3c3128 !important;
  background: var(--lx-surface) !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-core-copy .tb-reference-main-input > span {
  position: static !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  justify-self: start !important;
  padding: 8px 12px !important;
  color: var(--lx-muted) !important;
  font-size: 10px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-core-copy .tb-reference-main-input > button {
  position: static !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  min-width: 70px !important;
  min-height: 34px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 5px 7px !important;
  border: 1px solid var(--lx-line-strong) !important;
  border-radius: 7px !important;
  color: var(--lx-ink-2) !important;
  background: var(--lx-surface-2) !important;
  box-shadow: inset 0 1px 0 #fff, 0 2px 5px rgb(26 31 40 / 5%);
  gap: 5px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-form .tb-reference-advanced {
  order: 30;
  margin-top: 16px !important;
  border-color: var(--lx-line) !important;
  box-shadow: 0 4px 12px rgb(29 34 43 / 4%);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-form .tb-reference-advanced > summary {
  min-height: 52px !important;
  background: var(--lx-surface-2) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-form .tb-product-main-fields {
  padding: 14px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-submit {
  order: 40;
  position: sticky !important;
  bottom: 10px !important;
  z-index: 12;
  grid-template-columns: minmax(160px, 1fr) auto auto minmax(235px, .9fr) !important;
  align-items: end !important;
  margin-top: 16px !important;
  padding: 11px !important;
  border: 1px solid var(--lx-line) !important;
  border-radius: 10px !important;
  background: rgb(255 255 255 / 96%) !important;
  box-shadow: 0 13px 30px rgb(24 29 38 / 12%), inset 0 1px 0 #fff !important;
  backdrop-filter: blur(12px);
  gap: 9px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-submit > div {
  min-width: 0;
  display: grid;
  align-self: center;
  gap: 3px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-submit > div strong {
  display: flex;
  align-items: center;
  color: #3c3128;
  font-size: 11px;
  font-weight: 760;
  gap: 6px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-submit > div strong i {
  color: var(--lx-brand);
  font-size: 14px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-submit > div span {
  overflow: hidden;
  color: var(--lx-muted);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-submit > label {
  min-width: 82px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-submit > label select {
  min-width: 82px;
  min-height: 46px !important;
  border-color: var(--lx-line-strong) !important;
  border-radius: 8px !important;
  background-color: var(--lx-surface-2) !important;
  box-shadow: inset 0 1px 0 #fff;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-submit > .tb-btn.primary {
  min-height: 56px !important;
  display: grid !important;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  align-content: center;
  justify-content: center;
  border: 1px solid #9a3412 !important;
  border-radius: 10px !important;
  color: #fff !important;
  background: var(--lx-brand) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 24%), 0 8px 17px rgb(181 43 34 / 22%) !important;
  column-gap: 8px !important;
  row-gap: 1px !important;
  transition: transform 150ms ease, box-shadow 150ms ease, background-color 150ms ease !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-submit > .tb-btn.primary > i {
  grid-row: 1 / -1;
  align-self: center;
  font-size: 17px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-submit > .tb-btn.primary > [data-button-label] {
  justify-self: start;
  font-size: 13px;
  font-weight: 760;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-submit > .tb-btn.primary small {
  justify-self: start;
  color: #ffedd5 !important;
  font-size: 11px !important;
  font-weight: 550 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-submit > .tb-btn.primary:hover {
  background: #9a3412 !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 24%), 0 11px 21px rgb(181 43 34 / 27%) !important;
  transform: translateY(-1px);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-submit > .tb-btn.primary:active {
  box-shadow: inset 0 2px 5px rgb(91 19 14 / 20%), 0 3px 8px rgb(181 43 34 / 18%) !important;
  transform: translateY(1px) scale(.99);
}

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

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-form {
    position: static !important;
    grid-column: 1 !important;
  }
}

@media (max-width: 767px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-page {
    display: block !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-page > * + * {
    margin-top: 12px !important;
  }

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

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes .tb-product-plan-card {
    min-height: 126px !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    padding: 10px !important;
    gap: 4px 8px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-plan-visual {
    grid-row: 1 / span 2;
    width: 42px;
    height: 58px;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-plan-visual > span {
    width: 25px;
    height: 34px;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-plan-visual > i {
    width: 23px !important;
    height: 23px !important;
    font-size: 10px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes .tb-product-plan-copy strong {
    overflow: visible !important;
    font-size: 11px !important;
    line-height: 1.35;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes .tb-product-plan-copy p,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-plan-copy > div span:nth-child(2) {
    display: none;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-plan-copy > div {
    grid-column: 1 / -1;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes .tb-product-plan-badge {
    position: absolute;
    top: 8px;
    right: 8px;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes .tb-product-plan-price {
    grid-column: 1 / -1 !important;
    justify-self: start !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-modes .tb-product-plan-check {
    right: 8px !important;
    bottom: 8px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-form > .tb-reference-creator-card {
    padding: 11px !important;
  }

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

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-core-upload .tb-upload-drop {
    min-height: 120px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-core-copy .tb-reference-main-input textarea {
    min-height: 142px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-note-form .tb-product-main-fields {
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 10px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-submit {
    position: static !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding: 10px !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-submit > div,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-submit > .tb-btn.primary,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-submit > .tb-status {
    grid-column: 1 / -1 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-submit > div span {
    white-space: normal;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-submit > label,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-product-submit > label select {
    width: 100%;
    min-width: 0;
  }

}

/* Revision 3 · 焰火科技质感：层次光影系统（登录后控制台） */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] {
  --lx-elev-1: 0 1px 2px rgb(30 18 8 / 5%), 0 8px 20px -10px rgb(30 18 8 / 12%);
  --lx-elev-2: 0 2px 4px rgb(30 18 8 / 6%), 0 20px 44px -18px rgb(194 65 12 / 20%);
  --lx-glow: 0 8px 26px -8px rgb(234 88 12 / 45%);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-main {
  background:
    radial-gradient(1000px 440px at 88% -6%, rgb(249 115 22 / 6%), transparent 62%),
    radial-gradient(circle at 1px 1px, rgb(28 25 23 / 6%) 1px, transparent 1.6px),
    var(--lx-canvas) !important;
  background-size: auto, 23px 23px, auto;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-topbar {
  background: rgb(250 248 245 / 72%) !important;
  backdrop-filter: blur(14px) saturate(1.5);
  -webkit-backdrop-filter: blur(14px) saturate(1.5);
  box-shadow: 0 10px 26px -18px rgb(30 18 8 / 30%) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-card] {
  border: 1px solid var(--lx-line) !important;
  box-shadow: var(--lx-elev-1) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-card]:hover {
  border-color: rgb(234 88 12 / 45%) !important;
  box-shadow: var(--lx-elev-2), 0 0 0 1px rgb(234 88 12 / 30%) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-primary] {
  border: 0 !important;
  background:
    linear-gradient(rgb(255 255 255 / 5%) 1px, transparent 1px) 0 0 / 100% 34px,
    linear-gradient(90deg, rgb(255 255 255 / 5%) 1px, transparent 1px) 0 0 / 34px 100%,
    radial-gradient(560px 300px at 88% 108%, rgb(255 224 130 / 38%), transparent 62%),
    linear-gradient(118deg, #dc2626, #ea580c 52%, #f59e0b) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 30%), 0 22px 46px -18px rgb(194 65 12 / 55%) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-primary]:hover {
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 38%), 0 26px 54px -18px rgb(194 65 12 / 65%) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-card] em {
  font-variant-numeric: tabular-nums;
  letter-spacing: .01em;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-points-pill strong,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-points-pill span {
  font-variant-numeric: tabular-nums;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-panel {
  border: 1px solid var(--lx-line) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 85%), var(--lx-elev-1) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-gallery {
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 85%), var(--lx-elev-1) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-card {
  border-radius: 11px;
  box-shadow: var(--lx-elev-1);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-card:is(:hover, :focus-within) {
  border-color: rgb(234 88 12 / 45%);
  box-shadow: var(--lx-elev-2), 0 0 0 1px rgb(234 88 12 / 28%);
  transform: translateY(-3px);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-card:is(:hover, :focus-within) img {
  transform: scale(1.04);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-btn.primary,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-topbar-create {
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 32%), var(--lx-glow) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-btn.primary:hover,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-topbar-create:hover {
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 40%), 0 10px 30px -8px rgb(234 88 12 / 60%) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-toolbar {
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 85%), var(--lx-elev-1) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-head ol li b {
  font-variant-numeric: tabular-nums;
}

/* ============================================================
 * 日 / 夜主题系统（登录后控制台）
 * 白天=亮面焰火，夜晚=暗域指挥舱。切换按钮见 topbar，
 * data-theme="night" 挂在 .tb-app 上，仅重映射变量 + 覆盖写死亮色。
 * ============================================================ */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] {
  --lx-ink: #f4ede3;
  --lx-ink-2: #d6cabb;
  --lx-muted: #a99a87;
  --lx-faint: #7f7264;
  --lx-line: rgb(255 255 255 / 11%);
  --lx-line-strong: rgb(255 255 255 / 18%);
  --lx-canvas: #120d09;
  --lx-surface: #1d1710;
  --lx-surface-2: #251d14;
  --lx-chip-dark: #322619;
  --lx-brand-soft: rgb(234 88 12 / 16%);
  --lx-elev-1: 0 1px 2px rgb(0 0 0 / 40%), 0 14px 30px -16px rgb(0 0 0 / 80%);
  --lx-elev-2: 0 2px 6px rgb(0 0 0 / 45%), 0 26px 52px -18px rgb(0 0 0 / 85%);
  --lx-glow: 0 8px 28px -6px rgb(234 88 12 / 55%);
  color: var(--lx-ink);
}

/* 画布：亮点阵翻成暗底亮网点 + 焰火辉光更浓 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] .tb-main {
  background:
    radial-gradient(1000px 460px at 88% -8%, rgb(234 88 12 / 16%), transparent 60%),
    radial-gradient(760px 420px at -6% 32%, rgb(220 38 38 / 9%), transparent 55%),
    radial-gradient(circle at 1px 1px, rgb(255 255 255 / 5%) 1px, transparent 1.7px),
    var(--lx-canvas) !important;
  background-size: auto, auto, 24px 24px, auto !important;
}

/* 顶栏毛玻璃：暗底半透明 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] .tb-topbar {
  border-bottom-color: rgb(255 255 255 / 10%) !important;
  background: rgb(24 18 12 / 74%) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%), 0 10px 30px -18px rgb(0 0 0 / 80%) !important;
}

/* 卡片/面板顶部高光在暗色下调弱，避免发白 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] .tb-panel,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] .tb-real-case-gallery,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] .tb-tool-hub-toolbar {
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 7%), var(--lx-elev-1) !important;
}

/* 工具卡：暗色发丝渐变描边 + 角标括号（方案A质感） */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] [data-tool-hub-card]:not([data-tool-hub-primary]) {
  position: relative;
  border: 1px solid transparent !important;
  background:
    linear-gradient(180deg, #241b12, #181209) padding-box,
    linear-gradient(165deg, rgb(245 158 11 / 55%), rgb(255 255 255 / 8%) 32%, rgb(255 255 255 / 6%) 66%, rgb(234 88 12 / 50%)) border-box !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%), var(--lx-elev-1) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] [data-tool-hub-card]:not([data-tool-hub-primary])::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 14px;
  height: 14px;
  border: 2px solid rgb(245 158 11 / 72%);
  border-right: 0;
  border-bottom: 0;
  border-radius: var(--lx-radius) 0 0 0;
  pointer-events: none;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] [data-tool-hub-card]:not([data-tool-hub-primary]):hover {
  border-color: transparent !important;
  box-shadow: 0 0 0 1px rgb(234 88 12 / 45%), 0 0 30px -6px rgb(234 88 12 / 50%), var(--lx-elev-2) !important;
}

/* 案例图在暗底加橙色辉光 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] .tb-real-case-card {
  box-shadow: 0 14px 30px -16px rgb(0 0 0 / 85%), 0 0 26px -10px rgb(234 88 12 / 45%);
}

/* 切换按钮本体 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  min-height: 42px;
  border: 1px solid var(--lx-line-strong);
  border-radius: 9px;
  color: var(--lx-ink-2);
  background: var(--lx-surface);
  cursor: pointer;
  transition: color var(--lx-fast), border-color var(--lx-fast), background var(--lx-fast), box-shadow var(--lx-fast);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-theme-toggle:hover {
  color: var(--lx-brand);
  border-color: rgb(234 88 12 / 45%);
  box-shadow: 0 0 0 3px var(--lx-brand-ring);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-theme-toggle .bi-moon-stars-fill { display: none; }
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-theme-toggle .bi-sun-fill { display: inline-flex; }
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] .tb-theme-toggle .bi-sun-fill { display: none; }
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] .tb-theme-toggle .bi-moon-stars-fill { display: inline-flex; }

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] .tb-theme-toggle {
  color: #fbbf24;
  border-color: rgb(245 158 11 / 40%);
  background: rgb(245 158 11 / 12%);
}

/* 首帧防闪：JS 未接管前不显示切换动画 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:not([data-theme]) .tb-main,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-main {
  transition: background-color 240ms ease;
}

@media (prefers-reduced-motion: reduce) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-main { transition: none; }
}

/* 夜间：底层皮肤写死的深色文字 / 亮色模式卡 在暗底下重刷 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] [data-tool-hub-card] strong,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] [data-tool-hub-card] h3 {
  color: #f7f0e6 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] .tb-sidebar .tb-brand-text {
  color: #f4ede3 !important;
}

/* 模式卡（快速文案/单封面/多图 等 radio 卡）夜间转暗卡 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] .tb-yiju-tabs label,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] .tb-yiju-tabs label > span,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] [data-mode-group] label > span,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] .tb-product-note-modes label > span {
  color: var(--lx-ink-2) !important;
  background: var(--lx-surface) !important;
  border-color: var(--lx-line-strong) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] .tb-yiju-tabs label input:checked + span,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] [data-mode-group] label input:checked + span {
  color: #fbbf24 !important;
  background: rgb(234 88 12 / 14%) !important;
  border-color: rgb(245 158 11 / 45%) !important;
}

/* 次按钮 / 输入框 / 文本域 夜间描边与底色 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] .tb-btn:not(.primary),
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] input:not([type="radio"]):not([type="checkbox"]),
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] textarea,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] select {
  color: var(--lx-ink) !important;
  background: var(--lx-surface) !important;
  border-color: var(--lx-line-strong) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] input::placeholder,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] textarea::placeholder {
  color: var(--lx-faint) !important;
}

/* 搜索框 / 抽查面板 等泛用白底容器夜间兜底 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] .tb-tool-hub-toolbar {
  background: var(--lx-surface) !important;
}

/* 夜间：侧栏选中项与底部个人中心（原方案是亮卡+深字，暗底下翻转） */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] :where(.tb-side-hubs > a.active, .tb-side-group > a.active, .tb-side-pill.active) {
  color: #fff7ed !important;
  background: rgb(234 88 12 / 20%) !important;
  box-shadow: inset 0 0 0 1px rgb(245 158 11 / 40%);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] .tb-sidebar-foot,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] .tb-sidebar-foot strong,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] .tb-sidebar-foot a {
  color: #f4ede3 !important;
}

/* ============================================================
 * 曜金蓝图 · 高频内页组件（表单/上传/结果/弹窗）
 * 全部用变量构建，白天=白卡焰火发丝，夜间自动转暗卡光刃
 * ============================================================ */

/* 表单与面板：焰火发丝渐变描边 + 右上斜切角 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-panel, .tb-specific-form, .tb-reference-creator-card, .tb-template-creator-form, .tb-account-panel) {
  position: relative;
  border: 1px solid transparent !important;
  background:
    linear-gradient(var(--lx-surface), var(--lx-surface)) padding-box,
    linear-gradient(165deg, rgb(234 88 12 / 45%), var(--lx-line) 34%, var(--lx-line) 66%, rgb(245 158 11 / 50%)) border-box !important;
  box-shadow: var(--lx-elev-1) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-panel::after,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-specific-form::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  width: 22px;
  height: 22px;
  border-radius: 0 var(--lx-radius) 0 0;
  background: linear-gradient(45deg, transparent calc(50% - 1.5px), #ea580c calc(50% - 1.5px), #f59e0b calc(50% + 1.5px), var(--lx-canvas) calc(50% + 1.5px));
  pointer-events: none;
  z-index: 1;
}

/* 上传区：暖底虚线 + 悬停焰火描边 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-upload-drop {
  border: 1.5px dashed var(--lx-line-strong) !important;
  background: var(--lx-surface-2) !important;
  transition: border-color var(--lx-fast), background var(--lx-fast), box-shadow var(--lx-fast);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-upload-drop:is(:hover, [data-dragover], .dragover, :focus-within) {
  border-color: rgb(234 88 12 / 60%) !important;
  background: var(--lx-brand-soft) !important;
  box-shadow: 0 0 0 3px var(--lx-brand-ring), var(--lx-elev-1) !important;
}

/* 结果区：与面板同语言 + 顶部焰火光刃 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-tool-result, .tb-result-box, .tb-product-image-result) {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--lx-line) !important;
  border-radius: var(--lx-radius) !important;
  background: var(--lx-surface) !important;
  box-shadow: var(--lx-elev-1) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-result::before,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-result-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--lx-flame-grad);
  filter: drop-shadow(0 2px 8px rgb(234 88 12 / 50%));
  pointer-events: none;
}

/* 弹窗：更深层的阴影 + 发丝描边 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-commercial-dialog, .tb-membership-checkout-dialog, .tb-material-picker-dialog, .tb-template-preview-dialog, .tb-context-editor) {
  border: 1px solid transparent !important;
  background:
    linear-gradient(var(--lx-surface), var(--lx-surface)) padding-box,
    linear-gradient(165deg, rgb(234 88 12 / 55%), var(--lx-line) 40%, rgb(245 158 11 / 55%)) border-box !important;
  box-shadow: var(--lx-elev-2), 0 0 60px -20px rgb(234 88 12 / 25%) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-commercial-dialog, .tb-membership-checkout-dialog, .tb-material-picker-dialog, .tb-template-preview-dialog)::backdrop {
  background: rgb(12 8 4 / 55%);
  backdrop-filter: blur(6px);
}

/* 提交条：毛玻璃 + 顶部发丝 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-studio-submit, .tb-form-actions) {
  position: relative;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-studio-submit {
  border-top: 1px solid var(--lx-line) !important;
  background: color-mix(in srgb, var(--lx-canvas) 78%, transparent) !important;
  backdrop-filter: blur(12px) saturate(1.4);
  -webkit-backdrop-filter: blur(12px) saturate(1.4);
}

/* 字段聚焦：焰火描边环 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-field, .tb-form-grid > label) :where(input, textarea, select):focus {
  border-color: rgb(234 88 12 / 55%) !important;
  box-shadow: 0 0 0 3px var(--lx-brand-ring) !important;
}

/* 夜间：字段标签的亮底条与说明文字重刷 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] :where(.tb-field, .tb-form-grid > label, .tb-product-fields > label) > span,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] :where(.tb-field, .tb-form-grid > label) strong {
  color: var(--lx-ink-2) !important;
  background: transparent !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] :where(.tb-help, .tb-upload-file-text, .tb-upload-mark) {
  color: var(--lx-muted) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] .tb-upload-drop p {
  color: var(--lx-muted) !important;
}

/* 字段分组容器：底层是冷蓝灰(#f7f9fb)，统一改暖色变量（日暖夜暗自动跟随） */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-studio-fields, .tb-form-grid, .tb-ecom-settings, .tb-audit-settings, .tb-precision-lower, .tb-topic-settings) {
  border-color: var(--lx-line) !important;
  background: var(--lx-surface-2) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-field, .tb-form-grid > label, .tb-product-fields > label, .tb-context-editor-fields > label, .tb-template-branch-field) {
  color: var(--lx-ink-2) !important;
}

/* 斜切角贴齐圆角，不越界 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-panel::after,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-specific-form::after {
  top: 0;
  right: 0;
}

/* ============ 扫码支付收银台 ============ */
dialog.tb-payment-qr-dialog {
  border: 1px solid transparent;
  border-radius: 18px;
  padding: 22px;
  max-width: 320px;
  background:
    linear-gradient(var(--lx-surface), var(--lx-surface)) padding-box,
    linear-gradient(135deg, rgba(220, 38, 38, 0.55), rgba(234, 88, 11, 0.4), rgba(245, 158, 11, 0.5)) border-box;
  box-shadow: var(--lx-elev-2, 0 24px 64px rgba(29, 24, 20, 0.28));
}
dialog.tb-payment-qr-dialog::backdrop { background: rgba(18, 13, 9, 0.55); backdrop-filter: blur(4px); }
dialog.tb-payment-qr-dialog .tb-membership-qr-placeholder {
  display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center;
}
dialog.tb-payment-qr-dialog .tb-membership-qr-placeholder strong { color: var(--lx-ink); font-size: 15px; }
dialog.tb-payment-qr-dialog .tb-membership-qr-placeholder span { color: var(--lx-muted); font-size: 12.5px; }
.tb-payment-qr-canvas { background: #fff; border-radius: 12px; padding: 8px; box-shadow: 0 6px 22px rgba(29, 24, 20, 0.16); }
.tb-payment-qr-actions { display: flex; gap: 10px; justify-content: center; margin-top: 16px; }
[data-theme="night"] dialog.tb-payment-qr-dialog {
  background:
    linear-gradient(var(--lx-surface), var(--lx-surface)) padding-box,
    linear-gradient(135deg, rgba(220, 38, 38, 0.6), rgba(234, 88, 11, 0.42), rgba(245, 158, 11, 0.5)) border-box;
}

/* ============ 侧边栏收起态修复：收起时变量同步缩窄（宽度规则引用变量，!important 一并生效） ============ */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"].is-sidebar-collapsed,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"].tb-sidebar-collapsed,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-sidebar-collapsed="true"] {
  --lx-sidebar: 68px;
}
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-sidebar-collapsed="true"] .tb-sidebar {
  padding: 14px 8px 12px !important;
}
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-sidebar-collapsed="true"] .tb-sidebar-head {
  grid-template-columns: 1fr;
  justify-items: center;
}
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-sidebar-collapsed="true"] .tb-sidebar :is(.tb-brand-text, .tb-side-hubs > strong, .tb-side-hubs > a span, .tb-side-hubs > a small, .tb-side-pill span, .tb-side-pill em, .tb-sidebar-profile > div, .tb-sidebar-profile > em, .tb-sidebar-foot span, .tb-sidebar-foot em, .tb-sidebar-foot div) {
  display: none !important;
}
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-sidebar-collapsed="true"] .tb-sidebar :is(.tb-side-hubs > a, .tb-side-pill, .tb-sidebar-profile, .tb-sidebar-foot) {
  grid-template-columns: 1fr !important;
  justify-items: center;
  justify-content: center;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ============ 查找图文卡片修复：封面钉死在 136px 列内，杜绝 aspect-ratio 从高度反推宽度压住文字 ============ */
.toolbox-body .tb-discover-card {
  align-items: start;
}
.toolbox-body .tb-discover-card > .tb-discover-thumb {
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 3 / 4;
  overflow: hidden;
}
.toolbox-body .tb-discover-card > .tb-discover-thumb img {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
}

/* ============ 创作身份区块修复：父列拉伸时内部行被摊开出现大片空白；标题被压成逐字竖排 ============ */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-generation-context {
  align-self: start;
  align-content: start;
  height: auto !important;
}
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-generation-context > header {
  flex-wrap: wrap;
  row-gap: 4px;
}
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-generation-context > header > div {
  flex: 1 1 240px;
  min-width: 0;
}
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-generation-context > header div > span {
  flex: 0 0 auto;
  white-space: nowrap;
}
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-generation-context > header strong {
  min-width: 0;
}
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-generation-context > header small {
  flex: 0 1 auto;
}

/* ============ 充值通道未开通提示样式 ============ */
.toolbox-body .tb-pay-channel-pending {
  display: flex;
  align-items: center;
  min-height: 40px;
  margin: 0;
  padding: 0 12px;
  border: 1px dashed var(--lx-line);
  border-radius: 9px;
  color: #8c93a3;
  background: var(--lx-surface-2);
  font-size: 13px;
}

/* ============ 全站排版体检修复 r19：溢出、截断、空白（2026-07-25） ============ */

/* 1) 模特穿戴等模式标签条：从隐藏式横向滚动改为自动换行，选项全部可见不截断 */
.toolbox-body .tb-wear-tabs {
  grid-auto-flow: row !important;
  grid-auto-columns: unset !important;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
  overflow-x: visible !important;
  scroll-snap-type: none !important;
}

/* 2) 成品案例画廊：面板始终占满所在栏位；卡片限宽排布，不再留出大片空白 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-gallery.case-count-1,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-gallery.case-count-2,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-gallery.case-count-3,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-gallery.case-count-4 {
  width: 100%;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-gallery.case-count-1 .tb-real-case-grid,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-gallery.case-count-2 .tb-real-case-grid,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-gallery.case-count-3 .tb-real-case-grid,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-gallery.case-count-4 .tb-real-case-grid {
  grid-template-columns: repeat(auto-fill, minmax(188px, 234px));
  justify-content: start;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-real-case-gallery:is(.case-count-1, .case-count-2) > header span {
  display: block;
}

/* 3) 窄列中的 4 列参数行：按可用宽度自动降列，字段占位文字不再截断 */
.toolbox-body .tb-compose-settings,
.toolbox-body .tb-image-home-settings {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
}

/* 4) 清晰度控件：改弹性换行，说明、档位、预估费用各占整行完整展示 */
.toolbox-body .tb-image-resolution-control {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center;
  gap: 8px 14px;
}

.toolbox-body .tb-image-resolution-control > div:first-child {
  flex: 1 1 100%;
  min-width: 0;
}

.toolbox-body .tb-image-resolution-control > div:first-child span {
  font-size: 11px;
}

.toolbox-body .tb-resolution-segments {
  flex: 0 0 auto;
}

.toolbox-body .tb-image-resolution-control > output {
  flex: 1 1 auto;
  min-width: 0;
}

/* 5) 创作身份（人设/模板）按钮：宽度不足时自动堆叠成整行，文字不截断 */
.toolbox-body .tb-generation-context-grid,
.toolbox-body .tb-main.tb-main-tool .tb-generation-context-grid {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
}

/* 8) 模特穿戴右侧演示栏：顶部对齐并跟随滚动，不再垂直居中留出大面积空白 */
.toolbox-body .tb-wear-demo {
  align-content: start !important;
  align-self: start;
  position: sticky;
  top: 16px;
}

/* 6) 行内小标题（生成数量等）：禁止两字一行的竖排换行 */
.toolbox-body .tb-compose-count > strong {
  white-space: nowrap;
}

/* 7) GEO 步骤 legend：编号+标题保持整行，提示文字换行不挤断标题 */
.toolbox-body .tb-geo-article-assets legend {
  flex-wrap: wrap;
  row-gap: 4px;
}

.toolbox-body .tb-geo-article-assets legend > span {
  flex: 0 0 auto;
  white-space: nowrap;
}

.toolbox-body .tb-geo-article-assets legend small {
  flex: 1 1 220px;
  min-width: 0;
}

/* ============ 焰火市集 v5：对标级功能版块设计升级（2026-07-25，用户拍板全站铺开） ============ */
/* 六大中心焰火六色：爆款图文=焰橙红 电商=鎏金 视频=绯红 GEO=靛蓝 去水印=青焰 效率=紫焰 */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] {
  --v5-copy-a: #f97316; --v5-copy-b: #dc2626;
  --v5-video-a: #e11d48; --v5-video-b: #9f1239;
  --v5-geo-a: #4f46e5; --v5-geo-b: #1e40af;
  --v5-shop-a: #f59e0b; --v5-shop-b: #b45309;
  --v5-water-a: #0d9488; --v5-water-b: #155e63;
  --v5-eff-a: #8b5cf6; --v5-eff-b: #5b21b6;
}

/* —— 面板全面软化：去硬边框、软阴影、大圆角 —— */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:not([data-theme="night"]) .tb-panel {
  border-color: rgba(36, 26, 18, .05) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 28px rgba(36, 26, 18, .07) !important;
}

/* —— 游客功能总览：六色渐变中心大卡 —— */
.toolbox-body [data-tool-hub-slug="guest-overview"] .tb-tool-hub-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.toolbox-body [data-tool-hub-slug="guest-overview"] [data-tool-hub-card] {
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  min-height: 190px !important;
  padding: 18px 18px 15px !important;
  border: 0 !important;
  border-radius: 18px !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--v5-copy-a), var(--v5-copy-b)) !important;
  box-shadow: 0 16px 34px rgba(36, 26, 18, .16) !important;
  transition: transform .18s ease !important;
}

.toolbox-body [data-tool-hub-slug="guest-overview"] [data-tool-hub-card]:hover {
  transform: translateY(-3px) !important;
}

.toolbox-body [data-tool-hub-slug="guest-overview"] [data-tool-hub-card]::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.9), rgba(255,255,255,0)) !important;
  opacity: .85 !important;
}

.toolbox-body [data-tool-hub-slug="guest-overview"] [data-tool-hub-card][href="/console/media-downloader"] { background: linear-gradient(135deg, var(--v5-water-a), var(--v5-water-b)) !important; }
.toolbox-body [data-tool-hub-slug="guest-overview"] [data-tool-hub-card][href="/console/tools/content-hub"] { background: linear-gradient(135deg, var(--v5-copy-a), var(--v5-copy-b)) !important; }
.toolbox-body [data-tool-hub-slug="guest-overview"] [data-tool-hub-card][href="/console/tools/video-hub"] { background: linear-gradient(135deg, var(--v5-video-a), var(--v5-video-b)) !important; }
.toolbox-body [data-tool-hub-slug="guest-overview"] [data-tool-hub-card][href="/console/tools/geo-hub"] { background: linear-gradient(135deg, var(--v5-geo-a), var(--v5-geo-b)) !important; }
.toolbox-body [data-tool-hub-slug="guest-overview"] [data-tool-hub-card][href="/console/tools/ecommerce-hub"] { background: linear-gradient(135deg, var(--v5-shop-a), var(--v5-shop-b)) !important; }
.toolbox-body [data-tool-hub-slug="guest-overview"] [data-tool-hub-card][href="/console/tools/efficiency-hub"] { background: linear-gradient(135deg, var(--v5-eff-a), var(--v5-eff-b)) !important; }

/* 卡内：图标变角落大水印，文字层级重排 */
.toolbox-body [data-tool-hub-slug="guest-overview"] [data-tool-hub-card] > span {
  position: absolute !important;
  right: -16px !important;
  bottom: -22px !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.toolbox-body [data-tool-hub-slug="guest-overview"] [data-tool-hub-card] > span i {
  font-size: 118px !important;
  color: #fff !important;
  opacity: .15 !important;
  display: block !important;
  transform: rotate(-8deg) !important;
}

.toolbox-body [data-tool-hub-slug="guest-overview"] [data-tool-hub-card] > div { position: relative !important; z-index: 1 !important; min-width: 0 !important; }

.toolbox-body [data-tool-hub-slug="guest-overview"] [data-tool-hub-card] > div small {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  color: #fff !important;
  background: rgba(255,255,255,.22) !important;
  padding: 4px 10px !important;
  border-radius: 20px !important;
  margin-bottom: 10px !important;
}

.toolbox-body [data-tool-hub-slug="guest-overview"] [data-tool-hub-card] > div strong {
  display: block !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 850 !important;
  margin-bottom: 6px !important;
}

.toolbox-body [data-tool-hub-slug="guest-overview"] [data-tool-hub-card] > div p {
  color: rgba(255,255,255,.92) !important;
  font-size: 12.5px !important;
  line-height: 1.6 !important;
  max-width: 94% !important;
}

.toolbox-body [data-tool-hub-slug="guest-overview"] [data-tool-hub-card] > em {
  position: static !important;
  margin-top: auto !important;
  padding: 10px 0 0 !important;
  border: 0 !important;
  background: none !important;
  color: #fff !important;
  font-style: normal !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  z-index: 1 !important;
}

.toolbox-body [data-tool-hub-slug="guest-overview"] [data-tool-hub-card] > em::after {
  content: " →" !important;
}

/* —— 中心页（hub）：渐变横幅头 + 白卡工具网格 —— */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-head {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  padding: 24px 26px;
  background: linear-gradient(120deg, var(--v5-copy-a), var(--v5-copy-b));
  color: #fff;
  box-shadow: 0 16px 36px rgba(36, 26, 18, .16);
}

.toolbox-body .tb-tool-hub-video-hub .tb-tool-hub-head { background: linear-gradient(120deg, var(--v5-video-a), var(--v5-video-b)); }
.toolbox-body .tb-tool-hub-geo-hub .tb-tool-hub-head { background: linear-gradient(120deg, var(--v5-geo-a), var(--v5-geo-b)); }
.toolbox-body .tb-tool-hub-ecommerce-hub .tb-tool-hub-head { background: linear-gradient(120deg, var(--v5-shop-a), var(--v5-shop-b)); }
.toolbox-body .tb-tool-hub-efficiency-hub .tb-tool-hub-head { background: linear-gradient(120deg, var(--v5-eff-a), var(--v5-eff-b)); }

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-head::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.95), transparent);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-head :where(h2, strong) { color: #fff !important; font-size: 24px; font-weight: 850; }
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-head :where(p, span, small, li, b, div) { color: rgba(255,255,255,.94) !important; }
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-head ol li b { background: rgba(255,255,255,.22) !important; color: #fff !important; }

/* hub 页工具卡：白卡 + 六色循环图标章 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:not([data-theme="night"]) .tb-tool-hub:not([data-tool-hub-slug="guest-overview"]) [data-tool-hub-card]:not([data-tool-hub-primary]) {
  border: 0 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 8px 22px rgba(36, 26, 18, .07) !important;
  transition: transform .16s ease, box-shadow .16s ease !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:not([data-theme="night"]) .tb-tool-hub:not([data-tool-hub-slug="guest-overview"]) [data-tool-hub-card]:not([data-tool-hub-primary]):hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 16px 32px rgba(220, 38, 38, .13) !important;
}

.toolbox-body .tb-tool-hub:not([data-tool-hub-slug="guest-overview"]) [data-tool-hub-card] > span {
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  border: 0 !important;
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
  background: linear-gradient(120deg, var(--v5-copy-a), var(--v5-copy-b)) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-tool-hub:not([data-tool-hub-slug="guest-overview"]) [data-tool-hub-card] > span i { color: #fff !important; font-size: 18px !important; }
.toolbox-body .tb-tool-hub:not([data-tool-hub-slug="guest-overview"]) [data-tool-hub-card]:nth-of-type(6n+2) > span { background: linear-gradient(120deg, var(--v5-shop-a), var(--v5-shop-b)) !important; }
.toolbox-body .tb-tool-hub:not([data-tool-hub-slug="guest-overview"]) [data-tool-hub-card]:nth-of-type(6n+3) > span { background: linear-gradient(120deg, var(--v5-video-a), var(--v5-video-b)) !important; }
.toolbox-body .tb-tool-hub:not([data-tool-hub-slug="guest-overview"]) [data-tool-hub-card]:nth-of-type(6n+4) > span { background: linear-gradient(120deg, var(--v5-geo-a), var(--v5-geo-b)) !important; }
.toolbox-body .tb-tool-hub:not([data-tool-hub-slug="guest-overview"]) [data-tool-hub-card]:nth-of-type(6n+5) > span { background: linear-gradient(120deg, var(--v5-water-a), var(--v5-water-b)) !important; }
.toolbox-body .tb-tool-hub:not([data-tool-hub-slug="guest-overview"]) [data-tool-hub-card]:nth-of-type(6n) > span { background: linear-gradient(120deg, var(--v5-eff-a), var(--v5-eff-b)) !important; }

.toolbox-body .tb-tool-hub:not([data-tool-hub-slug="guest-overview"]) [data-tool-hub-card] > em {
  color: #ea580c !important;
  font-style: normal !important;
  font-weight: 800 !important;
  border: 0 !important;
  background: #fff3e8 !important;
  border-radius: 18px !important;
}

/* ============ 焰火市集 v5.1 修正：补足特异性，压过底层 !important ============ */

/* 中心页/总览页头部：渐变横幅强制生效 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub .tb-tool-hub-head {
  background: linear-gradient(120deg, var(--v5-copy-a), var(--v5-copy-b)) !important;
  border: 0 !important;
  border-radius: 18px !important;
  color: #fff !important;
  box-shadow: 0 16px 36px rgba(36, 26, 18, .16) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-video-hub .tb-tool-hub-head { background: linear-gradient(120deg, var(--v5-video-a), var(--v5-video-b)) !important; }
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-geo-hub .tb-tool-hub-head { background: linear-gradient(120deg, var(--v5-geo-a), var(--v5-geo-b)) !important; }
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-ecommerce-hub .tb-tool-hub-head { background: linear-gradient(120deg, var(--v5-shop-a), var(--v5-shop-b)) !important; }
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub-efficiency-hub .tb-tool-hub-head { background: linear-gradient(120deg, var(--v5-eff-a), var(--v5-eff-b)) !important; }

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub .tb-tool-hub-head :where(ol li, ol li span, ol li div) {
  background: rgba(255, 255, 255, .14) !important;
  border-color: rgba(255, 255, 255, .2) !important;
}

/* 游客总览：六色渐变大卡强制生效 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="guest-overview"] [data-tool-hub-card] {
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  min-height: 190px !important;
  padding: 18px 18px 15px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, var(--v5-copy-a), var(--v5-copy-b)) !important;
  box-shadow: 0 16px 34px rgba(36, 26, 18, .16) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="guest-overview"] [data-tool-hub-card][href="/console/media-downloader"] { background: linear-gradient(135deg, var(--v5-water-a), var(--v5-water-b)) !important; }
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="guest-overview"] [data-tool-hub-card][href="/console/tools/video-hub"] { background: linear-gradient(135deg, var(--v5-video-a), var(--v5-video-b)) !important; }
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="guest-overview"] [data-tool-hub-card][href="/console/tools/geo-hub"] { background: linear-gradient(135deg, var(--v5-geo-a), var(--v5-geo-b)) !important; }
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="guest-overview"] [data-tool-hub-card][href="/console/tools/ecommerce-hub"] { background: linear-gradient(135deg, var(--v5-shop-a), var(--v5-shop-b)) !important; }
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="guest-overview"] [data-tool-hub-card][href="/console/tools/efficiency-hub"] { background: linear-gradient(135deg, var(--v5-eff-a), var(--v5-eff-b)) !important; }

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="guest-overview"] [data-tool-hub-card] > span {
  position: absolute !important;
  right: -16px !important;
  bottom: -22px !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="guest-overview"] [data-tool-hub-card] > span i {
  font-size: 118px !important;
  color: #fff !important;
  opacity: .15 !important;
  transform: rotate(-8deg) !important;
  display: block !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="guest-overview"] [data-tool-hub-card] :where(strong, p, small, em) { color: #fff !important; }
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="guest-overview"] [data-tool-hub-card] > div p { color: rgba(255, 255, 255, .92) !important; }

/* 中心页主推卡：图标章半透明玻璃，白色图标可见 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub:not([data-tool-hub-slug="guest-overview"]) [data-tool-hub-card][data-tool-hub-primary] > span {
  background: rgba(255, 255, 255, .22) !important;
  border: 1px solid rgba(255, 255, 255, .3) !important;
  border-radius: 12px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub:not([data-tool-hub-slug="guest-overview"]) [data-tool-hub-card][data-tool-hub-primary] > span i { color: #fff !important; }

/* ============ 焰火市集 v5.2：总览主推卡与兄弟卡等高，清除旧图标残留 ============ */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="guest-overview"] [data-tool-hub-card][data-tool-hub-primary],
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="guest-overview"] [data-tool-hub-card].featured {
  grid-row: auto !important;
  grid-column: auto !important;
  min-height: 190px !important;
  max-height: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="guest-overview"] [data-tool-hub-card][data-tool-hub-primary] > span,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="guest-overview"] [data-tool-hub-card].featured > span {
  position: absolute !important;
  inset: auto -16px -22px auto !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="guest-overview"] [data-tool-hub-card][data-tool-hub-primary] > span i,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="guest-overview"] [data-tool-hub-card].featured > span i {
  font-size: 118px !important;
  color: #fff !important;
  opacity: .15 !important;
  transform: rotate(-8deg) !important;
  display: block !important;
}

/* ============ 焰火市集 v5.3：总览网格统一 3 列等高，主推卡不再跨行跨列 ============ */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="guest-overview"] .tb-tool-hub-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: auto !important;
  grid-auto-flow: row !important;
  gap: 16px !important;
  align-items: stretch !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="guest-overview"] .tb-tool-hub-grid > [data-tool-hub-card] {
  grid-row: auto !important;
  grid-column: auto !important;
  min-height: 190px !important;
  height: auto !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="guest-overview"] .tb-tool-hub-grid > [data-tool-hub-card] span:not(:has(i)) { display: none !important; }

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="guest-overview"] .tb-tool-hub-grid > [data-tool-hub-card] span {
  position: absolute !important;
  inset: auto -16px -22px auto !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="guest-overview"] .tb-tool-hub-grid > [data-tool-hub-card] > div small {
  position: relative !important;
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  background: rgba(255, 255, 255, .22) !important;
  padding: 4px 10px !important;
  border-radius: 20px !important;
}

@media (max-width: 980px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="guest-overview"] .tb-tool-hub-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

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

/* v5.3b：总览卡 em 徽章统一为文字 CTA，清除旧圆形徽章底 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-tool-hub-slug="guest-overview"] .tb-tool-hub-grid > [data-tool-hub-card] em {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin-top: auto !important;
  padding: 10px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: #fff !important;
  font-style: normal !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  display: inline-block !important;
}

/* ============ 焰火市集 v5.4：中心页主推卡去掉空幽灵面板；工具页表单全面 v5 化 ============ */

/* 主推卡：em 从"右侧空预览面板"收回为右上角胶囊徽章，文字区占满 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub:not([data-tool-hub-slug="guest-overview"]) [data-tool-hub-card][data-tool-hub-primary] {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  min-height: 0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub:not([data-tool-hub-slug="guest-overview"]) [data-tool-hub-card][data-tool-hub-primary] > div {
  flex: 1 1 auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub:not([data-tool-hub-slug="guest-overview"]) [data-tool-hub-card][data-tool-hub-primary] > em {
  position: absolute !important;
  inset: 14px 14px auto auto !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 5px 12px !important;
  border: 1px solid rgba(255, 255, 255, .32) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .22) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  font-style: normal !important;
  display: inline-flex !important;
  align-items: center !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub:not([data-tool-hub-slug="guest-overview"]) [data-tool-hub-card][data-tool-hub-primary] > em::before,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub:not([data-tool-hub-slug="guest-overview"]) [data-tool-hub-card][data-tool-hub-primary] > em::after {
  content: none !important;
  display: none !important;
}

/* —— 工具页表单 v5：暖底圆角字段、柔和分区卡、焰火聚焦环 —— */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:not([data-theme="night"]) .tb-specific-form :where(input[type="text"], input[type="url"], input[type="search"], input[type="number"], input[type="password"], select, textarea) {
  border-radius: 12px !important;
  border: 1px solid rgba(36, 26, 18, .1) !important;
  background: #faf8f4 !important;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:not([data-theme="night"]) .tb-specific-form :where(input, select, textarea):focus {
  background: #fff !important;
  border-color: #f97316 !important;
  box-shadow: 0 0 0 3px rgba(249, 115, 22, .16) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:not([data-theme="night"]) :where(.tb-specific-form, .tb-tool-form-panel) :where(section, fieldset) {
  border-color: rgba(36, 26, 18, .06) !important;
  border-radius: 14px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:not([data-theme="night"]) :where(.tb-upload-drop, .tb-wear-upload-block, [data-commercial-upload]) {
  border-radius: 14px !important;
  border: 1.5px dashed rgba(234, 88, 12, .35) !important;
  background: #fffaf4 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:not([data-theme="night"]) :where(.tb-upload-drop, [data-commercial-upload]):hover {
  border-color: #ea580c !important;
  background: #fff3e8 !important;
}

/* 字段标题统一字重字色 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:not([data-theme="night"]) .tb-specific-form :where(.tb-field > span, label > span, legend, section > strong) {
  color: #241a12 !important;
  font-weight: 800 !important;
}

/* 主提交按钮：焰火渐变 + 光晕 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-specific-form, .tb-form-actions, .tb-compose-submit, .tb-studio-submit) .tb-btn.primary {
  background: linear-gradient(110deg, #f97316, #dc2626) !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 24px rgba(220, 38, 38, .28) !important;
}

/* 创作身份/生成上下文区：暖卡化 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:not([data-theme="night"]) .tb-generation-context {
  border: 0 !important;
  border-radius: 14px !important;
  background: #faf8f4 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"]:not([data-theme="night"]) .tb-generation-context-grid > :where(button, a, label) {
  border-radius: 12px !important;
  border: 1px solid rgba(36, 26, 18, .1) !important;
  background: #fff !important;
}

/* ============ 焰火市集 v6：工具操作页信息架构（页首大标题 / 主面板 / 步骤引导 / 示例胶囊，2026-07-25） ============ */

/* —— 页首：居中大标题 + 焰橙关键词 + 副标题 + 扣点胶囊 —— */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-pagehead {
  display: block !important;
  margin: 0 0 18px !important;
  padding: 26px 24px 22px !important;
  border: 1px solid rgba(249, 115, 22, .16) !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, #fffaf4, #fff) !important;
  box-shadow: 0 10px 28px rgba(36, 26, 18, .05) !important;
  text-align: center !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-pagehead .tb-v6-pagehead-kicker {
  display: inline-flex !important;
  align-items: center !important;
  margin-bottom: 10px !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  background: rgba(249, 115, 22, .1) !important;
  color: #c2410c !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-pagehead h2 {
  margin: 0 0 8px !important;
  font-size: 30px !important;
  line-height: 1.28 !important;
  font-weight: 900 !important;
  color: #241a12 !important;
  letter-spacing: -.01em !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-pagehead h2 .tb-v6-accent {
  background: linear-gradient(110deg, #f97316, #dc2626) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #dc2626 !important;
  margin-left: 6px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-pagehead > p {
  max-width: 720px !important;
  margin: 0 auto !important;
  font-size: 14.5px !important;
  line-height: 1.7 !important;
  color: #6b5b4d !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-pagehead-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-top: 14px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-pagehead-meta > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-cost-pill {
  border: 1px solid rgba(220, 38, 38, .2) !important;
  background: linear-gradient(110deg, rgba(249, 115, 22, .12), rgba(220, 38, 38, .1)) !important;
  color: #b91c1c !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-kind-pill {
  border: 1px solid rgba(36, 26, 18, .1) !important;
  background: #faf8f4 !important;
  color: #6b5b4d !important;
}

/* 页首存在时，旧 hero 收缩为紧凑信息条，避免两个大标题打架 */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-pagehead + .tb-tool-hero {
  padding: 14px 18px !important;
  border-radius: 16px !important;
  background: #fff !important;
  border: 1px solid rgba(36, 26, 18, .07) !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-pagehead + .tb-tool-hero :where(h1, h2, h3) {
  font-size: 17px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-pagehead + .tb-tool-hero .tb-kicker {
  display: none !important;
}

/* —— 主面板：焰橙细描边 + 白底 + 大圆角 —— */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-panel.tb-v6-main-panel {
  border: 1px solid rgba(249, 115, 22, .22) !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 12px 32px rgba(36, 26, 18, .06) !important;
}

/* —— 上传角标：必填/选填 · N 张 —— */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-upload-drop[data-v6-upload] {
  position: relative !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-upload-badge {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 2 !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(36, 26, 18, .12) !important;
  background: #faf8f4 !important;
  color: #6b5b4d !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  line-height: 1.6 !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-upload-badge.required {
  border-color: rgba(220, 38, 38, .26) !important;
  background: linear-gradient(110deg, rgba(249, 115, 22, .14), rgba(220, 38, 38, .12)) !important;
  color: #b91c1c !important;
}

/* —— 空结果区 Step1→2→3 引导 —— */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-steps {
  display: block !important;
  margin-top: 14px !important;
  padding: 16px !important;
  border: 1px dashed rgba(249, 115, 22, .3) !important;
  border-radius: 16px !important;
  background: #fffaf4 !important;
  text-align: left !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-steps .tb-v6-steps-title {
  display: block !important;
  margin-bottom: 12px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  color: #c2410c !important;
  letter-spacing: .04em !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-steps ol {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  counter-reset: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-steps ol > li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 11px 12px !important;
  border: 1px solid rgba(36, 26, 18, .07) !important;
  border-radius: 12px !important;
  background: #fff !important;
  list-style: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-steps ol > li > b {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 8px !important;
  background: linear-gradient(140deg, #f97316, #dc2626) !important;
  color: #fff !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  font-variant-numeric: tabular-nums !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-steps ol > li > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-steps ol > li strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  color: #241a12 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-steps ol > li span {
  font-size: 12.5px !important;
  line-height: 1.6 !important;
  color: #6b5b4d !important;
}

/* —— 示例即点即用胶囊 —— */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-example-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 14px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(249, 115, 22, .18) !important;
  border-radius: 14px !important;
  background: #fffaf4 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-example-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  color: #c2410c !important;
  white-space: nowrap !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] button.tb-v6-example-chip {
  padding: 6px 14px !important;
  border: 1px solid rgba(220, 38, 38, .22) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #b91c1c !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition: background .15s ease, border-color .15s ease, transform .15s ease !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] button.tb-v6-example-chip:hover {
  background: linear-gradient(110deg, rgba(249, 115, 22, .14), rgba(220, 38, 38, .12)) !important;
  border-color: #ea580c !important;
  transform: translateY(-1px) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-example-strip > small {
  flex: 1 1 220px !important;
  min-width: 0 !important;
  font-size: 12px !important;
  color: #8a7565 !important;
}

/* —— CTA 里的扣点小字 —— */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-btn.primary > small.tb-v6-cta-cost {
  display: inline-flex !important;
  align-items: center !important;
  margin-left: 8px !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .22) !important;
  color: #fff !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums !important;
  opacity: 1 !important;
}

/* —— 夜间模式重映射 —— */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] .tb-v6-pagehead {
  background: linear-gradient(180deg, rgba(249, 115, 22, .1), rgba(29, 24, 20, .6)) !important;
  border-color: rgba(249, 115, 22, .26) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] .tb-v6-pagehead h2 {
  color: #f7f2ec !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] .tb-v6-pagehead > p,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] .tb-v6-steps ol > li span {
  color: #c8bcb0 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] :where(.tb-v6-steps, .tb-v6-example-strip) {
  background: rgba(36, 26, 18, .5) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] .tb-v6-steps ol > li,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] button.tb-v6-example-chip {
  background: rgba(20, 16, 13, .72) !important;
  border-color: rgba(249, 115, 22, .22) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"][data-theme="night"] .tb-v6-steps ol > li strong {
  color: #f7f2ec !important;
}

/* —— 手机端 —— */
@media (max-width: 720px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-pagehead {
    padding: 20px 16px 18px !important;
    border-radius: 16px !important;
  }

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

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-v6-pagehead h2 .tb-v6-accent {
    margin-left: 0 !important;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-panel.tb-v6-main-panel {
    border-radius: 16px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] button.tb-v6-example-chip {
    transition: none !important;
    transform: none !important;
  }
}

/* ============ 焰火市集 v6.1 扫尾（2026-07-25）：special 面板横幅去紫化 + hub 横幅 kicker 对比度 ============ */

/* —— viral-copy：爆款文案生成器头部，历史粉紫渐变 → 暖米底 + 焰橙描边（与 v6 pagehead 同语言） —— */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-viral-reference-head {
  border: 1px solid rgba(249, 115, 22, .18) !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, #fffaf4, #fff) !important;
  box-shadow: 0 10px 28px rgba(36, 26, 18, .05) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-viral-reference-head h3 {
  color: #241a12 !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-viral-reference-head h3 i {
  color: #ea580c !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-viral-reference-head p {
  color: #6b5b4d !important;
}

/* —— creation-studio：紫色 accent 与淡紫头部渐变 → 焰火 token —— */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-creation-studio, .tb-assigned-studio, .tb-batch-poster-studio, .tb-photo-note-studio, .tb-persona-studio),
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-creation-studio.tone-violet,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-creation-studio.tone-indigo {
  --studio-accent: #ea580c;
  --studio-soft: #fff3e8;
  border-color: rgba(249, 115, 22, .14) !important;
  background: linear-gradient(145deg, #fffdfa 0%, #fffaf4 55%, #fff7f0 100%) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-studio-intro,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-assigned-studio > header,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-batch-poster-studio > header,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-photo-note-studio > header {
  background: linear-gradient(115deg, rgba(249, 115, 22, .12), rgba(220, 38, 38, .06) 55%, rgba(245, 158, 11, .1)) !important;
  border-bottom: 1px solid rgba(249, 115, 22, .16) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-studio-intro > a,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-assigned-studio > header > a {
  border-color: rgba(249, 115, 22, .3) !important;
  color: #c2410c !important;
}

/* —— 中心页渐变横幅 kicker：品牌橙撞渐变底看不清 → 半透明白胶囊 + 白字（六色横幅通用） —— */
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-tool-hub .tb-tool-hub-head > div > span {
  display: inline-flex !important;
  align-items: center !important;
  margin-bottom: 8px !important;
  padding: 4px 12px !important;
  border: 1px solid rgba(255, 255, 255, .34) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .18) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
}

/* Works library, editor and mobile publish flow */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-page {
  --works-space-xs: 4px;
  --works-space-sm: 8px;
  --works-space-md: 12px;
  --works-space-lg: 16px;
  display: grid;
  gap: var(--works-space-lg);
  min-width: 0;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-topbar {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--works-space-md);
  padding-bottom: var(--works-space-md);
  border-bottom: 1px solid var(--lx-line);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-tabs,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-actions,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-filter-mode,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-time-filter {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: var(--works-space-xs);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-tabs {
  overflow-x: auto;
  border: 1px solid var(--lx-line);
  border-radius: var(--lx-control-radius);
  background: var(--lx-surface-2);
  padding: var(--works-space-xs);
  scrollbar-width: none;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-tabs::-webkit-scrollbar {
  display: none;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-tabs button,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-filter-mode button,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-time-filter button {
  min-height: 40px;
  flex: 0 0 auto;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--lx-muted);
  padding: 0 14px;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-tabs button:is(.active, :hover),
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-filter-mode button:is(.active, :hover),
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-time-filter button:is(.active, :hover) {
  background: var(--lx-surface);
  color: var(--lx-brand-hover);
  box-shadow: 0 2px 6px rgb(87 56 33 / 10%);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-tabs button.active {
  border-color: transparent !important;
  background: var(--lx-brand) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-actions {
  justify-content: flex-end;
  flex-wrap: wrap;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-actions .tb-btn {
  min-height: 40px;
  padding: 0 12px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-filters {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(280px, 1fr) minmax(220px, 320px) auto;
  align-items: center;
  gap: var(--works-space-md);
  border: 1px solid var(--lx-line);
  border-radius: var(--lx-radius);
  background: var(--lx-surface);
  padding: var(--works-space-md);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-filter-mode {
  border-radius: 7px;
  background: var(--lx-surface-2);
  padding: var(--works-space-xs);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-filter-mode > span {
  padding: 0 var(--works-space-sm);
  color: var(--lx-muted);
  font-size: 12px;
  white-space: nowrap;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-time-filter {
  overflow-x: auto;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-time-filter button {
  min-height: 36px;
  border: 1px solid transparent;
  padding: 0 10px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-time-filter button.active {
  border-color: #fed7aa;
  background: var(--lx-brand-soft);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-search {
  min-width: 0;
  min-height: 40px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) 36px;
  align-items: center;
  gap: var(--works-space-xs);
  border: 1px solid var(--lx-line-strong);
  border-radius: var(--lx-control-radius);
  background: #fff;
  padding-left: 10px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-search:focus-within {
  border-color: var(--lx-brand);
  box-shadow: 0 0 0 3px var(--lx-brand-ring);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-search input,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-search button {
  min-width: 0;
  min-height: 36px;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-search input {
  width: 100%;
  padding: 0 !important;
  color: var(--lx-ink);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-search input::placeholder {
  color: #665f59;
  opacity: 1;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-search button {
  cursor: pointer;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-filters output {
  color: var(--lx-muted);
  font-size: 12px;
  white-space: nowrap;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-selection {
  display: none;
  align-items: center;
  gap: var(--works-space-md);
  border-radius: var(--lx-control-radius);
  background: #fff7ed;
  padding: var(--works-space-sm) var(--works-space-md);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-page[data-multi-select="true"] .tb-works-selection {
  display: flex;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-selection form {
  display: flex;
  align-items: center;
  gap: var(--works-space-sm);
  margin-left: auto;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(178px, 1fr));
  align-items: start;
  gap: 18px 14px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-card {
  position: relative;
  min-width: 0;
  overflow: visible;
  border: 0;
  border-radius: 10px;
  background: var(--lx-surface);
  box-shadow: 0 3px 8px rgb(59 40 26 / 9%);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-card[hidden],
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-filter-empty[hidden],
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] [data-works-time-filter][hidden] {
  display: none !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-cover {
  position: relative;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
  background: #ebe7e2;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-cover-link {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  color: inherit;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-cover-link:focus-visible {
  outline: 3px solid var(--lx-focus);
  outline-offset: -3px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-cover-link > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 200ms cubic-bezier(.2, .8, .2, 1);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-card:hover .tb-works-cover-link > img,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-card:focus-within .tb-works-cover-link > img {
  transform: scale(1.025);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-cover-empty {
  width: 100%;
  height: 100%;
  display: grid;
  place-content: center;
  gap: var(--works-space-sm);
  color: var(--lx-muted);
  text-align: center;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-cover-empty i {
  color: var(--lx-brand);
  font-size: 34px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-kind,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-count {
  position: absolute;
  top: var(--works-space-sm);
  z-index: 2;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  gap: var(--works-space-xs);
  border-radius: 999px;
  background: rgb(28 25 23 / 78%);
  color: #fff;
  padding: 0 8px;
  font-size: 11px;
  font-weight: 700;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-kind { left: var(--works-space-sm); }
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-count { right: var(--works-space-sm); }

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-hover {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--works-space-sm);
  background: rgb(28 25 23 / 72%);
  padding: 20px;
  opacity: 0;
  pointer-events: auto;
  transition: opacity var(--lx-fast);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-card:hover .tb-works-hover,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-card:focus-within .tb-works-hover {
  opacity: 1;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-hover .tb-btn {
  min-height: 40px;
  justify-content: center;
  border: 0 !important;
  background: rgb(255 255 255 / 94%) !important;
  color: var(--lx-ink) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-open-form {
  margin: 0;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-open-form .tb-btn {
  width: 100%;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-hover .tb-btn.primary {
  background: var(--lx-brand) !important;
  color: #fff !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-copy {
  display: grid;
  gap: 6px;
  padding: 10px 11px 11px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-copy h3 {
  min-height: 42px;
  margin: 0;
  overflow: hidden;
  color: var(--lx-ink);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-copy h3 a {
  color: inherit;
  text-decoration: none;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-copy footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--works-space-sm);
  color: var(--lx-muted);
  font-size: 11px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-copy footer button {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--lx-muted);
  cursor: pointer;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-copy footer button:hover {
  background: var(--lx-brand-soft);
  color: var(--lx-brand-hover);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-selector {
  position: absolute;
  top: var(--works-space-sm);
  left: var(--works-space-sm);
  z-index: 5;
  display: none;
  align-items: center;
  gap: var(--works-space-xs);
  border-radius: 7px;
  background: #fff;
  padding: 5px 8px;
  color: var(--lx-ink);
  font-size: 12px;
  box-shadow: 0 2px 6px rgb(28 25 23 / 14%);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-page[data-multi-select="true"] .tb-works-selector {
  display: flex;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-selector input {
  width: 18px;
  height: 18px;
  accent-color: var(--lx-brand);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-page[data-multi-select="true"] .tb-works-card:has([data-post-select]:checked) {
  box-shadow: 0 0 0 3px var(--lx-brand-ring);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-hidden-copy,
.toolbox-body .tb-mobile-publish-clipboard {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-works-empty, .tb-works-filter-empty) {
  min-height: 260px;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: var(--works-space-sm);
  color: var(--lx-muted);
  text-align: center;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-works-empty, .tb-works-filter-empty) > i {
  color: var(--lx-brand);
  font-size: 36px;
}

/* Editor */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-page {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-topbar {
  position: sticky;
  top: 0;
  z-index: 4;
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid var(--lx-line);
  background: rgb(250 248 245 / 96%);
  padding: 8px 0 12px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-topbar > div:first-of-type {
  display: grid;
  gap: 2px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-topbar > div:first-of-type strong {
  font-size: 17px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-topbar > div:first-of-type span {
  color: var(--lx-muted);
  font-size: 12px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-topbar > div:last-child {
  display: flex;
  gap: 8px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-media,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-form,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-phone-preview,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-video-strip {
  min-width: 0;
  border: 1px solid var(--lx-line);
  border-radius: var(--lx-radius);
  background: var(--lx-surface);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-media {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-media > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-media > header > div {
  display: grid;
  gap: 2px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-media > header span {
  color: var(--lx-muted);
  font-size: 12px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-media-track {
  min-width: 0;
  display: flex;
  align-items: stretch;
  gap: 10px;
  overflow-x: auto;
  padding: 2px 2px 8px;
  scroll-snap-type: x proximity;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] :where(.tb-post-editor-media-card, .tb-post-editor-media-add, .tb-post-editor-media-empty) {
  width: 124px;
  min-width: 124px;
  aspect-ratio: 3 / 4;
  scroll-snap-align: start;
  border-radius: 8px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-media-card {
  position: relative;
  overflow: hidden;
  background: #ece8e3;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-media-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-media-card > label {
  position: absolute;
  top: 7px;
  right: 7px;
  z-index: 2;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 6px;
  background: rgb(28 25 23 / 78%);
  color: #fff;
  padding: 0 8px;
  font-size: 11px;
  cursor: pointer;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-media-card > label input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-media-card > label span {
  position: static;
  background: transparent;
  padding: 0;
  font: inherit;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-media-card > b {
  position: absolute;
  bottom: 7px;
  right: 7px;
  border-radius: 6px;
  background: rgb(28 25 23 / 76%);
  color: #fff;
  padding: 4px 7px;
  font-size: 11px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-media-card-actions {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  background: rgb(20 18 17 / 18%);
  padding: 8px;
  opacity: 0;
  transition: opacity 180ms ease-out;
  pointer-events: none;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-media-card:is(:hover, :focus-within) .tb-post-editor-media-card-actions {
  opacity: 1;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-media-card-actions button {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #1c1917;
  box-shadow: 0 2px 6px rgb(28 25 23 / 20%);
  cursor: pointer;
  pointer-events: auto;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-media-card-actions button:is(:hover, :focus-visible) {
  background: #fff7ed;
  color: var(--lx-brand-hover);
  outline: 2px solid var(--lx-brand-ring);
  outline-offset: 1px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-media-card-actions button:disabled {
  opacity: .36;
  cursor: not-allowed;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-media-card:has([data-post-image-remove]:checked) {
  opacity: .6;
  box-shadow: 0 0 0 3px rgb(220 38 38 / 24%);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-media-add,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-media-empty {
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 6px;
  border: 1px dashed var(--lx-line-strong);
  background: var(--lx-surface-2);
  color: var(--lx-muted);
  text-align: center;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-media-add input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-media-add i {
  color: var(--lx-brand);
  font-size: 28px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-layout {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 326px;
  align-items: start;
  gap: 16px;
  margin-top: 16px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-form {
  display: grid;
  gap: 14px;
  padding: 16px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-section {
  display: grid;
  gap: 7px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-section > label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--lx-ink);
  font-size: 13px;
  font-weight: 700;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-section > label span {
  color: var(--lx-muted);
  font-size: 11px;
  font-weight: 500;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-form :where(input, textarea) {
  width: 100%;
  min-height: 42px;
  border: 1px solid var(--lx-line-strong);
  border-radius: var(--lx-control-radius);
  background: #fff;
  color: var(--lx-ink);
  padding: 10px 12px;
  font: inherit;
  resize: vertical;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-form :where(input, textarea):focus {
  border-color: var(--lx-brand);
  box-shadow: 0 0 0 3px var(--lx-brand-ring);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-more {
  border-top: 1px solid var(--lx-line);
  padding-top: 12px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-more summary {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--lx-ink-2);
  font-weight: 700;
  cursor: pointer;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-more > div {
  display: grid;
  gap: 8px;
  padding-top: 10px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-form > footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-form > footer .tb-status {
  margin-right: auto;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-phone-preview {
  position: sticky;
  top: 76px;
  display: grid;
  gap: 12px;
  padding: 14px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-phone-preview > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-phone-preview > header span {
  color: var(--lx-muted);
  font-size: 11px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-phone {
  width: min(276px, 100%);
  max-height: 560px;
  justify-self: center;
  overflow: auto;
  border: 8px solid #292524;
  border-radius: 28px;
  background: #fff;
  scrollbar-width: none;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-phone::-webkit-scrollbar { display: none; }

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-phone-head {
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-phone-head b {
  width: 64px;
  height: 5px;
  border-radius: 999px;
  background: #292524;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-phone-author {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
  font-size: 11px;
  font-weight: 700;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-phone-author button {
  min-height: 28px;
  border: 0;
  border-radius: 6px;
  background: #ff2442;
  color: #fff;
  padding: 0 10px;
  font-size: 10px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-phone-media {
  position: relative;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: #eee9e3;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-phone-media > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-phone-media > button[data-post-preview-step] {
  position: absolute !important;
  inset: auto !important;
  top: 50% !important;
  bottom: auto !important;
  z-index: 3 !important;
  width: 36px !important;
  min-width: 36px !important;
  height: 52px !important;
  min-height: 0 !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(-50%) !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: rgb(28 25 23 / 26%) !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1 !important;
  opacity: 1 !important;
  cursor: pointer !important;
  touch-action: manipulation;
  transition: background-color 180ms ease, transform 180ms ease;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-phone-media > button[data-post-preview-step="prev"] {
  left: 8px !important;
  right: auto !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-phone-media > button[data-post-preview-step="next"] {
  right: 8px !important;
  left: auto !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-phone-media > button[data-post-preview-step]:is(:hover, :focus-visible) {
  background: rgb(28 25 23 / 56%) !important;
  outline: 2px solid rgb(255 255 255 / 92%) !important;
  outline-offset: -2px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-phone-media > span {
  position: absolute;
  right: 8px;
  bottom: 8px;
  border-radius: 999px;
  background: rgb(28 25 23 / 70%);
  color: #fff;
  padding: 3px 7px;
  font-size: 10px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-phone-empty {
  height: 100%;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 6px;
  color: var(--lx-muted);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-phone article {
  display: grid;
  gap: 8px;
  padding: 12px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-phone article h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-phone article p {
  max-height: 170px;
  margin: 0;
  overflow: hidden;
  color: var(--lx-ink-2);
  font-size: 11px;
  line-height: 1.65;
  white-space: pre-wrap;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-phone article small {
  color: var(--lx-brand-hover);
  line-height: 1.6;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-video-strip {
  display: grid;
  gap: 10px;
  margin-top: 16px;
  padding: 14px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-video-strip .tb-post-videos {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 380px));
  gap: 12px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-video-strip .tb-video-result-card {
  width: 100%;
  max-width: 380px;
  box-shadow: none;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-video-strip .tb-video-player {
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 214px;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-video-strip .tb-video-player video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-actions {
  position: sticky;
  bottom: 12px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 16px;
  background: #fff;
  padding: 12px 14px;
  box-shadow: 0 3px 8px rgb(28 25 23 / 14%);
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-actions .tb-status {
  margin-right: auto;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-btn.success,
.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-btn.success:disabled {
  background: #16a34a;
  color: #fff;
  opacity: 1;
}

/* QR dialog */

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-publish-dialog {
  width: min(460px, calc(100vw - 24px)) !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 18px !important;
  box-shadow: 0 12px 32px rgb(28 25 23 / 24%) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-publish-dialog::backdrop {
  background: rgb(28 25 23 / 58%) !important;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-publish-dialog .tb-publish-qr {
  display: grid !important;
  justify-items: center;
  gap: 10px !important;
  border: 0 !important;
  padding: 8px 0 !important;
  text-align: center;
}

.toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-publish-dialog .tb-publish-qr canvas {
  width: 196px !important;
  border: 10px solid #fff;
  box-shadow: 0 3px 8px rgb(28 25 23 / 12%);
}

/* Standalone mobile publish page */

.toolbox-body .tb-mobile-publish-screen {
  min-height: 100dvh;
  background: #f5f4f2;
  color: #1c1917;
  font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
}

.toolbox-body .tb-mobile-publish-shell {
  position: relative;
  width: min(680px, 100%);
  min-height: 100dvh;
  margin: 0 auto;
  background: #fff;
  padding-bottom: 318px;
}

.toolbox-body .tb-mobile-publish-head {
  position: sticky;
  top: 0;
  z-index: 3;
  min-height: 58px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 44px;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid #e7e2dd;
  background: rgb(255 255 255 / 96%);
  padding: 6px 12px;
}

.toolbox-body .tb-mobile-publish-head > :where(button, a) {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 9px;
  background: #f5f1ec;
  color: #292524;
  font-size: 19px;
}

.toolbox-body .tb-mobile-publish-head > div {
  min-width: 0;
  display: grid;
  justify-items: center;
}

.toolbox-body .tb-mobile-publish-head strong { font-size: 16px; }
.toolbox-body .tb-mobile-publish-head span { color: #6b625c; font-size: 10px; }

.toolbox-body .tb-mobile-publish-gallery {
  min-width: 0;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 14px 14px 8px;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.toolbox-body .tb-mobile-publish-gallery::-webkit-scrollbar { display: none; }

.toolbox-body .tb-mobile-publish-gallery figure {
  position: relative;
  width: calc(100% - 28px);
  min-width: calc(100% - 28px);
  max-height: 72dvh;
  margin: 0;
  overflow: hidden;
  border-radius: 10px;
  background: #eee9e3;
  scroll-snap-align: center;
}

.toolbox-body .tb-mobile-publish-gallery figure img {
  width: 100%;
  max-height: 72dvh;
  display: block;
  object-fit: contain;
}

.toolbox-body .tb-mobile-publish-gallery figcaption {
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  background: rgb(28 25 23 / 76%);
  color: #fff;
  padding: 4px 5px 4px 10px;
  font-size: 11px;
}

.toolbox-body .tb-mobile-publish-gallery figcaption a {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #fff;
  color: #c2410c;
}

.toolbox-body .tb-mobile-publish-empty {
  width: calc(100% - 28px);
  min-height: 300px;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 8px;
  border-radius: 10px;
  background: #f5f1ec;
  color: #6b625c;
}

.toolbox-body .tb-mobile-publish-empty i { color: #ea580c; font-size: 34px; }

.toolbox-body .tb-mobile-publish-copy {
  display: grid;
  gap: 10px;
  padding: 16px 18px 28px;
}

.toolbox-body .tb-mobile-publish-copy h1 {
  margin: 0;
  font-size: 20px;
  line-height: 1.45;
  text-wrap: pretty;
}

.toolbox-body .tb-mobile-publish-copy p {
  margin: 0;
  color: #44403c;
  font-size: 15px;
  line-height: 1.8;
  white-space: pre-wrap;
}

.toolbox-body .tb-mobile-publish-copy > strong {
  color: #c2410c;
  font-size: 14px;
  line-height: 1.7;
}

.toolbox-body .tb-mobile-publish-tools {
  position: fixed;
  right: max(14px, calc((100vw - 680px) / 2 + 14px));
  top: 32dvh;
  z-index: 2;
  display: grid;
  gap: 8px;
}

.toolbox-body .tb-mobile-publish-tools > :where(button, a) {
  width: 52px;
  min-height: 52px;
  display: grid;
  place-items: center;
  gap: 1px;
  border: 1px solid #e7e2dd;
  border-radius: 10px;
  background: #fff;
  color: #c2410c;
  padding: 5px;
  font-size: 16px;
  box-shadow: 0 3px 8px rgb(28 25 23 / 12%);
}

.toolbox-body .tb-mobile-publish-tools span {
  color: #44403c;
  font-size: 10px;
}

.toolbox-body .tb-mobile-publish-shell > [data-publish-status] {
  position: fixed;
  top: 72px;
  left: 50%;
  z-index: 5;
  width: min(520px, calc(100vw - 32px));
  transform: translateX(-50%);
}

.toolbox-body .tb-mobile-publish-shell > [data-publish-fallback] {
  margin: 0 18px 18px;
  border-radius: 10px;
  background: #fff7ed;
  padding: 12px;
  color: #7c2d12;
}

.toolbox-body .tb-mobile-publish-bar {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 4;
  width: min(680px, 100%);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
  gap: 8px;
  margin: 0 auto;
  border-top: 1px solid #e7e2dd;
  background: rgb(255 255 255 / 97%);
  padding: 10px 14px max(10px, env(safe-area-inset-bottom));
  box-shadow: 0 -6px 14px rgb(28 25 23 / 9%);
}

.toolbox-body .tb-mobile-publish-bar .tb-platform-segmented {
  grid-column: 1 / -1;
  min-height: 42px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  border-radius: 8px;
  background: #f5f1ec;
  padding: 4px;
}

.toolbox-body .tb-mobile-publish-bar .tb-platform-segmented label {
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  color: #6b625c;
  font-size: 13px;
  font-weight: 700;
}

.toolbox-body .tb-mobile-publish-bar .tb-platform-segmented label:has(input:checked) {
  background: #fff;
  color: #c2410c;
  box-shadow: 0 2px 6px rgb(28 25 23 / 10%);
}

.toolbox-body .tb-mobile-publish-bar input { position: absolute; opacity: 0; }

.toolbox-body .tb-mobile-publish-bar > :where(a, button) {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 0;
  border-radius: 9px;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
}

.toolbox-body .tb-mobile-download-all {
  background: #f5f1ec;
  color: #44403c;
}

.toolbox-body .tb-mobile-publish-bar .tb-publish-primary-action {
  background: #ea580c;
  color: #fff;
}

.toolbox-body .tb-mobile-publish-bar .tb-mobile-publish-confirm {
  grid-column: 1 / -1;
  background: #171a21;
  color: #fff;
}

.toolbox-body .tb-mobile-publish-bar .tb-mobile-publish-confirm:disabled {
  background: #16a34a;
  opacity: 1;
}

.toolbox-body .tb-mobile-publish-bar > p {
  grid-column: 1 / -1;
  margin: 0;
  color: #6b625c;
  font-size: 10px;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 1180px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-filters {
    grid-template-columns: minmax(0, 1fr) minmax(220px, 300px) auto;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-filter-mode {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-layout {
    grid-template-columns: minmax(0, 1fr) 300px;
  }
}

@media (max-width: 900px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-topbar {
    align-items: stretch;
    flex-direction: column;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-actions {
    justify-content: flex-start;
  }

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

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-time-filter {
    grid-column: 1 / -1;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-layout {
    grid-template-columns: 1fr;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-phone-preview {
    position: static;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-phone {
    width: min(320px, 100%);
  }
}

@media (max-width: 620px) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 8px;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-filters {
    grid-template-columns: 1fr;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-filter-mode,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-time-filter,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-search,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-filters output {
    grid-column: 1;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-filter-mode,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-time-filter {
    overflow-x: auto;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-actions .tb-btn {
    flex: 1 1 120px;
    justify-content: center;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-selection {
    align-items: stretch;
    flex-direction: column;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-selection form {
    margin-left: 0;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-hover {
    display: none;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-copy h3 {
    min-height: 38px;
    font-size: 13px;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-topbar {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-topbar > .tb-btn:first-child {
    width: 44px;
    padding: 0;
    overflow: hidden;
    font-size: 0;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-topbar > .tb-btn:first-child i {
    font-size: 16px;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-topbar > div:last-child {
    grid-column: 1 / -1;
  }

  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-post-editor-topbar > div:last-child .tb-btn {
    flex: 1;
    justify-content: center;
  }

  .toolbox-body .tb-mobile-publish-gallery figure,
  .toolbox-body .tb-mobile-publish-empty {
    width: calc(100% - 18px);
    min-width: calc(100% - 18px);
  }
}

@media (hover: none) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-card .tb-works-kind {
    top: auto;
    bottom: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-cover > img,
  .toolbox-body .tb-app[data-app-shell][data-ui-revision="3"] .tb-works-hover {
    transition: none !important;
    transform: none !important;
  }
}