Добавить базовую поддержку видеозвонка

shine-UI/styles/components.css

@@ -2001,6 +2001,56 @@
   font-size: 14px;
 }
 
+.call-video-stage {
+  position: relative;
+  width: 100%;
+  min-height: 220px;
+  border-radius: 16px;
+  overflow: hidden;
+  background:
+    radial-gradient(circle at top, rgba(41, 72, 118, 0.48), transparent 58%),
+    linear-gradient(180deg, rgba(7, 14, 27, 0.98), rgba(3, 7, 14, 1));
+  border: 1px solid rgba(118, 154, 228, 0.2);
+}
+
+.call-remote-video,
+.call-local-video {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  background: #02050a;
+}
+
+.call-remote-video[hidden],
+.call-local-preview[hidden] {
+  display: none !important;
+}
+
+.call-video-placeholder {
+  position: absolute;
+  inset: 0;
+  display: grid;
+  place-items: center;
+  padding: 18px;
+  color: rgba(223, 234, 255, 0.72);
+  font-size: 15px;
+  text-align: center;
+}
+
+.call-local-preview {
+  position: absolute;
+  right: 12px;
+  bottom: 12px;
+  width: min(32vw, 128px);
+  aspect-ratio: 3 / 4;
+  border-radius: 14px;
+  overflow: hidden;
+  border: 1px solid rgba(176, 205, 255, 0.38);
+  background: rgba(7, 12, 22, 0.94);
+  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.32);
+}
+
 .call-overlay-controls {
   display: flex;
   flex-wrap: wrap;