feat: controls styling from gesture info

routes/static/out.css

@@ -558,6 +558,10 @@ video {
   display: flex;
 }
 
+.table {
+  display: table;
+}
+
 .grid {
   display: grid;
 }
@@ -684,6 +688,10 @@ video {
   border-width: 4px;
 }
 
+.border-\[hsl\(var\(--border-color\)\)\] {
+  border-color: hsl(var(--border-color));
+}
+
 .border-\[hsl\(var\(--brick-color\)\)\] {
   border-color: hsl(var(--brick-color));
 }
@@ -697,11 +705,6 @@ video {
   border-color: rgb(0 0 0 / var(--tw-border-opacity));
 }
 
-.border-blue-700 {
-  --tw-border-opacity: 1;
-  border-color: rgb(29 78 216 / var(--tw-border-opacity));
-}
-
 .border-yellow-700 {
   --tw-border-opacity: 1;
   border-color: rgb(161 98 7 / var(--tw-border-opacity));
@@ -750,6 +753,11 @@ video {
   padding: 1rem;
 }
 
+.px-10 {
+  padding-left: 2.5rem;
+  padding-right: 2.5rem;
+}
+
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -760,6 +768,11 @@ video {
   padding-bottom: 0.25rem;
 }
 
+.py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
 .text-xl {
   font-size: 1.25rem;
   line-height: 1.75rem;
@@ -773,6 +786,10 @@ video {
   color: hsl(var(--brick-color) / 0.5);
 }
 
+.text-\[hsl\(var\(--text-color\)\)\] {
+  color: hsl(var(--text-color));
+}
+
 .text-blue-700 {
   --tw-text-opacity: 1;
   color: rgb(29 78 216 / var(--tw-text-opacity));