fix: reduce Options page padding and margins - tighter form layout

entrypoints/options/Options.tsx

@@ -61,23 +61,23 @@ const styles = {
     display: 'flex',
     alignItems: 'flex-start',
     justifyContent: 'center',
-    padding: '40px 20px',
+    padding: '16px 12px',
     fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
   } as React.CSSProperties,
   card: {
     background: 'rgba(30,30,46,0.95)',
     border: '1px solid rgba(205,214,244,0.12)',
-    borderRadius: '16px',
+    borderRadius: '12px',
-    padding: '32px',
+    padding: '16px',
     width: '100%',
-    maxWidth: '480px',
+    maxWidth: '420px',
     boxShadow: '0 8px 48px rgba(0,0,0,0.4)',
     color: '#cdd6f4',
   } as React.CSSProperties,
   logoRow: {
     display: 'flex',
     alignItems: 'center',
-    gap: '10px',
+    gap: '8px',
     marginBottom: '4px',
   } as React.CSSProperties,
   logo: {
@@ -92,7 +92,7 @@ const styles = {
   subtitle: {
     fontSize: '13px',
     color: '#6c7086',
-    marginBottom: '28px',
+    marginBottom: '14px',
     marginTop: '4px',
   } as React.CSSProperties,
   label: {
@@ -128,7 +128,7 @@ const styles = {
     boxSizing: 'border-box' as const,
   } as React.CSSProperties,
   formGroup: {
-    marginBottom: '20px',
+    marginBottom: '12px',
   } as React.CSSProperties,
   hint: {
     fontSize: '12px',
@@ -145,18 +145,18 @@ const styles = {
   } as React.CSSProperties,
   saveBtn: {
     width: '100%',
-    padding: '12px',
+    padding: '10px',
     borderRadius: '10px',
     border: 'none',
     fontSize: '15px',
     fontWeight: '700',
     cursor: 'pointer',
     transition: 'all 0.2s ease',
-    marginTop: '8px',
+    marginTop: '4px',
   } as React.CSSProperties,
   divider: {
     borderTop: '1px solid rgba(205,214,244,0.08)',
-    margin: '24px 0',
+    margin: '12px 0',
   } as React.CSSProperties,
   statusBadge: {
     display: 'inline-flex',