Add Wyze and Thingino cameras (12 total, 4x3 grid)

app/config.py

@@ -26,6 +26,10 @@ class Settings(BaseSettings):
         "Street_side": "Street Side",
         "Backyard": "Backyard",
         "House_side": "House Side",
+        "WyzePanV3": "Wyze Pan",
+        "BackDoor": "Back Door",
+        "Parlor": "Parlor",
+        "Livingroom": "Living Room",
     }
 
     class Config:

app/templates/viewer.html

@@ -22,11 +22,11 @@
             width: 100vw;
         }
 
-        /* Grid View */
+        /* Grid View - 4x3 for 12 cameras */
         .grid-container {
             display: grid;
             grid-template-columns: repeat(4, 1fr);
-            grid-template-rows: repeat(2, 1fr);
+            grid-template-rows: repeat(3, 1fr);
             gap: 2px;
             height: 100vh;
             width: 100vw;
@@ -185,15 +185,15 @@
         /* Tablet optimizations */
         @media (max-width: 1024px) {
             .grid-container {
-                grid-template-columns: repeat(2, 1fr);
+                grid-template-columns: repeat(3, 1fr);
                 grid-template-rows: repeat(4, 1fr);
             }
         }
 
         @media (max-width: 600px) {
             .grid-container {
-                grid-template-columns: 1fr;
-                grid-template-rows: repeat(8, 1fr);
+                grid-template-columns: repeat(2, 1fr);
+                grid-template-rows: repeat(6, 1fr);
             }
         }
     </style>