@quark.clip/quark 1.1.1 → 1.3.1

package/README.md

@@ -30,6 +30,7 @@ The operating system clipboard is fundamentally broken and stuck in the past:
 - **Heals** broken PDF text automatically.
 - **Strips** tracking parameters from URLs.
 - **Transforms** raw Excel data, Markdown, and LaTeX into clean, rich HTML.
+- **Omni-Context Engine**: Detects the active target app (Notion, Obsidian, VS Code, Pages) and dynamically shifts clipboard flavors (Markdown, HTML, RTF) to ensure flawless structure on every paste.
 - **Syncs** across your Mac, Windows, and Linux machines instantly via P2P.
 - **Exposes** your clipboard to local AI models via MCP.
 

package/cli/bin/quark.js

@@ -11,6 +11,29 @@ const pidFile = path.join(__dirname, '../quark.pid');
 const logFile = path.join(__dirname, '../quark.log');
 
 switch (command) {
+  case 'run':
+    console.log(`
+      o-------o
+      | \\   / |
+      |   o   |
+      | /   \\ |
+      o-------o
+    `);
+    console.log('🚀 Starting Quark Daemon (Foreground Session)...');
+    console.log('💡 Press Ctrl+C to stop. Logs will appear below:');
+    require(daemonPath);
+    break;
+
+  case 'logs':
+    if (fs.existsSync(logFile)) {
+      console.log('📜 Tailing Quark logs... (Press Ctrl+C to exit)');
+      const tail = spawn('tail', ['-f', logFile], { stdio: 'inherit' });
+      tail.on('exit', () => process.exit(0));
+    } else {
+      console.log('⚠️ No log file found at ' + logFile);
+    }
+    break;
+
   case 'start':
     console.log(`
       o-------o
@@ -64,7 +87,7 @@ switch (command) {
     console.log(`\n🌌 Quark Status`);
     console.log(`----------------`);
     console.log(`Manual Session: ${isRunning ? '🟢 Running' : '🔴 Stopped'}`);
-    
+
     // Check OS Service Status
     const os = require('os');
     const platform = os.platform();
@@ -92,7 +115,7 @@ switch (command) {
     } catch (e) {
       // Ignore errors from execSync if service is not running
     }
-    
+
     console.log(`OS Service:     ${serviceRunning ? '🟢 Installed & Running' : '🔴 Not Installed / Stopped'}`);
     console.log(`\nLog file: ${logFile}`);
     if (!serviceRunning) {
@@ -112,6 +135,8 @@ switch (command) {
 Usage:
   quark start      Start the daemon in the background (current session)
   quark stop       Stop the manually started daemon
+  quark run        Start the daemon in the foreground (live logs)
+  quark logs       Tail the background daemon logs
   quark install    Install Quark as a native OS background service (Auto-start on boot)
   quark uninstall  Remove the native OS background service
   quark status     Check daemon status

package/cli/src/clipboard.js

@@ -9,9 +9,16 @@ function read() {
     if (platform === 'darwin') {
       text = execSync('pbpaste', { encoding: 'utf8' }).toString();
       try {
-        const hex = execSync(`osascript -e 'the clipboard as "HTML"' 2>/dev/null`, { encoding: 'utf8' });
-        const match = hex.match(/«data HTML([0-9A-F]+)»/i);
-        if (match) html = Buffer.from(match[1], 'hex').toString('utf8');
+        const jxa = `
+          ObjC.import("AppKit");
+          var pb = $.NSPasteboard.generalPasteboard;
+          var html = pb.stringForType("public.html");
+          if (html) { html.js; } else { ""; }
+        `;
+        const raw = execSync(`osascript -l JavaScript -e '${jxa.replace(/\n/g, ' ')}' 2>/dev/null`, { encoding: 'utf8' });
+        if (raw && raw.trim() !== '') {
+          html = raw;
+        }
       } catch (e) { }
     } else if (platform === 'linux') {
       text = execSync('xclip -selection clipboard -o', { encoding: 'utf8', stdio: ['ignore', 'pipe', 'ignore'] }).toString();
@@ -41,16 +48,19 @@ function writeHtml(html, plainText) {
   try {
     const platform = os.platform();
     if (platform === 'darwin') {
-      // Use hex-encoded AppleScript to set both HTML and Plain Text flavors simultaneously.
-      // This is the only way to ensure Electron apps (Teams/Slack) recognize the grid layout.
-      const hexHtml = Buffer.from(html, 'utf8').toString('hex').toUpperCase();
-      const hexText = Buffer.from(plainText, 'utf8').toString('hex').toUpperCase();
-
-      const script = `
-        set the clipboard to { «class HTML»: «data HTML${hexHtml}», Unicode text: (run script "«data utxt${hexText}»") }
+      // Use JXA to write both public.html and public.utf8-plain-text to NSPasteboard
+      // This ensures Electron apps (Teams, Slack) can read the HTML correctly
+      const escapedHtml = html.replace(/\\/g, '\\\\').replace(/'/g, "\\'").replace(/\n/g, '\\n');
+      const escapedText = plainText.replace(/\\/g, '\\\\').replace(/'/g, "\\'").replace(/\n/g, '\\n');
+      const jxa = `
+        ObjC.import("AppKit");
+        var pb = $.NSPasteboard.generalPasteboard;
+        pb.clearContents;
+        pb.setStringForType($('${escapedHtml}'), $('public.html'));
+        pb.setStringForType($('${escapedText}'), $('public.utf8-plain-text'));
+        "ok";
       `;
-
-      execSync(`osascript -e '${script.replace(/\n/g, ' ')}'`);
+      execSync(`osascript -l JavaScript -e '${jxa.replace(/\n/g, ' ')}' 2>/dev/null`);
     } else if (platform === 'linux') {
       execSync('xclip -selection clipboard -t text/html', { input: html, stdio: ['pipe', 'ignore', 'ignore'] });
     } else if (platform === 'win32') {
@@ -86,4 +96,15 @@ function writeText(text) {
   } catch (e) { console.error('Error setting clipboard text:', e.message); }
 }
 
-module.exports = { read, writeHtml, writeText };
+function getActiveApp() {
+  try {
+    const platform = os.platform();
+    if (platform === 'darwin') {
+      const jxa = `ObjC.import("AppKit"); $.NSWorkspace.sharedWorkspace.frontmostApplication.localizedName.js;`;
+      return execSync(`osascript -l JavaScript -e '${jxa}' 2>/dev/null`, { encoding: 'utf8' }).trim();
+    }
+  } catch (e) { }
+  return null;
+}
+
+module.exports = { read, writeHtml, writeText, getActiveApp };

package/cli/src/daemon.js

@@ -6,6 +6,8 @@ const http = require('http');
 console.log('🌌 Quark Daemon Started at', new Date().toISOString());
 
 let lastClip = clipboard.read();
+let lastActiveApp = clipboard.getActiveApp();
+let lastProcessedResult = null;
 let isSyncingFromNetwork = false;
 
 // Initialize P2P Network
@@ -101,19 +103,31 @@ const pollInterval = setInterval(async () => {
       hasHtml: !!currentClip.html
     });
 
-    // Process through transformers
-    const result = await transformers.processClipboard(currentClip.text, currentClip.html);
+    const activeApp = clipboard.getActiveApp();
+    if (activeApp !== lastActiveApp) {
+      logEvent('INFO', `Active App changed: ${activeApp}`);
+      // JIT Injection: If we have a cached result, re-optimize for the new app
+      if (lastProcessedResult) {
+        writeGuard = true;
+        injectForTarget(activeApp, lastProcessedResult);
+      }
+      lastActiveApp = activeApp;
+    }
+
+    // Process through transformers with context
+    const result = await transformers.processClipboard(currentClip.text, currentClip.html, activeApp);
 
-    if (result.changed) {
-      logEvent('TRANSFORM', result.skipReason || 'Applying transformations');
-      writeGuard = true;
-      if (result.html) {
-        clipboard.writeHtml(result.html, result.text);
-      } else {
-        clipboard.writeText(result.text);
+    if (result.changed || result.markdown) {
+      lastProcessedResult = result;
+
+      if (result.changed) {
+        logEvent('TRANSFORM', result.skipReason || 'Applying transformations');
+        writeGuard = true;
+        injectForTarget(activeApp, result);
+
+        lastClip = clipboard.read(); // Update to OS state
+        network.broadcast(result.text, result.html);
       }
-      lastClip = clipboard.read(); // Update to OS state
-      network.broadcast(result.text, result.html);
     } else {
       if (result.skipReason) {
         logEvent('INFO', `Skipped: ${result.skipReason}`);
@@ -124,6 +138,24 @@ const pollInterval = setInterval(async () => {
   }
 }, 500);
 
+function injectForTarget(app, result) {
+  const markdownApps = ['Obsidian', 'Visual Studio Code', 'Cursor', 'Linear', 'GitHub'];
+  const isMarkdownTarget = markdownApps.some(m => app && app.includes(m));
+
+  if (isMarkdownTarget && result.markdown) {
+    // For Markdown-friendly apps, we prioritize Markdown in the plain-text flavor
+    // This allows pasting into Obsidian to get MD, while keeping HTML for table support if they want it
+    clipboard.writeHtml(result.html, result.markdown);
+  } else {
+    // Standard injection
+    if (result.html) {
+      clipboard.writeHtml(result.html, result.text);
+    } else {
+      clipboard.writeText(result.text);
+    }
+  }
+}
+
 // Graceful Shutdown
 function shutdown() {
   logEvent('INFO', 'Shutting down Quark Daemon gracefully...');

package/cli/src/transformers.js

@@ -1,31 +1,53 @@
 const { marked } = require('marked');
 
-function isExcelTSV(text) {
-  const lines = text.trim().split('\n').filter(l => l.trim().length > 0);
-  if (lines.length < 2) return false;
-  // Relaxed TSV detection for ragged lines resulting from sparse spreadsheet cells
-  const linesWithTabs = lines.filter(l => l.includes('\t')).length;
-  return linesWithTabs > 0 && linesWithTabs === lines.length;
+function analyzeGridProperties(text, delimiter) {
+  const lines = text.split('\n').map(l => l.trim('\r'));
+  if (lines.length < 2) return { isGrid: false };
+
+  const rows = lines.map(l => l.split(delimiter));
+  const counts = rows.map(r => r.length);
+
+  // A perfect grid has all rows equal length
+  const maxCols = Math.max(...counts);
+  const minCols = Math.min(...counts);
+
+  // Mathematical sparse matrix inference: 
+  // If the delimiter appears consistently across multiple lines, it's a grid.
+  // For TSV, even a single tab in multiple lines strongly implies a spreadsheet payload.
+  let isGrid = false;
+  if (delimiter === '\t') {
+    const linesWithTabs = lines.filter(l => l.includes('\t')).length;
+    // If at least 50% of lines have tabs, or we have distinct multi-column structure
+    isGrid = (linesWithTabs > 0 && linesWithTabs >= (lines.length / 2)) || (maxCols > 1 && counts[0] === counts[1]);
+  } else {
+    isGrid = maxCols > 2 && minCols === maxCols;
+  }
+
+  return { isGrid, rows, cols: maxCols };
 }
 
-function isCSV(text) {
-  const lines = text.trim().split('\n').filter(l => l.trim().length > 0);
-  if (lines.length < 2) return false;
-  const commas = lines[0].split(',').length;
-  return commas > 2 && lines.every(l => l.split(',').length === commas);
+function isExcelTSV(text) {
+  return analyzeGridProperties(text, '\t').isGrid;
 }
 
 function convertToHTML(text, delimiter) {
-  const rows = text.trim().split('\n').filter(l => l.trim().length > 0).map(r => r.split(delimiter));
+  const { rows, cols } = analyzeGridProperties(text, delimiter);
   let html = '<table style="border-collapse: collapse; font-family: sans-serif; font-size: 14px;">\n';
   rows.forEach((row, i) => {
+    // Drop completely empty trailing rows
+    if (i === rows.length - 1 && row.join('').trim() === '') return;
+
     html += '  <tr>\n';
-    row.forEach(cell => {
+
+    // Pad sparse rows with empty cells to maintain grid geometry
+    for (let j = 0; j < cols; j++) {
+      const cell = row[j] || '';
       const tag = i === 0 ? 'th' : 'td';
       const bg = i === 0 ? 'background-color: #f3f2f1;' : '';
       const style = `border: 1px solid #d1d1d1; padding: 6px 12px; ${bg}`;
       html += `    <${tag} style="${style}">${cell.trim()}</${tag}>\n`;
-    });
+    }
+
     html += '  </tr>\n';
   });
   html += '</table>';
@@ -156,25 +178,96 @@ function normalizeShouting(text) {
   return text;
 }
 
+function convertToMarkdown(html) {
+  if (!html) return '';
+
+  // Minimalist HTML to Markdown converter
+  let md = html
+    .replace(/<style([\s\S]*?)<\/style>/gi, '')
+    .replace(/<head([\s\S]*?)<\/head>/gi, '')
+    .replace(/<(h[1-6])(.*?)>(.*?)<\/\1>/gi, (m, h, a, c) => `${'#'.repeat(parseInt(h[1]))} ${c}\n\n`)
+    .replace(/<p(.*?)>(.*?)<\/p>/gi, '$2\n\n')
+    .replace(/<br\s*\/?>/gi, '\n')
+    .replace(/<b(.*?)>(.*?)<\/b>/gi, '**$2**')
+    .replace(/<strong(.*?)>(.*?)<\/strong>/gi, '**$2**')
+    .replace(/<i(.*?)>(.*?)<\/i>/gi, '*$2*')
+    .replace(/<em(.*?)>(.*?)<\/em>/gi, '*$2*')
+    .replace(/<a.*?href="(.*?)".*?>(.*?)<\/a>/gi, '[$2]($1)')
+    .replace(/<ul>([\s\S]*?)<\/ul>/gi, (m, c) => c.replace(/<li(.*?)>(.*?)<\/li>/gi, '- $2\n') + '\n')
+    .replace(/<ol>([\s\S]*?)<\/ol>/gi, (m, c) => {
+      let i = 1;
+      return c.replace(/<li(.*?)>(.*?)<\/li>/gi, () => `${i++}. $2\n`) + '\n';
+    });
+
+  // Table handling
+  md = md.replace(/<table([\s\S]*?)<\/table>/gi, (m, c) => {
+    const rows = [];
+    const trMatches = c.match(/<tr([\s\S]*?)<\/tr>/gi);
+    if (!trMatches) return '';
+
+    trMatches.forEach(tr => {
+      const cells = [];
+      const tdMatches = tr.match(/<(td|th)([\s\S]*?)<\/\1>/gi);
+      if (tdMatches) {
+        tdMatches.forEach(td => {
+          cells.push(td.replace(/<(?:.|\n)*?>/gm, '').trim().replace(/\|/g, '\\|'));
+        });
+        rows.push('| ' + cells.join(' | ') + ' |');
+      }
+    });
+
+    if (rows.length === 0) return '';
+
+    // Header separator
+    const colCount = rows[0].split('|').length - 2;
+    const separator = '| ' + Array(colCount).fill('---').join(' | ') + ' |';
+    rows.splice(1, 0, separator);
+
+    return rows.join('\n') + '\n\n';
+  });
+
+  // Strip remaining tags
+  return md.replace(/<(?:.|\n)*?>/gm, '').trim();
+}
+
 // The master pipeline
-async function processClipboard(text, originalHtml) {
-  let result = { changed: false, text: text, html: originalHtml };
+async function processClipboard(text, originalHtml, targetApp = null) {
+  let result = { changed: false, text: text, html: originalHtml, markdown: null };
+
+  // Calculate markdown if HTML exists
+  if (originalHtml) {
+    result.markdown = convertToMarkdown(originalHtml);
+  }
 
-  // PRESERVATION HEURISTIC: Yield if high-quality HTML already exists
+  // PRESERVATION HEURISTIC: If high-quality HTML exists, enhance it instead of skipping
   if (originalHtml) {
     const forensicMarkers = [
       'data-sheets-value',
       'data-sheets-userformat',
       'br-re-calc',
       'x-office-spreadsheet',
-      '<table',
-      '<tbody',
-      '<thead'
     ];
+    const hasSpreadsheetMeta = forensicMarkers.some(marker => originalHtml.toLowerCase().includes(marker));
+    const hasTable = originalHtml.toLowerCase().includes('<table');
+
+    if (hasTable) {
+      // Re-style existing tables with inline CSS for universal rendering
+      let styledHtml = originalHtml
+        .replace(/<table/gi, '<table style="border-collapse: collapse; font-family: sans-serif; font-size: 14px;"')
+        .replace(/<th(?=[ >])/gi, '<th style="border: 1px solid #d1d1d1; padding: 6px 12px; background-color: #f3f2f1;"')
+        .replace(/<td(?=[ >])/gi, '<td style="border: 1px solid #d1d1d1; padding: 6px 12px;"');
+
+      return {
+        changed: true,
+        text: text,
+        html: styledHtml,
+        markdown: convertToMarkdown(styledHtml),
+        skipReason: 'Table re-styled for universal rendering'
+      };
+    }
 
-    const hasStructure = forensicMarkers.some(marker => originalHtml.toLowerCase().includes(marker));
-    if (hasStructure) {
-      return { changed: false, text: text, html: originalHtml, skipReason: 'Forensic structure detected' };
+    if (hasSpreadsheetMeta && !hasTable) {
+      return { changed: false, text: text, html: originalHtml, markdown: result.markdown, skipReason: 'Spreadsheet metadata preserved' };
     }
   }
 
@@ -201,37 +294,54 @@ async function processClipboard(text, originalHtml) {
   // 1. URL Tracking Stripper
   if (text.startsWith('http') && text.includes('utm_')) {
     const clean = stripTrackingParams(text);
-    if (clean !== text) return { changed: true, text: clean, html: null };
+    if (clean !== text) return { changed: true, text: clean, html: null, markdown: clean };
   }
 
   // 2. JSON Prettier
   if ((text.startsWith('{') && text.endsWith('}')) || (text.startsWith('[') && text.endsWith(']'))) {
     const pretty = prettifyJSON(text);
-    if (pretty !== text && pretty.includes('\n')) return { changed: true, text: pretty, html: null };
+    if (pretty !== text && pretty.includes('\n')) return { changed: true, text: pretty, html: null, markdown: `\`\`\`json\n${pretty}\n\`\`\`` };
   }
 
   // 3. Excel TSV to HTML
   if (isExcelTSV(text)) {
-    return { changed: true, text: text, html: convertToHTML(text, '\t') };
+    const tableHtml = convertToHTML(text, '\t');
+    return {
+      changed: true,
+      text: text,
+      html: tableHtml,
+      markdown: convertToMarkdown(tableHtml)
+    };
   }
 
   // 4. CSV to HTML
-  if (isCSV(text) && !originalHtml) {
-    return { changed: true, text: text, html: convertToHTML(text, ',') };
+  if (!originalHtml && analyzeGridProperties(text, ',').isGrid) {
+    const tableHtml = convertToHTML(text, ',');
+    return {
+      changed: true,
+      text: text,
+      html: tableHtml,
+      markdown: convertToMarkdown(tableHtml)
+    };
   }
 
   // 5. Full Markdown & Math to HTML
   const mathResult = renderMathFormulas(text);
   if ((isMarkdown(text) || mathResult.hasMath) && !originalHtml) {
     const html = await convertMarkdownToHTML(text);
-    return { changed: true, text: text, html: html };
+    return {
+      changed: true,
+      text: text,
+      html: html,
+      markdown: text // If input was MD, use it
+    };
   }
 
   // 6. PDF Line Breaks (Only apply if it looks like a broken paragraph, heuristic)
   if (text.length > 100 && text.split('\n').length > 3 && !text.includes('\t') && !originalHtml) {
     const fixed = fixPDFLineBreaks(text);
     if (fixed !== text && fixed.length < text.length) {
-      return { changed: true, text: fixed, html: null };
+      return { changed: true, text: fixed, html: null, markdown: fixed };
     }
   }
 

package/dist/assets/index-CuVu9tSn.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-md:.375rem;--radius-xl:.75rem;--radius-2xl:1rem;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-32{margin-top:calc(var(--spacing) * 32)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-4{height:calc(var(--spacing) * 4)}.h-16{height:calc(var(--spacing) * 16)}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.border-collapse{border-collapse:collapse}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-24{gap:calc(var(--spacing) * 24)}.gap-32{gap:calc(var(--spacing) * 32)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-zinc-100{border-color:var(--color-zinc-100)}.border-zinc-200{border-color:var(--color-zinc-200)}.bg-\[\#fafafa\]{background-color:#fafafa}.bg-white{background-color:var(--color-white)}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.bg-zinc-100{background-color:var(--color-zinc-100)}.p-0{padding:calc(var(--spacing) * 0)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-32{padding-top:calc(var(--spacing) * 32)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-32{padding-bottom:calc(var(--spacing) * 32)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-black{color:var(--color-black)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.text-zinc-700{color:var(--color-zinc-700)}.text-zinc-800{color:var(--color-zinc-800)}.text-zinc-900{color:var(--color-zinc-900)}.lowercase{text-transform:lowercase}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.select-none{-webkit-user-select:none;user-select:none}.selection\:bg-zinc-200 ::selection{background-color:var(--color-zinc-200)}.selection\:bg-zinc-200::selection{background-color:var(--color-zinc-200)}.selection\:text-black ::selection{color:var(--color-black)}.selection\:text-black::selection{color:var(--color-black)}@media(hover:hover){.hover\:text-black:hover{color:var(--color-black)}.hover\:text-zinc-500:hover{color:var(--color-zinc-500)}.hover\:underline:hover{text-decoration-line:underline}}@media(min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}}@media(min-width:48rem){.md\:p-12{padding:calc(var(--spacing) * 12)}.md\:pt-48{padding-top:calc(var(--spacing) * 48)}}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}

package/dist/index.html

@@ -19,8 +19,8 @@
         }
       }(window.location));
     </script>
-    <script type="module" crossorigin src="/quark/assets/index-CDMgweEY.js"></script>
-    <link rel="stylesheet" crossorigin href="/quark/assets/index-Dn1mbcJe.css">
+    <script type="module" crossorigin src="/quark/assets/index-Db7-j4bQ.js"></script>
+    <link rel="stylesheet" crossorigin href="/quark/assets/index-CuVu9tSn.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quark.clip/quark",
-  "version": "1.1.1",
+  "version": "1.3.1",
   "private": false,
   "type": "module",
   "files": [
@@ -54,4 +54,4 @@
     "typescript": "~5.8.2",
     "vite": "^6.2.0"
   }
-}
+}

package/dist/assets/index-Dn1mbcJe.css

@@ -1 +0,0 @@
-/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-md:.375rem;--radius-xl:.75rem;--radius-2xl:1rem;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-32{margin-top:calc(var(--spacing) * 32)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.h-4{height:calc(var(--spacing) * 4)}.h-16{height:calc(var(--spacing) * 16)}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.border-collapse{border-collapse:collapse}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-24{gap:calc(var(--spacing) * 24)}.gap-32{gap:calc(var(--spacing) * 32)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-zinc-100{border-color:var(--color-zinc-100)}.border-zinc-200{border-color:var(--color-zinc-200)}.bg-\[\#fafafa\]{background-color:#fafafa}.bg-white{background-color:var(--color-white)}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.bg-zinc-100{background-color:var(--color-zinc-100)}.p-0{padding:calc(var(--spacing) * 0)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-32{padding-top:calc(var(--spacing) * 32)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-32{padding-bottom:calc(var(--spacing) * 32)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-black{color:var(--color-black)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.text-zinc-700{color:var(--color-zinc-700)}.text-zinc-800{color:var(--color-zinc-800)}.text-zinc-900{color:var(--color-zinc-900)}.lowercase{text-transform:lowercase}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.select-none{-webkit-user-select:none;user-select:none}.selection\:bg-zinc-200 ::selection{background-color:var(--color-zinc-200)}.selection\:bg-zinc-200::selection{background-color:var(--color-zinc-200)}.selection\:text-black ::selection{color:var(--color-black)}.selection\:text-black::selection{color:var(--color-black)}@media(hover:hover){.hover\:text-black:hover{color:var(--color-black)}.hover\:text-zinc-500:hover{color:var(--color-zinc-500)}.hover\:underline:hover{text-decoration-line:underline}}@media(min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}}@media(min-width:48rem){.md\:p-12{padding:calc(var(--spacing) * 12)}.md\:pt-48{padding-top:calc(var(--spacing) * 48)}}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}