diff --git a/apps/ai-game-creator-shell/src/styles.css b/apps/ai-game-creator-shell/src/styles.css
index f97b43b17..9b0a4e2c1 100644
--- a/apps/ai-game-creator-shell/src/styles.css
+++ b/apps/ai-game-creator-shell/src/styles.css
@@ -8552,6 +8552,51 @@ button.design-workspace-tree__entry:hover,
   justify-self: start;
 }
 
+/* 策划聊天区包含阶段控制卡、消息、Runtime 状态和输入框。GameAgent 资源工作台的
+   消息列表默认占满整个聊天区，策划模式需要单独恢复五行布局，避免输入框被推到视口外。 */
+.game-workbench-layout--design .project-supervisor-surface {
+  display: block;
+  height: 100%;
+  min-height: 0;
+  padding: 10px;
+  overflow: hidden;
+}
+
+.game-workbench-layout--design .project-supervisor-conversation {
+  display: grid;
+  grid-template-rows: auto minmax(0, 1fr) auto auto auto;
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
+}
+
+.game-workbench-layout--design .project-supervisor-message-list {
+  height: auto;
+  min-height: 0;
+  max-height: none;
+  padding-bottom: 12px;
+}
+
+.game-workbench-layout--design .project-supervisor-composer {
+  min-height: 0;
+}
+
+@media (max-width: 760px) {
+  .game-workbench-layout--design {
+    height: auto;
+  }
+
+  .game-workbench-layout--design .game-workbench-stage,
+  .game-workbench-layout--design .game-workbench-chat {
+    min-height: 560px;
+  }
+
+  .game-workbench-layout--design .project-supervisor-surface,
+  .game-workbench-layout--design .project-supervisor-conversation {
+    height: 100%;
+  }
+}
+
 .gdd-approval-card__header {
   display: grid;
   gap: 5px;