fix(notice): fix compact layout broken by duplicate CSS blocks and missing overflow rules

Root causes:
1. Duplicate .st-bme-notice__title and .st-bme-notice__message blocks (from
   original code) were overriding the new transition-enabled versions,
   stripping transitions and causing missing overflow:hidden on __message.
2. .st-bme-notice::after pseudo-element CSS was accidentally merged into
   .st-bme-notice__message--marquee block during previous edit.
3. Compact layout .st-bme-notice__content had overflow:hidden with no
   min-width constraint, causing the title to collapse to 'ST...'.

Fixes:
- Removed all duplicate CSS blocks; single canonical definitions with transitions
- Restored ::after pseudo-element as separate rule
- Added max-width:320px with overflow:hidden explicitly for compact content
- Added normal content max-width:360px with overflow:hidden
- Restored missing .st-bme-notice__actions base rule with transition
- Added .st-bme-notice__message overflow:hidden for max-height animation

ui/notice.js

@@ -77,15 +77,39 @@ function ensureStyle(doc) {
 
     .st-bme-notice__content {
       min-width: 0;
-      overflow: hidden;
       transition: max-width 280ms cubic-bezier(0.22, 1, 0.36, 1),
                  opacity 220ms ease;
     }
 
+    .st-bme-notice[data-layout="normal"] .st-bme-notice__content {
+      max-width: 360px;
+      overflow: hidden;
+    }
+
     .st-bme-notice[data-layout="compact"] .st-bme-notice__content {
       display: flex;
       align-items: center;
       min-width: 0;
+      max-width: 320px;
+      overflow: hidden;
+    }
+
+    .st-bme-notice__title {
+      margin: 0;
+      font-size: 17px;
+      line-height: 1.18;
+      font-weight: 800;
+      letter-spacing: 0.01em;
+      color: #f0f6ff;
+      transition: font-size 260ms ease;
+    }
+
+    .st-bme-notice[data-layout="compact"] .st-bme-notice__title {
+      font-size: 16px;
+      line-height: 1.2;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
 
     .st-bme-notice__message {
@@ -95,18 +119,21 @@ function ensureStyle(doc) {
       color: rgba(240, 246, 255, 0.86);
       white-space: pre-wrap;
       word-break: break-word;
+      overflow: hidden;
       transition: max-height 280ms cubic-bezier(0.22, 1, 0.36, 1),
                  opacity 220ms ease,
                  margin 260ms ease;
     }
 
-    .st-bme-notice__actions {
+    .st-bme-notice[data-layout="normal"] .st-bme-notice__message {
-      display: flex;
+      max-height: 200px;
-      gap: 8px;
+      opacity: 1;
-      margin-top: 10px;
+    }
-      transition: max-height 260ms cubic-bezier(0.22, 1, 0.36, 1),
+
-                 opacity 220ms ease,
+    .st-bme-notice[data-layout="compact"] .st-bme-notice__message {
-                 margin 260ms ease;
+      max-height: 0;
+      opacity: 0;
+      margin-top: 0;
     }
 
     .st-bme-notice::after {
@@ -143,32 +170,6 @@ function ensureStyle(doc) {
       animation: stBmeNoticeBusy 900ms linear infinite;
     }
 
-    .st-bme-notice__title {
-      margin: 0;
-      font-size: 17px;
-      line-height: 1.18;
-      font-weight: 800;
-      letter-spacing: 0.01em;
-      color: #f0f6ff;
-    }
-
-    .st-bme-notice[data-layout="compact"] .st-bme-notice__title {
-      font-size: 16px;
-      line-height: 1.2;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-
-    .st-bme-notice__message {
-      margin: 4px 0 0;
-      font-size: 14px;
-      line-height: 1.38;
-      color: rgba(240, 246, 255, 0.86);
-      white-space: pre-wrap;
-      word-break: break-word;
-    }
-
     .st-bme-notice__message--marquee {
       white-space: nowrap;
       overflow: hidden;
@@ -258,8 +259,14 @@ function ensureStyle(doc) {
       opacity: 0;
     }
 
-    .st-bme-notice[data-layout="normal"] .st-bme-notice__content {
+    .st-bme-notice__actions {
-      max-width: 360px;
+      display: flex;
+      gap: 8px;
+      margin-top: 10px;
+      overflow: hidden;
+      transition: max-height 260ms cubic-bezier(0.22, 1, 0.36, 1),
+                 opacity 220ms ease,
+                 margin 260ms ease;
     }
 
     .st-bme-notice[data-layout="compact"] .st-bme-notice__actions {
@@ -274,15 +281,8 @@ function ensureStyle(doc) {
       opacity: 1;
     }
 
-    .st-bme-notice[data-layout="normal"] .st-bme-notice__message {
+    .st-bme-notice[data-layout="compact"] .st-bme-notice__progress {
-      max-height: 200px;
+      display: none;
-      opacity: 1;
-    }
-
-    .st-bme-notice[data-layout="compact"] .st-bme-notice__message {
-      max-height: 0;
-      opacity: 0;
-      margin-top: 0;
     }
 
     .st-bme-notice__progress {