From 7d4e1bff0cd6a213f43a60cc3d44a80a69fb3fa0 Mon Sep 17 00:00:00 2001
From: Abdul Wahab <abdulwahabone@gmail.com>
Date: Fri, 31 Jul 2026 14:52:53 +0500
Subject: [PATCH] update

---
 picker/styles/picker.css | 36 +++++++++++++++++++++++++++++++++---
 1 file changed, 33 insertions(+), 3 deletions(-)

diff --git a/picker/styles/picker.css b/picker/styles/picker.css
index 4c12409db..4ed1b418f 100644
--- a/picker/styles/picker.css
+++ b/picker/styles/picker.css
@@ -3888,14 +3888,32 @@ body.picker-page {
   .ps-gallery-item b,
   .ps-footer-links i,
   .ps-footer-mark,
-  .ps-phone-footer i
+  .ps-phone-footer i,
+  .ps-ops-rail,
+  .ps-ops-main,
+  .ps-ops-item,
+  .ps-ops-chart,
+  .ps-ops-table,
+  .ps-ops-row,
+  .ps-ops-panel,
+  .ps-ops-plot > i,
+  .ps-docs-rail,
+  .ps-docs-note,
+  .ps-index-row,
+  .ps-index-rail
 ) {
+  /* Width, margin, and padding ride along so the boundary answers morph rather
+     than snap: a hairline grows out of nothing, the proof band slides off the
+     page margins, and a card's padding opens instead of jumping. */
   transition:
     background-color 280ms var(--ks-ease),
     background-image 280ms var(--ks-ease),
     border-color 280ms var(--ks-ease),
+    border-width 280ms var(--ks-ease),
     border-radius 280ms var(--ks-ease),
-    box-shadow 280ms var(--ks-ease);
+    box-shadow 280ms var(--ks-ease),
+    margin 280ms var(--ks-ease),
+    padding 280ms var(--ks-ease);
 }
 
 .picker-preview-type :is(
@@ -7244,7 +7262,19 @@ body.picker-page {
     .ps-gallery-item b,
     .ps-footer-links i,
     .ps-footer-mark,
-    .ps-phone-footer i
+    .ps-phone-footer i,
+    .ps-ops-rail,
+    .ps-ops-main,
+    .ps-ops-item,
+    .ps-ops-chart,
+    .ps-ops-table,
+    .ps-ops-row,
+    .ps-ops-panel,
+    .ps-ops-plot > i,
+    .ps-docs-rail,
+    .ps-docs-note,
+    .ps-index-row,
+    .ps-index-rail
   ),
   .picker-preview-type :is(
     .ps-desktop,