feat(export): optimize dialog defaults and option cards

src/pages/ExportPage.scss

@@ -935,15 +935,15 @@
 .format-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
-  gap: 8px;
+  gap: 6px;
 }
 
 .format-card {
   width: 100%;
-  min-height: 82px;
+  min-height: 0;
   border: 1px solid var(--border-color);
   border-radius: 10px;
-  padding: 10px;
+  padding: 8px 10px;
   text-align: left;
   background: var(--bg-primary);
   cursor: pointer;
@@ -956,13 +956,14 @@
     font-size: 13px;
     font-weight: 600;
     color: var(--text-primary);
+    line-height: 1.35;
   }
 
   .format-desc {
-    margin-top: 3px;
+    margin-top: 1px;
     font-size: 11px;
     color: var(--text-tertiary);
-    line-height: 1.4;
+    line-height: 1.35;
   }
 
   &.active {
@@ -1031,10 +1032,22 @@
   border: 1px solid var(--border-color);
   border-radius: 8px;
   padding: 8px;
+  width: 100%;
   display: flex;
   flex-direction: column;
   gap: 2px;
   background: var(--bg-primary);
+  text-align: left;
+  cursor: pointer;
+  color: inherit;
+  font: inherit;
+  appearance: none;
+  -webkit-appearance: none;
+
+  &:focus-visible {
+    outline: 2px solid rgba(var(--primary-rgb), 0.35);
+    outline-offset: 1px;
+  }
 
   span {
     font-size: 12px;
@@ -1048,11 +1061,6 @@
     line-height: 1.4;
   }
 
-  input {
-    accent-color: var(--primary);
-    margin: 0 0 4px;
-  }
-
   &.active {
     border-color: var(--primary);
     background: rgba(var(--primary-rgb), 0.08);