From 14c5884cbcd1714ed9e5632d4e663a9283b552e6 Mon Sep 17 00:00:00 2001
From: BB-fat <1056871944@qq.com>
Date: Mon, 17 Aug 2026 09:52:09 +0000
Subject: [PATCH] style(dsh-plugin-browserskill): fix overlay CSS stylelint
 errors

Add the missing blank line before the actions comment, and hoist
.tool-button:focus-visible above the wrap-hover rules so specificity
no longer descends.
---
 .../src/client/ObservationOverlay.module.css               | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/dsh-plugin-browserskill/src/client/ObservationOverlay.module.css b/packages/dsh-plugin-browserskill/src/client/ObservationOverlay.module.css
index 161c5f9..c640261 100644
--- a/packages/dsh-plugin-browserskill/src/client/ObservationOverlay.module.css
+++ b/packages/dsh-plugin-browserskill/src/client/ObservationOverlay.module.css
@@ -124,6 +124,7 @@
   align-items: center;
   justify-content: space-between;
   gap: 4px;
+
   /* A little inset so icons are not flush with the resize corners. */
   padding: 4px 8px;
   min-height: 32px;
@@ -155,6 +156,11 @@
   cursor: default;
 }
 
+.tool-button:focus-visible {
+  outline: 2px solid var(--ring);
+  outline-offset: 2px;
+}
+
 .tool-danger {
   color: var(--destructive);
 }
@@ -351,7 +357,6 @@
 }
 
 .icon-button:focus-visible,
-.tool-button:focus-visible,
 .capsule:focus-visible,
 .strip-main:focus-visible,
 .strip-interrupt:focus-visible {