Various enhancements, restyling and new options

styles/components/_preset-load-dialog.less

@@ -1,6 +1,10 @@
 .scrying-pool.preset-load-dialog {
-  background: var(--sp-surface);
+  background: var(--sp-dialog-bg);
   color: var(--sp-text-primary);
+  border: var(--sp-dialog-border);
+  border-top: 2px solid var(--sp-accent);
+  border-radius: var(--sp-dialog-radius);
+  box-shadow: var(--sp-dialog-shadow);
 
   // ── Content wrapper ────────────────────────────────────────────────────
   .preset-load-dialog__content {
@@ -47,24 +51,26 @@
     text-align: left;
     font-size: 13px;
     padding: 8px 12px;
-    border-radius: 4px;
+    border-radius: var(--sp-btn-radius);
     cursor: pointer;
-    transition: background-color 0.15s, border-color 0.15s;
+    transition: background-color 0.15s, border-color 0.15s, color 0.15s;
     display: inline-flex;
     align-items: center;
     gap: 8px;
+    line-height: 1.2;
 
     i { font-size: 0.85em; opacity: 0.7; flex-shrink: 0; }
 
-    // Load button — styled as a row item, not a loud primary button
+    // Load button — green accent on hover
     &--load {
-      background: var(--sp-surface-elevated, rgba(255,255,255,0.06));
+      background: rgba(255, 255, 255, 0.04);
       color: var(--sp-text-primary);
-      border: 1px solid var(--sp-border);
+      border: 1px solid rgba(255, 255, 255, 0.1);
+      font-weight: 500;
 
       &:hover {
-        background: var(--sp-accent, #4a6f9c);
-        border-color: var(--sp-accent, #4a6f9c);
+        background: rgba(74, 158, 107, 0.85);
+        border-color: var(--sp-accent);
         color: #fff;
         i { opacity: 1; }
       }
@@ -75,8 +81,9 @@
     &--cancel {
       background: transparent;
       color: var(--sp-text-muted);
-      border: 1px solid var(--sp-border);
-      &:hover { color: var(--sp-text, inherit); border-color: currentColor; }
+      border: 1px solid rgba(255, 255, 255, 0.1);
+      font-weight: 500;
+      &:hover { color: var(--sp-text-primary); border-color: rgba(255,255,255,0.25); background: rgba(255,255,255,0.05); }
     }
   }
 
@@ -86,7 +93,9 @@
     justify-content: flex-end;
     gap: 8px;
     padding: 10px 12px;
-    border-top: 1px solid var(--sp-border);
+    border-top: 1px solid rgba(255, 255, 255, 0.08);
+    background: rgba(0, 0, 0, 0.15);
     flex-shrink: 0;
+    border-radius: 0 0 var(--sp-dialog-radius) var(--sp-dialog-radius);
   }
 }