UI: новый общий стиль, тёмная/светлая тема, настраиваемая палитра

- styles/main.css: роли цветов (по умолчанию «Индиго»), шкала отступов/скруглений/шрифтов,
  цвета отношений для обеих тем; жёсткие цвета в стилях заменены на роли.
- Палитра: пресеты и личные правки, «Оформление» Авто/День/Ночь, долгое нажатие —
  редактор цветов с экспортом/импортом.
- Каналы: пузыри постов автора, плашки дней, строка «Написать в канал…», «О канале»,
  создание канала с адресом из названия; лента открывается на свежих постах.
- Чаты: плоский список, чипы-фильтры, пузыри, плашки дней; нижняя панель скрыта в переписке.
- Корневые разделы — единая шапка; профиль и чужой профиль — общая карточка;
  настройки, кошелёк, сеансы — меню-списки.
- Нижняя панель: иконки без подписей, бейджи на иконках.
- confirmDialog вместо window.confirm/alert; на телефоне диалоги — шторки снизу.
- docs/UI-Design/ISSUES-for-dev.md — найденные ошибки сервера/UI.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

shine-UI/js/services/attachment-format.js

@@ -177,14 +177,20 @@ function stopVideos(root) {
   });
 }
 
-function createDownloadLink(url, label = 'Скачать') {
+function createDownloadLink(url, label = 'Скачать', { iconOnly = false } = {}) {
   const link = document.createElement('a');
-  link.className = 'message-attachment-download';
+  link.className = `message-attachment-download${iconOnly ? ' message-attachment-download--icon' : ''}`;
   link.href = url;
   link.target = '_blank';
   link.rel = 'noopener';
   link.download = '';
-  link.textContent = label;
+  if (iconOnly) {
+    link.setAttribute('aria-label', label);
+    link.title = label;
+    link.innerHTML = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 4v12M6 10l6 6 6-6M5 20h14"/></svg>';
+  } else {
+    link.textContent = label;
+  }
   link.addEventListener('click', (event) => {
     event.stopPropagation();
   });
@@ -287,6 +293,7 @@ function createMediaSlide({ item, url, kind, messageTimestampMs, slide, previewU
 
   const bindImageLayout = (img) => {
     img.addEventListener('load', () => {
+      frame.classList.add('is-loaded');
       const naturalWidth = Number(img.naturalWidth || 0);
       const naturalHeight = Number(img.naturalHeight || 0);
       const isLandscape = naturalWidth > 0 && naturalHeight > 0 && naturalWidth > naturalHeight;
@@ -326,13 +333,14 @@ function createMediaSlide({ item, url, kind, messageTimestampMs, slide, previewU
     video.muted = true;
     video.playsInline = true;
     video.addEventListener('error', () => replaceWithUnavailable(slide, messageTimestampMs), { once: true });
+    video.addEventListener('loadeddata', () => frame.classList.add('is-loaded'), { once: true });
     const play = document.createElement('span');
     play.className = 'message-attachment-play';
     play.textContent = '▶';
     frame.append(video, play);
   }
 
-  frame.append(createDownloadLink(url));
+  frame.append(createDownloadLink(url, 'Скачать', { iconOnly: true }));
   return frame;
 }