Update style.css

style.css

@@ -1,7 +1,8 @@
 body {
     margin: 0;
-    padding: 0; /* Remove padding for OBS compatibility */
+    padding: 0;
     font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
+    background: transparent; /* Ensure transparency for OBS */
 }
 
 h1 {
@@ -22,6 +23,7 @@ p {
     padding: 16px;
     border: 1px solid lightgray;
     border-radius: 16px;
+    background: white; /* Ensure card is visible if preview is enabled */
 }
 
 .card p:last-child {
@@ -32,5 +34,35 @@ p {
     width: 100%;
     max-width: 1920px;
     height: auto;
-    aspect-ratio: 16 / 9; /* Ensure 1920x1080 aspect ratio */
+    aspect-ratio: 16 / 9;
+    display: block;
+    margin: 0 auto;
+}
+
+input[type="range"] {
+    width: 100%;
+    margin: 10px 0;
+}
+
+label {
+    font-size: 14px;
+    margin-right: 10px;
+}
+
+button {
+    padding: 8px 16px;
+    background: #007bff;
+    color: white;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+}
+
+button:hover {
+    background: #0056b3;
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+    margin-right: 5px;
 }