Fix rules incorrectly nested in the media container

The media query and container queries were incorrectly nested inside the .transition-colors utility class in webview-ui/src/index.css, which would limit their scope unintentionally. Fixed it by moving them to the root level of the CSS file, right after the .transition-colors rule. This should ensure the responsive hiding of the API request text applies globally as intended.

Author: mikhail-salnikov

webview-ui/src/index.css

@@ -486,24 +486,24 @@ input[cmdk-input]:focus {
 	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
 	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 	transition-duration: 150ms;
+}
 
-	/* Hide API Request text when container is too narrow */
-	@media (max-width: 400px) {
-		.api-request-text {
-			display: none !important;
-		}
+/* Hide API Request text when container is too narrow */
+@media (max-width: 400px) {
+	.api-request-text {
+		display: none !important;
 	}
+}
 
-	/* Alternative: Use container query for more precise control */
-	@supports (container-type: inline-size) {
-		.api-request-container {
-			container-type: inline-size;
-		}
+/* Alternative: Use container query for more precise control */
+@supports (container-type: inline-size) {
+	.api-request-container {
+		container-type: inline-size;
+	}
 
-		@container (max-width: 350px) {
-			.api-request-text {
-				display: none !important;
-			}
+	@container (max-width: 350px) {
+		.api-request-text {
+			display: none !important;
 		}
 	}
 }