Release Flow Tools 0.2.0

src/styles.css

@@ -82,6 +82,52 @@ button {
 button:hover {
   border-color: var(--accent);
 }
+.file-button {
+  display: inline-flex;
+  align-items: center;
+  border: 1px solid var(--line);
+  border-radius: 0.6rem;
+  padding: 0.55rem 0.7rem;
+  color: CanvasText;
+  cursor: pointer;
+}
+.file-button input {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+}
+.analysis-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 0.55rem;
+  margin: 0.7rem 0;
+}
+.analysis-grid div {
+  padding: 0.55rem;
+  border: 1px solid var(--line);
+  border-radius: 0.55rem;
+}
+.analysis-grid :where(dt, dd) {
+  margin: 0;
+}
+.analysis-grid dt {
+  color: var(--muted);
+  font-size: 0.75rem;
+}
+.analysis-grid dd {
+  font-weight: 700;
+}
+.run-actions {
+  display: flex;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+}
+progress {
+  width: 100%;
+  accent-color: var(--accent);
+}
 label {
   display: grid;
   gap: 0.25rem;
@@ -199,3 +245,8 @@ dialog {
     flex-direction: column;
   }
 }
+@media (max-width: 540px) {
+  .analysis-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}