Polish GUI design

python_app/webui/static/style.css

@@ -78,6 +78,7 @@ body {
   color: #ffffff;
 }
 .btn.primary:hover:not(:disabled) { background: var(--accent-hover); }
+.btn.destructive { color: #a73545; border-color: #cf9ba4; }
 .btn:disabled {
   color: var(--disabled-text);
   background: var(--disabled-bg);
@@ -125,6 +126,7 @@ body {
   overflow: hidden;
 }
 #plot { display: block; width: 100%; height: 100%; object-fit: contain; }
+#plot:not([src]) { display: none; }
 
 /* Side panel */
 .side-panel {
@@ -154,7 +156,7 @@ body {
   border-radius: 7px;
   padding: 5px 7px;
   color: var(--text);
-  font-family: var(--mono);
+  font-family: inherit;
   font-size: 12px;
 }
 .config-control:focus { outline: none; border-color: var(--accent); }
@@ -197,8 +199,7 @@ body {
 .group-title {
   margin: 12px 0 6px;
   font-size: 11px;
-  text-transform: uppercase;
-  letter-spacing: 0.6px;
+  text-transform: capitalize;
   color: var(--muted);
   font-weight: 700;
 }
@@ -227,7 +228,7 @@ body {
   border-radius: 7px;
   padding: 4px 7px;
   color: var(--text);
-  font-family: var(--mono);
+  font-family: inherit;
   font-size: 12px;
 }
 .field input:focus,
@@ -251,7 +252,7 @@ body {
   border-radius: 7px;
   padding: 4px 7px;
   color: var(--text);
-  font-family: var(--mono);
+  font-family: inherit;
   font-size: 12px;
 }
 .field textarea:focus { outline: none; border-color: var(--accent); }
@@ -262,7 +263,7 @@ body {
   padding: 10px 12px;
   border-top: 1px solid var(--border-soft);
 }
-.settings-actions .btn { flex: 1; }
+.settings-actions .btn { flex: auto; white-space: nowrap; }
 .note {
   padding: 0 12px 10px;
   color: var(--muted);