@arronqzy/react-view 1.0.38 → 1.0.40

package/dist/styles.css

@@ -629,6 +629,11 @@ video {
   right: 0px;
 }
 
+.inset-y-0 {
+  top: 0px;
+  bottom: 0px;
+}
+
 .bottom-0 {
   bottom: 0px;
 }
@@ -641,18 +646,10 @@ video {
   bottom: 0.75rem;
 }
 
-.bottom-\[var\(--rv-ruler-size\)\] {
-  bottom: var(--rv-ruler-size);
-}
-
 .left-0 {
   left: 0px;
 }
 
-.left-0\.5 {
-  left: 0.125rem;
-}
-
 .left-1 {
   left: 0.25rem;
 }
@@ -669,10 +666,6 @@ video {
   left: 1.5rem;
 }
 
-.left-\[var\(--rv-ruler-size\)\] {
-  left: var(--rv-ruler-size);
-}
-
 .right-0 {
   right: 0px;
 }
@@ -685,18 +678,10 @@ video {
   right: 0.5rem;
 }
 
-.right-\[var\(--rv-ruler-size\)\] {
-  right: var(--rv-ruler-size);
-}
-
 .top-0 {
   top: 0px;
 }
 
-.top-0\.5 {
-  top: 0.125rem;
-}
-
 .top-1 {
   top: 0.25rem;
 }
@@ -705,6 +690,10 @@ video {
   top: 0.375rem;
 }
 
+.top-1\/2 {
+  top: 50%;
+}
+
 .top-2 {
   top: 0.5rem;
 }
@@ -721,10 +710,6 @@ video {
   top: calc(100% + 6px);
 }
 
-.top-\[var\(--rv-ruler-size\)\] {
-  top: var(--rv-ruler-size);
-}
-
 .isolate {
   isolation: isolate;
 }
@@ -733,10 +718,6 @@ video {
   z-index: 10;
 }
 
-.z-20 {
-  z-index: 20;
-}
-
 .z-30 {
   z-index: 30;
 }
@@ -769,6 +750,10 @@ video {
   z-index: 10300;
 }
 
+.z-\[1\] {
+  z-index: 1;
+}
+
 .z-\[70\] {
   z-index: 70;
 }
@@ -781,11 +766,6 @@ video {
   grid-column: span 2 / span 2;
 }
 
-.mx-2 {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}
-
 .mx-auto {
   margin-left: auto;
   margin-right: auto;
@@ -808,14 +788,18 @@ video {
   margin-bottom: 0.5rem;
 }
 
-.mb-3 {
-  margin-bottom: 0.75rem;
+.ml-0\.5 {
+  margin-left: 0.125rem;
 }
 
 .ml-1\.5 {
   margin-left: 0.375rem;
 }
 
+.ml-\[7px\] {
+  margin-left: 7px;
+}
+
 .ml-auto {
   margin-left: auto;
 }
@@ -990,6 +974,10 @@ video {
   height: 180px;
 }
 
+.h-\[min\(68vh\2c 640px\)\] {
+  height: min(68vh, 640px);
+}
+
 .h-\[min\(72vh\2c 580px\)\] {
   height: min(72vh, 580px);
 }
@@ -998,14 +986,6 @@ video {
   height: min(78vh, 560px);
 }
 
-.h-\[var\(--rv-ruler-size\)\] {
-  height: var(--rv-ruler-size);
-}
-
-.h-auto {
-  height: auto;
-}
-
 .h-full {
   height: 100%;
 }
@@ -1086,6 +1066,10 @@ video {
   min-height: 140px;
 }
 
+.min-h-\[320px\] {
+  min-height: 320px;
+}
+
 .min-h-\[64px\] {
   min-height: 64px;
 }
@@ -1094,10 +1078,6 @@ video {
   min-height: 68px;
 }
 
-.min-h-\[min\(62vh\2c 640px\)\] {
-  min-height: min(62vh, 640px);
-}
-
 .min-h-full {
   min-height: 100%;
 }
@@ -1130,6 +1110,10 @@ video {
   width: 4rem;
 }
 
+.w-2 {
+  width: 0.5rem;
+}
+
 .w-20 {
   width: 5rem;
 }
@@ -1194,6 +1178,10 @@ video {
   width: 168px;
 }
 
+.w-\[200px\] {
+  width: 200px;
+}
+
 .w-\[220px\] {
   width: 220px;
 }
@@ -1206,6 +1194,10 @@ video {
   width: 280px;
 }
 
+.w-\[min\(92vw\2c 620px\)\] {
+  width: min(92vw, 620px);
+}
+
 .w-\[min\(92vw\2c 720px\)\] {
   width: min(92vw, 720px);
 }
@@ -1214,10 +1206,6 @@ video {
   width: min(94vw, 680px);
 }
 
-.w-\[min\(96vw\2c 1100px\)\] {
-  width: min(96vw, 1100px);
-}
-
 .w-\[min\(96vw\2c 960px\)\] {
   width: min(96vw, 960px);
 }
@@ -1226,10 +1214,6 @@ video {
   width: var(--radix-popover-trigger-width);
 }
 
-.w-\[var\(--rv-ruler-size\)\] {
-  width: var(--rv-ruler-size);
-}
-
 .w-full {
   width: 100%;
 }
@@ -1242,10 +1226,6 @@ video {
   min-width: 100px;
 }
 
-.min-w-\[120px\] {
-  min-width: 120px;
-}
-
 .min-w-\[140px\] {
   min-width: 140px;
 }
@@ -1254,12 +1234,16 @@ video {
   min-width: 180px;
 }
 
+.min-w-\[64px\] {
+  min-width: 64px;
+}
+
 .min-w-\[92px\] {
   min-width: 92px;
 }
 
-.max-w-\[140px\] {
-  max-width: 140px;
+.max-w-\[120px\] {
+  max-width: 120px;
 }
 
 .max-w-\[180px\] {
@@ -1343,13 +1327,8 @@ video {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.translate-x-0 {
-  --tw-translate-x: 0px;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.translate-x-5 {
-  --tw-translate-x: 1.25rem;
+.-translate-y-1\/2 {
+  --tw-translate-y: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
@@ -1453,14 +1432,6 @@ video {
   grid-template-columns: repeat(3, minmax(0, 1fr));
 }
 
-.grid-cols-5 {
-  grid-template-columns: repeat(5, minmax(0, 1fr));
-}
-
-.grid-cols-\[110px_1fr\] {
-  grid-template-columns: 110px 1fr;
-}
-
 .grid-cols-\[1fr_1fr_auto\] {
   grid-template-columns: 1fr 1fr auto;
 }
@@ -1485,6 +1456,10 @@ video {
   flex-wrap: wrap;
 }
 
+.flex-nowrap {
+  flex-wrap: nowrap;
+}
+
 .items-start {
   align-items: flex-start;
 }
@@ -1497,8 +1472,8 @@ video {
   align-items: center;
 }
 
-.items-stretch {
-  align-items: stretch;
+.items-baseline {
+  align-items: baseline;
 }
 
 .justify-start {
@@ -1537,6 +1512,10 @@ video {
   gap: 0.5rem;
 }
 
+.gap-2\.5 {
+  gap: 0.625rem;
+}
+
 .gap-3 {
   gap: 0.75rem;
 }
@@ -1550,11 +1529,20 @@ video {
        column-gap: 0.5rem;
 }
 
+.gap-x-3 {
+  -moz-column-gap: 0.75rem;
+       column-gap: 0.75rem;
+}
+
 .gap-x-4 {
   -moz-column-gap: 1rem;
        column-gap: 1rem;
 }
 
+.gap-y-1 {
+  row-gap: 0.25rem;
+}
+
 .gap-y-2 {
   row-gap: 0.5rem;
 }
@@ -1601,12 +1589,6 @@ video {
   margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
 }
 
-.space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
-}
-
 .self-start {
   align-self: flex-start;
 }
@@ -1766,6 +1748,10 @@ video {
   border-color: hsl(var(--border) / 0.4);
 }
 
+.border-border\/45 {
+  border-color: hsl(var(--border) / 0.45);
+}
+
 .border-border\/50 {
   border-color: hsl(var(--border) / 0.5);
 }
@@ -1802,10 +1788,6 @@ video {
   border-color: hsl(var(--destructive) / 0.4);
 }
 
-.border-destructive\/50 {
-  border-color: hsl(var(--destructive) / 0.5);
-}
-
 .border-destructive\/60 {
   border-color: hsl(var(--destructive) / 0.6);
 }
@@ -1818,6 +1800,10 @@ video {
   border-color: rgb(16 185 129 / 0.4);
 }
 
+.border-foreground\/70 {
+  border-color: hsl(var(--foreground) / 0.7);
+}
+
 .border-foreground\/80 {
   border-color: hsl(var(--foreground) / 0.8);
 }
@@ -1875,13 +1861,12 @@ video {
   border-color: rgb(139 92 246 / 0.5);
 }
 
-.border-violet-500\/70 {
-  border-color: rgb(139 92 246 / 0.7);
+.border-violet-500\/60 {
+  border-color: rgb(139 92 246 / 0.6);
 }
 
-.border-violet-600 {
-  --tw-border-opacity: 1;
-  border-color: rgb(124 58 237 / var(--tw-border-opacity, 1));
+.border-violet-600\/70 {
+  border-color: rgb(124 58 237 / 0.7);
 }
 
 .border-white\/30 {
@@ -1986,6 +1971,10 @@ video {
   background-color: rgb(0 0 0 / 0.8);
 }
 
+.bg-border {
+  background-color: hsl(var(--border));
+}
+
 .bg-card {
   background-color: hsl(var(--card));
 }
@@ -1994,6 +1983,10 @@ video {
   background-color: hsl(var(--card) / 0.8);
 }
 
+.bg-card\/90 {
+  background-color: hsl(var(--card) / 0.9);
+}
+
 .bg-card\/95 {
   background-color: hsl(var(--card) / 0.95);
 }
@@ -2051,6 +2044,10 @@ video {
   background-color: hsl(var(--muted) / 0.2);
 }
 
+.bg-muted\/25 {
+  background-color: hsl(var(--muted) / 0.25);
+}
+
 .bg-muted\/30 {
   background-color: hsl(var(--muted) / 0.3);
 }
@@ -2059,16 +2056,20 @@ video {
   background-color: hsl(var(--muted) / 0.4);
 }
 
+.bg-muted\/5 {
+  background-color: hsl(var(--muted) / 0.05);
+}
+
 .bg-muted\/60 {
   background-color: hsl(var(--muted) / 0.6);
 }
 
-.bg-muted\/\[0\.14\] {
-  background-color: hsl(var(--muted) / 0.14);
+.bg-muted\/\[0\.08\] {
+  background-color: hsl(var(--muted) / 0.08);
 }
 
-.bg-muted\/\[0\.1\] {
-  background-color: hsl(var(--muted) / 0.1);
+.bg-muted\/\[0\.12\] {
+  background-color: hsl(var(--muted) / 0.12);
 }
 
 .bg-popover {
@@ -2115,10 +2116,6 @@ video {
   background-color: hsl(var(--primary) / 0.55);
 }
 
-.bg-primary\/60 {
-  background-color: hsl(var(--primary) / 0.6);
-}
-
 .bg-primary\/65 {
   background-color: hsl(var(--primary) / 0.65);
 }
@@ -2131,10 +2128,6 @@ video {
   background-color: hsl(var(--primary) / 0.75);
 }
 
-.bg-primary\/80 {
-  background-color: hsl(var(--primary) / 0.8);
-}
-
 .bg-primary\/90 {
   background-color: hsl(var(--primary) / 0.9);
 }
@@ -2168,10 +2161,6 @@ video {
   background-color: rgb(139 92 246 / 0.15);
 }
 
-.bg-violet-500\/20 {
-  background-color: rgb(139 92 246 / 0.2);
-}
-
 .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -2181,6 +2170,16 @@ video {
   background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
 }
 
+.bg-gradient-to-l {
+  background-image: linear-gradient(to left, var(--tw-gradient-stops));
+}
+
+.from-background {
+  --tw-gradient-from: hsl(var(--background)) var(--tw-gradient-from-position);
+  --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
 .from-card {
   --tw-gradient-from: hsl(var(--card)) var(--tw-gradient-from-position);
   --tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);
@@ -2193,22 +2192,26 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
+.via-background {
+  --tw-gradient-to: hsl(var(--background) / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background)) var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
 .via-muted\/60 {
   --tw-gradient-to: hsl(var(--muted) / 0)  var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--muted) / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
 }
 
-.via-violet-600\/10 {
-  --tw-gradient-to: rgb(124 58 237 / 0)  var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), rgb(124 58 237 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
-}
-
 .to-card {
   --tw-gradient-to: hsl(var(--card)) var(--tw-gradient-to-position);
 }
 
-.to-muted\/40 {
-  --tw-gradient-to: hsl(var(--muted) / 0.4) var(--tw-gradient-to-position);
+.to-muted\/35 {
+  --tw-gradient-to: hsl(var(--muted) / 0.35) var(--tw-gradient-to-position);
+}
+
+.to-transparent {
+  --tw-gradient-to: transparent var(--tw-gradient-to-position);
 }
 
 .fill-none {
@@ -2239,6 +2242,10 @@ video {
   fill: hsl(var(--primary) / 0.55);
 }
 
+.fill-primary\/60 {
+  fill: hsl(var(--primary) / 0.6);
+}
+
 .fill-primary\/65 {
   fill: hsl(var(--primary) / 0.65);
 }
@@ -2318,6 +2325,11 @@ video {
   padding-right: 0px;
 }
 
+.px-0\.5 {
+  padding-left: 0.125rem;
+  padding-right: 0.125rem;
+}
+
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -2358,6 +2370,11 @@ video {
   padding-right: 1.5rem;
 }
 
+.py-0 {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
 .py-0\.5 {
   padding-top: 0.125rem;
   padding-bottom: 0.125rem;
@@ -2408,11 +2425,6 @@ video {
   padding-bottom: 1.5rem;
 }
 
-.py-7 {
-  padding-top: 1.75rem;
-  padding-bottom: 1.75rem;
-}
-
 .py-8 {
   padding-top: 2rem;
   padding-bottom: 2rem;
@@ -2451,8 +2463,8 @@ video {
   padding-left: 0.25rem;
 }
 
-.pl-2 {
-  padding-left: 0.5rem;
+.pl-1\.5 {
+  padding-left: 0.375rem;
 }
 
 .pl-2\.5 {
@@ -2479,10 +2491,6 @@ video {
   padding-right: 3rem;
 }
 
-.pt-0 {
-  padding-top: 0px;
-}
-
 .pt-1 {
   padding-top: 0.25rem;
 }
@@ -2495,10 +2503,6 @@ video {
   padding-top: 0.5rem;
 }
 
-.pt-2\.5 {
-  padding-top: 0.625rem;
-}
-
 .pt-3 {
   padding-top: 0.75rem;
 }
@@ -2581,6 +2585,11 @@ video {
   font-style: italic;
 }
 
+.tabular-nums {
+  --tw-numeric-spacing: tabular-nums;
+  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+}
+
 .leading-4 {
   line-height: 1rem;
 }
@@ -2609,10 +2618,6 @@ video {
   letter-spacing: 0.025em;
 }
 
-.text-accent-foreground {
-  color: hsl(var(--accent-foreground));
-}
-
 .text-amber-700 {
   --tw-text-opacity: 1;
   color: rgb(180 83 9 / var(--tw-text-opacity, 1));
@@ -2623,6 +2628,10 @@ video {
   color: rgb(146 64 14 / var(--tw-text-opacity, 1));
 }
 
+.text-border {
+  color: hsl(var(--border));
+}
+
 .text-card-foreground {
   color: hsl(var(--card-foreground));
 }
@@ -2635,9 +2644,9 @@ video {
   color: hsl(var(--destructive-foreground));
 }
 
-.text-emerald-600 {
+.text-emerald-500 {
   --tw-text-opacity: 1;
-  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
+  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
 }
 
 .text-emerald-700 {
@@ -2658,6 +2667,10 @@ video {
   color: hsl(var(--foreground) / 0.8);
 }
 
+.text-foreground\/85 {
+  color: hsl(var(--foreground) / 0.85);
+}
+
 .text-foreground\/90 {
   color: hsl(var(--foreground) / 0.9);
 }
@@ -2748,9 +2761,14 @@ video {
   color: rgb(196 181 253 / var(--tw-text-opacity, 1));
 }
 
-.text-violet-950 {
+.text-violet-800 {
   --tw-text-opacity: 1;
-  color: rgb(46 16 101 / var(--tw-text-opacity, 1));
+  color: rgb(91 33 182 / var(--tw-text-opacity, 1));
+}
+
+.text-violet-900 {
+  --tw-text-opacity: 1;
+  color: rgb(76 29 149 / var(--tw-text-opacity, 1));
 }
 
 .text-white {
@@ -2778,10 +2796,6 @@ video {
   opacity: 1;
 }
 
-.opacity-40 {
-  opacity: 0.4;
-}
-
 .opacity-45 {
   opacity: 0.45;
 }
@@ -2794,6 +2808,10 @@ video {
   opacity: 0.6;
 }
 
+.opacity-70 {
+  opacity: 0.7;
+}
+
 .opacity-90 {
   opacity: 0.9;
 }
@@ -2810,9 +2828,9 @@ video {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.shadow-\[inset_0_1px_0_0_rgba\(139\2c 92\2c 246\2c 0\.22\)\] {
-  --tw-shadow: inset 0 1px 0 0 rgba(139,92,246,0.22);
-  --tw-shadow-colored: inset 0 1px 0 0 var(--tw-shadow-color);
+.shadow-\[0_1px_1px_hsl\(var\(--foreground\)\/0\.03\)\] {
+  --tw-shadow: 0 1px 1px hsl(var(--foreground)/0.03);
+  --tw-shadow-colored: 0 1px 1px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
@@ -2883,12 +2901,8 @@ video {
   --tw-ring-inset: inset;
 }
 
-.ring-blue-500\/90 {
-  --tw-ring-color: rgb(59 130 246 / 0.9);
-}
-
-.ring-destructive\/45 {
-  --tw-ring-color: hsl(var(--destructive) / 0.45);
+.ring-destructive\/35 {
+  --tw-ring-color: hsl(var(--destructive) / 0.35);
 }
 
 .ring-foreground\/40 {
@@ -2899,12 +2913,12 @@ video {
   --tw-ring-color: hsl(var(--primary) / 0.2);
 }
 
-.ring-primary\/40 {
-  --tw-ring-color: hsl(var(--primary) / 0.4);
+.ring-primary\/35 {
+  --tw-ring-color: hsl(var(--primary) / 0.35);
 }
 
-.ring-primary\/45 {
-  --tw-ring-color: hsl(var(--primary) / 0.45);
+.ring-primary\/40 {
+  --tw-ring-color: hsl(var(--primary) / 0.4);
 }
 
 .ring-primary\/50 {
@@ -2915,18 +2929,6 @@ video {
   --tw-ring-color: rgb(56 189 248 / 0.5);
 }
 
-.ring-offset-0 {
-  --tw-ring-offset-width: 0px;
-}
-
-.ring-offset-2 {
-  --tw-ring-offset-width: 2px;
-}
-
-.ring-offset-background {
-  --tw-ring-offset-color: hsl(var(--background));
-}
-
 .blur {
   --tw-blur: blur(8px);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
@@ -2941,6 +2943,11 @@ video {
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
 
+.backdrop-blur-md {
+  --tw-backdrop-blur: blur(12px);
+  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+
 .backdrop-blur-sm {
   --tw-backdrop-blur: blur(4px);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
@@ -2968,8 +2975,8 @@ video {
   transition-duration: 150ms;
 }
 
-.transition-shadow {
-  transition-property: box-shadow;
+.transition-opacity {
+  transition-property: opacity;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
@@ -2980,10 +2987,6 @@ video {
   transition-duration: 150ms;
 }
 
-.duration-200 {
-  transition-duration: 200ms;
-}
-
 @keyframes enter {
   from {
     opacity: var(--tw-enter-opacity, 1);
@@ -2998,10 +3001,6 @@ video {
   }
 }
 
-.duration-200 {
-  animation-duration: 200ms;
-}
-
 .running {
   animation-play-state: running;
 }
@@ -3043,6 +3042,74 @@ video {
   background: hsl(var(--foreground) / 0.45);
 }
 
+/*
+ * 物料侧栏：容器查询写在源 CSS 里（JIT 的 @[Npx] 经常未进 dist）
+ * 窄：单列、卡片最多 112px；宽：auto-fill 换行，单卡约 88–104px
+ */
+
+.rv-material-sidebar {
+  container-type: inline-size;
+  container-name: rv-material;
+}
+
+.rv-material-grid {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  justify-items: stretch;
+  gap: 0.375rem;
+}
+
+.rv-material-card {
+  width: 100%;
+  max-width: 112px;
+  justify-self: center;
+}
+
+@container rv-material (min-width: 200px) {
+  .rv-material-grid {
+    grid-template-columns: repeat(auto-fill, minmax(88px, 104px));
+  }
+
+  .rv-material-card {
+    max-width: none;
+    justify-self: stretch;
+  }
+}
+
+/*
+ * 配置侧栏：窄时多列表单改单列，避免挤成一团
+ */
+
+.scope-config-sidebar {
+  container-type: inline-size;
+  container-name: rv-config;
+}
+
+@container rv-config (max-width: 260px) {
+  .scope-config-sidebar .grid {
+    grid-template-columns: minmax(0, 1fr) !important;
+  }
+
+  .scope-config-sidebar .grid > * {
+    min-width: 0;
+  }
+}
+
+/*
+ * 节点选中描边：用倒数抵消画布 scale，屏幕上始终约 2px（勿用 ring/border，会随缩放变粗）
+ */
+
+.rv-node-selected {
+  box-shadow: 0 0 0 calc(2px / var(--rv-canvas-scale, 1)) rgb(59 130 246 / 0.9);
+}
+
+/* Selecto 框选：渲染在 body，线宽保持屏幕 1px */
+
+.selecto-selection {
+  border-width: 1px !important;
+  box-sizing: border-box !important;
+}
+
 /*
  * Moveable 控制框：
  * - 根节点必须高于画布元素 zIndex（节点默认 ≥1），否则多选组框线会被节点盖住，只剩锚点可见
@@ -3086,14 +3153,12 @@ video {
   background: transparent !important;
 }
 
+/* 锚点尺寸交给 Moveable 的 scale(zoom) 补偿，勿写死 px 覆盖，否则放大后会偏粗 */
+
 .rv-moveable-layer .moveable-control {
-  width: 14px !important;
-  height: 14px !important;
-  margin-top: -7px !important;
-  margin-left: -7px !important;
   border-radius: 50% !important;
   box-sizing: border-box !important;
-  border: 2px solid hsl(var(--background)) !important;
+  border-color: hsl(var(--background)) !important;
   background: #1990ff !important;
   background: var(--moveable-color) !important;
   z-index: 10 !important;
@@ -3135,6 +3200,10 @@ video {
   background-color: hsl(var(--accent) / 0.5);
 }
 
+.hover\:bg-accent\/55:hover {
+  background-color: hsl(var(--accent) / 0.55);
+}
+
 .hover\:bg-accent\/60:hover {
   background-color: hsl(var(--accent) / 0.6);
 }
@@ -3159,10 +3228,6 @@ video {
   background-color: hsl(var(--muted) / 0.3);
 }
 
-.hover\:bg-muted\/35:hover {
-  background-color: hsl(var(--muted) / 0.35);
-}
-
 .hover\:bg-muted\/70:hover {
   background-color: hsl(var(--muted) / 0.7);
 }
@@ -3204,6 +3269,10 @@ video {
   text-decoration-line: underline;
 }
 
+.hover\:opacity-100:hover {
+  opacity: 1;
+}
+
 .focus\:border-border\/60:focus {
   border-color: hsl(var(--border) / 0.6);
 }
@@ -3263,8 +3332,20 @@ video {
   opacity: 0.5;
 }
 
-.disabled\:opacity-60:disabled {
-  opacity: 0.6;
+.group\/node:focus-within .group-focus-within\/node\:pointer-events-auto {
+  pointer-events: auto;
+}
+
+.group\/node:focus-within .group-focus-within\/node\:opacity-100 {
+  opacity: 1;
+}
+
+.group\/node:hover .group-hover\/node\:pointer-events-auto {
+  pointer-events: auto;
+}
+
+.group\/node:hover .group-hover\/node\:opacity-100 {
+  opacity: 1;
 }
 
 .data-\[state\=checked\]\:border-primary[data-state="checked"] {
@@ -3275,12 +3356,12 @@ video {
   border-color: hsl(var(--border) / 0.6);
 }
 
-.data-\[state\=checked\]\:bg-primary\/80[data-state="checked"] {
-  background-color: hsl(var(--primary) / 0.8);
+.data-\[state\=checked\]\:bg-primary[data-state="checked"] {
+  background-color: hsl(var(--primary));
 }
 
-.data-\[state\=unchecked\]\:bg-secondary[data-state="unchecked"] {
-  background-color: hsl(var(--secondary));
+.data-\[state\=active\]\:font-semibold[data-state="active"] {
+  font-weight: 600;
 }
 
 .data-\[state\=checked\]\:ring-primary\/40[data-state="checked"] {
@@ -3288,8 +3369,8 @@ video {
 }
 
 @supports (backdrop-filter: var(--tw)) {
-  .supports-\[backdrop-filter\]\:bg-card\/80 {
-    background-color: hsl(var(--card) / 0.8);
+  .supports-\[backdrop-filter\]\:bg-background\/70 {
+    background-color: hsl(var(--background) / 0.7);
   }
 }
 
@@ -3297,36 +3378,16 @@ video {
   border-color: rgb(245 158 11 / 0.4);
 }
 
-.dark\:border-violet-400:is(.dark *) {
-  --tw-border-opacity: 1;
-  border-color: rgb(167 139 250 / var(--tw-border-opacity, 1));
-}
-
-.dark\:border-violet-400\/65:is(.dark *) {
-  border-color: rgb(167 139 250 / 0.65);
+.dark\:border-violet-400\/70:is(.dark *) {
+  border-color: rgb(167 139 250 / 0.7);
 }
 
 .dark\:bg-amber-950\/40:is(.dark *) {
   background-color: rgb(69 26 3 / 0.4);
 }
 
-.dark\:bg-violet-500\/35:is(.dark *) {
-  background-color: rgb(139 92 246 / 0.35);
-}
-
-.dark\:from-violet-500\/20:is(.dark *) {
-  --tw-gradient-from: rgb(139 92 246 / 0.2) var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
-.dark\:via-violet-950\/35:is(.dark *) {
-  --tw-gradient-to: rgb(46 16 101 / 0)  var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), rgb(46 16 101 / 0.35) var(--tw-gradient-via-position), var(--tw-gradient-to);
-}
-
-.dark\:to-fuchsia-950\/25:is(.dark *) {
-  --tw-gradient-to: rgb(74 4 78 / 0.25) var(--tw-gradient-to-position);
+.dark\:bg-violet-500\/25:is(.dark *) {
+  background-color: rgb(139 92 246 / 0.25);
 }
 
 .dark\:text-amber-200:is(.dark *) {
@@ -3359,42 +3420,33 @@ video {
   color: rgb(125 211 252 / var(--tw-text-opacity, 1));
 }
 
-.dark\:text-violet-50:is(.dark *) {
+.dark\:text-violet-100:is(.dark *) {
   --tw-text-opacity: 1;
-  color: rgb(245 243 255 / var(--tw-text-opacity, 1));
-}
-
-.dark\:shadow-\[0_0_12px_-2px_rgba\(167\2c 139\2c 250\2c 0\.55\)\]:is(.dark *) {
-  --tw-shadow: 0 0 12px -2px rgba(167,139,250,0.55);
-  --tw-shadow-colored: 0 0 12px -2px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.dark\:shadow-\[0_0_14px_-3px_rgba\(167\2c 139\2c 250\2c 0\.65\)\]:is(.dark *) {
-  --tw-shadow: 0 0 14px -3px rgba(167,139,250,0.65);
-  --tw-shadow-colored: 0 0 14px -3px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  color: rgb(237 233 254 / var(--tw-text-opacity, 1));
 }
 
-.dark\:shadow-\[inset_0_0_0_1px_rgba\(167\2c 139\2c 250\2c 0\.12\)\2c 0_0_20px_-8px_rgba\(139\2c 92\2c 246\2c 0\.35\)\]:is(.dark *) {
-  --tw-shadow: inset 0 0 0 1px rgba(167,139,250,0.12),0 0 20px -8px rgba(139,92,246,0.35);
-  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color), 0 0 20px -8px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+.dark\:text-violet-200:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(221 214 254 / var(--tw-text-opacity, 1));
 }
 
 @media (min-width: 640px) {
-  .sm\:flex {
-    display: flex;
+  .sm\:inline {
+    display: inline;
   }
 
-  .sm\:max-w-\[1100px\] {
-    max-width: 1100px;
+  .sm\:flex {
+    display: flex;
   }
 
   .sm\:max-w-\[520px\] {
     max-width: 520px;
   }
 
+  .sm\:max-w-\[620px\] {
+    max-width: 620px;
+  }
+
   .sm\:max-w-\[860px\] {
     max-width: 860px;
   }
@@ -3468,6 +3520,29 @@ video {
   width: 0.5rem;
 }
 
+.\[\&\>span\]\:line-clamp-none>span {
+  overflow: visible;
+  display: block;
+  -webkit-box-orient: horizontal;
+  -webkit-line-clamp: none;
+}
+
+.\[\&\>span\]\:min-w-0>span {
+  min-width: 0px;
+}
+
+.\[\&\>span\]\:overflow-hidden>span {
+  overflow: hidden;
+}
+
+.\[\&\>span\]\:text-ellipsis>span {
+  text-overflow: ellipsis;
+}
+
+.\[\&\>span\]\:whitespace-nowrap>span {
+  white-space: nowrap;
+}
+
 .\[\&_\.cm-editor\]\:h-full .cm-editor {
   height: 100%;
 }