добавление креста метки на видео

cmd/server/web/css/style.css

@@ -341,6 +341,70 @@ h1 {
     object-fit: contain;
     background: black;
 }
+/* ===== CAMERA OVERLAY ===== */
+.cam-frame-wrapper {
+    position: relative;
+    flex: 1;
+    width: 100%;
+    background: black;
+    overflow: hidden;
+}
+
+.cam-frame {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+    background: black;
+}
+
+/* Перекрестие (crosshair) */
+.cam-crosshair {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+    z-index: 10;
+}
+
+/* Вертикальная линия */
+.crosshair-v {
+    position: absolute;
+    top: 0;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 1px;
+    height: 100%;
+    background: #00ff88;
+    box-shadow: 0 0 4px rgba(0, 255, 136, 0.3);
+}
+
+/* Горизонтальная линия */
+.crosshair-h {
+    position: absolute;
+    top: 50%;
+    left: 0;
+    transform: translateY(-50%);
+    width: 100%;
+    height: 1px;
+    background:  #00ff88;
+    box-shadow: 0 0 4px rgba(0, 255, 136, 0.3);
+}
+
+/* Центральный квадрат */
+.crosshair-box {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 120px;
+    height: 120px;
+    border: 2px solid #00ff88;
+    box-shadow: 
+        0 0 10px rgba(0, 255, 136, 0.3),
+        inset 0 0 10px rgba(0, 255, 136, 0.1);
+}
 
 /* ===== MOBILE ===== */
 @media (max-width: 500px) {