From f6507c5c16adc4653db4becb56ef11214128a21f Mon Sep 17 00:00:00 2001
From: JL Kruger <jlkruger@3scfoundations.org>
Date: Wed, 1 Apr 2026 17:55:34 +0200
Subject: [PATCH] First Commit. This was the first tool I asked a machine to
 build for me.

---
 README.md     |  91 ++++++++++++++++
 icon128.png   | Bin 0 -> 3845 bytes
 icon16.png    | Bin 0 -> 476 bytes
 icon48.png    | Bin 0 -> 1360 bytes
 manifest.json |  27 +++++
 popup.html    |  98 ++++++++++++++++++
 popup.js      | 207 +++++++++++++++++++++++++++++++++++++
 styles.css    | 279 ++++++++++++++++++++++++++++++++++++++++++++++++++
 8 files changed, 702 insertions(+)
 create mode 100644 README.md
 create mode 100644 icon128.png
 create mode 100644 icon16.png
 create mode 100644 icon48.png
 create mode 100644 manifest.json
 create mode 100644 popup.html
 create mode 100644 popup.js
 create mode 100644 styles.css

diff --git a/README.md b/README.md
new file mode 100644
index 0000000..93f1457
--- /dev/null
+++ b/README.md
@@ -0,0 +1,91 @@
+# TabCatcher
+
+> *A browser extension for people who open 47 tabs and call it "research".*
+
+TabCatcher is a tiny Microsoft Edge (and Chrome-compatible) extension that rounds up all your feral open tabs and herds them into a neat Markdown file — titles, URLs, descriptions, and all.
+
+---
+
+## What it does
+
+You click a button. Your tabs become a `.md` file. That's it. That's the whole thing.
+
+More specifically:
+
+- Counts your open tabs and windows so you can feel something
+- Fetches `<meta>` descriptions from each page (optional — it does slow things down a smidge)
+- Groups tabs by window if you're the type who organizes chaos into labeled chaos
+- Stamps the export with a timestamp so future-you knows exactly when past-you had 74 tabs open at 2am
+
+---
+
+## Installation
+
+This extension isn't on the store (yet). Load it manually:
+
+1. Clone or download this repo
+2. Open Edge and go to `edge://extensions/`
+3. Enable **Developer mode** (toggle, top-right)
+4. Click **Load unpacked** and point it at this folder
+5. Pin the extension and marvel at that little icon
+
+---
+
+## Usage
+
+1. Click the TabCatcher icon in your toolbar
+2. Pick your export options
+3. Hit **Export Tabs**
+4. Save the `.md` file somewhere you'll definitely find it later
+
+### Export options
+
+| Option | Default | What it does |
+|---|---|---|
+| Include page descriptions | On | Grabs `meta description` / `og:description` from each tab |
+| Group by window | Off | Splits the export into sections per browser window |
+| Include timestamp | On | Adds the date/time to the top of the file |
+
+---
+
+## Output format
+
+The exported file looks something like this:
+
+```markdown
+# Browser Tabs Export
+
+**Exported:** Tuesday, April 1, 2026 at 2:14 AM
+
+**Total Tabs:** 52
+
+---
+
+- **How to center a div - Stack Overflow**
+  - URL: https://stackoverflow.com/questions/...
+  - Description: The definitive resource for div-centering discourse
+
+- **cute cat videos - YouTube**
+  - URL: https://youtube.com/...
+```
+
+---
+
+## Permissions
+
+TabCatcher asks for only what it needs:
+
+- `tabs` — to read tab titles and URLs
+- `scripting` — to extract page descriptions from each tab
+- `downloads` — to save the `.md` file to your disk
+- `activeTab` — standard popup permission
+
+---
+
+## Contributing
+
+Found a bug? Have a feature idea? Open an issue or a PR. All tabs welcome.
+
+---
+
+*Built because browser bookmarks are a lie we tell ourselves.*
diff --git a/icon128.png b/icon128.png
new file mode 100644
index 0000000000000000000000000000000000000000..78bf8197104cca4ea1261a647f3005921549e6c1
GIT binary patch
literal 3845
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
SyLZ5IEyPgIRJTUQG4?;mYZprZ

literal 0
HcmV?d00001

diff --git a/icon16.png b/icon16.png
new file mode 100644
index 0000000000000000000000000000000000000000..e942ec428f19274e360506013fad3d6d6922017c
GIT binary patch
literal 476
zcmV<20VDp2P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00004b3#c}2nYxW
zd<bNS0004#Nkl<ZIE|%}J*(nS5Qd+`^_qwufoP1FO3+S01T93nh`p_UK!2hrL>miD
zD)k2lf(Tj|P*9R=v)3i4#qNFKz`)FTX68Ld00Mp>@h6vG0F6e2Ua$AIP*D^TiNt4s
zD2jAC9V(Ryx~{(z4h94I{r+b_sZ`>8K4V!HrfG(XR8>WmWi(Ag)3o=1dcBV0IM}w0
zq9_!L#n5WDZ8M+G>2|xXfK)1lVHj*S8+_kqI-O#gCW0U!NfOm+mF05DYPBMrPE#(I
z!vIN=n9XK99uEMv+by@-jchhcE|+7yUgNqhp64+hk7>8tp(%oYJ+WBq84G^`lF1~h
zsv?TvuMq?Rr_+hc<?`|Z0KWigwHl^ray%aKeLrlHD57Z^lgR|fao$3L;cyrjhVgOa
zLZJ|hMx(bm@w<!Xd2i_ep69)+_ALPjn$0GyR*U_9|6C!T&l8D60Eoxq91aI|yB$Fg
z;QK!J`<=yN!PCTSHcKXxd3MruooF<QD2iOKS6tUcmgT1}UteEXmh~6#zxoZv#G+7K
S>V=vB0000<MNUMnLSTYSwa!)m

literal 0
HcmV?d00001

diff --git a/icon48.png b/icon48.png
new file mode 100644
index 0000000000000000000000000000000000000000..a0bd6417dbc5284f2c81c2f5587205bfc84e1c66
GIT binary patch
literal 1360
zcmV-W1+V&vP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00004b3#c}2nYxW
zd<bNS000FCNkl<ZXo2mST~8BR6o#LEIHe^Jr$HzPMZ{FmphCQna!~^qK17k2Ug(vH
zKji!ee}G;RF>pZ;Nxbo^5(#P~CPs+}0Rn;2LbYXtY0pK&J}v#67VR<Vn>6W~S^Hh<
zoxNvu?Oh!Z;V*{1&<W&=qJTo9D4@_N3Me#;TAZy`D}8-^sH)1)&=BEp_;=-%H8jnD
z+wG>Yu@Q&E!R_0(4<&(9r%vH=xhN|u%V~Vp0_y7OsH&<G_Q{hcsjI8YDQGO`ojZ4M
zxm?`6dl$W4`-;wLgifcUr>6&<PWRtHy`I6rK};r-=AirIuU)$)IIUJI9UUFod9rb8
zZEdBdrUrn$y*+kzb^wrNncm)B%|QX$+uP%26rioGjWcJ?XyVBzz-%_hJ(-s;Uoti}
zChQ9rF3{ZEtSM-1Z7nXB3xG%@!p6o15S{6PfdQ;mYt~#D1zfpu1&hT3fY0aS_3PJs
z`t*qpA3g}5zP>(=9zB{>K$FSD;NYNG?~99zJb3T`pU($CNl6KAx0@qJj^r=EX0vhW
z(j{R}PENA7w+Fz)!~~n0n<8jzQt8m$-7TK*&dv^_qoe%%`IF({VZm*)*|J`mX(RUZ
z^oXS9=H~eP`LnpEC<-GZBdDqhfZcAVy}dncu(M~+($dl*?D6q&{C+<GD=RBZOiYM-
zEiEmywzlRjpt-r3`uchRR8{5a)29hOOG`^UfBsz9E|-hi+S;Ui<>lq{_xB6?<HwK8
z&d$d9%*@QhEzREEUaG6BwF@v940LvO3VUj5O1x+X@#@tp78VwwWO_ZfZr#FcHplts
zbUJR{yeY2x{eGT2d6JZGe0-d>wKV{YMk8*wo05_eZ31Gez>gn4c=6&zN`i1W%;@MS
zp->2j&dR|Sqp7KhhK2^=KQb~RO7TJL?(XvF(WAIhedETBl<^I~KL;-cgF&XJrwIfC
z%+1ZQyu6%}0HQDB#>NH<3ky7Z_DsAN`>3w2#%{MGNfI89hxhN_r{xQULU_Gi&Ye4l
zs;W#+PqVVJlF~o&Cq9xSMcUfhA{L7!>oHEJGh(yZ()#Eqo=OxJMFEAzUoRl*EoEtG
zDUu}R6--rC0)YUL$l=wEv;rzBDsVcTI2;a2OG^(W;ICi5`2PJnQ&UrX`}QqwzLaJ3
z{Q2`-zkVH~QPaL(6W+Xe!{p>-UK~lYJAV8)0|Ntb?XjXL1cSl6f=QATH<OnyU&iP2
z@%HW8oH>&U=;-JW$*--gF*Y{F($Z4SL1H1xGFPu&rKzb2h<32=-n|oh0j)@=LT0l$
zuJIZg8alM(A-b!3{P?lhfmtjTPMkQAGhc#$%F0S{Qn0$ZDgqrQR8{56moLJ$*=#v;
zC7pqNY;SMpOq>aUKp<&Mtw<0M+spsX3S=-C#P@^kw-zJ_*xK3>-zzICb0*G&*fXJg
zW;#K@`ue&km*wT<T)cQOXYy32s;c7j>C?jA-;(Bnq(5X`U0pbxP9VCZW@l%apPx_J
z2AIueWLZwyY8Z`1Q4}OeLY8IhcDq=fUauFA$Aez4&+3>m6bdmjGm~C`$z<Z*y?Y!x
zb}S>|pN7}#<^KKq!cN+aDvH9xhY$Js_3Ix?ELUXQQr6Ve;BYvosHhM}j0a&dnUG~U
z=^q}kOHNf)6h&csdpqI94Tr-hijpzmU@(Zs<H=sY{~dq*hNdW>&?pKhH2wwn2kc^M
SmuHIr0000<MNUMnLSTY^v7c}N

literal 0
HcmV?d00001

diff --git a/manifest.json b/manifest.json
new file mode 100644
index 0000000..3c49132
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,27 @@
+{
+  "manifest_version": 3,
+  "name": "Edge Tab Catcher",
+  "version": "1.0.0",
+  "description": "Export all open tabs with their URLs, titles, and descriptions to a Markdown file",
+  "permissions": [
+    "tabs",
+    "activeTab",
+    "scripting",
+    "downloads"
+  ],
+  "action": {
+    "default_popup": "popup.html",
+    "default_icon": {
+      "16": "icon16.png",
+      "48": "icon48.png",
+      "128": "icon128.png"
+    }
+  },
+  "icons": {
+    "16": "icon16.png",
+    "48": "icon48.png",
+    "128": "icon128.png"
+  },
+  "author": "Your Name",
+  "homepage_url": "https://github.com/yourusername/tab-exporter"
+}
diff --git a/popup.html b/popup.html
new file mode 100644
index 0000000..979f345
--- /dev/null
+++ b/popup.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Tab Exporter</title>
+  <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+  <main class="container" role="main">
+    <header>
+      <h1 id="main-heading">Tab Exporter</h1>
+      <p class="subtitle">Export all your open tabs to a Markdown file</p>
+    </header>
+
+    <section class="stats" aria-labelledby="stats-heading">
+      <h2 id="stats-heading" class="visually-hidden">Tab Statistics</h2>
+      <div class="stat-card" role="status" aria-live="polite">
+        <span class="stat-number" id="tab-count">0</span>
+        <span class="stat-label">Open Tabs</span>
+      </div>
+      <div class="stat-card" role="status" aria-live="polite">
+        <span class="stat-number" id="window-count">0</span>
+        <span class="stat-label">Windows</span>
+      </div>
+    </section>
+
+    <section class="options" aria-labelledby="options-heading">
+      <h2 id="options-heading" class="section-heading">Export Options</h2>
+      
+      <div class="option-group">
+        <label class="checkbox-label">
+          <input 
+            type="checkbox" 
+            id="include-descriptions" 
+            checked
+            aria-describedby="desc-help"
+          >
+          <span>Include page descriptions</span>
+        </label>
+        <p id="desc-help" class="help-text">Fetches meta descriptions from each tab (may take longer)</p>
+      </div>
+
+      <div class="option-group">
+        <label class="checkbox-label">
+          <input 
+            type="checkbox" 
+            id="group-by-window"
+            aria-describedby="window-help"
+          >
+          <span>Group tabs by window</span>
+        </label>
+        <p id="window-help" class="help-text">Organizes tabs under separate window headings</p>
+      </div>
+
+      <div class="option-group">
+        <label class="checkbox-label">
+          <input 
+            type="checkbox" 
+            id="include-timestamp" 
+            checked
+            aria-describedby="time-help"
+          >
+          <span>Include export timestamp</span>
+        </label>
+        <p id="time-help" class="help-text">Adds date and time to the exported file</p>
+      </div>
+    </section>
+
+    <section class="actions">
+      <button 
+        id="export-btn" 
+        class="btn btn-primary"
+        aria-describedby="export-status"
+      >
+        <span class="btn-icon" aria-hidden="true">📥</span>
+        Export Tabs
+      </button>
+      
+      <div 
+        id="export-status" 
+        class="status-message" 
+        role="status" 
+        aria-live="polite" 
+        aria-atomic="true"
+      ></div>
+    </section>
+
+    <footer class="footer">
+      <p class="footer-text">
+        <kbd>Ctrl+Click</kbd> a tab to exclude it from export
+      </p>
+    </footer>
+  </main>
+
+  <script src="popup.js"></script>
+</body>
+</html>
diff --git a/popup.js b/popup.js
new file mode 100644
index 0000000..b79a136
--- /dev/null
+++ b/popup.js
@@ -0,0 +1,207 @@
+// Initialize extension
+document.addEventListener('DOMContentLoaded', async () => {
+  await updateStats();
+  setupEventListeners();
+});
+
+// Update tab and window count statistics
+async function updateStats() {
+  try {
+    const tabs = await chrome.tabs.query({});
+    const windows = await chrome.windows.getAll();
+    
+    document.getElementById('tab-count').textContent = tabs.length;
+    document.getElementById('window-count').textContent = windows.length;
+  } catch (error) {
+    console.error('Error updating stats:', error);
+  }
+}
+
+// Setup event listeners
+function setupEventListeners() {
+  const exportBtn = document.getElementById('export-btn');
+  exportBtn.addEventListener('click', handleExport);
+  
+  // Keyboard accessibility for options
+  const checkboxes = document.querySelectorAll('input[type="checkbox"]');
+  checkboxes.forEach(checkbox => {
+    checkbox.addEventListener('keydown', (e) => {
+      if (e.key === 'Enter' || e.key === ' ') {
+        e.preventDefault();
+        checkbox.checked = !checkbox.checked;
+      }
+    });
+  });
+}
+
+// Main export handler
+async function handleExport() {
+  const exportBtn = document.getElementById('export-btn');
+  const statusEl = document.getElementById('export-status');
+  
+  // Get user options
+  const includeDescriptions = document.getElementById('include-descriptions').checked;
+  const groupByWindow = document.getElementById('group-by-window').checked;
+  const includeTimestamp = document.getElementById('include-timestamp').checked;
+  
+  // Disable button and show loading state
+  exportBtn.disabled = true;
+  const originalContent = exportBtn.innerHTML;
+  exportBtn.innerHTML = '<span class="btn-icon loading" aria-hidden="true">⏳</span>Exporting...';
+  
+  statusEl.textContent = 'Collecting tab information...';
+  statusEl.className = 'status-message loading';
+  
+  try {
+    // Get all tabs
+    const tabs = await chrome.tabs.query({});
+    
+    // Fetch descriptions if needed
+    if (includeDescriptions) {
+      statusEl.textContent = `Fetching descriptions (0/${tabs.length})...`;
+      await fetchDescriptions(tabs, statusEl);
+    }
+    
+    // Generate markdown content
+    const markdown = await generateMarkdown(tabs, {
+      includeDescriptions,
+      groupByWindow,
+      includeTimestamp
+    });
+    
+    // Trigger download
+    downloadMarkdown(markdown);
+    
+    // Show success message
+    statusEl.textContent = '✓ Successfully exported ' + tabs.length + ' tabs!';
+    statusEl.className = 'status-message success';
+    
+  } catch (error) {
+    console.error('Export error:', error);
+    statusEl.textContent = '✗ Error: ' + error.message;
+    statusEl.className = 'status-message error';
+  } finally {
+    // Re-enable button
+    exportBtn.disabled = false;
+    exportBtn.innerHTML = originalContent;
+  }
+}
+
+// Fetch descriptions from tabs
+async function fetchDescriptions(tabs, statusEl) {
+  for (let i = 0; i < tabs.length; i++) {
+    const tab = tabs[i];
+    statusEl.textContent = `Fetching descriptions (${i + 1}/${tabs.length})...`;
+    
+    try {
+      // Try to execute script to get description
+      const results = await chrome.scripting.executeScript({
+        target: { tabId: tab.id },
+        func: extractDescription
+      });
+      
+      if (results && results[0] && results[0].result) {
+        tab.description = results[0].result;
+      }
+    } catch (error) {
+      // Tab might not support script injection (e.g., chrome:// pages)
+      tab.description = null;
+    }
+  }
+}
+
+// Function to extract description (runs in tab context)
+function extractDescription() {
+  const metaDesc = document.querySelector('meta[name="description"]');
+  const ogDesc = document.querySelector('meta[property="og:description"]');
+  return (metaDesc && metaDesc.content) || 
+         (ogDesc && ogDesc.content) || 
+         null;
+}
+
+// Generate markdown content
+async function generateMarkdown(tabs, options) {
+  let markdown = '# Browser Tabs Export\n\n';
+  
+  if (options.includeTimestamp) {
+    const now = new Date();
+    const timestamp = now.toLocaleString('en-US', {
+      dateStyle: 'full',
+      timeStyle: 'short'
+    });
+    markdown += `**Exported:** ${timestamp}\n\n`;
+  }
+  
+  markdown += `**Total Tabs:** ${tabs.length}\n\n`;
+  markdown += '---\n\n';
+  
+  if (options.groupByWindow) {
+    // Group tabs by window
+    const windows = await chrome.windows.getAll();
+    const tabsByWindow = {};
+    
+    tabs.forEach(tab => {
+      if (!tabsByWindow[tab.windowId]) {
+        tabsByWindow[tab.windowId] = [];
+      }
+      tabsByWindow[tab.windowId].push(tab);
+    });
+    
+    let windowIndex = 1;
+    for (const windowId in tabsByWindow) {
+      markdown += `## Window ${windowIndex}\n\n`;
+      markdown += formatTabs(tabsByWindow[windowId], options.includeDescriptions);
+      markdown += '---\n\n';
+      windowIndex++;
+    }
+  } else {
+    // List all tabs together
+    markdown += formatTabs(tabs, options.includeDescriptions);
+  }
+  
+  return markdown;
+}
+
+// Format tabs as markdown
+function formatTabs(tabs, includeDescriptions) {
+  let content = '';
+  
+  tabs.forEach((tab, index) => {
+    // List item with title and URL
+    content += `- **${escapeMarkdown(tab.title)}**\n`;
+    content += `  - URL: ${tab.url}\n`;
+    
+    // Description if available
+    if (includeDescriptions && tab.description) {
+      content += `  - Description: ${escapeMarkdown(tab.description)}\n`;
+    }
+    
+    content += '\n';
+  });
+  
+  return content;
+}
+
+// Escape markdown special characters
+function escapeMarkdown(text) {
+  if (!text) return '';
+  return text.replace(/[\\`*_{}[\]()#+\-.!]/g, '\\$&');
+}
+
+// Download markdown file
+function downloadMarkdown(content) {
+  const blob = new Blob([content], { type: 'text/markdown;charset=utf-8' });
+  const url = URL.createObjectURL(blob);
+  
+  const timestamp = new Date().toISOString().slice(0, 19).replace(/:/g, '-');
+  const filename = `tabs-export-${timestamp}.md`;
+  
+  chrome.downloads.download({
+    url: url,
+    filename: filename,
+    saveAs: true
+  }, (downloadId) => {
+    // Cleanup object URL after download starts
+    setTimeout(() => URL.revokeObjectURL(url), 100);
+  });
+}
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..7214afe
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,279 @@
+:root {
+  --primary-color: #2d8659;
+  --primary-hover: #36a169;
+  --primary-active: #236b47;
+  --secondary-color: #0d9488;
+  --alternate-color: #c4b5fd;
+  --success-color: #2d8659;
+  --error-color: #ef4444;
+  --text-primary: #bfdbfe;
+  --text-secondary: #93c5fd;
+  --bg-primary: linear-gradient(135deg, #1e1b4b 0%, #1e3a8a 100%);
+  --bg-secondary: rgba(255, 255, 255, 0.05);
+  --border-color: rgba(191, 219, 254, 0.2);
+  --shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+  --shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.4);
+  --radius: 8px;
+  --transition: all 0.2s ease;
+}
+
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+  font-size: 14px;
+  line-height: 1.5;
+  color: var(--text-primary);
+  background: var(--bg-primary);
+  width: 380px;
+  min-height: 400px;
+}
+
+/* Visually hidden but accessible to screen readers */
+.visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+
+.container {
+  padding: 20px;
+}
+
+header {
+  text-align: center;
+  margin-bottom: 24px;
+  padding-bottom: 16px;
+  border-bottom: 2px solid rgba(196, 181, 253, 0.3);
+}
+
+h1 {
+  font-size: 24px;
+  font-weight: 600;
+  color: var(--alternate-color);
+  margin-bottom: 4px;
+}
+
+.subtitle {
+  font-size: 13px;
+  color: var(--text-secondary);
+}
+
+/* Stats Section */
+.stats {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 12px;
+  margin-bottom: 24px;
+}
+
+.stat-card {
+  background: var(--bg-secondary);
+  border-radius: var(--radius);
+  padding: 16px;
+  text-align: center;
+  transition: var(--transition);
+  border: 1px solid var(--border-color);
+}
+
+.stat-card:hover {
+  transform: translateY(-2px);
+  box-shadow: var(--shadow);
+}
+
+.stat-number {
+  display: block;
+  font-size: 28px;
+  font-weight: 700;
+  color: var(--secondary-color);
+  line-height: 1;
+  margin-bottom: 4px;
+}
+
+.stat-label {
+  display: block;
+  font-size: 12px;
+  color: var(--text-secondary);
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+/* Options Section */
+.options {
+  margin-bottom: 24px;
+}
+
+.section-heading {
+  font-size: 16px;
+  font-weight: 600;
+  margin-bottom: 12px;
+  color: var(--text-primary);
+}
+
+.option-group {
+  margin-bottom: 16px;
+}
+
+.checkbox-label {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  user-select: none;
+  padding: 8px;
+  border-radius: 6px;
+  transition: var(--transition);
+}
+
+.checkbox-label:hover {
+  background: rgba(255, 255, 255, 0.08);
+}
+
+.checkbox-label input[type="checkbox"] {
+  width: 18px;
+  height: 18px;
+  margin-right: 10px;
+  cursor: pointer;
+  accent-color: var(--primary-color);
+  border: 1px solid var(--border-color);
+}
+
+.checkbox-label input[type="checkbox"]:focus {
+  outline: 2px solid var(--alternate-color);
+  outline-offset: 2px;
+}
+
+.checkbox-label span {
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.help-text {
+  font-size: 12px;
+  color: var(--text-secondary);
+  margin-top: 4px;
+  margin-left: 28px;
+}
+
+/* Actions Section */
+.actions {
+  margin-bottom: 16px;
+}
+
+.btn {
+  width: 100%;
+  padding: 14px 20px;
+  font-size: 15px;
+  font-weight: 600;
+  border: none;
+  border-radius: var(--radius);
+  cursor: pointer;
+  transition: var(--transition);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+}
+
+.btn:focus {
+  outline: 2px solid var(--alternate-color);
+  outline-offset: 2px;
+}
+
+.btn-primary {
+  background: var(--primary-color);
+  color: white;
+  box-shadow: var(--shadow);
+}
+
+.btn-primary:hover:not(:disabled) {
+  background: var(--primary-hover);
+  box-shadow: var(--shadow-hover);
+  transform: translateY(-1px);
+}
+
+.btn-primary:active:not(:disabled) {
+  background: var(--primary-active);
+  transform: translateY(0);
+}
+
+.btn-primary:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.btn-icon {
+  font-size: 18px;
+}
+
+.status-message {
+  margin-top: 12px;
+  padding: 12px;
+  border-radius: 6px;
+  font-size: 13px;
+  text-align: center;
+  min-height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.status-message.success {
+  background: rgba(45, 134, 89, 0.2);
+  color: #6ee7b7;
+  border: 1px solid var(--success-color);
+}
+
+.status-message.error {
+  background: rgba(239, 68, 68, 0.2);
+  color: #fca5a5;
+  border: 1px solid var(--error-color);
+}
+
+.status-message.loading {
+  background: rgba(13, 148, 136, 0.2);
+  color: var(--secondary-color);
+  border: 1px solid var(--secondary-color);
+}
+
+/* Footer */
+.footer {
+  padding-top: 16px;
+  border-top: 1px solid rgba(196, 181, 253, 0.3);
+}
+
+.footer-text {
+  font-size: 12px;
+  color: var(--text-secondary);
+  text-align: center;
+}
+
+kbd {
+  display: inline-block;
+  padding: 2px 6px;
+  font-family: monospace;
+  font-size: 11px;
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  border-radius: 4px;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+  color: var(--alternate-color);
+}
+
+/* Loading spinner animation */
+@keyframes spin {
+  to { transform: rotate(360deg); }
+}
+
+.btn-icon.loading {
+  animation: spin 1s linear infinite;
+}