feat: add material asset workspace

internal/webapp/static/styles.css

@@ -26,7 +26,8 @@ body {
 
 button,
 input,
-textarea {
+textarea,
+select {
   font: inherit;
 }
 
@@ -87,6 +88,18 @@ h2 {
   gap: 14px;
 }
 
+.material-form,
+.asset-form {
+  align-items: end;
+  display: grid;
+  gap: 14px;
+  grid-template-columns: repeat(2, minmax(180px, 1fr)) auto;
+}
+
+.wide-field {
+  grid-column: 1 / -1;
+}
+
 label {
   display: grid;
   gap: 7px;
@@ -96,7 +109,8 @@ label {
 }
 
 input,
-textarea {
+textarea,
+select {
   width: 100%;
   border: 1px solid var(--line);
   border-radius: 6px;
@@ -113,7 +127,8 @@ textarea {
 }
 
 input:focus,
-textarea:focus {
+textarea:focus,
+select:focus {
   border-color: var(--accent);
   box-shadow: 0 0 0 3px rgba(25, 118, 75, 0.12);
 }
@@ -248,6 +263,42 @@ button:disabled {
   line-height: 1.45;
 }
 
+.content-workspace {
+  border-top: 1px solid var(--line);
+  display: grid;
+  gap: 18px;
+  padding-top: 24px;
+}
+
+.ontology-view {
+  display: grid;
+  gap: 12px;
+}
+
+.summary-strip {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+
+.summary-chip {
+  background: var(--surface-muted);
+  border-radius: 6px;
+  color: var(--muted);
+  font-size: 12px;
+  font-weight: 750;
+  padding: 9px 11px;
+}
+
+.prompt-text {
+  background: #fbfcfa;
+  border: 1px solid var(--line);
+  border-radius: 6px;
+  margin: 0;
+  padding: 14px;
+  white-space: pre-wrap;
+}
+
 @media (max-width: 980px) {
   .workspace {
     grid-template-columns: 1fr;
@@ -257,4 +308,9 @@ button:disabled {
     max-width: 100%;
     font-size: 42px;
   }
+
+  .material-form,
+  .asset-form {
+    grid-template-columns: 1fr;
+  }
 }