Добавить копирование текста и двухосевую прокрутку в превью unwrap.

app/static/css/app.css

@@ -553,7 +553,15 @@ body.busy-open { overflow: hidden; }
   min-width: 0;
   font-size: 0.9rem;
 }
-.btn.download-btn {
+.item-card-actions {
+  display: flex;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 0.4rem;
+}
+.btn.download-btn,
+.btn.copy-btn {
   flex-shrink: 0;
   gap: 0.35rem;
   padding: 0.35rem 0.65rem;
@@ -561,7 +569,8 @@ body.busy-open { overflow: hidden; }
   font-size: 0.78rem;
   font-weight: 600;
 }
-.btn.download-btn i {
+.btn.download-btn i,
+.btn.copy-btn i {
   font-size: 0.72rem;
   opacity: 0.9;
 }
@@ -961,15 +970,38 @@ html[data-theme="light"] .footer-pillars li {
   padding: 1rem;
   background: var(--input);
 }
-.item-card pre {
+.item-card pre,
+.item-card .item-text-pre {
   margin: 0.6rem 0 0;
-  overflow: auto;
-  max-height: 420px;
+  max-height: min(60vh, 28rem);
   padding: 0.8rem;
   border-radius: 8px;
   background: rgba(0,0,0,0.25);
+  overflow-x: auto;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  overscroll-behavior: contain;
+  tab-size: 2;
+}
+.item-card pre code,
+.item-card .item-text-pre code {
+  display: block;
+  width: max-content;
+  min-width: 100%;
+  margin: 0;
+  padding: 0;
+  background: transparent !important;
+  white-space: pre;
+  word-break: normal;
+  overflow-wrap: normal;
+  font-family: var(--font-mono);
+  font-size: 0.85rem;
+  line-height: 1.45;
+}
+html[data-theme="light"] .item-card pre,
+html[data-theme="light"] .item-card .item-text-pre {
+  background: rgba(16, 32, 56, 0.05);
 }
-html[data-theme="light"] .item-card pre { background: rgba(16, 32, 56, 0.05); }
 .item-card img {
   max-width: 100%;
   border-radius: 8px;