style(settings): size panel to 800x600 (viewport-guarded)

css/style.css

@@ -2074,7 +2074,7 @@ input[type="range"]::-webkit-slider-thumb {
 /* Settings needs more width than the entry editor — the left tab column eats
    ~100px. Only #settingsPanel; #slideover stays 420. (Center mode already
    sets its own 520.) */
-#settingsPanel { width: 520px; }
+#settingsPanel { width: min(96vw, 800px); }
 /* Suppress the slide animation when the panel is closed — otherwise
    changing editor-position animates the off-screen position from right
    to left and the panel briefly crosses the viewport. */
@@ -2119,7 +2119,7 @@ body[data-editor-position="center"] #settingsPanel {
 /* Settings gets a FIXED height in centered mode so switching tabs (short vs
    long) doesn't resize + re-center the modal. Entry #slideover stays
    content-sized (grows with the form). */
-body[data-editor-position="center"] #settingsPanel { height: min(90vh, 660px); }
+body[data-editor-position="center"] #settingsPanel { height: min(92vh, 600px); }
 body[data-editor-position="center"] #slideover.is-open,
 body[data-editor-position="center"] #settingsPanel.is-open {
     transform: translate(-50%, -50%) scale(1);