feat(project): align store delivery pages with live APIs and geocode status

apps/web-antd/src/views/store/delivery/styles/drawer.less

@@ -91,3 +91,97 @@
   font-size: 15px;
   border-radius: 10px;
 }
+
+.zone-map-summary {
+  margin-top: 10px;
+  font-size: 12px;
+  color: #64748b;
+}
+
+.zone-geojson-preview {
+  margin-top: 10px;
+}
+
+.zone-geojson-preview .ant-input {
+  font-family:
+    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
+    'Courier New', monospace;
+  font-size: 12px;
+  line-height: 1.55;
+  color: #334155;
+  background: #f8fafc;
+  border-color: #dbe5f3;
+  border-radius: 8px;
+}
+
+.zone-geojson-preview .ant-input::placeholder {
+  color: #94a3b8;
+}
+
+.zone-map-actions {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+
+.delivery-map-modal {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.delivery-map-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px 12px;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.delivery-map-status {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px 10px;
+  align-items: center;
+  font-size: 12px;
+  color: #64748b;
+}
+
+.delivery-map-status-pill {
+  display: inline-flex;
+  align-items: center;
+  height: 24px;
+  padding: 0 9px;
+  line-height: 22px;
+  color: #64748b;
+  background: #f8fafc;
+  border: 1px solid #dbe5f3;
+  border-radius: 999px;
+}
+
+.delivery-map-status-pill.drawing {
+  color: #1d4ed8;
+  background: #eff6ff;
+  border-color: #bfdbfe;
+}
+
+.delivery-map-status-text {
+  color: #94a3b8;
+}
+
+.delivery-map-alert {
+  margin-bottom: 2px;
+}
+
+.delivery-map-canvas {
+  width: 100%;
+  height: 520px;
+  overflow: hidden;
+  background: #f8fafc;
+  border: 1px solid #dbe5f3;
+  border-radius: 10px;
+}
+
+.delivery-map-canvas.loading {
+  opacity: 0.6;
+}