diff --git a/system/public/aesthetic.computer/lib/try/shared-page.css b/system/public/aesthetic.computer/lib/try/shared-page.css
index 94145a922c..5012c9a9a7 100644
--- a/system/public/aesthetic.computer/lib/try/shared-page.css
+++ b/system/public/aesthetic.computer/lib/try/shared-page.css
@@ -303,9 +303,10 @@ body {
color: var(--try-ink-soft);
}
-@media (max-width: 820px) {
+@media (max-width: 960px) {
.try-playground {
- grid-template-columns: minmax(0, 1fr);
+ grid-template-columns: minmax(0, 1fr) !important;
+ grid-auto-flow: row;
min-height: 0;
}
@@ -319,6 +320,13 @@ body {
min-height: 0;
}
+ .try-editor-shell,
+ .try-preview-shell,
+ .try-doc-panel {
+ grid-column: 1;
+ width: 100%;
+ }
+
.try-editor-head,
.try-preview-head {
padding: 4px 8px;
diff --git a/system/public/aesthetic.computer/lib/try/shared-page.mjs b/system/public/aesthetic.computer/lib/try/shared-page.mjs
index c59ab4373e..299f34fadc 100644
--- a/system/public/aesthetic.computer/lib/try/shared-page.mjs
+++ b/system/public/aesthetic.computer/lib/try/shared-page.mjs
@@ -1,6 +1,7 @@
const DEFAULT_MONACO_LOADER =
"https://cdn.jsdelivr.net/npm/monaco-editor@0.52.0/min/vs/loader.min.js";
const DEFAULT_MONACO_BASE = "https://cdn.jsdelivr.net/npm/monaco-editor@0.52.0/min/vs";
+const SHARED_TRY_ASSET_VERSION = "20260330-mobile-stack";
const DEFAULT_THEME_VARS = {
light: {
@@ -87,7 +88,9 @@ function ensureSharedCss() {
const link = document.createElement("link");
link.id = "ac-try-shared-css";
link.rel = "stylesheet";
- link.href = new URL("./shared-page.css", import.meta.url).href;
+ const cssUrl = new URL("./shared-page.css", import.meta.url);
+ cssUrl.searchParams.set("v", SHARED_TRY_ASSET_VERSION);
+ link.href = cssUrl.href;
document.head.appendChild(link);
}
diff --git a/system/public/l5.aesthetic.computer/app.mjs b/system/public/l5.aesthetic.computer/app.mjs
index f5341be8eb..b2c4a22cdd 100644
--- a/system/public/l5.aesthetic.computer/app.mjs
+++ b/system/public/l5.aesthetic.computer/app.mjs
@@ -1,4 +1,4 @@
-import { createTryPage } from "../aesthetic.computer/lib/try/shared-page.mjs";
+import { createTryPage } from "../aesthetic.computer/lib/try/shared-page.mjs?v=20260330-mobile-stack";
const AC_ORIGIN = "https://aesthetic.computer";
diff --git a/system/public/l5.aesthetic.computer/index.html b/system/public/l5.aesthetic.computer/index.html
index d2cbcbaf67..d7105eb64c 100644
--- a/system/public/l5.aesthetic.computer/index.html
+++ b/system/public/l5.aesthetic.computer/index.html
@@ -10,6 +10,6 @@
-
+