/* 生图板块保留在同一个工作台文档中，后台准备好后再显示。 */
.image-workspace {
  position: fixed; left: -200vw; top: 0; width: 100%; height: calc(100dvh - 64px);
  display: flex; flex-direction: column; background: #f5f6f6; visibility: hidden;
}
body.image-mode .image-workspace {
  position: relative; left: auto; top: auto; flex: 1; min-height: 0; width: 100%; height: auto;
  visibility: visible;
}
body.image-mode > .chat, body.image-mode > .inputbar,
body.home.image-mode > .inputbar { display: none; }
body.image-mode > .icp-ft { display: none; }
.image-workspace-bar {
  min-height: 44px; padding: 8px 24px; display: flex; align-items: center; gap: 20px;
  border-bottom: 1px solid #e9edef; background: #fff; flex-shrink: 0;
  font-size: 13px; color: #111b21;
}
.image-workspace-bar a { color: #54656f; text-decoration: none; }
.image-workspace-bar a:hover { color: #008069; }
.image-workspace-bar strong { font-weight: 600; }
.image-workspace-bar [role="status"] { color: #667781; margin-left: auto; }
.image-workspace-stage { position: relative; flex: 1; min-height: 0; overflow: hidden; }
.image-workspace-frame {
  position: absolute; inset: 0; width: 100%; height: 100%; border: 0;
  visibility: hidden; background: #f5f6f6;
}
.image-workspace-frame.is-ready { visibility: visible; }
.image-workspace-cover {
  position: absolute; inset: 0; z-index: 1; display: grid; place-items: center;
  padding: 24px; background: #f5f6f6;
}
.image-workspace-cover[hidden] { display: none; }
.image-workspace-placeholder { width: min(440px, 100%); color: #111b21; text-align: center; }
.image-workspace-symbol { color: #008069; font-size: 36px; }
.image-workspace-placeholder h1 { font-size: 24px; margin: 12px 0; font-weight: 600; }
.image-workspace-placeholder p { color: #667781; font-size: 14px; line-height: 1.7; }
.image-workspace-outline { display: grid; gap: 12px; margin: 26px 0; }
.image-workspace-outline i { display: block; height: 44px; border: 1px solid #e0e5e5; border-radius: 10px; background: #edf0f0; }
.image-workspace-outline i:last-child { width: 65%; justify-self: center; }
.image-workspace-placeholder button {
  border: 1px solid #d1d7db; border-radius: 8px; background: #fff;
  padding: 9px 18px; color: #008069; cursor: pointer; font: inherit;
}
@media (max-width: 640px) {
  .image-workspace-bar { padding: 8px 14px; gap: 14px; }
  .image-workspace-bar [role="status"] { font-size: 12px; }
}