Make edges easier to see in nested node groups.

lynxkite-app/web/src/index.css

@@ -110,6 +110,10 @@ body {
     padding: 10px 20px;
   }
 
+  .node-group.in-group {
+    opacity: 0.5;
+  }
+
   .node-group-color-picker-icon {
     font-size: 30px;
     opacity: 0.1;

lynxkite-app/web/src/workspace/nodes/Group.tsx

@@ -24,12 +24,11 @@ export default function Group(props: any) {
   const currentColor = props.data?.params?.color || "gray";
   return (
     <div
-      className="node-group"
+      className={`node-group ${props.parentId ? "in-group" : ""}`}
       style={{
         width: props.width,
         height: props.height,
         backgroundColor: COLORS[currentColor],
-        opacity: 0.9,
       }}
     >
       <button