Move Sud controls into the header bar next to Connect

New/Load/Save/Start/Stop now live in #sud-controls inside
#connection-bar, visible regardless of which tab is active, instead of
a standalone panel above the tabs. Drops the now-unused .button-row
rule along with it.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0189FkmyJkY77HqsNomr1DwV

web/style.css

@@ -16,6 +16,7 @@ body {
 header#connection-bar {
 	display: flex;
 	align-items: center;
+	flex-wrap: wrap;
 	gap: 1em;
 	padding-bottom: 0.5em;
 	border-bottom: 1px solid #ccc;
@@ -24,6 +25,14 @@ header#connection-bar {
 .status-connected { color: #2ecc71; font-weight: bold; }
 .status-disconnected { color: #999; }
 
+#sud-controls {
+	display: flex;
+	align-items: center;
+	gap: 0.5em;
+	padding-left: 1em;
+	border-left: 1px solid #ccc;
+}
+
 #lcd-panel {
 	display: grid;
 	grid-template-columns: 10em 6em 6em;
@@ -84,12 +93,7 @@ nav#tabs {
 
 .hidden { display: none; }
 
-.button-row {
-	display: flex;
-	gap: 0.5em;
-	margin: 0.3em 0;
-}
-.button-row button:disabled { opacity: 0.5; cursor: default; }
+#sud-controls button:disabled { opacity: 0.5; cursor: default; }
 
 #step-plates { display: flex; flex-direction: column; gap: 0.5em; max-width: 36em; }