feat: add map-driven orthophoto analysis

frontend/src/styles/app.css

@@ -6045,6 +6045,68 @@ section {
   animation: geo-spin 0.8s linear infinite;
 }
 
+.geo-image-analysis {
+  display: grid;
+  gap: 0.55rem;
+  border: 1px solid #b9cec7;
+  border-left: 3px solid #176a5c;
+  border-radius: 6px;
+  padding: 0.65rem;
+  background: #f4faf8;
+}
+
+.geo-image-analysis > div {
+  display: grid;
+  gap: 0.14rem;
+}
+
+.geo-image-analysis span {
+  color: #4f6a62;
+  font-size: 0.61rem;
+  font-weight: 850;
+  text-transform: uppercase;
+}
+
+.geo-image-analysis strong {
+  color: #173e38;
+  font-size: 0.78rem;
+}
+
+.geo-image-analysis small,
+.geo-image-analysis p {
+  margin: 0;
+  color: #64736d;
+  font-size: 0.65rem;
+  line-height: 1.4;
+}
+
+.geo-image-analysis > button {
+  width: 100%;
+  min-height: 2.35rem;
+}
+
+.geo-image-analysis-acquiring,
+.geo-image-analysis-detecting,
+.geo-image-analysis-validating {
+  border-left-color: #b17a31;
+  background: #fffbeb;
+}
+
+.geo-image-analysis-complete {
+  border-left-color: #277749;
+  background: #f1faf4;
+}
+
+.geo-image-analysis-failed {
+  border-color: #e2b9b5;
+  border-left-color: #aa3f37;
+  background: #fff7f6;
+}
+
+.geo-image-analysis .error {
+  color: #8b2d2d;
+}
+
 @keyframes geo-spin {
   to { transform: rotate(360deg); }
 }