diff --git a/web/static/css/page-auto-import-bem.css b/web/static/css/page-auto-import-bem.css
index 98a110d..b1b0f9a 100644
--- a/web/static/css/page-auto-import-bem.css
+++ b/web/static/css/page-auto-import-bem.css
@@ -187,6 +187,72 @@
   .ai-uploadrow { grid-template-columns: 1fr; }
 }
 
+@media (max-width: 768px) {
+  .ai-head {
+    flex-wrap: nowrap;
+    align-items: flex-start;
+    gap: var(--momo-space-3);
+    margin-bottom: var(--momo-space-4);
+    padding-bottom: var(--momo-space-4);
+  }
+
+  .ai-head__icon {
+    width: 36px;
+    height: 36px;
+    font-size: var(--momo-text-title);
+  }
+
+  .ai-head__main {
+    flex: 1 1 auto;
+  }
+
+  .ai-head__title {
+    margin-bottom: var(--momo-space-2);
+    font-size: var(--momo-text-headline);
+    line-height: 1.2;
+  }
+
+  .ai-head__subtitle {
+    display: block;
+    font-size: var(--momo-text-body-sm);
+    line-height: 1.55;
+  }
+
+  .ai-head__subtitle i {
+    margin-right: var(--momo-space-1);
+  }
+
+  .ai-card__head {
+    padding: var(--momo-space-4);
+  }
+
+  .ai-card__body {
+    padding: var(--momo-space-4);
+  }
+
+  .ai-notice {
+    padding: var(--momo-space-3);
+  }
+
+  .ai-toolbar {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .ai-toolbar .btn {
+    width: 100%;
+    min-height: 44px;
+    padding-right: var(--momo-space-3);
+    padding-left: var(--momo-space-3);
+  }
+}
+
+@media (max-width: 360px) {
+  .ai-toolbar {
+    grid-template-columns: 1fr;
+  }
+}
+
 /* ---------- Job table ---------- */
 .ai-jobtable {
   width: 100%;