Tweak ACP mobile code sizing and docs

Author: vipmax

README.md

@@ -4,6 +4,17 @@
 
 ![editor](anycode/imgs/screen.png)
 
+## Mobile ACP
+
+ACP panel on phone:
+
+<table>
+  <tr>
+    <td><img src="anycode/imgs/screen_phone.png" alt="ACP on mobile" width="240" /></td>
+    <td><img src="anycode/imgs/screen_phone2.PNG" alt="ACP on mobile 2" width="240" /></td>
+  </tr>
+</table>
+
 
 ## Features
 - **Ultra-fast custom editor**: Exceptionally fast and highly optimized virtual rendering engine based on tree-sitter parser, delivering superior performance for large codebases. 

anycode/components/agent/AcpMessage.css

@@ -558,3 +558,46 @@
     font-size: 12px;
     line-height: 1.4;
 }
+
+@media (max-width: 768px) and (pointer: coarse) {
+    .acp-code {
+        padding: 0.35em;
+        max-height: 26vh;
+    }
+
+    .acp-code .anyeditor {
+        -webkit-text-size-adjust: none;
+        text-size-adjust: none;
+    }
+
+    .acp-code .anyeditor .code,
+    .acp-code .anyeditor .code * {
+        font-size: 11px !important;
+        line-height: 17px !important;
+    }
+
+    .acp-code .anyeditor .code div {
+        line-height: 17px !important;
+    }
+
+    .acp-code-block-fallback {
+        font-size: 11px;
+        line-height: 1.35;
+        padding: 0.5em;
+    }
+
+    .acp-tool-call-command,
+    .acp-tool-call-args,
+    .acp-tool-result-content,
+    .acp-tool-update-content {
+        font-size: 11px;
+    }
+
+    .acp-message-markdown code {
+        font-size: 0.86em;
+    }
+
+    .acp-message-markdown pre code {
+        font-size: 0.86em;
+    }
+}