feat: дефолт fade для карусели; просмотрщик без анимации смены кадра

public/cases/template-elements-demo/index.html

@@ -622,10 +622,10 @@
           <code>slide</code> (сдвиг), <code>fade</code> (кроссфейд) и <code>none</code> (без перехода).
           Режим задаётся атрибутом <code>data-slider-anim</code> на фигуре.
         </p>
-        <figure class="case-media case-media-slider" data-case-media-slider data-slider-anim="slide">
+        <figure class="case-media case-media-slider" data-case-media-slider data-slider-anim="fade">
           <div class="case-media-slider__anim-switch" data-slider-anim-switch role="group" aria-label="Режим анимации слайдера">
-            <button type="button" data-mode="slide" aria-pressed="true">Слайд</button>
-            <button type="button" data-mode="fade" aria-pressed="false">Fade</button>
+            <button type="button" data-mode="slide" aria-pressed="false">Слайд</button>
+            <button type="button" data-mode="fade" aria-pressed="true">Fade</button>
             <button type="button" data-mode="none" aria-pressed="false">None</button>
           </div>
           <div class="case-media-slider__viewport" data-slider-viewport>

public/css/main.css

@@ -2341,10 +2341,7 @@ html[data-theme="dark"] {
   user-select: none;
   -webkit-user-drag: none;
   opacity: 0;
-  transform: scale(0.96);
-  transition:
-    transform 0.2s ease,
-    opacity 0.16s ease;
+  transition: opacity 0.16s ease;
 }
 
 /* TUI braille-спиннер (переиспользуемый, чистый CSS) */
@@ -2439,7 +2436,6 @@ html[data-theme="dark"] {
 
 .case-image-viewer.is-open .case-image-viewer__img {
   opacity: 1;
-  transform: scale(1);
 }
 
 .case-image-viewer__stage.is-panning,

public/js/modules/cases/media-slider.js

@@ -88,8 +88,8 @@ export function initCaseMediaSlider() {
       "(prefers-reduced-motion: reduce)"
     ).matches;
 
-    // Режим анимации переключения: slide (по умолчанию) / fade / none
-    let mode = root.getAttribute("data-slider-anim") || "slide";
+    // Режим анимации переключения: fade (по умолчанию) / slide / none
+    let mode = root.getAttribute("data-slider-anim") || "fade";
     function applyMode(m) {
       mode = m;
       root.classList.remove(

src/pages/cases/template-elements-demo.html

@@ -433,10 +433,10 @@
           <code>slide</code> (сдвиг), <code>fade</code> (кроссфейд) и <code>none</code> (без перехода).
           Режим задаётся атрибутом <code>data-slider-anim</code> на фигуре.
         </p>
-        <figure class="case-media case-media-slider" data-case-media-slider data-slider-anim="slide">
+        <figure class="case-media case-media-slider" data-case-media-slider data-slider-anim="fade">
           <div class="case-media-slider__anim-switch" data-slider-anim-switch role="group" aria-label="Режим анимации слайдера">
-            <button type="button" data-mode="slide" aria-pressed="true">Слайд</button>
-            <button type="button" data-mode="fade" aria-pressed="false">Fade</button>
+            <button type="button" data-mode="slide" aria-pressed="false">Слайд</button>
+            <button type="button" data-mode="fade" aria-pressed="true">Fade</button>
             <button type="button" data-mode="none" aria-pressed="false">None</button>
           </div>
           <div class="case-media-slider__viewport" data-slider-viewport>