Refactor radar system

python_app/webui/static/style.css

@@ -107,11 +107,14 @@ body {
 }
 .plot-head {
   display: flex;
-  align-items: baseline;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
   justify-content: space-between;
   margin-bottom: 8px;
 }
 .plot-title { font-weight: 600; color: var(--status); }
+.sar3d-status { margin-bottom: 8px; overflow-wrap: anywhere; }
 .axes-label { color: var(--muted); font-family: var(--mono); font-size: 12px; }
 .canvas-wrap {
   flex: 1;
@@ -141,6 +144,7 @@ body {
 }
 .config-title { font-weight: 600; color: var(--status); margin-bottom: 8px; }
 .config-row { display: flex; gap: 8px; }
+.config-row[hidden] { display: none; }
 .config-row + .config-row { margin-top: 8px; }
 .config-control {
   flex: 1;
@@ -251,7 +255,6 @@ body {
   font-size: 12px;
 }
 .field textarea:focus { outline: none; border-color: var(--accent); }
-.on-start-hint { color: var(--muted); font-size: 11px; font-style: italic; }
 
 .settings-actions {
   display: flex;
@@ -352,3 +355,12 @@ body {
   .field select { width: 130px; }
   .statusbar { gap: 12px; }
 }
+.geometry-field { display: block; }
+.geometry-field label { display: block; margin-bottom: 5px; }
+.geometry-editor { width: 100%; min-width: 0; overflow-x: auto; }
+.geometry-editor table { width: 100%; min-width: 340px; table-layout: fixed; border-collapse: collapse; }
+.geometry-editor th { font-size: 0.7rem; text-align: left; }
+.geometry-editor td { padding: 2px; }
+.geometry-editor input[type="number"] { width: 100%; min-width: 0; }
+.geometry-editor button { background: var(--panel); color: var(--text); border: 1px solid var(--border); border-radius: 6px; padding: 4px 8px; }
+.geometry-editor button:disabled { opacity: 0.45; }