fix(studio): refine preset surfaces and repair gallery interactions

packages/ui/components/PreferenceSwitcher.wrn

@@ -117,6 +117,8 @@ size: string = "default"
       color: var(--wrn-color-muted);
       cursor: pointer;
       list-style: none;
+      background: var(--wrn-color-surface-2);
+      font: inherit;
     }
 
     .wrn-preferences__menu > [data-wrn-menu-toggle]:hover,
@@ -185,21 +187,31 @@ size: string = "default"
       padding: 0.5rem 0.65rem;
       align-items: center;
       gap: 0.5rem;
-      border-radius: 0.55rem;
+      border: 1px solid transparent;
+      border-radius: var(--wrn-radius-sm, 0.55rem);
+      font-family: inherit;
+      text-align: start;
+      cursor: pointer;
       color: var(--wrn-color-text);
       background: var(--wrn-color-surface-2);
       font-size: 0.75rem;
       font-weight: 500;
     }
 
+    .wrn-preferences__panel button:focus-visible {
+      outline: 2px solid var(--wrn-color-focus, var(--wrn-color-primary));
+      outline-offset: 2px;
+    }
+
     .wrn-preferences__panel button:hover {
-      outline: 2px solid color-mix(in srgb, var(--wrn-color-primary) 40%, transparent);
+      border-color: var(--wrn-color-border);
+      background: var(--wrn-color-surface-2);
     }
 
     .wrn-preferences__panel button[aria-pressed="true"] {
       color: var(--wrn-color-primary);
       background: color-mix(in srgb, var(--wrn-color-primary) 12%, var(--wrn-color-surface));
-      outline: 1px solid color-mix(in srgb, var(--wrn-color-primary) 55%, transparent);
+      border-color: color-mix(in srgb, var(--wrn-color-primary) 55%, transparent);
     }
 
     .wrn-preferences__swatches {