feat: add AI idea placement triage

src/index.css

@@ -1205,3 +1205,81 @@ body {
     width: min(100% - 4rem, 100%);
   }
 }
+
+.triage-panel {
+  border-color: rgba(103, 232, 249, 0.3);
+  position: relative;
+  overflow: hidden;
+}
+
+.triage-panel::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: radial-gradient(circle at 12% 0%, rgba(103, 232, 249, 0.12), transparent 28%);
+  pointer-events: none;
+}
+
+.triage-panel > * {
+  position: relative;
+  z-index: 1;
+}
+
+.triage-layout {
+  display: grid;
+  grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.1fr);
+  gap: 1rem;
+}
+
+.triage-input,
+.triage-result,
+.triage-callout {
+  border: 1px solid rgba(148, 163, 184, 0.16);
+  border-radius: 18px;
+  background: rgba(3, 7, 18, 0.46);
+  padding: 1rem;
+}
+
+.triage-input,
+.triage-result {
+  display: grid;
+  gap: 0.9rem;
+  align-content: start;
+}
+
+.triage-result-header {
+  display: flex;
+  gap: 0.55rem;
+  flex-wrap: wrap;
+}
+
+.triage-callout strong {
+  display: block;
+  margin-bottom: 0.35rem;
+}
+
+.triage-callout p,
+.triage-callout small {
+  color: #b7c4db;
+  margin: 0 0 0.8rem;
+}
+
+.triage-callout p:last-child {
+  margin-bottom: 0;
+}
+
+.triage-callout.warning {
+  border-color: rgba(250, 204, 21, 0.34);
+  background: rgba(120, 53, 15, 0.22);
+}
+
+.triage-error {
+  margin: 0;
+  color: #fecaca;
+}
+
+@media (max-width: 900px) {
+  .triage-layout {
+    grid-template-columns: 1fr;
+  }
+}