/* 视频号文案：不增加底部导航，保持暗夜玫瑰体系与移动端单列节奏。 */

/* 临时关闭学员端爆款对标入口。页面、接口与数据均保留；将根节点开关改为 on 即可恢复。 */
html[data-benchmark-library="off"] [data-feature="benchmark-library"] { display: none !important; }
html[data-benchmark-library="off"] .home-feature-video { grid-column: 1 / -1; }
html[data-benchmark-library="off"] .tool-source-shortcuts { grid-template-columns: minmax(0, 1fr); }

.home-feature-benchmark {
  grid-column: auto;
  grid-template-columns: 2rem minmax(0, 1fr);
  min-height: 4.5rem;
}
.home-feature-benchmark .benchmark-feature-icon { width: 2rem; height: 2rem; border: 0; background: transparent; }
.home-feature-benchmark .benchmark-feature-icon svg { width: 1.75rem; height: 1.75rem; }
.home-feature-badge { display: none !important; }
.home-feature-video {
  border-color: rgba(236, 103, 154, .3);
  background: radial-gradient(circle at 100% 0, rgba(223, 55, 122, .16), transparent 7rem), rgba(24, 18, 24, .92);
}

.tool-video-entry,
.tool-benchmark-entry {
  margin-top: .65rem;
}
.tool-video-entry {
  display: grid;
  width: 100%;
  min-height: 4.25rem;
  grid-template-columns: 2.35rem minmax(0, 1fr) 1rem;
  align-items: center;
  gap: .75rem;
  padding: .7rem .8rem;
  border: 1px solid rgba(236, 103, 154, .32);
  border-radius: var(--radius-md);
  background: linear-gradient(145deg, rgba(71, 24, 48, .72), rgba(34, 21, 30, .82));
  color: var(--text);
  text-align: left;
}
.tool-video-entry-icon {
  display: grid;
  width: 2.35rem;
  height: 2.35rem;
  place-items: center;
  border: 1px solid rgba(236, 103, 154, .3);
  border-radius: .75rem;
  background: rgba(116, 29, 66, .35);
}
.tool-video-entry-icon svg { width: 1.4rem; height: 1.4rem; color: var(--rose-300); }
.tool-video-entry > span:nth-child(2) { display: grid; min-width: 0; gap: .1rem; }
.tool-video-entry strong { font-size: .9rem; }
.tool-video-entry small { overflow: hidden; color: var(--muted); font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.tool-video-entry .home-chevron { width: 1rem; color: var(--subtle); }

/* AI 改稿首屏：把两个低频来源收成快捷入口，让输入区更早进入视野。 */
.tool-chat-head .eyebrow { display: none; }
.tool-chat-head h2 { margin-top: 0; }
.tool-source-shortcuts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .5rem;
  margin-top: .65rem;
}
.tool-source-shortcuts .tool-video-entry,
.tool-source-shortcuts .tool-benchmark-entry {
  min-height: 4rem;
  grid-template-columns: 2rem minmax(0, 1fr) .8rem;
  gap: .5rem;
  margin-top: 0;
  padding: .6rem;
  border-radius: var(--radius-sm);
}
.tool-source-shortcuts .tool-video-entry-icon,
.tool-source-shortcuts .tool-benchmark-entry-icon {
  width: 2rem;
  height: 2rem;
  border-radius: .65rem;
}
.tool-source-shortcuts .tool-video-entry-icon svg,
.tool-source-shortcuts .tool-benchmark-entry-icon svg {
  width: 1.15rem;
  height: 1.15rem;
}
.tool-source-shortcuts strong {
  overflow: hidden;
  font-size: .78rem;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tool-source-shortcuts small { font-size: .65rem; }
.tool-source-shortcuts .home-chevron { width: .8rem; }

.tool-thread:not(.has-content) {
  min-height: calc(100dvh - 18.25rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  padding-block: .65rem;
}
.tool-thread:not(.has-content)::after { display: none; }
.compact-welcome {
  display: grid;
  min-height: 4rem;
  grid-template-columns: 2rem minmax(0, 1fr);
  align-items: center;
  gap: .65rem;
  padding: .65rem .75rem;
  border: 1px solid rgba(236,103,154,.15);
  border-radius: var(--radius-sm);
  background: linear-gradient(145deg, rgba(28,20,27,.88), rgba(16,12,17,.88));
}
.compact-welcome .assistant-avatar { width: 2rem; height: 2rem; }
.compact-welcome > p { display: grid; min-width: 0; gap: .08rem; }
.compact-welcome strong { font-size: .82rem; line-height: 1.35; }
.compact-welcome span {
  overflow: hidden;
  color: var(--subtle);
  font-size: .7rem;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 22.5rem) {
  .tool-chat-head { align-items: center; flex-direction: row; gap: .5rem; }
  .tool-chat-head h2 { font-size: 1rem; }
  .tool-profile-sync {
    min-width: 0;
    align-self: auto;
    padding: .45rem .5rem;
    font-size: .65rem;
  }
  .tool-source-shortcuts small { display: none; }
  .tool-source-shortcuts .tool-video-entry,
  .tool-source-shortcuts .tool-benchmark-entry {
    min-height: 3.5rem;
    grid-template-columns: 1.85rem minmax(0, 1fr);
    padding: .5rem;
  }
  .tool-source-shortcuts .tool-video-entry-icon,
  .tool-source-shortcuts .tool-benchmark-entry-icon { width: 1.85rem; height: 1.85rem; }
  .tool-source-shortcuts .home-chevron { display: none; }
}

.video-view {
  min-width: 0;
  padding-top: .8rem;
  padding-bottom: calc(var(--nav-height) + env(safe-area-inset-bottom) + 1.5rem) !important;
}
.video-page-head {
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .7rem;
}
.video-page-head h2 { margin-top: .08rem; font-size: clamp(1.08rem, 5.2vw, 1.35rem); line-height: 1.2; }
.video-page-head .eyebrow { font-size: .7rem; }
.video-back {
  display: grid;
  width: 2.75rem;
  height: 2.75rem;
  place-items: center;
  border: 1px solid rgba(201,187,195,.17);
  border-radius: .85rem;
  background: rgba(29,23,29,.86);
  color: var(--text-soft);
}
.video-back svg { width: 1.2rem; height: 1.2rem; }
.video-formula-badge {
  display: inline-flex;
  min-height: 2rem;
  align-items: center;
  padding: .35rem .62rem;
  border: 1px solid rgba(243,154,188,.24);
  border-radius: 999px;
  background: rgba(90,28,57,.34);
  color: var(--rose-300);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .04em;
}
.video-intro { margin: .8rem 0 .75rem; color: var(--muted); font-size: .83rem; line-height: 1.65; }
.video-profile-status {
  display: grid;
  width: 100%;
  min-height: 3.75rem;
  grid-template-columns: 1.5rem minmax(0,1fr) 1rem;
  align-items: center;
  gap: .65rem;
  padding: .65rem .75rem;
  border: 1px solid rgba(201,187,195,.17);
  border-radius: .85rem;
  background: rgba(28,21,28,.82);
  color: var(--text-soft);
  text-align: left;
}
.video-profile-status > svg:first-child { width: 1.3rem; color: var(--rose-300); }
.video-profile-status > span { display: grid; gap: .05rem; }
.video-profile-status strong { font-size: .8rem; }
.video-profile-status small { color: var(--subtle); font-size: .7rem; }
.video-profile-status.is-ready { border-color: rgba(79,209,154,.24); }
.video-profile-status.is-ready > svg:first-child { color: var(--success); }
.video-profile-status .home-chevron { width: 1rem; color: var(--subtle); }

.video-script-form { display: grid; gap: .85rem; margin-top: .85rem; }
.video-script-form .field textarea { min-height: 5.8rem; resize: none; }
.video-script-form .field:first-child textarea { min-height: 4.8rem; }
.video-script-form .field > span small { color: var(--subtle); font-size: .72rem; font-weight: 500; }
.video-assistant-prompt {
  display: grid;
  min-height: 4.2rem;
  grid-template-columns: .65rem minmax(0,1fr);
  align-items: start;
  gap: .7rem;
  padding: .8rem .85rem;
  border: 1px solid rgba(236,103,154,.18);
  border-radius: .9rem;
  background: linear-gradient(145deg,rgba(50,25,40,.78),rgba(25,19,25,.82));
}
.video-assistant-dot { width: .55rem; height: .55rem; margin-top: .35rem; border-radius: 50%; background: var(--rose-300); box-shadow: 0 0 0 .3rem rgba(236,103,154,.1); }
.video-assistant-prompt p { display: grid; gap: .22rem; }
.video-assistant-prompt strong { color: var(--text-soft); font-size: .86rem; line-height: 1.45; }
.video-assistant-prompt small { color: var(--subtle); font-size: .72rem; line-height: 1.45; }
.video-simple-input textarea {
  min-height: 7.2rem !important;
  padding: .9rem;
  border-color: rgba(236,103,154,.24);
  background: rgba(24,18,24,.92);
  font-size: 1rem;
  line-height: 1.65;
}
.video-purpose { min-width: 0; margin: 0; padding: 0; border: 0; }
.video-purpose legend { margin-bottom: .55rem; color: var(--text-soft); font-size: .875rem; font-weight: 650; }
.video-chip-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .48rem; }
.video-chip-grid label { min-width: 0; }
.video-chip-grid input { position: absolute; opacity: 0; pointer-events: none; }
.video-chip-grid span {
  display: grid;
  min-height: 44px;
  place-items: center;
  padding: .45rem .25rem;
  border: 1px solid rgba(201,187,195,.18);
  border-radius: .72rem;
  background: rgba(28,22,28,.82);
  color: var(--muted);
  font-size: .75rem;
  font-weight: 700;
}
.video-chip-grid input:checked + span { border-color: rgba(236,103,154,.58); background: rgba(104,28,63,.52); color: var(--rose-300); }
.video-chip-grid input:focus-visible + span { outline: 2px solid var(--focus); outline-offset: 2px; }
.video-advanced {
  border: 1px solid rgba(201,187,195,.16);
  border-radius: .9rem;
  background: rgba(24,19,24,.72);
}
.video-advanced summary { display: flex; min-height: 3.25rem; align-items: center; justify-content: space-between; padding: .7rem .8rem; cursor: pointer; list-style: none; }
.video-advanced summary::-webkit-details-marker { display: none; }
.video-advanced summary span { font-size: .84rem; font-weight: 700; }
.video-advanced summary small { color: var(--subtle); font-size: .7rem; }
.video-advanced-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; padding: 0 .8rem .8rem; }
.video-generate { min-height: 3.25rem; gap: .5rem; box-shadow: 0 10px 30px rgba(217,59,121,.2); }
.video-generate svg { width: 1.15rem; height: 1.15rem; }

.video-result {
  display: grid;
  gap: .85rem;
  margin-top: 1.15rem;
  padding: 1rem;
  border: 1px solid rgba(236,103,154,.28);
  border-radius: 1.1rem;
  background: radial-gradient(circle at 100% 0,rgba(217,59,121,.12),transparent 12rem),linear-gradient(150deg,rgba(35,21,30,.98),rgba(18,14,18,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035),0 16px 38px rgba(0,0,0,.18);
}
.video-result-head { display: flex; align-items: flex-start; justify-content: space-between; gap: .8rem; }
.video-result-head h3 { margin-top: .15rem; font-size: 1.1rem; }
.video-result-head > span { flex: 0 0 auto; padding: .28rem .5rem; border-radius: 999px; background: rgba(103,29,65,.34); color: var(--rose-300); font-size: .68rem; font-weight: 700; }
.video-quality { display: flex; flex-wrap: wrap; gap: .38rem; }
.video-quality span { padding: .24rem .45rem; border: 1px solid rgba(79,209,154,.2); border-radius: 999px; color: #85dfb4; font-size: .65rem; font-weight: 650; }
.video-result-script { min-height: 8rem; padding: .9rem; border: 1px solid rgba(201,187,195,.15); border-radius: .85rem; background: rgba(12,9,12,.58); color: var(--text-soft); font-size: .9rem; line-height: 1.85; white-space: pre-wrap; overflow-wrap: anywhere; }
.video-primary-actions { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(0,.9fr); gap: .55rem; }
.video-primary-actions button { min-width: 0; min-height: 46px; padding-inline: .6rem; font-size: .8rem; }
.video-primary-actions svg { width: 1rem; height: 1rem; }
.video-action-bar { display: grid; grid-template-columns: .8fr 1.1fr 1.15fr; gap: .42rem; }
.video-action-bar > button,
.video-quick-adjust > summary {
  display: inline-flex;
  min-width: 0;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: .32rem;
  padding: .45rem .5rem;
  border: 1px solid rgba(201,187,195,.17);
  border-radius: .72rem;
  background: rgba(30,23,29,.88);
  color: var(--text-soft);
  font-size: .72rem;
  font-weight: 750;
  white-space: nowrap;
}
.video-action-bar > .video-copy-action { border-color: rgba(236,103,154,.48); background: linear-gradient(135deg,rgba(177,43,96,.92),rgba(218,52,119,.96)); color: #fff; }
.video-action-bar svg { width: .9rem; height: .9rem; flex: 0 0 auto; }
.video-copy-action svg { width: 1rem; height: 1rem; }
.video-action-bar > button:active,
.video-quick-adjust > summary:active { border-color: rgba(236,103,154,.45); background: rgba(87,27,55,.46); color: var(--rose-300); }
.video-quick-adjust { position: relative; min-width: 0; }
.video-quick-adjust > summary { width: 100%; cursor: pointer; list-style: none; }
.video-quick-adjust > summary::-webkit-details-marker { display: none; }
.video-quick-adjust > summary svg { transition: transform 180ms ease; }
.video-quick-adjust[open] > summary svg { transform: rotate(180deg); }
.video-quick-menu {
  position: absolute;
  z-index: 8;
  top: calc(100% + .4rem);
  right: 0;
  display: grid;
  width: 8.75rem;
  gap: .25rem;
  padding: .35rem;
  border: 1px solid rgba(201,187,195,.2);
  border-radius: .8rem;
  background: #1b141a;
  box-shadow: 0 14px 30px rgba(0,0,0,.34);
}
.video-quick-menu button {
  min-height: 42px;
  padding: .45rem .6rem;
  border: 0;
  border-radius: .6rem;
  background: transparent;
  color: var(--text-soft);
  font-size: .72rem;
  font-weight: 700;
  text-align: left;
}
.video-quick-menu button:active { background: rgba(104,28,63,.52); color: var(--rose-300); }
.video-conversation-composer {
  display: grid;
  gap: .6rem;
  padding-top: .85rem;
  border-top: 1px solid rgba(201,187,195,.14);
}
.video-conversation-heading { display: flex; align-items: baseline; justify-content: space-between; gap: .75rem; }
.video-conversation-heading strong { color: var(--text-soft); font-size: .84rem; }
.video-conversation-heading small { color: var(--subtle); font-size: .66rem; text-align: right; }
.video-conversation-input {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: end;
  gap: .5rem;
  padding: .38rem;
  border: 1px solid rgba(236,103,154,.3);
  border-radius: .9rem;
  background: rgba(12,9,12,.68);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
.video-conversation-input:focus-within { border-color: rgba(244,130,174,.72); box-shadow: 0 0 0 3px rgba(236,103,154,.09); }
.video-conversation-input label { min-width: 0; }
.video-conversation-input textarea {
  display: block;
  width: 100%;
  min-height: 46px;
  max-height: 8rem;
  padding: .72rem .6rem;
  overflow-y: auto;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--text-soft);
  font: inherit;
  font-size: 16px;
  line-height: 1.45;
  resize: none;
}
.video-conversation-input textarea::placeholder { color: var(--subtle); }
.video-conversation-input button {
  display: inline-flex;
  min-width: 4.4rem;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  gap: .3rem;
  padding: .55rem .7rem;
  border: 0;
  border-radius: .7rem;
  background: linear-gradient(135deg,#bc2b67,#df3a7d);
  color: #fff;
  font-size: .8rem;
  font-weight: 800;
  box-shadow: 0 7px 18px rgba(202,45,107,.22);
}
.video-conversation-input button svg { width: .95rem; height: .95rem; }
.video-conversation-input button:disabled { opacity: .55; box-shadow: none; }
.video-revision-trail { display: flex; gap: .4rem; overflow-x: auto; padding: .05rem 0 .25rem; scrollbar-width: none; }
.video-revision-trail::-webkit-scrollbar { display: none; }
.video-revision-chip {
  flex: 0 0 auto;
  max-width: 15rem;
  min-height: 36px;
  overflow: hidden;
  padding: .48rem .62rem;
  border: 1px solid rgba(201,187,195,.14);
  border-radius: .65rem;
  background: rgba(30,23,29,.72);
  color: var(--muted);
  font-size: .68rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.video-revision-chip.is-current { border-color: rgba(236,103,154,.38); color: var(--rose-300); }
.video-result-meta { display: flex; min-height: 2.75rem; align-items: center; justify-content: space-between; gap: .7rem; color: var(--subtle); font-size: .68rem; }
.video-version-nav { display: flex; align-items: center; gap: .1rem; }
.video-result-meta button { min-height: 44px; padding: 0 .32rem; border: 0; background: transparent; color: var(--rose-300); font-size: .72rem; font-weight: 700; }
.video-history { margin-top: 1rem; border-top: 1px solid rgba(201,187,195,.14); }
.video-history summary { display: flex; min-height: 3.5rem; align-items: center; color: var(--text-soft); cursor: pointer; font-size: .84rem; font-weight: 700; }
#video-history-list { display: grid; gap: .55rem; padding-bottom: 1rem; }
.video-history-item { display: grid; min-height: 3.6rem; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: .7rem; padding: .65rem .75rem; border: 1px solid rgba(201,187,195,.14); border-radius: .8rem; background: rgba(25,19,25,.7); color: var(--text-soft); text-align: left; }
.video-history-item span { display: grid; min-width: 0; gap: .08rem; }
.video-history-item strong { overflow: hidden; font-size: .8rem; text-overflow: ellipsis; white-space: nowrap; }
.video-history-item small { color: var(--subtle); font-size: .68rem; }
.video-history-item > small { color: var(--rose-300); font-weight: 700; }

.profile-core-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; }
.profile-core-grid .profile-industry-field { grid-column: 1 / -1; }
.benchmark-detail-actions .benchmark-video-button { grid-column: 1 / -1; }

@media (max-width: 360px) {
  .video-chip-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .video-advanced-grid { grid-template-columns: 1fr; }
  .video-page-head { grid-template-columns: 2.5rem minmax(0,1fr); }
  .video-page-head .video-formula-badge { display: none; }
  .profile-core-grid { grid-template-columns: 1fr; }
  .profile-core-grid .profile-industry-field { grid-column: auto; }
  .video-conversation-heading { display: grid; gap: .15rem; }
  .video-conversation-heading small { text-align: left; }
  .video-conversation-input button { min-width: 3.25rem; padding-inline: .55rem; }
  .video-conversation-input button span { display: none; }
}

@media (hover:hover) {
  .tool-video-entry:hover,.video-profile-status:hover,.video-action-bar > button:hover,.video-quick-adjust > summary:hover { border-color: rgba(236,103,154,.42); }
  .video-quick-menu button:hover { background: rgba(104,28,63,.35); color: var(--rose-300); }
}

@media (prefers-reduced-motion:no-preference) {
  .video-result:not([hidden]) { animation: video-result-in 360ms cubic-bezier(.2,.8,.2,1) both; }
  @keyframes video-result-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
}

/* 教材选句拼稿：一屏只处理当前一步，文案是页面主角。 */
.video-mode-switch {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .25rem;
  margin-top: .8rem;
  padding: .25rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--ink-raised, #211922);
}
.video-mode-switch button {
  min-height: 44px;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-secondary, #cdbfc7);
  font: inherit;
  font-size: .83rem;
  font-weight: 700;
}
.video-mode-switch button[aria-selected="true"] { background: var(--rose-primary, #d93b79); color: var(--text-primary, #fff8fb); }
.video-mode-switch button:focus-visible,
.video-manual-panel button:focus-visible,
.video-manual-panel input:focus-visible,
.video-manual-panel textarea:focus-visible { outline: 2px solid var(--rose-300); outline-offset: 2px; }
.video-manual-panel { display: grid; gap: .8rem; margin-top: .9rem; }
.video-manual-panel[hidden], #video-ai-panel[hidden], #manual-picker[hidden], #manual-preview[hidden], #manual-step-footer[hidden],
#manual-reason-filters[hidden], #manual-type-filters[hidden], #manual-show-more[hidden], #manual-fact-check[hidden], #manual-edit-field[hidden],
.manual-picker-status[hidden], #manual-version-tabs[hidden], #manual-polish-followup[hidden] { display: none; }
.manual-intro { margin: 0; color: var(--text-secondary, #cdbfc7); font-size: .86rem; line-height: 1.55; }
.manual-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: .35rem; }
.manual-steps button {
  display: flex;
  min-width: 0;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  gap: .3rem;
  padding: .45rem .2rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--ink-surface, #171217);
  color: var(--text-secondary, #cdbfc7);
  font: inherit;
  font-size: .76rem;
  font-weight: 700;
}
.manual-steps button span { color: inherit; font-variant-numeric: tabular-nums; }
.manual-steps button[aria-current="step"] { border-color: var(--rose-primary, #d93b79); background: #3a1d2b; color: var(--rose-soft, #f5a6c5); }
.manual-steps button.is-complete:not([aria-current="step"]) { color: var(--text-primary, #fff8fb); }
#manual-picker { display: grid; gap: .72rem; }
.manual-picker-heading { display: grid; gap: .15rem; margin-top: .35rem; }
.manual-picker-heading h3, .manual-preview h3 { margin: 0; color: var(--text-primary, #fff8fb); font-size: 1.05rem; line-height: 1.35; }
.manual-picker-heading small { color: var(--text-secondary, #cdbfc7); font-size: .72rem; }
.manual-shelf-switch,.manual-version-tabs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .4rem; }
.manual-shelf-switch button,.manual-version-tabs button { min-height: 44px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--ink-surface, #171217); color: var(--text-secondary, #cdbfc7); font: inherit; font-size: .82rem; font-weight: 700; }
.manual-shelf-switch button[aria-pressed="true"],.manual-version-tabs button[aria-pressed="true"] { border-color: var(--rose-primary, #d93b79); color: var(--rose-soft, #f5a6c5); background: #3a1d2b; }
.manual-shelf-switch small { grid-column: 1/-1; color: var(--text-secondary, #cdbfc7); font-size: .76rem; }
.manual-type-filters, .manual-reason-filter-head { display: flex; gap: .36rem; overflow-x: auto; padding-bottom: .1rem; scrollbar-width: none; }
.manual-type-filters button, .manual-reason-filters button {
  flex: 0 0 auto;
  min-height: 44px;
  padding: .45rem .7rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--ink-surface, #171217);
  color: var(--text-secondary, #cdbfc7);
  font: inherit;
  font-size: .76rem;
  font-weight: 650;
}
.manual-type-filters button[aria-pressed="true"], .manual-reason-filters button[aria-pressed="true"] { border-color: var(--rose-primary, #d93b79); color: var(--rose-soft, #f5a6c5); }
.manual-reason-category-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .3rem; margin-top: .4rem; }
.manual-reason-category-grid button { min-width: 0; padding-inline: .2rem; }
.manual-search input {
  width: 100%;
  min-height: 44px;
  padding: .65rem .8rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--ink-raised, #211922);
  color: var(--text-primary, #fff8fb);
  font: inherit;
  font-size: 1rem;
}
.manual-search input::placeholder { color: var(--text-secondary, #cdbfc7); }
.manual-card-list { display: grid; gap: .48rem; }
.manual-sentence {
  display: grid;
  width: 100%;
  gap: .45rem;
  padding: .8rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--ink-surface, #171217);
  color: var(--text-primary, #fff8fb);
  font: inherit;
  text-align: left;
}
.manual-sentence.is-selected { border-color: var(--rose-primary, #d93b79); background: #2c1a25; }
.manual-sentence.needs-edit .manual-sentence-select { color: var(--text-secondary, #cdbfc7); }
.manual-sentence.needs-edit.is-selected .manual-sentence-select { color: var(--rose-soft, #f5a6c5); }
.manual-sentence-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .3rem; }
.manual-sentence-top strong { font-size: .78rem; }
.manual-sentence-text { font-size: 1rem; line-height: 1.7; overflow-wrap: anywhere; }
.manual-sentence-select { color: var(--rose-soft, #f5a6c5); font-size: .76rem; font-weight: 700; text-align: right; }
.manual-show-more { min-height: 44px; border: 0; background: transparent; color: var(--rose-soft, #f5a6c5); font: inherit; font-size: .78rem; font-weight: 700; }
.manual-picker-status { margin: 0; color: var(--text-secondary, #cdbfc7); font-size: .78rem; line-height: 1.5; }
.manual-step-footer {
  position: sticky;
  z-index: 3;
  bottom: calc(var(--nav-height) + env(safe-area-inset-bottom));
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: .6rem;
  margin-inline: -.5rem;
  padding: .7rem .5rem;
  border-top: 1px solid var(--line);
  background: var(--ink-deep, #0c090c);
}
.manual-step-footer span { color: var(--text-secondary, #cdbfc7); font-size: .76rem; white-space: nowrap; }
.manual-step-footer button { min-height: 48px; }
.manual-step-footer button:disabled, .manual-preview-actions button:disabled { opacity: .55; cursor: not-allowed; }
.manual-preview { display: grid; gap: .8rem; margin-top: .35rem; }
.manual-source-summary { margin: 0; color: var(--text-secondary, #cdbfc7); font-size: .73rem; line-height: 1.5; }
.manual-fact-check { display: grid; gap: .55rem; padding: .8rem; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--ink-surface, #171217); }
.manual-fact-check strong { color: var(--text-primary, #fff8fb); font-size: .82rem; }
.manual-fact-check ul { display: grid; gap: .28rem; margin: 0; padding-left: 1.2rem; color: var(--text-secondary, #cdbfc7); font-size: .74rem; line-height: 1.5; }
.manual-fact-check label { display: flex; min-height: 44px; align-items: center; gap: .6rem; color: var(--text-primary, #fff8fb); font-size: .8rem; }
.manual-fact-check input { width: 1.1rem; height: 1.1rem; accent-color: var(--rose-primary, #d93b79); }
.manual-copy-preview { padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--ink-surface, #171217); color: var(--text-primary, #fff8fb); font-size: 1rem; line-height: 1.75; white-space: pre-wrap; overflow-wrap: anywhere; }
.manual-edit-field textarea { min-height: 13rem; font-size: 1rem; line-height: 1.7; }
.manual-preview-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; }
.manual-preview-actions button { min-height: 48px; font: inherit; font-size: .85rem; font-weight: 700; }
.manual-preview-actions button:not(.primary-btn) { border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--ink-raised, #211922); color: var(--text-primary, #fff8fb); }
.manual-preview-actions .primary-btn { grid-column: 1/-1; }
.manual-polish-followup { display: grid; gap: .4rem; }
.manual-polish-followup label { color: var(--text-secondary, #cdbfc7); font-size: .8rem; }
.manual-polish-followup > div { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .4rem; }
.manual-polish-followup input { min-width: 0; min-height: 46px; padding: .6rem .7rem; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--ink-raised, #211922); color: var(--text-primary, #fff8fb); font: inherit; }
.manual-polish-followup button { min-height: 46px; padding: .5rem .7rem; border: 1px solid var(--rose-primary, #d93b79); border-radius: var(--radius-sm); background: #3a1d2b; color: var(--rose-soft, #f5a6c5); font: inherit; font-weight: 700; }
