From 8746d71af1073734bcabce0214e247d42d52dd8f Mon Sep 17 00:00:00 2001
From: Zac Gaetano <zacgaetano@Zacs-M3-Max-128gb.local>
Date: Thu, 28 May 2026 20:32:30 -0400
Subject: [PATCH] fix(premiere-panel): reset native button chrome on icon
 buttons

UXP renders native <button> appearance (grey rounded fill) unless
appearance:none is set. .btn masked it with an explicit background,
but .rail-btn / .iconbtn use a transparent background, so the native
chrome showed through as grey blobs and suppressed the SVG icons.
Add appearance:none to both, matching the input/select reset.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 services/premiere-plugin-uxp/styles.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/services/premiere-plugin-uxp/styles.css b/services/premiere-plugin-uxp/styles.css
index 23f3a2a..6c33cc2 100644
--- a/services/premiere-plugin-uxp/styles.css
+++ b/services/premiere-plugin-uxp/styles.css
@@ -261,6 +261,8 @@ input[type="search"]::-webkit-search-cancel-button { display: none; }
   height: 34px;
   border: none;
   background: transparent;
+  appearance: none;
+  -webkit-appearance: none;
   border-radius: 8px;
   color: var(--text-3);
   display: flex;
@@ -476,6 +478,8 @@ input[type="search"]::-webkit-search-cancel-button { display: none; }
   flex-shrink: 0;
   border: 1px solid transparent;
   background: transparent;
+  appearance: none;
+  -webkit-appearance: none;
   border-radius: 7px;
   color: var(--text-2);
   display: flex;