chore: exclude local resource artifacts from main sync

src/views/play/apps/test/TestPlayAppView.css

@@ -1,4 +1,6 @@
 .test-play-app {
+  display: flex;
+  flex-direction: column;
   height: 100%;
   min-height: 100%;
   overflow: auto;
@@ -13,6 +15,7 @@
 .test-play-app__hero {
   display: grid;
   grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.9fr);
+  align-items: start;
   gap: 24px;
   margin-bottom: 24px;
 }
@@ -50,7 +53,7 @@
   display: flex;
   flex-direction: column;
   gap: 10px;
-  min-height: 100%;
+  min-height: 0;
   color: #f5f6f8;
 }
 
@@ -76,7 +79,8 @@
 
 @media (max-width: 900px) {
   .test-play-app {
-    padding: 20px;
+    min-height: 100dvh;
+    padding: 20px 20px calc(20px + env(safe-area-inset-bottom, 0px));
   }
 
   .test-play-app__hero {
@@ -86,4 +90,8 @@
   .test-play-app__hero-copy {
     padding: 24px;
   }
+
+  .test-play-app__spotlight .ant-card-body {
+    min-height: 180px;
+  }
 }