Drawing protocol for line and group

architype.css

@@ -133,6 +133,7 @@ body {
   justify-content: center;
   text-align: center;
   font-size: 20px;
+  word-break: break-all;
 
   border-radius: 10px;
   padding: 3px;
@@ -140,10 +141,37 @@ body {
 
   overflow: hidden;
 
+  background: var(--background);
+  z-index: 2;
+}
+
+.gridGroup {
+  width: 100%;
+  height: calc(100% - 20px);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  text-align: center;
+  font-size: 20px;
+  word-break: break-all;
+
+  border-radius: 10px;
+  margin-top: 20px;
+  padding: 3px;
+  border: 1px dashed white;
+
+  overflow: hidden;
+
   background: var(--background);
   z-index: 1;
 }
 
+.gridGroup:empty {
+  height: 100%;
+  margin-top: 0;
+}
+
 .gridLines {
   width: 100%;
   height: 100%;