From df7de213d2009d5a64e8c8427efb857c6701cdc7 Mon Sep 17 00:00:00 2001
From: Sergey Antropoff <inecs@MacBook-Air-Sergey.local>
Date: Mon, 27 Jul 2026 12:52:42 +0300
Subject: [PATCH] =?UTF-8?q?=D0=98=D1=81=D0=BF=D1=80=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B0=20=D0=BF=D1=80=D0=BE=D0=BA=D1=80=D1=83=D1=82?=
 =?UTF-8?q?=D0=BA=D0=B0=20=D0=B4=D0=BB=D0=B8=D0=BD=D0=BD=D1=8B=D1=85=20?=
 =?UTF-8?q?=D1=81=D1=82=D1=80=D0=BE=D0=BA=20=D0=B2=20=D0=BF=D1=80=D0=B5?=
 =?UTF-8?q?=D0=B2=D1=8C=D1=8E=20unwrap=20=D0=BD=D0=B0=20=D0=B4=D0=B5=D1=81?=
 =?UTF-8?q?=D0=BA=D1=82=D0=BE=D0=BF=D0=B5=20=D0=B8=20=D0=BC=D0=BE=D0=B1?=
 =?UTF-8?q?=D0=B8=D0=BB=D1=8C=D0=BD=D0=BE=D0=BC.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/static/css/app.css | 32 ++++++++++++++++++++++++++++++--
 1 file changed, 30 insertions(+), 2 deletions(-)

diff --git a/app/static/css/app.css b/app/static/css/app.css
index ea20917..fef0014 100644
--- a/app/static/css/app.css
+++ b/app/static/css/app.css
@@ -205,8 +205,11 @@ html[data-theme="dark"] .icon-btn:hover {
 
 .shell {
   max-width: 860px;
+  width: 100%;
   margin: 0 auto;
   padding: 0.5rem 1.25rem 3rem;
+  box-sizing: border-box;
+  min-width: 0;
 }
 
 .hero-panel {
@@ -217,6 +220,10 @@ html[data-theme="dark"] .icon-btn:hover {
   box-shadow: var(--shadow);
   backdrop-filter: blur(16px);
   animation: rise 0.55s ease both;
+  min-width: 0;
+  max-width: 100%;
+  box-sizing: border-box;
+  overflow-x: hidden;
 }
 
 @keyframes rise {
@@ -242,7 +249,12 @@ html[data-theme="dark"] .icon-btn:hover {
 
 .lede { color: var(--muted); margin: 0 0 1.5rem; max-width: 42rem; }
 
-.composer, .success-panel, .result-panel { display: grid; gap: 0.9rem; }
+.composer, .success-panel, .result-panel {
+  display: grid;
+  gap: 0.9rem;
+  min-width: 0;
+  max-width: 100%;
+}
 .result-panel > .success-callout {
   justify-self: stretch;
 }
@@ -548,6 +560,8 @@ body.busy-open { overflow: hidden; }
   align-items: flex-start;
   justify-content: space-between;
   gap: 0.75rem;
+  min-width: 0;
+  max-width: 100%;
 }
 .item-card-head > div {
   min-width: 0;
@@ -963,20 +977,33 @@ html[data-theme="light"] .footer-pillars li {
   transform: none;
 }
 
-.items { display: grid; gap: 1rem; }
+.items {
+  display: grid;
+  gap: 1rem;
+  min-width: 0;
+  max-width: 100%;
+}
 .item-card {
   border: 1px solid var(--line);
   border-radius: 12px;
   padding: 1rem;
   background: var(--input);
+  min-width: 0;
+  max-width: 100%;
+  box-sizing: border-box;
+  overflow: hidden;
 }
 .item-card pre,
 .item-card .item-text-pre {
+  display: block;
   margin: 0.6rem 0 0;
+  max-width: 100%;
+  min-width: 0;
   max-height: min(60vh, 28rem);
   padding: 0.8rem;
   border-radius: 8px;
   background: rgba(0,0,0,0.25);
+  box-sizing: border-box;
   overflow-x: auto;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
@@ -987,6 +1014,7 @@ html[data-theme="light"] .footer-pillars li {
 .item-card .item-text-pre code {
   display: block;
   width: max-content;
+  max-width: none;
   min-width: 100%;
   margin: 0;
   padding: 0;