/* Mobile workflow controls only: never change the typography inside generated artwork. */
@media (max-width: 680px) {
  body.workflow-page.workflow-page-v2 .workflow-shell {
    width: 100%; box-sizing: border-box;
    padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
  }
  .workflow-page-v2 .profile-topbar { padding: 12px 0; gap: 12px; margin-bottom: 12px; }
  .workflow-page-v2 .topbar-title { font-size: 22px; }
  .workflow-page-v2 .topbar-account { min-width: 0; }
  .workflow-page-v2 .topbar-actions { flex-wrap: nowrap; width: 100%; overflow-x: auto; padding-bottom: 4px; }
  .workflow-page-v2 .topbar-actions :is(a, button) { min-height: 44px; }
  .workflow-page-v2 .workflow-run-layout { gap: 16px; }
  .workflow-page-v2 .workflow-run-layout > .workflow-list-panel { padding: 10px; }
  .workflow-page-v2 #workflowList { display: flex; flex-direction: row; overflow-x: auto; max-height: none; gap: 8px; }
  .workflow-page-v2 #workflowList .workflow-list-item { flex: 0 0 190px; padding: 10px; }
  .workflow-page-v2 #workflowList .workflow-list-item small { -webkit-line-clamp: 1; }
  .workflow-page-v2 .workflow-run-panel { gap: 14px; grid-template-columns: minmax(0, 1fr); }
  .workflow-page-v2 .workflow-result-box { grid-template-columns: minmax(0, 1fr); }
  .workflow-page-v2 #workflowResult { min-width: 0; max-width: 100%; }
  .workflow-page-v2 #workflowRunTitle { font-size: 20px; }
  .workflow-page-v2 .workflow-run-form { padding: 16px 12px; }
  .workflow-page-v2 .workflow-run-form .pv2-form-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .workflow-page-v2 .workflow-run-form .pv2-form-grid :is(input:not([type="checkbox"]), select, textarea) { font-size: 16px; min-height: 44px; }
  .workflow-page-v2 .workflow-wizard-steps { flex-wrap: nowrap; overflow-x: auto; max-width: 100%; gap: 8px; padding: 2px 0 8px; margin-bottom: 0; }
  .workflow-page-v2 .workflow-wizard-step { flex: 0 0 auto; min-height: 44px; white-space: nowrap; font-size: 13px; }
  .workflow-page-v2 .workflow-run-steps > li { padding: 16px 12px; }
  .workflow-page-v2 .workflow-run-steps > li > strong { font-size: 18px; line-height: 1.5; }
  .workflow-page-v2 .workflow-step-output { overflow-wrap: anywhere; white-space: pre-wrap; }
  .workflow-page-v2 .workflow-copy-pick pre,
  .workflow-page-v2 .workflow-wizard-final pre,
  .workflow-page-v2 .compliance-diff-text { font-size: 15px; line-height: 1.8; overflow-wrap: anywhere; }
  .workflow-page-v2 .workflow-step-actions-inline { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; width: 100%; }
  .workflow-page-v2 .workflow-step-actions-inline > button { min-height: 44px !important; white-space: normal; padding: 10px 8px !important; line-height: 1.5; }
  .workflow-page-v2 .workflow-step-actions-inline > button[data-ai-poster] { grid-column: 1 / -1; }
  .workflow-page-v2 .workflow-wizard-nav { position: sticky; bottom: 0; z-index: 20; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; padding: 10px 0 calc(10px + env(safe-area-inset-bottom)); background: var(--bg, #f6f8fc); border-top: 1px solid var(--line, #ddd); }
  .workflow-page-v2 .workflow-wizard-nav button { flex: 0 1 112px; width: auto; min-width: 0; max-width: 100%; min-height: 44px; box-sizing: border-box; padding: 8px 12px; margin: 0; font-size: 14px; line-height: 1.4; white-space: normal; overflow-wrap: anywhere; }
  .workflow-page-v2 .workflow-wizard-nav button:only-child { margin-left: auto; }
  .workflow-page-v2 .compliance-diff { padding: 12px; }
  .workflow-page-v2 .compliance-diff-header { gap: 10px; }
  .workflow-page-v2 .compliance-diff-hint { flex: 1 1 160px; }
  .workflow-page-v2 .compliance-restore-all { margin-left: 0; min-height: 44px; }
  .workflow-page-v2 .compliance-issue { padding: 12px; gap: 8px; font-size: 14px; }
  .workflow-page-v2 .compliance-issue-original,
  .workflow-page-v2 .compliance-issue-suggestion { flex-basis: 100%; overflow-wrap: anywhere; }
  .workflow-page-v2 .compliance-issue-actions button { min-height: 44px; max-width: 100%; white-space: normal; text-align: left; line-height: 1.5; }
  .workflow-page-v2 .workflow-edit-command-row,
  .workflow-page-v2 .workflow-rewrite-save-row { flex-wrap: wrap; }
  .workflow-page-v2 .workflow-rewrite-text,
  .workflow-page-v2 .workflow-edit-command-row input { min-width: 0; width: 100%; font-size: 16px; }
  .workflow-page-v2 .workflow-edit-command-row button,
  .workflow-page-v2 .workflow-copy-pick button { min-height: 44px; }
  .workflow-page-v2 .workflow-reference-match { align-items: flex-start; overflow-wrap: anywhere; }
  html body.workflow-page .workflow-viewer-grid.is-large .workflow-viewer-image,
  html body.workflow-page .workflow-viewer-grid.is-viewonly img { width: 100%; }
  .workflow-page-v2 .workflow-image-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workflow-page-v2 .workflow-image-card { min-width: 0; }
  .workflow-page-v2 .workflow-image-card img { max-width: 100%; }
  .workflow-page-v2 .wpc-layout { min-height: 0; grid-template-columns: minmax(0, 1fr); }
  .workflow-page-v2 .wpc-stage { min-height: 280px; height: 54dvh; padding: 12px; overscroll-behavior: auto; }
  .workflow-page-v2 .wpc-properties { max-height: none; overflow: visible; padding: 14px 12px; }
  .workflow-page-v2 .wpc-fields { grid-template-columns: minmax(0, 1fr); }
  .workflow-page-v2 .wpc-top-actions { display: flex; width: 100%; flex-wrap: wrap; gap: 8px; }
  .workflow-page-v2 .wpc-top-actions > * { flex: 1 1 auto; }
  .workflow-page-v2 .wpc-top-actions [data-action="export"] { flex-basis: 100%; }
  .workflow-page-v2 .wpc :is(button, select, input, textarea) { min-height: 44px; font-size: 16px; }
  .workflow-page-v2 .wpc button { white-space: normal; font-size: 14px; }
  .workflow-page-v2 .wpc-size input { width: 72px; }
  .workflow-page-v2 .wpc-size button { min-width: 44px; }
}
.wpc [data-action="touch-move"] { display: none; }
@media (pointer: coarse) {
  .wpc [data-action="touch-move"] { display: inline-flex; align-items: center; justify-content: center; }
  .wpc [data-action="touch-move"][aria-pressed="true"] { background: var(--brand, #4875df); color: var(--brand-ink, #fff); }
}
/* Dedicated phone entry: the navigation bar must not cover the workflow actions. */
.wf-page .wf-shell { width: 100%; min-width: 0; box-sizing: border-box; padding-inline: max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right)); }
.wf-page :is(.wf-step, .wf-run, .wf-params, .wf-sheet) { min-width: 0; box-sizing: border-box; }
.wf-page .wf-params :is(input, select, textarea) { font-size: 16px; min-height: 44px; }
.wf-page :is(.wf-btn, .wf-chip, .wf-back, .wf-sheet footer button) { min-height: 44px; }
.wf-page .wf-back { min-width: 44px; display: inline-flex; align-items: center; justify-content: center; }
.wf-page .wf-back[hidden] { display: none; }
.wf-page .wf-step-acts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wf-page .wf-step-acts .wf-btn { min-width: 0; margin-top: 0; padding: 10px 8px; white-space: normal; line-height: 1.5; }
.wf-page .wf-text { font-size: 15px; line-height: 1.8; overflow-wrap: anywhere; }
.wf-page .wf-step-head { flex-wrap: wrap; line-height: 1.5; }
.wf-page .wf-runbar { bottom: calc(56px + env(safe-area-inset-bottom)); z-index: 30; flex-wrap: wrap; justify-content: space-between; gap: 8px; width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; background: var(--paper, #f7f3ec); padding: 10px 0; border-top: 1px solid var(--line, #e7dccd); }
.wf-page .wf-runbar button { flex: 0 1 112px; width: auto; min-width: 0; max-width: 100%; min-height: 44px; box-sizing: border-box; padding: 8px 12px; margin: 0; font-size: 14px; line-height: 1.4; white-space: normal; overflow-wrap: anywhere; }
.wf-page .wf-runbar button:only-child { margin-left: auto; }
.wf-page .wf-sheet-mask { z-index: 100; }
.wf-page .wf-sheet { max-height: 90dvh; }
.wf-page .wf-sheet-body { min-height: 0; overscroll-behavior: contain; }
.wf-page .wf-img-overlay { z-index: 110; padding: max(16px, env(safe-area-inset-top)) 12px max(16px, env(safe-area-inset-bottom)); }
.wf-page .wf-imgs { grid-template-columns: minmax(0, 1fr); }
.wf-page .wf-imgs img { width: 100%; max-height: none; object-fit: contain; }
.wf-page .wf-chips { scroll-padding-inline: 8px; }

@media (max-width: 680px) {
  body.workflow-step-active .workflow-run-layout > .workflow-list-panel,
  body.workflow-step-active .profile-topbar p,
  body.workflow-step-active #workflowAccountStatus,
  body.workflow-step-active #workflowRunHint { display: none; }
  body.workflow-wizard-on.workflow-page-v2 .workflow-result-box { padding: 0; border: 0; background: transparent; }
}

/* 改文字抽屉里的「让 AI 改」一行：输入框占满，按钮跟在后面（20260922） */
.wf-sheet-row { display: flex; gap: 8px; margin-top: 10px; align-items: center; }
.wf-sheet-row input[type="text"] { flex: 1; min-width: 0; font-size: 16px; padding: 9px 10px; border: 1px solid #d8ddd6; border-radius: 10px; }
.wf-sheet-row .wf-btn { white-space: nowrap; }

/* 合规报告用中文说明展示；长句和长链接都在卡片内换行。 */
.wf-page .wf-compliance { min-width: 0; overflow-wrap: anywhere; }
.wf-page .wf-compliance-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; }
.wf-page .wf-risk { padding: 4px 10px; border-radius: 8px; background: #ececea; color: #434843; }
.wf-page .wf-risk-high { background: #fce8e6; color: #982e29; }
.wf-page .wf-risk-mid { background: #fff1d6; color: #81510b; }
.wf-page .wf-risk-low { background: #e7f0e2; color: #416135; }
.wf-page .wf-compliance-issues { list-style: none; margin: 14px 0; padding: 0; display: grid; gap: 10px; }
.wf-page .wf-compliance-issue { min-width: 0; padding: 12px; border: 1px solid var(--line, #dedfd8); border-radius: 12px; font-size: 14px; line-height: 1.7; }
.wf-page .wf-compliance-issue p { margin: 7px 0 0; white-space: pre-wrap; }
.wf-page .wf-compliance h3 { margin: 18px 0 8px; font-size: 16px; }

.workflow-format-help { margin: 12px 0; padding: 10px 12px; border: 1px solid var(--line, #dedfd8); border-radius: 10px; font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
.workflow-format-help summary { cursor: pointer; font-weight: 600; }
.workflow-format-help-body p { margin: 10px 0; }
.workflow-format-help-body ul { margin: 10px 0; padding-left: 20px; }
.workflow-format-help-body li { margin: 6px 0; }
.workflow-format-help-body code { white-space: normal; font-size: inherit; }

.workflow-page-v2 .workflow-format-help-body li { padding: 0; border: 0; border-radius: 0; background: transparent; }
.workflow-format-help .workflow-format-help-body p { font-size: inherit; }
.workflow-run-steps .workflow-format-help summary { font-size: 14px; }