diff --git a/services/web/frontend/stylesheets/pages/editor/ide-lumiere.scss b/services/web/frontend/stylesheets/pages/editor/ide-lumiere.scss
index 8ee2060f9f..534c732b1a 100644
--- a/services/web/frontend/stylesheets/pages/editor/ide-lumiere.scss
+++ b/services/web/frontend/stylesheets/pages/editor/ide-lumiere.scss
@@ -439,8 +439,13 @@ $lum-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
 // the toolbar height. Scoped to .ide-redesign-main so only the editor page
 // is affected. CodeMirror's own font size is controlled by user settings and
 // is unaffected by these CSS custom properties.
+//
+// Two-condition query mirrors the JS dual-check in main-layout.tsx:
+//   (max-width: 767px)              — standard mobile browsers
+//   (pointer: coarse) and (…1024px) — Tor Browser spoofs viewport to ~980px
+//                                     but does NOT spoof touch hardware
 
-@media (max-width: 767px) {
+@media (max-width: 767px), (pointer: coarse) and (max-width: 1024px) {
   [data-lumiere='true'] .ide-redesign-main {
     --font-size-01: 0.875rem;  // 14px (was 12px)
     --font-size-02: 1rem;      // 16px (was 14px)
diff --git a/services/web/frontend/stylesheets/pages/project-list-lumiere.scss b/services/web/frontend/stylesheets/pages/project-list-lumiere.scss
index 74858b1df2..97f569a14e 100644
--- a/services/web/frontend/stylesheets/pages/project-list-lumiere.scss
+++ b/services/web/frontend/stylesheets/pages/project-list-lumiere.scss
@@ -351,7 +351,7 @@ $lum-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
   form.project-search .form-control {
     min-width: 360px;
 
-    @media (max-width: 767px) {
+    @media (max-width: 767px), (pointer: coarse) and (max-width: 1024px) {
       min-width: 0;
     }
   }
@@ -897,7 +897,7 @@ $lum-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
 
   // ── Mobile layout overrides ────────────────────────────────────────────────
 
-  @media (max-width: 767px) {
+  @media (max-width: 767px), (pointer: coarse) and (max-width: 1024px) {
 
     // Stack the header vertically so nothing overflows the viewport width.
     .lumiere-header {