diff --git a/apps/ai-game-creator-shell/src/styles.css b/apps/ai-game-creator-shell/src/styles.css
index 6c0eb6197..db1cc1f89 100644
--- a/apps/ai-game-creator-shell/src/styles.css
+++ b/apps/ai-game-creator-shell/src/styles.css
@@ -1090,10 +1090,17 @@ textarea {
 .launcher-agent-chat-messages .message {
   max-width: min(720px, 88%);
   margin: 0;
+  padding: 9px 12px;
+  border-radius: 14px;
+  line-height: 1.55;
 }
 
 .launcher-agent-chat-messages .message--user {
   justify-self: end;
+  border: 1px solid #d8c4a8;
+  border-radius: 14px 14px 4px;
+  background: #fff7ed;
+  color: #8a4b08;
 }
 
 .launcher-agent-chat-waiting {
@@ -4419,6 +4426,27 @@ h2 {
   border: 1px solid #dde3ee;
 }
 
+.agent-conversation-list .message {
+  width: fit-content;
+  max-width: min(88%, 720px);
+  margin: 0;
+  padding: 9px 12px;
+  border-radius: 14px;
+  line-height: 1.55;
+}
+
+.agent-conversation-list .message + .message {
+  margin-top: 10px;
+}
+
+.agent-conversation-list .message--user {
+  margin-left: auto;
+  border: 1px solid #d8c4a8;
+  border-radius: 14px 14px 4px;
+  background: #fff7ed;
+  color: #8a4b08;
+}
+
 .agent-memory-box {
   display: grid;
   gap: 6px;
@@ -6219,6 +6247,9 @@ iframe.preview-frame {
 }
 
 .game-workbench-chat .project-supervisor-message-list {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
   min-height: 96px;
   max-height: none;
   overflow-y: auto;
@@ -6227,6 +6258,29 @@ iframe.preview-frame {
   scrollbar-gutter: stable;
 }
 
+/* Keep the transcript readable while making the user's turns immediately
+   distinct from the assistant stream, like a conventional chat surface. */
+.game-workbench-chat .project-supervisor-message-list .message {
+  width: fit-content;
+  max-width: min(88%, 720px);
+  margin: 0;
+  padding: 9px 12px;
+  border-radius: 14px;
+  line-height: 1.55;
+}
+
+.game-workbench-chat .project-supervisor-message-list .message + .message {
+  margin-top: 10px;
+}
+
+.game-workbench-chat .project-supervisor-message-list .message--user {
+  align-self: flex-end;
+  border: 1px solid var(--platform-button-primary-border);
+  border-radius: 14px 14px 4px;
+  background: var(--platform-warm-bg);
+  color: var(--platform-warm-text);
+}
+
 .game-workbench-chat .agent-runtime-status {
   max-height: clamp(120px, 24dvh, 240px);
   min-height: 0;