From f540181c84c9692585b2f5458ae8daac1f540ed3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=98=D0=BB=D1=8C=D1=8F=20=D0=91=D1=80=D0=B0=D1=82=D1=81?=
 =?UTF-8?q?=D0=BA=D0=B8=D1=85?= <ilya@bratskih.tech>
Date: Sun, 28 Jun 2026 15:15:06 +0300
Subject: [PATCH] =?UTF-8?q?=D0=BF=D0=B5=D1=80=D0=B5=D0=BA=D0=BB=D1=8E?=
 =?UTF-8?q?=D1=87=D0=B5=D0=BD=D0=B8=D0=B5=20=D0=B0=D0=B4=D0=B0=D0=BF=D1=82?=
 =?UTF-8?q?=D0=B8=D0=B2=D0=B0=20=D0=B4=D0=BB=D1=8F=20=D1=80=D0=B0=D0=B7?=
 =?UTF-8?q?=D0=BD=D1=8B=D1=85=20=D1=83=D1=81=D1=82=D1=80=D0=BE=D0=B9=D1=81?=
 =?UTF-8?q?=D1=82=D0=B2=20=D0=BF=D0=BE=20=D0=BF=D0=BE=D0=B8=D0=BD=D1=82?=
 =?UTF-8?q?=D0=B5=D1=80=D1=83,=D0=B0=20=20=D0=BD=D0=B5=20=D0=BF=D0=BE=20?=
 =?UTF-8?q?=D1=88=D0=B8=D1=80=D0=B8=D0=BD=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 styles.css | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/styles.css b/styles.css
index c7f7c4b..11b9e12 100644
--- a/styles.css
+++ b/styles.css
@@ -1360,11 +1360,14 @@ html[data-theme="light"] .accent-swatch-custom {
 /* ==========================================================================
    13. Responsive Layout
    --------------------------------------------------------------------------
-   На планшетах sidebar перестает быть отдельной колонкой, а на телефонах
-   уменьшаются панели, кнопки и размеры карточек.
+   Основной режим выбирается по типу ввода, а не по ширине экрана:
+   - touch / coarse pointer -> компактный "мобильный" layout;
+   - hover + fine pointer -> десктопный layout даже на широком touch-мониторе.
+   Узкое окно с мышью дополнительно поджимает сетку через max-width fallback.
    ========================================================================== */
 
-@media (max-width: 1120px) {
+/* Узкое окно на устройствах с мышью: sidebar и сетка карточек чуть компактнее. */
+@media (hover: hover) and (pointer: fine) and (max-width: 1120px) {
   .app-layout {
     grid-template-columns: minmax(240px, min(var(--sidebar-width), 320px)) 8px minmax(0, 1fr);
   }
@@ -1378,7 +1381,8 @@ html[data-theme="light"] .accent-swatch-custom {
   }
 }
 
-@media (max-width: 720px) {
+/* Touch-устройства: stacked layout, без resizer, крупнее touch-targets. */
+@media (hover: none), (pointer: coarse) {
   .shell {
     width: min(var(--shell-max-width), calc(100% - 22px));
     padding: 14px 0;