update

src/style.css

@@ -115,15 +115,6 @@ body {
   font-size: 13px;
 }
 
-.panel-tip {
-  background: rgba(31, 122, 140, 0.12);
-  color: var(--accent-strong);
-  padding: 6px 12px;
-  border-radius: 999px;
-  font-size: 12px;
-  font-weight: 600;
-}
-
 .workspace-stage {
   flex: 1;
   min-height: 520px;
@@ -157,6 +148,21 @@ body {
   gap: 8px;
 }
 
+.output-label {
+  padding: 10px 18px;
+  font-size: 12px;
+  color: var(--muted);
+  border-top: 1px solid var(--border);
+  background: rgba(31, 122, 140, 0.06);
+}
+
+.output-preview {
+  flex: 0 0 160px;
+  background: #0a1519;
+  color: #d7f1f6;
+  border-top: 1px solid rgba(255, 255, 255, 0.06);
+}
+
 .btn {
   border: 0;
   border-radius: 999px;
@@ -206,6 +212,11 @@ body {
   font-weight: 600;
 }
 
+.blocklyToolboxCategory {
+  height: 40px;
+  line-height: 30px;
+}
+
 @media (max-width: 980px) {
   .app-shell {
     padding: 20px;